html {
	font-family: "Helvetcia", "Arial", sans-serif;
	font-weight: 300;
	/*overflow-y:scroll;*/
}

body {
	/*background: url(../images/swmcdev-02.jpg) 50% 0% no-repeat;*/
	min-width: 960px;
	background-color: #c4c4c4;
}

a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: .25s all ease-in-out;
	-moz-transition: .25s all ease-in-out;
	-ms-transition: .25s all ease-in-out;
	-o-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
}

.entry-content a{
	color: rgb(119,154,11);
	text-decoration: underline;
}

#wrapper {
	background: #fff;
}

#header {
	
}

#message {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#container {
}

#footer {
}

/*.homepage or .interior for the two different menus*/

#menu {
	font-family: "bebas";
	background-color:#1b1b1b;
	padding: 0px;
	width: 100%;
	top: 0;
}


#menu .menu-topmenu-container, #menu > div {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	position: relative;
	text-align: center;
}

.interior-home-link {
	position: absolute;
	left: 0px;
	top: 19px;
	width: 198px;
	height: 20px;
	background: url(../images/logo-interior.png) 50% 50% no-repeat;
	text-indent: -9999px;
	text-align: left;
	display: none;
}

.home .interior-home-link {
	display: none;
}

.home #menu .menu-topmenu-container {
	text-align: center;
}

#menu .menu-item-has-children > a:after {
	content: "\f0d7";
	display: inline-block;
	padding-left: 5px;
	font-family: "FontAwesome";
}

#menu li {
	display: inline-block;
	padding: 20px 15px 20px 15px;
	position: relative;
}

.menu-topmenu-container > ul > li:before {
	content: "|";
	color: #fff;
	position: relative;
	left: -15px;
	top: -2px;
}

.menu-topmenu-container > ul > li:first-child:before {
	display: none;
}

#menu li ul {
	display: none;
	position: absolute;
	text-align: left;
	background: #ddd;
	z-index: 200;
	left: 10px;
	top: 100%;
	min-width: 175px;
}

#menu li:hover ul {
	display: block;
	transform:rotateX(0deg);
}

#menu li ul li {
	border: none;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
}

#menu li ul li a {
	white-space: nowrap;
	color: #1b1b1b;
	font-size: 18px;
}


#menu li.menu-phone {
	border: none;
}


#menu li a {
	color: #fff;
	font-size: 22px;
	/*border-bottom: 0px solid rgba(255,255,255,0);*/
	transition:.2s all ease-in-out;
}

#menu li a:hover {
	/*border-bottom: 2px solid rgba(255,255,255,1);*/
	color: #669900;
}




/*LOGO AND TAGLINE*/

#site-title {
	display: block;
	width: 452px;
	height: 77px;
	margin: 63px auto 0px;
	/*text-indent: -9999px;*/
	background: url(../images/logo-swmc_tagline@2x.png) 50% 50% no-repeat;
	background-size: 452px 77px;
	/*-ms-behavior: url(/backgroundsize.min.htc);*/
	display: none;
}

#site-title a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	/*font-size: 0;*/
}

.home #site-title {
	display: block;
}

#site-description {
	font-family: "Bitter";
	color:#666;
	font-size: 31px;
	text-align: center;
	letter-spacing: .045em;
	margin: 50px auto 70px;
	display: none;
}

.home #site-description {
	display: block;
	display: none;
}

	.header {
		max-width: 960px;
		margin: 0 auto;
		padding: 40px 0;
		position: relative;
	}

	.home .header {
		display: none;
	}

.entry-title, .new-contact-wrapper h3 {
	/*text-indent: -9999px;*/
	/*height: 0;*/
	font-family: "Bitter";
	/*font-weight: bold;*/
	font-size: 36px;
	color:#789920;
}

.story header.header {
	display: none;
}

.entry-content {
	text-indent: -9999px;
	height: 0;
}

.home .entry-content {
	text-indent: 0;
	height: auto;
	max-width: 930px;
	margin: 30px auto;
	font-family: "Bitter";
	font-size: 24px;
	color: #444;
	line-height: 1.5;
}

.entry-content.showme, .blog .entry-content, .single-post .entry-content {
	text-indent: 0;
	height: auto;
}

.entry-content.showme::after {
	display: table;
	clear: both;
	content:"";
}
/*default page styles*/

#content.default-page {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
}

.entry-content ul, .entry-content ol {
	margin-bottom: 1.5em;
}

.entry-content.showme p, .entry-content.showme ul li, .entry-content.showme ol li, .widget_text ul li{
	font-family: "Helvetica";
	line-height: 1.3;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: .25em;
}

.widget_text ul li {
	font-size: 15px;
	margin-left: 1.1em;
}

.widget-container + .widget-container {
	margin-top: 30px;
}

.entry-content.showme p {
	margin-bottom: 1em;
}

.entry-content.showme ul, .widget_text ul {
	list-style: disc;
}

.entry-content.showme ol, .widget_text ol {
	list-style: decimal;
}

.entry-content.showme ul li {
	margin-left: 3.5em;
}

/*homepage grids*/
.grid-container {
	text-align: left;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
	position: relative;
}

.grid-thumbnail {
	position: relative;
	width: 30%;
	margin:0 1.6666% 3.33%;
	max-width: 430px;
	display: inline-block;
}

.grid-container a {
	position: relative;
	display: inline-block;
}

.grid-container img {
	width: 100%;
	display: block;
}

.hoverlogo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	background-position: 50% 35%;
	background-repeat: no-repeat;
	background-size: 70%;
	opacity: 0;
	transition:.3s all ease-in-out;

	-ms-behavior: url(/backgroundsize.min.htc);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

.grid-container a:hover .hoverlogo{
	opacity: 1;
	background-position: 50% 35%;
	background-repeat: no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*footer styles*/

#footer {
	background-color: #C4C4C4;
	padding-top: 10px;
}

#footer-alpha {
	max-width: 960px;
	margin: 0 auto;
	text-align: right;
	height: 62px;
	padding: 0 10px 10px;
}

.footer-address {
	font-size: 12px;
	color: #888;
	font-weight: 300;
	text-align: center;
	float: left;
	width: 400px;
	line-height: 52px;
}

.madeinmaine {
	display: block;
	float: left;
	width: 216px;
	height: 52px;
	background: url(../images/madeinmaine.png) 50% 50% no-repeat;
	text-align: left;
	text-indent: -9999px;
}

.contactus {
	text-align: left;
	display: inline-block;
	width: 147px;
	height: 38px;
	text-indent: -9999px;
	background: url(../images/contactus.png) 50% 50% no-repeat;
	margin-top: 7px;
}

.contactus:hover {
	background-image: url(../images/contactus-over.png);
}

.icon-fb, .icon-twitter, .icon-youtube {
	display: inline-block;
	height: 39px;
	width: 39px;
	text-align: left;
	text-indent: -9999px;
	margin-left: 10px;

}

.icon-fb {
	background: url(../images/icon-fb.png) 0 0 no-repeat;
}

.icon-twitter {
	background: url(../images/icon-twitter.png) 50% 50% no-repeat;
}

.icon-youtube {
	background: url(../images/icon-youtube.png) 50% 50% no-repeat;
}

.icon-fb:hover {
	background: url(../images/icon-fb-over.png) 100% 50% no-repeat;
}

.icon-twitter:hover {
	background: url(../images/icon-twitter-over.png) 50% 50% no-repeat;
}

.icon-youtube:hover {
	background: url(../images/icon-youtube-over.png) 50% 50% no-repeat;
}


#footer-bravo {
	background-color: #666;
	padding: 10px 0;
}

#footer-bravo > div {
	max-width: 960px;
	margin: 0 auto;
	font-size: 0;
	padding: 0 10px;
}

#footer-bravo > div > a {
	width: 16.66%;
	display: inline-block;
	font-size: 24px;
	color: #C4C4C4;
	font-family: "bebas";
}

#footer-bravo > div > a:hover {
	color: #fff;
}

#footer-charlie {
	max-width: 960px;
	margin: 0 auto;
	font-size: 0;
	padding-bottom: 40px;
	padding: 10px;'
	vertical-align: top;
}

#footer-charlie > div {
	width: 16.66%;
	display: inline-block;
	font-size: 20px;
	vertical-align: top;
}

#footer-charlie > div span {
	display: block;
	color: #666;
	font-family: "bebas";
	margin: 6px 0;
	vertical-align: top;
	font-size: 17px;
}

/*services/staff page*/
.outer-wrapper {
	background-color: #333;
	margin-bottom: 20px;
	padding: 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.page-template-services-php .outer-wrapper,
.page-template-team-list-php .outer-wrapper,
.page-template-team-landing-php .outer-wrapper,
.page-template-what-we-do-php .outer-wrapper,
.page-template-contact-us-php .outer-wrapper,
.page-template-xmas_list-php .outer-wrapper,
.page-template-xmas-php .outer-wrapper {
	background-size: cover;
	background-position: 75% 25%;
	-ms-behavior: url(/backgroundsize.min.htc);
}

.inner-wrapper {
	padding: 50px 0;
	/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(0,0,0,0),0.43),color-stop(rgba(20,20,20,1),0.63));
	background:-webkit-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(20,20,20,1) 63%);
	background:   -moz-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(20,20,20,1) 63%);
	background:     -o-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(20,20,20,1) 63%);
	background:        linear-gradient(right, rgba(0,0,0,0) 43%, rgba(20,20,20,1) 63%);
}


.inner-wrapper.team {
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(119,154,11,0),0.43),color-stop(rgba(119,154,11,.97),0.63));
	background:-webkit-linear-gradient(right, rgba(119,154,11,0) 43%, rgba(119,154,11,.97) 63%);
	background:   -moz-linear-gradient(right, rgba(119,154,11,0) 43%, rgba(119,154,11,.97) 63%);
	background:     -o-linear-gradient(right, rgba(119,154,11,0) 43%, rgba(119,154,11,.97) 63%);
	background:        linear-gradient(right, rgba(119,154,11,0) 43%, rgba(119,154,11,.97) 63%);
}

.item-wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 0px;
}

.gradient-wrapper {
	width: 47%;
	padding: 20px;
	background-image: url(../images/ie-gray.png)\9;
}

.text-wrapper {
	width: 100%;
	color: #fff;
}


.text-wrapper h3 {
	font-family: "bebas";
	font-size: 52px;
	letter-spacing: .05em;
	margin-bottom: .2em;
}

.text-wrapper p {
	font-family: "Helvetica";
	line-height: 1.5;
	font-size: 18px;
	font-weight: 300;
	/*text-align: justify;*/
	margin-bottom: 1em;
}

.page-template-contact-us-php .text-wrapper p {
	font-family: "bebas";
	font-size: 25px;
	letter-spacing: .04em;
	line-height: 1.2;
}

.team-thumb-mobile {
	display: none;
}

.team-container {
	max-width: 1400px;
	margin: 0 auto 20px;
	font-size: 0;
}

.team-thumbnail {
	display: inline-block;
	width: 30%;
	position: relative;
	margin: 0 1.6666666% 3.33333%;
}

.team-thumbnail a > span{
	font-size: 34px;
	letter-spacing: .02em;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	/*bottom: 0;*/
	left: 0;
	/*right: 0;*/
	background-color: rgba(0,0,0,.5);
	color: white;
	text-align: center;
	font-family: "bebas";
	opacity: 0;
	transition:.3s all ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.team-thumbnail a > span > span {
	display: block;
	/*position: relative;*/
  	margin-top: 47%;
  	/*-webkit-transform: translateY(-50%);*/
  	/*-ms-transform: translateY(-50%);*/
  	/*transform: translateY(-50%);*/
}

.team-thumbnail a:hover > span {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.team-thumbnail a img {
	width: 100%;
}

/*STORY PAGES*/

.story-bottom-outer {
	padding: 180px 10px 40px;
	background: #eee;
	z-index: 1;
	position: relative;
	text-align: left;
}

.story-bottom-inner {
	max-width: 960px;
	margin: 0 auto;
	font-size: 0;
	position: relative;
}

.story-bottom-services {
	font-family: "bebas";
	font-size: 38px;
	width: 39.2%;
	display: inline-block;
	border-right:1px solid #000;
	padding: 25px 0 25px 20px;
	vertical-align: top;
}

.story-bottom-quote {
	display: inline-block;
	width: 60%;
	font-size: 18px;
	font-weight: 300;
	font-family: "Helvetica";
	text-align: justify;
	padding-left: 10%;
	line-height: 1.4;
}

.story-bottom-quote p {
	margin-bottom: 1em;
}

#story-item-wrapper {
	position: relative;
	height: 500px;
	max-width: 1400px;
	margin: 0 auto;
}

#story-item-1, 
#story-item-2, 
#story-item-3, 
#story-item-4, 
#story-item-5, 
#story-item-6 {
	position: absolute;
	width: 100%;
	top: 0;
	/*background-color: rgba(0,0,70,.3);*/
}

/*BANGOR SYMPHONY ORCHESTRA*/

.bangor-symphony-orchestra .outer-wrapper {
	background-color: rgb(0,0,0);
}

.bangor-symphony-orchestra .inner-wrapper {
	/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(0,0,0,0),0.43),color-stop(rgba(0,0,0,1),0.63));
	background:-webkit-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:   -moz-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:     -o-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:        linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
}


.bangor-symphony-orchestra a {
	color: #EA2227;
}

.bangor-symphony-orchestra .story-bottom-outer {
	background: #000;
	color: #fff;
}

.bangor-symphony-orchestra .story-bottom-services {
	border-color: #EA2227
}

.bangor-symphony-orchestra #story-item-5{
	height: 248px;
	background: url(../images/stories/bso-ipad.png) calc(100% - 69px) 50% no-repeat;
	background: url(../images/stories/bso-ipad.png) 95% 50% no-repeat\9;
	z-index: 40;
	top: 370px
}

.bangor-symphony-orchestra #movie-click {
	position: absolute;
	width: 264px;
	height: 197px;
	display: block;
	right: 102px;
	right: 5%\9;
	margin-right: 14px\9;
	top: 398px;
	text-indent: -9999px;
	z-index: 100;
}

.bangor-symphony-orchestra #story-item-1 {
	top: 15px;
	height: 69px;
	background: url(../images/stories/bso-logo.png) calc(80% + 120px) 50% no-repeat;
	background: url(../images/stories/bso-logo.png) 95% 50% no-repeat\9;
	z-index: 5;
}

.bangor-symphony-orchestra #story-item-3 {
	height: 519px;
	background: url(../images/stories/bso-imac.png) calc(60% + 209px) 50% no-repeat;
	background: url(../images/stories/bso-imac.png) 70% 50% no-repeat\9;
	top: 120px;
	z-index: 10;
}

.bangor-symphony-orchestra #story-item-4 {
	height: 291px;
	background: url(../images/stories/bso-cd.png) calc(30% + 0px) 50% no-repeat;
	background: url(../images/stories/bso-cd.png) 30% 50% no-repeat\9;
	top: 350px;
	z-index: 25;
}

.bangor-symphony-orchestra #story-item-2 {
	height: 731px;
	background: url(../images/stories/bso-brochure.png) calc(75% - 315px) 50% no-repeat;
	background: url(../images/stories/bso-brochure.png) -350px 50% no-repeat\9;
	z-index: 1;
	top: -70px;
}

/*JOHNSON OUTDOORS*/

.johnson-outdoors .inner-wrapper {
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(235,235,235,0),0.43),color-stop(rgba(235,235,235,1),0.63));
	background:-webkit-linear-gradient(right, rgba(235,235,235,0) 43%, rgba(235,235,235,1) 63%);
	background:   -moz-linear-gradient(right, rgba(235,235,235,0) 43%, rgba(235,235,235,1) 63%);
	background:     -o-linear-gradient(right, rgba(235,235,235,0) 43%, rgba(235,235,235,1) 63%);
	background:        linear-gradient(right, rgba(235,235,235,0) 43%, rgba(235,235,235,1) 63%);
}

.johnson-outdoors .outer-wrapper {
	background-color: rgb(235,235,235);
}

.johnson-outdoors .text-wrapper {
	color: #000;
}

.johnson-outdoors a {
	color: #9E8455;
}

.johnson-outdoors .story-bottom-outer{
/*linear-gradient*/
	background: #9E8455;
	background:-webkit-gradient(linear,left top,left bottom,from(#9E8455),color-stop(#FFE4B4,0.6),color-stop(#9E8455,0.9));
	background:-webkit-linear-gradient(#9E8455, #FFE4B4 60%, #9E8455 90%);
	background:   -moz-linear-gradient(#9E8455, #FFE4B4 60%, #9E8455 90%);
	background:     -o-linear-gradient(#9E8455, #FFE4B4 60%, #9E8455 90%);
	background:        linear-gradient(#9E8455, #FFE4B4 60%, #9E8455 90%);
	color:#000;
}

.johnson-outdoors .story-bottom-services {
	border-color: #fff
}

.johnson-outdoors #story-item-2{
	height: 519px;
	z-index: 40;
	top: 120px;
	background: url(../images/stories/jo-imac.png) calc(100% - 20px) 50% no-repeat;
	background: url(../images/stories/jo-imac.png) 100% 50% no-repeat\9;
}

.johnson-outdoors #movie-click {
	width: 576px;
	height: 331px;
	display: block;
	position: absolute;
	right: 42px;
	right: 21px\9;
	top: 142px;
	text-indent: -9999px;
	z-index: 140;
}

.johnson-outdoors #story-item-1 {
	height: 53px;
	background: url(../images/stories/jo-logos.png) calc(50% + 200px) 50% no-repeat;
	background: url(../images/stories/jo-logos.png) 80% 50% no-repeat\9;
	z-index: 2;
	top: 20px;
}

.johnson-outdoors #story-item-3 {
	height: 739px;
	background: url(../images/stories/jo-pfd.png) calc(28% - 218px) 50% no-repeat;
	background: url(../images/stories/jo-pfd.png) 0 50% no-repeat\9;
	top: -70px;
	z-index: 0;
}

.johnson-outdoors #story-item-4 {
	height: 538px;
	background: url(../images/stories/jo-hangtag.png) 28% 50% no-repeat;
	background: url(../images/stories/jo-hangtag.png) 10% 50% no-repeat\9;
	top: 90px;
	z-index: 50;
}

.johnson-outdoors #story-item-5 {
	height: 450px;
	background: url(../images/stories/jo-sketch.png) calc(48% - 180px) 50% no-repeat;
	background: url(../images/stories/jo-sketch.png) 30% 50% no-repeat\9;
	z-index: -1;
	top: -40px;
}

.johnson-outdoors #story-item-6 {
	height: 281px;
	background: url(../images/stories/jo-photo.png) 50% 50% no-repeat;
	z-index: 42;
	top: 350px;
}

/*C&L Areo*/

.cl-aero .outer-wrapper {
	background-color:#000;
}

.cl-aero .inner-wrapper{
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(0,0,0,0),0.43),color-stop(rgba(0,0,0,1),0.63));
	background:-webkit-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:   -moz-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:     -o-linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
	background:        linear-gradient(right, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 63%);
}

.cl-aero .text-wrapper {
	color: #fff;
}

.cl-aero a {
	color: #E6B63C;
}

.cl-aero .story-bottom-outer{
	/*linear-gradient*/
	background: #222;
	background:-webkit-gradient(linear,left top,left bottom,from(#333),color-stop(#000,0.9));
	background:-webkit-linear-gradient(#333, #000 90%);
	background:   -moz-linear-gradient(#333, #000 90%);
	background:     -o-linear-gradient(#333, #000 90%);
	background:        linear-gradient(#333, #000 90%);
	color:#fff;
}

.cl-aero .story-bottom-services {
	border-color: #E6B63C;
}

.cl-aero #story-item-3{
	height: 519px;
	background: url(../images/stories/cl-imac.png) calc(100% - 20px) 50% no-repeat;
	background: url(../images/stories/cl-imac.png) 95% 50% no-repeat\9;
	top: 120px;
	z-index: 2;
}

.cl-aero #story-item-2 {
	height: 712px;
	background: url(../images/stories/cl-book.png) calc(65% - 290px) 50% no-repeat;
	background: url(../images/stories/cl-book.png) -300px 50% no-repeat\9;
	top: -100px;
}

.cl-aero #story-item-1 {
	height: 118px;
	background: url(../images/stories/cl-logo.png) calc(80% + 110px) 50% no-repeat;
	background: url(../images/stories/cl-logo.png) 95% 50% no-repeat\9;
	top: -11px;
}

.cl-aero #story-item-4 {
	height: 273px;
	background: url(../images/stories/cl-ipad.png) calc(70% + -190px) 50% no-repeat;
	background: url(../images/stories/cl-ipad.png) 50% 50% no-repeat\9;
	top: 330px;
	z-index: 25;
}

.cl-aero #story-item-5 {
	height: 191px;
	background: url(../images/stories/cl-bc.png) calc(30% - 150px) 50% no-repeat;
	background: url(../images/stories/cl-bc.png) 20% 50% no-repeat\9;
	top: 360px;
	z-index: 20;
	
}

.cl-aero #story-item-6 {
	display: none;
}

.cl-aero #movie-click {
	position: absolute;
	z-index: 100;
	width: 285px;
	height: 211px;
	top: 358px;
	left: calc(70% - 405px);
	left:50%\9;
	margin-left: -143px\9;
}

/*MAINE POTATOES*/

.maine-potatoes .outer-wrapper {
	background-color: rgb(96,56,19);
}

.maine-potatoes .inner-wrapper{
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(96,56,19,0),0.43),color-stop(rgba(96,56,19,1),0.63));
	background:-webkit-linear-gradient(right, rgba(96,56,19,0) 43%, rgba(96,56,19,1) 63%);
	background:   -moz-linear-gradient(right, rgba(96,56,19,0) 43%, rgba(96,56,19,1) 63%);
	background:     -o-linear-gradient(right, rgba(96,56,19,0) 43%, rgba(96,56,19,1) 63%);
	background:        linear-gradient(right, rgba(96,56,19,0) 43%, rgba(96,56,19,1) 63%);
}


.maine-potatoes .text-wrapper {
	color: #fff;
}

.maine-potatoes a {
	color: #E6B63C;
}

.maine-potatoes .story-bottom-outer{
/*linear-gradient*/
	background: #006940;
	background:-webkit-gradient(linear,left top,left bottom,from(#006940),color-stop(#004325,0.9));
	background:-webkit-linear-gradient(#006940, #004325 90%);
	background:   -moz-linear-gradient(#006940, #004325 90%);
	background:     -o-linear-gradient(#006940, #004325 90%);
	background:        linear-gradient(#006940, #004325 90%);
	color:#fff;
}

.maine-potatoes .story-bottom-services {
	border-color: #B09671;
}

.maine-potatoes #story-item-3{
	height: 858px;
	background: url(../images/stories/mpb-shirt.png) calc(50% - 280px) 50% no-repeat;
	background: url(../images/stories/mpb-shirt.png) -200px 50% no-repeat\9;
	top: -80px;
}

.maine-potatoes #story-item-2 {
	height: 519px;
	background: url(../images/stories/mpb-imac.png) calc(90% - 20px) 50% no-repeat;
	background: url(../images/stories/mpb-imac.png) 95% 50% no-repeat\9;
	top: 120px;
	z-index: 12;
}

.maine-potatoes #story-item-1 {
	height: 140px;
	background: url(../images/stories/mpb-logo.png) calc(60% + 220px) 50% no-repeat;
	background: url(../images/stories/mpb-logo.png) 95% 50% no-repeat\9;
	top: -10px;
}

.maine-potatoes #story-item-4 {
	height: 313px;
	background: url(../images/stories/mpb-storyboard.png) 10% 50% no-repeat;
	top: 300px;
	z-index: 12;
}

.maine-potatoes #story-item-5 {
	height: 242px;
	background: url(../images/stories/mpb-ipad.png) calc(50% - 100px) 50% no-repeat;
	background: url(../images/stories/mpb-ipad.png) 40% 50% no-repeat\9;
	z-index: 20;
	top: 380px;
}

.maine-potatoes #story-item-6 {
	display: none;
}

.maine-potatoes #movie-click {
	position: absolute;
	z-index: 100;
	width: 252px;
	height: 192px;
	top: 404px;
	left: calc(50% - 229px);
	left: auto\9;
	right: 60%\9;
	margin-right: -158px\9;
}

/*GEAGHANS*/
.geaghans .outer-wrapper {
	background-color: rgb(69,51,42);
}

.geaghans .inner-wrapper{
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(69,51,42,0),0.43),color-stop(rgba(69,51,42,1),0.63));
	background:-webkit-linear-gradient(right, rgba(69,51,42,0) 43%, rgba(69,51,42,1) 63%);
	background:   -moz-linear-gradient(right, rgba(69,51,42,0) 43%, rgba(69,51,42,1) 63%);
	background:     -o-linear-gradient(right, rgba(69,51,42,0) 43%, rgba(69,51,42,1) 63%);
	background:        linear-gradient(right, rgba(69,51,42,0) 43%, rgba(69,51,42,1) 63%);
}


.geaghans .text-wrapper {
	color: #fff;
}

.geaghans a {
	color: #EBAE4E;
}

.geaghans .story-bottom-outer{
/*linear-gradient*/
	background:#480000;
	background:-webkit-gradient(linear,left top,left bottom,from(#d1232A),to(#4B0000));
	background:-webkit-linear-gradient(#d1232A, #4B0000);
	background:   -moz-linear-gradient(#d1232A, #4B0000);
	background:     -o-linear-gradient(#d1232A, #4B0000);
	background:        linear-gradient(#d1232A, #4B0000);
	color:#fff;
	z-index: 3;
}


.geaghans .story-bottom-services {
	border-color: #E6B63C;
}

.geaghans .story-full-wrapper {
	background: #fed url(../images/bg-geaghans.jpg) -20% -5px repeat-x;
	margin-top: -20px;
}

.geaghans #story-item-6{
	height: 677px;
	background: url(../images/stories/geaghans-beer2.png) calc(10% - 20px) 50% no-repeat;
	background: url(../images/stories/geaghans-beer2.png) 0 50% no-repeat\9;
	top: -50px;
	z-index: 1;
}

.geaghans #story-item-5 {
	height: 661px;
	background: url(../images/stories/geaghans-beer1.png) calc(27% - 40px) 50% no-repeat;
	background: url(../images/stories/geaghans-beer1.png) 15% 50% no-repeat\9;
	z-index: 0;
	top: 0px;
	z-index: 2;
}

.geaghans #story-item-2 {
	height: 519px;
	background: url(../images/stories/geaghans-imac.png) calc(100% - 20px) 50% no-repeat;
	background: url(../images/stories/geaghans-imac.png) 98% 50% no-repeat\9;
	top: 140px;
	z-index: 10;
}

.geaghans #story-item-1 {
	height: 222px;
	background: url(../images/stories/geaghans-logo.png) calc(70% + 180px) 50% no-repeat;
	background: url(../images/stories/geaghans-logo.png) 100% 50% no-repeat\9;
	top: -70px;
}

.geaghans #story-item-3 {
	height: 273px;
	background: url(../images/stories/geaghans-ipad.png) calc(55% - 140px) 50% no-repeat;
	background: url(../images/stories/geaghans-ipad.png) 50% 50% no-repeat\9;
	z-index: 20;
	top: 360px;
}

.geaghans #story-item-4 {
	height: 257px;
	background: url(../images/stories/geaghans-iphone.png) calc(95% + 20px) 50%no-repeat;
	background: url(../images/stories/geaghans-iphone.png) 92% 50% no-repeat\9;
	z-index: 30;
	top: 400px;
}

.geaghans #movie-click {
	/*display: none;*/
	/*outline: thick white dotted;*/
	position: absolute;
	z-index: 100;
	width: 301px;
	height: 232px;
	top: 381px;
	left: calc(55% - 310px);
	left: 50%\9;
	margin-left: -150px\9;

	
}

/*katahdin trust*/

.katahdin-trust .outer-wrapper {
	background-color: rgb(126,168,218);
}

.katahdin-trust .inner-wrapper{
/*linear-gradient*/
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(rgba(126,168,218,0),0.43),color-stop(rgba(126,168,218,1),0.63));
	background:-webkit-linear-gradient(right, rgba(126,168,218,0) 43%, rgba(126,168,218,1) 63%);
	background:   -moz-linear-gradient(right, rgba(126,168,218,0) 43%, rgba(126,168,218,1) 63%);
	background:     -o-linear-gradient(right, rgba(126,168,218,0) 43%, rgba(126,168,218,1) 63%);
	background:        linear-gradient(right, rgba(126,168,218,0) 43%, rgba(126,168,218,1) 63%);
}
.katahdin-trust .text-wrapper {
	color: #fff;
}

.katahdin-trust a, .katahdin-trust .text-wrapper h3 {
	color: #fff;
}

.katahdin-trust .story-bottom-outer{
/*linear-gradient*/
	background:#008752;
	background:-webkit-gradient(linear,left top,left bottom,from(#008752),color-stop(#005D36,0.9));
	background:-webkit-linear-gradient(#008752, #005D36 90%);
	background:   -moz-linear-gradient(#008752, #005D36 90%);
	background:     -o-linear-gradient(#008752, #005D36 90%);
	background:        linear-gradient(#008752, #005D36 90%);
	color:#fff;
}


.katahdin-trust .story-bottom-services {
	border-color: #000;
}

.katahdin-trust #story-item-3{
	height: 687px;
	background: url(../images/stories/ktc-brochure.png) calc(63% - 300px) 50% no-repeat;
	background: url(../images/stories/ktc-brochure.png) -300px 50% no-repeat\9;
	top: -50px;
}

.katahdin-trust #story-item-2 {
	height: 519px;
	background: url(../images/stories/ktc-imac.png) calc(100% - 20px) 50% no-repeat;
	background: url(../images/stories/ktc-imac.png) 97% 50% no-repeat\9;
	top: 120px;
	z-index: 10;
}

.katahdin-trust #story-item-1 {
	height: 99px;
	background: url(../images/stories/ktc-logo.png) calc(70% + 150px) 50% no-repeat;
	background: url(../images/stories/ktc-logo.png) 90% 50% no-repeat\9;
}

.katahdin-trust #story-item-4 {
	height: 301px;
	background: url(../images/stories/ktc-rackcard.png) calc(30% - 180px) 50% no-repeat;
	background: url(../images/stories/ktc-rackcard.png) 30% 50% no-repeat\9;
	top: 340px;
	z-index: 30;
}

.katahdin-trust #story-item-5 {
	height: 418px;
	background: url(../images/stories/ktc-salessheet.png) calc(50% - 200px) 50% no-repeat;
	background: url(../images/stories/ktc-salessheet.png) 45% 50% no-repeat\9;
	top: 220px;
	z-index: 25;
}

.katahdin-trust #story-item-6 {

}

.katahdin-trust #movie-click {
	position: absolute;
	z-index: 100;
	width: 574px;
	height: 327px;
	top: 148px;
	left: calc(100% - 618px);
	left:auto/9;
	right:3%\9;
}


/*SERVICES BACKGROUNDS*/

#strategy, #branding, #pr, #design, #web, #video{
background-color:#fff;
/*transition*/
	-webkit-transition:.2s background-color ease-in-out;
	   -moz-transition:.2s background-color ease-in-out;
	     -o-transition:.2s background-color ease-in-out;
	        transition:.2s background-color ease-in-out;
}


/*#strategy:hover {
	background-color: rgb(255, 170,57);
}

#branding:hover {
	background-color: rgb(104, 139, 181);
}

#pr:hover {
	background-color: rgb(150, 170,67);
}

#design:hover {
	background-color: rgb(243, 192,255);
}

#web:hover {
	background-color: rgb(210, 255, 254);
}

#video:hover {
	background-color: rgb(255,249,136);
}*/

/*contact page*/

.contact-bottom {
	margin-top: -20px;
	margin-bottom: 20px;
	position: relative;
	/*min-height: 450px;*/
}

.contact-bottom h3 {
	background-color: #3B547B;
	color: white;
	font-family: "bebas";
	font-size: 52px;
	padding: 10px;
	text-align: center;
}

#sixstate {
	width: 40%;
	height: 100%;
	background: url(../images/statestreet.png) 100% 0% no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 100;
	top: 0;
	-ms-behavior: url(/backgroundsize.min.htc);
	display: none;

}

#contact-form {
	margin: 0 auto;
	padding-top: 20px;
	width: 380px;
}

#contact-form:after {
	content: "";
	display: table;
	clear: both;
}

#contact-form label {
	color: #3B547B;
	font-family: "Helvetica";
	font-weight: 300;
	display: block;
	margin-bottom: 2px;
}

#contact-form input, #contact-form textarea {
	border: none;
	border:1px solid #37557C;
	width: 100%;
	padding: 6px;
	font-size: 16px;
	font-weight: 300;
	font-family: "Helvetica";
}

#contact-form .form-group {
	margin-bottom: 20px;
}

#contact-form textarea{
height:100px;
/*transition*/
-webkit-transition:.25s height ease-in-out;
   -moz-transition:.25s height ease-in-out;
     -o-transition:.25s height ease-in-out;
        transition:.25s height ease-in-out;
}

#contact-form textarea:focus{
	height: 200px;
}

#contact-form input[type="submit"] {
	float: right;
	width: auto;
	padding: 6px 24px;
	border-radius: 30px;
	border: none;
	color:#fff;
	background-color: #37557C;
	font-size: 24px;
	font-family: "bebas";
}

.help-block.error {
	color: #911;
	font-size: 12px;

}

#contact-form h3 {
	background: none;
	color:#222;
	font-family: "bebas";
	font-size: 32px;
	padding: 0;
	margin-bottom: 4px;
}

/*404*/

.cat404 {
	background-image: url(../images/404cat.jpg);
	background-position: calc(50% + 300px) 50%;
	background-size: contain;
}

.cat404 h3 span {
	text-decoration: line-through;
}

.cat404 h3::after {
	content: " Eaten";
	text-decoration: none;
	color:#df1111;
}

#header-links {
	display: none;
}

.logo-container {
	/*outline: thin red dotted;*/
	max-width: 960px;
	margin: 0px auto;
	/*outline: thin red dotted;*/
}

.wp-caption p.wp-caption-text {
	font-size: 14px;
	color: #666;
}


/*Portfolio Pages*/ 

.page-template-portfolio-php .entry-grid, .blog #container, .single-post #container {
}



.filter {
	padding: 0px 0;
	text-align: right;
	max-width: 920px;
	margin: 0px auto;
	font-size:20px;
	font-family: "bebas";
	color: #aaa;
	position: absolute;
	right: 0;
	bottom:30px;
	left:auto;
	width:50%;
}

.filter a {
	font-family: "bebas";
	font-size: 20px;
	color: #888;
	margin-left: 30px;
	position: relative;
}

.filter a:hover {
	color: #799900;
}

.filter a:before {
	content: "|";
	position: absolute;
	left: -20px;
	color: #888;
}

.filter a:nth-child(1) {
	margin-left: 0px;
}

.filter a:nth-child(1):before {
	display: none;
}

.filter .current {
	color: #799900;
}

.box {
	display: inline-block;
	width: 23%;
	margin: 1%;
	overflow: hidden;
	position: relative;
	-moz-transition: .8s all ease;
	-ms-transition:  .8s all ease;
	transition: .8s all ease;

}

.box img {
	display: block;
	width: 100%;
	transition:.2s all ease;
}

.caption {
	position: absolute;
  /*height: 100%;*/
  /*height: 60px;*/
  background-color: #808080;
  background-color: rgba(50,50,50,.9);
  z-index: 100;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 100%;
  font-family: "Helvetica";
  font-weight: 300;
  padding: 6%;
  font-size: 13px;
  color:#fff;
  overflow: hidden;
  border-radius: 2px;
  text-align: left;
  -ms-transition:.6s all ease-out;
  -moz-transition:.6s all ease-out;
  transition:.6s all ease-out;
}

.box:hover .caption {
	top: 35%;
	
	/*background-color: rgba(0,0,0,.85);*/
}

.box:hover img.portfolio-image {
	opacity: .8;
	/*transform:scale(.95);*/
}

.caption span {
	display: block;
  font-family: "bebas";
  font-size: 36px;
  text-align: center;
  margin-bottom:10px;
  color:#fff;
  position: relative;
  top:100px;
  -ms-transition:.8s all ease;
  -moz-transition:.8s all ease;
  transition:.8s all ease;
  line-height: .9;
}

.box:hover .caption span {
	top:0;
}

.vcard {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
}

.collapse {
	margin-left: -24.003%;
	opacity: .2;
	opacity: 0;
}

.expand {
	margin-left: 1%;
	opacity: 1;
}

.machform-wrapper {
	width: 40%;
	float: right;
	padding: 21px;
	border: 5px solid #ddd;
	margin-left: 40px;
	margin-bottom: 20px;
	border-radius: 12px;
}

.page-template-contact-us-php .machform-wrapper {
	max-width: 380px;
	/*margin-left: auto;*/
	/*position: absolute;*/
	float:right;
	background: #fff;
	top: 0px;
	right: 20px;
}

.machform-wrapper:before {
	content: "Let\'s Talk";
	font: 44px/1 "bebas";
	color:#3B547B;

}

.page-id-221 h1, .page-id-743 h1 {
/*	border-top: 10px solid rgb(119,154,11);
	padding-top: 30px;
	padding-bottom: 10px;*/
}

.siteAuditor
{
	float:right;
	margin-left:20px;
	border: 5px solid #ddd;
	border-radius: 12px;
	padding:0px 20px 20px;
	margin-bottom:20px;
}

.siteAuditor #seogroup .audit_form_a
{
	margin:0 auto;
}

.siteAuditor #seogroup .audit_form_a .form input[type="text"], .siteAuditor #seogroup .audit_form_a .form input[type="submit"]
{
	width:100%;
}

.page-template-portfoliopage-php .filter {
	font-size: 0;
}

.page-template-portfoliopage-php .filter a {
	display: inline-block;
}

.page-template-portfoliopage-php #container {
	box-shadow: inset 0px 140px 200px -100px rgba(0,0,0,.08);
}

.page-template-portfoliopage-php #content {
	padding-top: 0;
}


/*BLOG STYLES*/

.blog #content, .single-post #content {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
	font-family: "Helvetica";
}

.blog .entry-title, .single-post .entry-title {
	margin-bottom: .25em;
}

.blog .vcard, .single-post .vcard {
	display: none;
}

.blog .meta-sep, .single-post .meta-sep {
	display: none;
}

.blog .entry-date, .single-post .entry-date {
	font-weight: 300;
	text-transform: uppercase;
	color: #666;
	font-size: 14px;
}

.blog .entry-content, .single-post .entry-content {
	line-height: 1.4;
}

.blog .entry-content ul, .single-post .entry-content ul {
	list-style-type: disc;
	margin: .5em 0px .5em 1.3em;
}

.blog .entry-content ol, .single-post .entry-content ol {
	list-style-type: decimal;
	margin: .5em 0px .5em 1.3em;
}

.blog .entry-content ol li, .single-post .entry-content ol li {
	margin: 1em 0;					
}

.blog .entry-content p + p, .single-post .entry-content p + p {
	margin-top: 1em;
}

.blog .post + .post, .single-post .post + .post {
	margin-top: 3em;
}

.blog blockquote, .single-post blockquote {
	font-size: 24px;
	font-weight: normal;
	color: #999;
	font-style: italic;
	padding: 30px 50px;
}

.blog .entry-content img, .single-post .entry-content img {
	max-width: 100%;
	height: auto;
}

.more-link {
	font-size: 28px;
	margin-top:.5em;
	text-transform: uppercase;
	font-family: "bebas";
	display: inline-block;
	
}


.homepage-details {
	margin:80px auto 80px;
	max-width: 930px;
}

.homepage-details a {
	color: #669900;
	display: inline-block;
	margin-top:.5em;	
}

.homepage-details > div {
	display: inline-block;
	width:calc(100% - 350px);
	vertical-align: middle;
	font-family: "Bitter";
	font-size: 24px;
	color: #666;
	padding-right:100px;
	line-height: 1.4;
}

.officetour {
	display: inline-block;
	width:350px;
	height:205px;
	background: url(../images/officetour.jpg) 50% 50% no-repeat;
	background-size: cover;
	vertical-align: middle;
}



.story-callout {
	position: absolute;
	text-align: center;
	font-family: "bebas";
	color: #fff;
	display: block;
	width: auto;
	left: 25%;
	right: 25%;
	bottom: 20px;
	/*border: 2px solid #fff;*/
	border-radius: 14px;
	font-size: 24px;
	line-height: 28px;
	/*background: rgba(0,0,0,.5);*/
	opacity: 0;
	transition:.3s all ease-in-out;
}

.story-callout:after {
	content: "\f0da";
	font-family: "FontAwesome";
	padding-left: .25em;
}

.grid-container a:hover .story-callout {
	opacity: 1;
}


.iwantto {
	position: absolute;
	bottom: 60px;
	right: 0px;
	font-size: 20px;
	line-height: 28px;
	font-family: "bebas";
	color: #3B547B;
}

.page-template-case_studies-php .iwantto {
	bottom:40px;		
}

.iwantto select {
	-webkit-appearance:none;
	-moz-appearance:none;
	font-family: "bebas";
	font-size: 20px;
	height: 28px;
	display: inline-block;
	margin-left:.5em;
	padding:0 40px 0 .5em;
	color: #3B547B;
	background: #fff url(../images/select-arrow.png) 100% 50% no-repeat;
	border:2px solid #808080;
	border-radius: 5px;
}

.iwantto select:focus {
	outline: none;
}


.flippers {
	text-align: center;
	margin-bottom: 50px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.flipper {
	display: inline-block;
	width: 205px;
	height: 205px;
	margin: 0 1.5%;
	-webkit-perspective:1000px;
	   -moz-perspective:1000px;
	    -ms-perspective:1000px;
	        perspective:1000px;
	/*background: #789920;*/
}

.flipper-box {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
				  transform-style: preserve-3d;
	
	transition:all .6s ease;
	
	-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
	        transform: rotateY(0deg);
	
	-webkit-animation:onespin 1s ease 3.0s;
	        animation:onespin 1s ease 3.0s;
}

.flipper:nth-child(2) .flipper-box{
	-webkit-animation-delay:3.1s;
	animation-delay:3.2s;
}

.flipper:nth-child(3) .flipper-box{
	-webkit-animation-delay:3.2s;
	animation-delay:3.4s;
}

.flipper:nth-child(4) .flipper-box{
	-webkit-animation-delay:3.3s;
	animation-delay:3.6s;
}

@-webkit-keyframes onespin {
	from {transform: rotateY(0deg);}
	25% {transform:rotateY(-10deg) scale(.9);}
	75% {transform:rotateY(10deg) scale(1.1);}
	to {transform: rotateY(0deg);}
}

@keyframes onespin {
	from {transform: rotateY(0deg);}
	25% {transform:rotateY(-10deg) scale(.9);}
	75% {transform:rotateY(10deg) scale(1.1);}
	to {transform: rotateY(0deg);}
}

.flipper:hover .flipper-box {
	/*transform: rotateY(-180deg);*/
}

.flipper:hover .flipper-front {
	-webkit-transform: rotateY(-180deg);
	    -ms-transform:rotateY(-180deg);
	        transform: rotateY(-180deg);
	        
}

.flipper:hover .flipper-back {
	-webkit-transform: rotateY(0deg);
	     -ms-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

.flipper-front {
	background: #789920;
	/*background: #669900;*/
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	-webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
	color: #fff;
	padding: 0px;

	transition:all .6s ease;

	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
				  transform-style: preserve-3d;
}

.flipper-front i {
	display: block;
	font-size: 180px;
	position: relative;
	top:-10px;
	-webkit-transform:translateZ(40px) scale(.5);
	-ms-transform:translateZ(40px) scale(.5);
	transform:translateZ(40px) scale(.5);
	
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	/*-webkit-perspective: 1000;*/
}

.flipper-front span {
	display: block;
	font-family: "bebas";
	font-size:90px;
	position: absolute;
	bottom: 0px;
	left:-30px;
	right:-30px;
	text-align: center;
	-webkit-transform:translateZ(30px) scale(.5);
	        -ms-transform:translateZ(30px) scale(.5);
	        transform:translateZ(30px) scale(.5);
	
	-webkit-backface-visibility: hidden;
	        -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}


.flipper-back {
	background: #808080;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
	
	-webkit-transform: rotateY(180deg);
		  -ms-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	color: #fff;
	transition:all .6s ease;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d; 
	    -ms-transform-style: preserve-3d;
				  transform-style: preserve-3d;
}

.flipper-back span {
	text-align: center;
	display: block;
	position: absolute;
	left: -30px;
	right: -30px;
	top: 0px;
	font-family: "bebas";
	font-size: 88px;
	-webkit-transform:translateZ(30px) scale(.5);
	    -ms-transform:translateZ(30px) scale(.5);
	        transform:translateZ(30px) scale(.5);
	
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.flipper-back p {
	position: absolute;
	top: 70px;
	left: 20px;
	right: 20px;
	font-weight: 300;
	font-family: "Helvetica";
	text-align: left;
	font-size:13px;
	line-height:1.5;
	-webkit-transform:translateZ(1px) scale(1);
	    -ms-transform:translateZ(1px) scale(1);
	        transform:translateZ(1px) scale(1);
	
	-webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.flipper-back strong {
	display: block;
	position: absolute;
	bottom: 0px;
	font-size:56px;
	left: -50px;
	right: -50px;
	text-align: center;
	font-family: "bebas";
	-webkit-transform:translateZ(40px) scale(.5);
		  -ms-transform:translateZ(40px) scale(.5);
	        transform:translateZ(40px) scale(.5);
	
	-webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
	
	transition: all .3s ease;
}

.flipper-back strong:hover {
	color: #000;
}

.flipper-back strong:after {
	content: "\f0da";
	font-family: "FontAwesome";
	display: inline-block;
	padding-left:.3em;
}


.general-content {
	max-width: 960px;
	margin: 0 auto;
	font-family: "Helvetica", "Arial";
	line-height: 1.4;
	font-size:20px;
}

.general-content p {
	margin-bottom: 1em;
}

.new-team-list {
	max-width: 960px;
	margin: 0 auto;
	padding:40px 0;
	border-top: 1px solid #aaa;
}

.new-team-list:after {
	content: "";
	display: block;
	clear: both;
}

.new-team-thumb {
	width: 250px;
	float: left;
}

.new-team-list h3, .new-services-wrapper h3 {
	font-family: "Bitter";
	font-size:40px;
	color: #666;
	margin-bottom:10px;
}

.new-team-list p, .new-services-wrapper p {
	font-family: "Helvetica", "Arial";
	line-height: 1.4;
	font-size:18px;
	margin-bottom:1em;
}

.new-team-list-right {
	margin-left: 300px;
}

.right-new-services {
	margin-left: 350px;
}

.new-contact-wrapper {
	padding: 50px 0;
	max-width: 960px;
	margin: 0 auto;
	font-family: "Bitter";
}

.new-contact-wrapper p {
	line-height: 1.4;
	margin-top: 1em;
	font-size: 20px;
}

.new-contact-wrapper p strong {
	font-weight: normal;
	color: #999;
}

.new-services-wrapper {
	border-top:1px solid #aaa;
	max-width: 960px;
	margin: auto;
	padding: 50px 0;
}

.new-services-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

.service-icon-wrapper {
	float: left;
}

.service-icon {
	display: block;
	width: 300px;
	height: 300px;
	background: #3B547B;
	padding: 30px;
	position: relative;
}

.service-icon i {
	color: #fff;
	display: block;
	font-size: 150px;
	text-align: center;
}

.service-icon strong {
	font-weight: normal;
	font-family: "bebas";
	color: #fff;
	display: block;
	text-align: center;
	font-size: 48px;
	position: absolute;
	bottom:30px;
	left:0;
	right:0;
}
/* END OF FILE*/

.service-link-first, .service-link-second, .service-link-third {
	display: block;
	float: left;
	width:49%;
	height: 40px;
	display: inline-block;
	background: #789920;
	margin-top: 2%;
	text-align: center;
	color: #fff;
	line-height: 40px;
	font-family: "bebas";
	font-size:18px;
	overflow: hidden;
}

.service-link-first i, .service-link-second i, .service-link-third i {
	margin-right: 5px;
} 

.service-link-first {
	margin-right: 2%;
}
.service-link-third {
	width: 100%;
}


.entry-content p a, 
.entry-content ul a, 
.new-contact-wrapper ul a, 
.new-contact-wrapper p a {
	/*line-height: 1.4;*/
	/*font-size: 20px;*/
	color: #789920;
	font-weight: normal;
}

.new-contact-wrapper ul {
	margin: 1em 0;
}


.blog-grid {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:left;
	justify-content:left;
}



.blog-grid-item {
	-webkit-flex: 1 0 23%;
	flex:1 0 23%;
	padding: 15px 15px 25px;
	margin: 1% 1% 30px;
	position: relative;
	min-width: 200px;
	max-width: 350px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,.3);
	transition:.3s;
	top: 0;
}

@media only screen and (max-width : 666px) {
	.blog-grid {
		display: block;
	}
	.blog-grid-item {
		width: auto;
		max-width: none;
		min-width: 0;
		margin: 5%;
		margin-bottom: 40px;
		padding: 10px 10px 40px;
		display: block;
	}

	.blog-grid-item img {
		display: block;
	}
}

.blog-grid-item:hover {
	box-shadow: 0px 13px 15px 0px rgba(0,0,0,.2);
	top: -10px;

}

.blog-grid-item h2{
	font-weight: bold;
	line-height: 1.4;
	color: #999;
	font-size: 14px;
	text-align: center;
}

.blog-grid-item .readmore {
	position: absolute;
	bottom: -15px;
	line-height: 30px;
	height: 30px;
	left: 20px;
	right: 20px;
	text-align: center;
	background-color: #789920;
	color: #fff;
	text-transform: uppercase;
}

.blog-grid-item .blogthumb {
	width: 100%;
	margin-bottom: 10px;
	height: auto;
}


/* WEBSITE LANDING PAGE */


.big-boxes {
	margin:30px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.big-box {
	display: block;
	width: 30%;
	/*float: left;*/
	padding: 15px 15px 20px;
	font-size:18px;
	font-weight:300;
	line-height: 1.4;
	background: #f2f2f2;
}

.big-box:hover {
	background-color: #789920;
}

.big-box:hover .fauxbutton {
	background: #fff;
	color: #789920;
}

.big-box h2 {
	font-size: 36px;
	font-family: "bitter";
	color: #999;
	margin-bottom:.125em;
	border-bottom: 1px solid #789920;
}

.big-box:hover h2 {
	color: #fff;
	border-bottom-color: #fff;
}

.big-box p {
	font-family: "Helvetica";
	font-weight: 300;
}

.big-box:hover p {
	color: #fff;
}

.web-block-offers {
	margin:30px 0;
}

.web-block-offers:after {
	content:"";
	display: table;
	clear: both;
}

.content-block {
	font-size: 18px;
	font-family: "Helvetica";
	line-height:1.4;
	font-weight:300;
	width:48%;
	float:left;
	margin-right:2%;
}

.content-block h2 {
	font-family: "Bitter";
	color: #789920;
	font-size:20px;
}

.content-block ul {
	list-style-type: disc;
}

.content-block ul li {
	margin-top: .5em;
	margin-left: 1.1em;
}


.header-inner {
	padding:20px 20px;
	max-width: 1000px;
	margin:0 auto;
	position: relative;
}

.home .header-inner {
	display: none;
}

.new-header-logo {
	width:270px;
	height:48px;
}

.new-header-logo a {
	display: block;
	height:100%;
	text-indent: -9999px;
	background: url(../images/swlogosmnotagline.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.header-address {
	text-align: left;
	display: block;
	font-size: 18px;
	color: #333;
	font-family: "Helvetica";
	line-height:1.2;
	position: absolute;
	right:20px;
	bottom:20px;
}

.header-address span {
	display: inline-block;
	padding: 0 .5em;
	color: #789920;
}

.computer-thing {
	display: block;
	margin: 30px auto;
	max-width:100%;
}

.page-template-withsidebar #container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.page-template-withsidebar #content {
	width: 67%;
	max-width:672px;
	margin: 0;
	margin-right: 3%;
}

.page-template-withsidebar #sidebar {
	width: 30%;
	max-width: 288px;
	margin: 0;
}

#sidebar {
	padding:10px;
	padding-top: 80px;
	font-family: "Helvetica";
	font-weight:300;
	font-size:15px;
}

.widget-title {
	font-size: 20px;
	font-family: "Bitter";
	color: #789920;
	margin-bottom:10px;
}

.computerthing {
	margin-bottom: 20px;
}

.page-id-1453 .entry-content h2 {
	margin-top:1em;
	font-size: 28px;
	color: #333;
	font-family: "Bitter";
	margin-bottom:.2em;	
}

.page-id-1453 .entry-content h3 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #999;
	margin-bottom: 1em;
	line-height: 1.2;
}

.fauxbutton {
	display: block;
	margin-top: 10px;
	color: #fff;
	font-family: "Bitter";
	text-align: center;
	padding:.25em;
	background: #789920;
}


.below-the-logo {
	max-width: 800px;
	margin: 20px auto;
}