/***************************************************
****************************************************
**              EFELLE MEDIA STYLES               **
**              © efelle media 2013               **
**                                                **
**               Table of Contents                **
**                                                **
**  |1| Core Styles         |7| Special Cases     **
**  |2| Nav Styles          |8| Carousel          **
**  |3| Icons	            |9| Isotope           **
**  |4| Arrows             |10| Foundation App    **
**  |5| Masthead                                  **
**  |6| Footer                                    **
**						                          **
****************************************************
***************************************************/



a.white-glow:hover,
a.white-glow:focus,
a.white-glow:active,
.white-glow a:hover,
.white-glow a:focus,
.white-glow a:active {
	color: #a4cfe3!important;
   -webkit-stroke-width: 5.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 1px 0px 20px white;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}

a.white-glow,
.white-glow a {
   -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
   transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in; /* Firefox 4 */
   -o-transition: all 0.3s ease-in; /* Opera */
   text-decoration:none;
   color:white;
}

a.white2blue:hover,
a.white2blue:focus,
a.white2blue:active,
.white2blue a:hover,
.white2blue a:focus,
.white2blue a:active {
	color: #a4cfe3!important;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}

a.white2blue,
.white2blue a {
   -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
   transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in; /* Firefox 4 */
   -o-transition: all 0.3s ease-in; /* Opera */
   text-decoration:none;
   color:white;
}

h5 a, h6 a {

  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #e15b02;
  border-color: #fd7419;
  color: white; }
  h5 a:hover, h5 a:focus {
    background-color: #fd7419; }
  h5 a:hover, h5 a:focus {
    color: white; }

h6 a,
button.instant, 
.button.instant {
    background-color: #6ab0d1;
    border-color: #388eb7;
    color: white; 
}

h6 a:hover,
h6 a:focus,
button.instant:hover, 
button.instant:focus, 
.button.instant:hover, 
.button.instant:focus {
    background-color: #388eb7; 
}

h6 a:hover,
h6 a:focus,
button.instant:hover, 
button.instant:focus, 
.button.instant:hover, 
.button.instant:focus {
    color: white; 
}

 button.disabled.instant, 
 button[disabled].instant, 
 .button.disabled.instant, 
 .button[disabled].instant {
	background-color: #6ab0d1;
	border-color: #388eb7;
	color: white;
	cursor: default;
	opacity: 0.6;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    background-color: #388eb7; 
}

button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    color: white; 
}

button.disabled.instant:hover, 
button.disabled.instant:focus, 
button[disabled].instant:hover, 
button[disabled].instant:focus, 
.button.disabled.instant:hover, 
.button.disabled.instant:focus, 
.button[disabled].instant:hover, 
.button[disabled].instant:focus {
    background-color: #6ab0d1; 
}

.scrollup{
    width: 75px;
	height: 75px;
	opacity: 0.7;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	text-indent: -9999px;
    background: transparent url(../graphics/sprite/icon_top.png) no-repeat;
}


/********************************
******** |2| Nav Styles ********
********************************/

@media only screen and (min-width: 58.75em) {
	#frontpage nav.top-bar ul.title-area {
		padding: 0;
		margin: 30px 0 0 0;
	}
	#frontpage .top-bar-section ul {
		padding: 0;
		margin: 47px 0 0 0;
	}

	.top-bar-section ul {
		float: right!important;
	}

	#frontpage header.scroll nav.top-bar ul.title-area,
	#subpage nav.top-bar ul.title-area, 
	#subpagefull nav.top-bar ul.title-area, 
	#subpage_fbv2 nav.top-bar ul.title-area,
	#subpage_prof nav.top-bar ul.title-area,
	#subpage_serv nav.top-bar ul.title-area,
	#blog nav.top-bar ul.title-area,
	#blogpost nav.top-bar ul.title-area,
	#subpage_portfoliov2 nav.top-bar ul.title-area,
	#subpage_testimonials nav.top-bar ul.title-area {
		padding: 0;
		margin: 20px 0 0 0;
	}
	#frontpage header.scroll .top-bar-section ul,
	#subpage .top-bar-section ul, 
	#subpagefull .top-bar-section ul, 
	#subpage_fbv2 .top-bar-section ul,
	#subpage_prof .top-bar-section ul,
	#subpage_serv .top-bar-section ul,
	#blog .top-bar-section ul,
	#blogpost .top-bar-section ul,
	#subpage_portfoliov2 .top-bar-section ul,
	#subpage_testimonials .top-bar-section ul {
		padding: 0;
		margin: 20px 0 0 0;
	}
	#frontpage header nav.top-bar ul.title-area img.top,
	#frontpage header.scroll nav.top-bar ul.title-area img.bottom {
		display: inline-block;
	}
/*	#frontpage header nav.top-bar ul.title-area img.bottom,
	#frontpage header.scroll nav.top-bar ul.title-area img.top {
		display: none;
	}*/


}

#subpage header,
#subpagefull header,
#subpage_fbv2 header,
#subpage_prof header,
#subpage_serv header,
#blog header,
#blogpost header,
#subpage_portfoliov2 header,
#subpage_testimonials header
{
	height: 86px;
}

.accordion div.content a {
	font-size: 14px;
}






/********************************
*********** |3| Icons ***********
********************************/

i.icon-maps-sm {
	background: transparent url(../graphics/sprite/maps_sm.png) left center no-repeat;
	width: 46px;
	height: 46px;
	display: block;
}

.webdes {
	background: transparent url(../graphics/webdes_off.png) no-repeat 50% 15%;
}

.webdes:hover {
	background: transparent url(../graphics/webdes_on.png) no-repeat 50% 15%;
}

.webdes-wt {
	background: transparent url(../graphics/webdes_white.png) no-repeat 48% 15%;
}

.webdev {
	background: transparent url(../graphics/webdev_off.png) no-repeat 50% 15%;
}

.webdev:hover {
	background: transparent url(../graphics/webdev_on.png) no-repeat 50% 15%;
}

.webdev-wt {
	background: transparent url(../graphics/webdev_white.png) no-repeat 48% 15%;
}

.webcms {
	background: transparent url(../graphics/cms_off.png) no-repeat 50% 15%;
}

.webcms:hover {
	background: transparent url(../graphics/cms_on.png) no-repeat 50% 15%;
}

.webcms-wt {
	background: transparent url(../graphics/cms_white.png) no-repeat 48% 15%;
}

.seoweb {
	background: transparent url(../graphics/seo_off.png) no-repeat 50% 15%;
}

.seoweb:hover {
	background: transparent url(../graphics/seo_on.png) no-repeat 50% 15%;
}

.seoweb-wt {
	background: transparent url(../graphics/seo_white.png) no-repeat 48% 15%;
}

.mobweb {
	background: transparent url(../graphics/mobweb_off.png) no-repeat 50% 15%;
}

.mobweb:hover {
	background: transparent url(../graphics/mobweb_on.png) no-repeat 50% 15%;
}

.mobweb-wt {
	background: transparent url(../graphics/mobweb_white.png) no-repeat 48% 15%;
}

.ecomweb {
	background: transparent url(../graphics/ecom_off.png) no-repeat 50% 15%;
}

.ecomweb:hover {
	background: transparent url(../graphics/ecom_on.png) no-repeat 50% 15%;
}

.ecomweb-wt {
	background: transparent url(../graphics/ecom_white.png) no-repeat 48% 15%;
}

.webmark {
	background: transparent url(../graphics/onmark_off.png) no-repeat 50% 15%;
}

.webmark:hover {
	background: transparent url(../graphics/onmark_on.png) no-repeat 50% 15%;
}

.webmark-wt {
	background: transparent url(../graphics/onmark_white.png) no-repeat 48% 15%;
}

.socialweb {
	background: transparent url(../graphics/social_off.png) no-repeat 50% 15%;
}

.socialweb:hover {
	background: transparent url(../graphics/social_on.png) no-repeat 50% 15%;
}

.socialweb-wt {
	background: transparent url(../graphics/social_white.png) no-repeat 48% 15%;
}

/********************************
*********** |4| Arrows **********
********************************/

.arr-white { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
}

.arr-blue { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #134053;
}

.arr-gray { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f3f3f3;
}

.arr-blue-lt { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #6ab0d1;
}

.arr-orange { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ff4d0f;
}

.arr-orange-dk { 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #620600;
}

.arrow {
  	width: 0; 
	height: 0;
	position: absolute;
}
 
.arr-25 {
	left: 25%;
} 

.arr-27 {
	left: 27%;
} 

.arr-30 {
	left: 30%;
}

.arr-50 {
	left: 50%;
} 


/********************************
********* |5| Masthead *********
********************************/

#frontpage .masthead1 {
	background: url(../graphics/masthead1.jpg) no-repeat center center #fff;
	height: 700px;
}
#frontpage .mastspot1 {
	background: url(../graphics/mastspot1.png) no-repeat center top;
	background-size: contain;
	height: 400px;
	margin-top: 200px;
}

#frontpage .mastspot1 a {
	margin: 300px 0 0 160px;
}

#frontpage .masthead2 {
	background: url(../graphics/masthead2.jpg) no-repeat center center #fff;
	background-size: cover;
	height: 700px;
}
#frontpage .mastspot2 {
	background: url(../graphics/mastspot2.png) no-repeat center top;
	background-size: contain;
	height: 400px;
	margin-top: 200px;
}

#frontpage .mastspot2 a {
	margin: 300px 0 0 160px;
}

#frontpage .mastspot {
	margin-top: 40px;
	text-align: center;
}

#frontpage header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	max-width: 1920px;
	height: 140px;
	margin: 0 auto;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	transition: background .1s linear;
}

#frontpage header.scroll {
	height: 86px;
}

#mastslide {
	position: fixed;
	z-index: 0;
	width: 100%;
}

.orbit-timer,
.orbit-slide-number,
.orbit-bullets {
	display: none;
}

#frontpage .content {
	top: 700px;
	background: #fff!important;
	position: relative;
}

.scroll {
	background-color: rgba(255, 255, 255, .9);
}

#frontpage .scroll .top-bar-section ul li > a {
	color: #0B2F41 !important;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
	background-color: transparent;
	border-color: transparent;
	height: 50px;
	width: 33px;
}

.orbit-container .orbit-prev { 
	padding-left: 150px;
}

.orbit-container .orbit-next { 
	padding-right: 375px;
}

.orbit-container .orbit-prev span { 
	background: transparent url('../graphics/sprite/sldr-lt.png') center center;
}

.orbit-container .orbit-next span { 
	background: transparent url('../graphics/sprite/sldr-rt.png') center center;
}

.orbit-container .orbit-prev span,
.orbit-container .orbit-next span { 
	height: 50px;
	width: 33px;
	border-color: transparent;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	opacity: .2; 
	-webkit-transition: opacity 400ms; 
	-moz-transition: opacity 400ms; 
	-o-transition: opacity 400ms; 
	transition: opacity 400ms; 
}

.orbit-container .orbit-prev:hover span,
.orbit-container .orbit-next:hover span { 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	opacity: .5;
	border-color: transparent; 
}

.smallmastheader {
	background: #103d52 url(../graphics/mastheads/masthead-conf.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	/*height : 140px;*/
	height: auto;
}

.smallmastheader h1,
.smallmastheader h2,
.smallmastheader h3,
.smallmastheader h4,
.smallmastheader h5,
.smallmastheader h6 {
	font-family : 'Open Sans', sans-serif;
	font-weight : 300;
	color : #fff;
	font-size : 40px;
	margin-top : 55px;
}

.mast_med {
	background: #103d52 url(../graphics/mastheads/masthead-keys.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 230px;
}

.mast_med h1,
.mast_med h2,
.mast_med h3,
.mast_med h4,
.mast_med h5,
.mast_med h6 {
	margin-top : 130px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 40px;
}

.mast_large {
	background: #103d52 url(../graphics/mastheads/masthead-table.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 390px;
}

.mast_large h1,
.mast_large h2,
.mast_large h3,
.mast_large h4,
.mast_large h5,
.mast_large h6 {
	margin-top : 275px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 40px;
}

.mast_large .image img {
	margin-top: 85px;
}


./*profiledetailheader {
	background: #103d52 url(/graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 140px;
}


.profiledetailheader h1 {
	font-family : 'Open Sans', sans-serif;
	font-weight : 300;
	color : #fff;
	font-size : 40px;
	margin-top : 55px;
}

.profilegridheader {
	background: #103d52 url(/graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 390px;
}

.bloggridheader {
	background: #103d52 url(/graphics/mastheads/blog-main.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 230px;
}
#blogpost .bloggridheader {
	height : 140px;
}

section.profilegridheader h1, section.bloggridheader h1 {
	font-family : 'Open Sans', sans-serif;
	font-weight : 300;
	color : #fff;
	font-size : 40px;
	margin-top : 280px;
}
section.bloggridheader h1 {
	margin-top : 120px;
}
#blogpost section.bloggridheader h1 {
	margin-top : 60px;
}*/

/********************************
********** |6| Footer ***********
********************************/

footer {
	
	color: #fff;
}

footer .ftr-main {
	background: #172730 url(../graphics/footer-bg.jpg) repeat center center;
	padding: 0 0 80px;
}

#frontpage footer .ftr-main {
	padding: 80px 0;
}

footer .foot-contact h3,
footer .foot-contact h4 {
	margin: 0;
}

footer .foot-contact h3 {
	color: #6ab0d1;
	font-size: 44px;
	font-weight: 300;
	font-style: normal;
}

footer .foot-contact h4 {
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
}

footer .foot-contact p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

footer .foot-contact .info .row {
	margin: 0 0 20px;
}

footer .foot-contact .con {
	margin: 2px 0 0;
}

footer .foot-contact .con a {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

footer .foot-contact .con a:hover {

}

footer .news-wrapper {
	-webkit-box-shadow: inset 0px 1px 68px #272727;
-moz-box-shadow: inset 0px 1px 68px #272727;
box-shadow: inset 0px 1px 68px #272727;
}

footer .news-signup {
	/*background: transparent url(../graphics/newslet-shade.png) no-repeat center center;*/
	height: 98px;
	padding: 25px 0;
}

footer .news-signup h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin: 13px 0;
}

footer .news-signup .signup {
	padding-top: 5px;
}

footer form {
	width: 100%;
}

footer .signup .small.instant.button {
	width: 120px;
}

footer .news-signup input {
	width: 50%;
	height: 40px;
	border: 2px solid #716e6e;
}

footer .news-signup input.button {
	border: none;
}

footer .news-signup input[placeholder] {
	color: #2e3031;
	font-size: 12;
	font-weight: 300;
}

footer .foot-services {
	margin-top: 50px;
}

footer .foot-services .logo {
	padding: 0;
}

footer .foot-services .social {
	margin-top: 10px;
}

footer .foot-services .social a {
	margin: 5px;
}

footer .foot-services p {
	color: #fff;
	font-size: 14px;
	font-style: italic;
	margin-top: 12px;
	width: 85%;
}
#frontpage footer .foot-contact .con p,
footer .foot-services .con p {
	margin-top: 15px;
}

footer .foot-services h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding-left: 0.9375em;
	text-transform: none;
}

#frontpage footer .foot-services li.menu-1 a,
footer .foot-services li {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#frontpage footer .foot-services li.menu-1 a {
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

footer .foot-services .con p,
footer .foot-services .con a {
	font-style: normal;
	font-weight: 300;
}

footer .foot-services .con em a,
footer .foot-services .con em {
	font-style: italic;
}

footer .foot-services .con strong a,
footer .foot-services .con strong {
	font-weight: 600;
}

footer .foot-services ul {
	list-style: none;
}

footer .foot-services li a {
	color: #fff;
	font-size: 10px;
	font-weight: 300;
}

footer .foot-popular li h6,
footer .foot-popular li {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

footer .foot-popular li {
	border-bottom: 1px solid #394d58;
	padding-bottom: 4px; 
}

footer .foot-popular h6 {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
}

footer .foot-popular ul {
	list-style: none;
}

footer .foot-popular li a {
	color: #fff;
	font-size: 10px;
	font-weight: 300;
	font-style: italic;
	margin: 0 10px;
}

footer .copy {
	background-image: none;
	background-color: #172730;
	padding: 20px 0;
}

footer .copy,
footer .copy p {
	color:#fff;
	font-size: 11px;
	font-weight: 300;
	margin-bottom: 0;
}

footer .copy a,
footer .copy p a {
	color: #6ab0d1;
}

/********************************
******* |7| Special Cases *******
********************************/

/****homepage****/

div.premier,
div.firststep {
	margin: 45px 0 40px;
}

div.premier h1, 
div.premier h2 {
	color: #756f66;
	font-weight: 300;
	margin-bottom: 0;
	font-style: normal;
}

div.firststep h2 {
	color: #000000;
	font-weight: 300;
	margin-bottom: 0;
}

div.firststep h3 {
	color: #756f66;
	font-size: 16px;
	font-style: italic; 
	font-weight: 300;
	margin-bottom: 0;
}

.pageheader h5 {
	color: #000;
	font-size: 40px;
	font-weight: 300;
	padding : 15px 0px !important;
	margin: 27px 0;
}

div.html5img {
	margin: 25px 0 0;
}

#instaquote-one {
	display: none;
}

#instaquote-one.show {
	padding: 20px 0;
	display: block;
}

section.help .row {
	padding: 18px 0 20px;
}
section.help h2 {
	font-style: normal;
	font-weight: lighter;
}

section.help .txt p {
	width: 80%;
}

.webstuff {
	background: #e15b02 url(../graphics/office1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

.webstuff .image {
	margin-top: 150px;
	margin-bottom: 100px;
}

.webstuff .webstuff-arrow.turn {
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); /* IE 9 */
	-webkit-transform:rotate(-30deg); /* Safari and Chrome */
}

.profit h2 {
	color: #000;
	font-size: 44px;
	font-weight: 300;
	font-style: normal;
	margin-top: 30px;
	margin-bottom: 0px;
}

.profit h4 {
	font-size: 22px;
	font-weight: 600;
	font-style: italic;
	color: #092836;
	text-transform: none;
}

.profit p {
	font-size: 16px;
	color: #4f3c3c;
	text-align: center;
}

.profit ul.inline {
	margin: 20px 0 25px;
}

.service {
	text-align: center;
	padding: 100px 35px 10px;
}

.service h5 {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 18px;
}

#frontpage .service h5 {
	margin-right: 0;
}

.service h5.active {
	font-weight: 600;
	color: #e15b02;
}

.service p {
	font-size: 12px;
	text-align: center;
}

.adv-news {
	background-color: #6ab0d1;
}

.newshead img {
	padding: 50px 0;
}

.blog-block {
	margin: 50px 0;
}
.blog-block .blog-entry {
	padding: 7px 21px;
}
.blog-block .blog-entry .centered {
	border-bottom: 1px solid #e5e7e8;
	width: 100%;
	text-align: left;
}
.blog-block .date {
	font-size: 10px;
	font-weight: 400;
	margin: 0 0 8px;
}
.blog-block .blog-ttl {
	line-height: 14px;
	margin-bottom: 5px;
}
.blog-block .blog-ttl a {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	font-style: normal;
	color: #000;
}
.blog-block .blog-ttl a:hover {
	color: #f14308;
}
.blog-block p.blog-pre {
	color: #312e2e;
	font-size: 14px;
	line-height: 18px;
}
.blog-block p.blog-pre a.more {
	color: #E05D26;
	font-size: 12px;
	font-weight: 200;
}
/*.blog-block h3 {
	color: #000000;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	text-align: center;
}*/

.blog-block.subpage-block {
	margin: 30px 0;
}

.blog-block.subpage-block h2 {
	color: #000;
	font-size: 22px;
	font-style: normal!important;
	margin-bottom: 10px;
}

/*.blog-block.subpage-block h6.date {
	font-size: 10px;
}
.blog-block.subpage-block .blog-ttl {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.blog-block.subpage-block .blog-ttl a {
	font-size: 12px;
}
.blog-block.subpage-block p.blog-pre {
	font-size: 12px;
	line-height: 1.4em;
}
.blog-block.subpage-block p.blog-pre a.more {
	font-size: 10px;
	font-weight: 200;
}*/

.blog-block.subpage-cat-block {
	margin: 65px 0 20px;
}

.blog-block.subpage-cat-block ul.buttons {
	margin-top: 25px;
}

.clients-block {
	background: #e15b02 url(../graphics/office2.jpg) 50%  0 no-repeat fixed;
	background-size: cover;
	padding-bottom: 50px;
}

.clients-block .image {
	margin-top: 90px;
	margin-bottom: 50px;
}

.clients-block .client-list {
	margin-top: 0;
	margin-bottom: 0;
}


.clients-block .client-list img { 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.clients-block .client-list img:hover { 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
} 


.portfolio {
	margin: 50px 0;
}

.full-port {
	background: #6ab0d1 url(../graphics/blue-gears.gif) 50%  0 no-repeat fixed;
	padding-bottom: 50px;
	text-align: center;
	padding: 50px 0;
}

.full-port h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	font-style: italic;
	margin: 20px;
}

.full-port a {

}

.testimonial-block {
	padding: 20px 0 0;
	min-height: 210px
}

.testimonial-block,
.testimonial-block h3
.testimonial-block h4 {
	color: #7e7b7b!important;
}

.testimonial-block img {
	padding-left: 75px;
}

.testimonial-block .abs-headshot img {
	/*display: none;*/
    position:absolute;
    left:25%;
    bottom: 0; 
    z-index: 50;
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.testimonial-block .abs-headshot img {
	    left:10%;
	}
}

.testimonial-block .headshot img {
    margin-top: 20px;
}

.testimonial-block h3 {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 25px 50px;
}

.testimonial-block blockquote {
	min-height: 50px;
}

.testimonial-block ul li {
	list-style-type: none;
	background-image: none;
}

.testimonial-block .test-sig {
	color: #000;
	font-family: 'jenna_sueregular';
	font-size: 48px;
	line-height: 35px;
	margin: 15px 0 0 30px;
}

.testimonial-block .test-comp {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 5px 0 30px;
	font-style: normal;
}

.testimonial-block .test-loc {
	font-size: 14px;
	font-weight: 400;
	margin: 0px 5px 20px 30px;
	font-style: normal;
}

.calltoaction ul.buttons {
	margin: 50px 0 0;
}

#inprogress {
	text-align: center;
}

#inprogress h4 {
	font-size: 22px;
	color: #388eb7;
}

#inprogress p {
	font-size: 10px;
	font-weight: 700;
	color: #f00;
	margin-bottom: 10px;
}

#inprogress h6 {
	color: #388eb7;
}

.reveal-modal-bg {
	z-index: 998;
}

.reveal-modal {
	z-index: 999;
}

/**** Subpage ****/

.webserv {
	background: #103d52 url(../graphics/sub-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height : 390px;
}

.webserv-ttl h5 {
	/*margin-top : 130px;*/
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 40px;
}

.webserv .image,
.header-type .image {
	margin-top: 55px;
	margin-bottom: 55px;
}
.service-header {
	position: relative;
}
.service-header-img {
	position: absolute;
	right: 0;
	bottom: 25px;
}
.service_cat .eser_detail .textcolumn {
	padding-top: 5%;
}
.main-cnt {
	padding: 25px 50px;
}

.portfolio.gray {
	padding: 0;
	margin: 0;
}

.portfolio.gray h4 {
	font-size: 44px;
	font-weight: 300;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 0;
}



.portfolio.gray .projs dl {
	text-align: center;
	color: #000;
}

.portfolio.gray .projs dl dt {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0 0;
}

.portfolio.gray .projs dl dd {
	font-size: 12px;
	font-weight: 600; 
}

.portfolio.gray span {
	text-transform: lowercase;
}

.portfolio.gray h2 {
	font-size: 22px;
	margin:5px 0 30px;
}

.work .overlay dl {
	text-align: center;
	color: #000;
}

.work .overlay dl dt {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0 0;
}

.work .overlay dl dd {
	font-size: 12px;
	font-weight: 600; 
}

.portfolio .inline.buttons {
	margin-top: 15px;
}

.portfolio img {
	display: block;
	margin: 0 auto;
}

.calltoaction.subpage-block {
	padding: 30px 0 5px;
	text-align: center;
}

.calltoaction.subpage-block ul.buttons {
	margin: 0;
}

.calltoaction.simple ul.buttons {
	margin: 40px 0 0;
}

.calltoaction.subpage-block h2 {
	color: #000;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 33px;
}

.calltoaction.simple div.firststep {
	margin: 45px 0;
}

.calltoaction.simple h2 {
	color: #000;
	font-size: 25px;
	font-weight: 300;
}

.calltoaction.subpage-block .arrow-img {
	text-align: left;
	margin-top: -20px;
}

/**** SUBPAGE ESERV CAT ****/

.eser_cat_desc {
	
}

.eser_cat_desc h2 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal !important;
	color: #000;
}

.eserv_cat h3 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal !important;
}

.eser_cat_desc h2 a, .eserv_cat h3 a {
	color: #000000;
}

.eser_cat_desc h2 a:hover, .eserv_cat h3 a:hover {
	color: #e15b02;
}

.eser_cat_desc h3 {
	color: #094968;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;	
}

.eser_cat_desc p, .eserv_cat p {
	font-size: 16px;
	line-height: 24px;	
}

.listing {

}

.listing .eser_detail {

}

.listing .eser_detail h3 {
	color: #094968;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
}

.listing .eser_detail p{
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	line-height: 12px;
}

/* ESERVICE CUSTOMIZATION STYLES */

.eserv_cat h3,
.eserv_cat h3 a {
	font-family: 'Open Sans', sans-serif;
	font-size : 20px;
	font-style : italic;
	color : #094968;
	font-weight : 400;
	text-rendering: optimizeLegibility
}

.eserv_cat .imagecolumn {
	margin-top: 5px;
	margin-bottom: 30px;
}

.eserv_cat .wrapper {
	height: 160px;
	width: 160px;
	margin: 0 auto;
}

.eserv_cat .overlay {
	background: #e15b02;
	height: 160px;
	width: 160px;
	top: 0;
	position: absolute;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.eserv_cat .overlay:hover {
    opacity: 0.9;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.service_main .main-cnt {
	padding-bottom: 50px;
}

.eser_detail .textcolumn h3 {
	margin : 0px 0px 5px 0px;
	padding : 0px;
}

.eser_detail .textcolumn h3 a {
	color: #094968;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;	
}

.eser_detail .textcolumn h3 a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size : 18px;
	font-style : italic;
	color : #ff4302;
	font-weight : 400;
}

.eser_detail .textcolumn p {
	font-family: 'Open Sans', sans-serif;
	font-size : 14px;
	font-style : italic;
	color : #000;
	font-weight : 300;
	text-rendering: optimizeLegibility;
	line-height: 28px;
}

div.eser_detail {
	margin-top : 40px !important;
}

.eser_detail .imagecolumn img {
	/*width : 180px !important;*/
}

/* div.inner1_left img.categorymainimage {
	position : relative;
	top : -435px;
	left : 480px;
	display : block;
} */

div.inner1_left div.eser_wrapper {
/* 	margin-top : -385px; */
}

/* div.eservice_detail img.serviceimage {
	position : relative;
	top : -700px;
	left : 400px;
	display : block;
}

div.eservice_detail img.servicetextlogo {
	position : relative;
	top : -510px;
	left : -320px;
	display : block;
} */

div.eservice_detail div.eservice_detail_wrapper {
/* 	margin-top : -595px; */
}

/* ESERV HOVER EFFECTS */

@media only screen and (min-width: 768px){
	.eser_detail {
	   /*margin: 10px;*/
	   /*float: left;*/
	   /*border: 10px solid #fff;*/
	/*   overflow: hidden;
	   position: relative;
	   text-align: center;*/
	   cursor: default;
	   background-color: transparent;
	}
	.eser_detail .mask,.eser_detail .content {
	   /*width: 300px;
	   height: 200px;*/
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   text-align: center;
	}
	.eser_detail .imagecolumn {
		/*width: 280px;
		height: 280px;*/
		overflow: hidden;
	   	position: relative;
	}
	.eser_detail img {
	   display: block;
	   position: relative;
	}
	.eser_detail .mask h2 {
	   /*text-transform: uppercase;*/
	   /*color: #fff;*/
	   text-align: center;
	   position: relative;
	   font-weight: 600;
	   font-style: normal;
	   padding: 20px 10px 25px;
	   background: rgba(0, 0, 0, 0.8);
	   margin: 20px 0 0 0;
	}
	.eser_detail .mask p {
	   font-family: Georgia, serif;
	   font-style: italic;
	   font-size: 12px;
	   position: relative;
	   color: #fff;
	   padding: 10px 20px 20px;
	   text-align: center;
	}
	.eser_detail .mask a.info {
	   /*display: inline-block;
	   text-decoration: none;
	   padding: 7px 14px;
	   background: #000;
	   color: #fff;
	   text-transform: uppercase;
	   -webkit-box-shadow: 0 0 1px #000;
	   -moz-box-shadow: 0 0 1px #000;
	   box-shadow: 0 0 1px #000;*/
	   margin: 30px auto 0;
	}
	.eser_detail .mask a.info: hover {
	   /*-webkit-box-shadow: 0 0 5px #000;
	   -moz-box-shadow: 0 0 5px #000;
	   box-shadow: 0 0 5px #000;*/
	}
	.eser_detail img {
	   -webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	   -o-transform: scaleY(1);
	   -ms-transform: scaleY(1);
	   transform: scaleY(1);
	   -webkit-transition: all 0.7s ease-in-out;
	   -moz-transition: all 0.7s ease-in-out;
	   -o-transition: all 0.7s ease-in-out;
	   -ms-transition: all 0.7s ease-in-out;
	   transition: all 0.7s ease-in-out;
	}
	.eser_detail .mask {
	   background-color: transparent;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	}
	.eser_detail .mask h2 {
	   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	   background: transparent;
	   margin: 20px 40px 0px 40px;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   color: #333;
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	}
	.eser_detail .mask p {
	   color: #333;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   -webkit-transform: scale(0);
	   -moz-transform: scale(0);
	   -o-transform: scale(0);
	   -ms-transform: scale(0);
	   transform: scale(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	}
	.eser_detail .mask a.info {
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   -webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	   -o-transform: scaleY(0);
	   -ms-transform: scaleY(0);
	   transform: scaleY(0);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   width:150px;
	}
	.eser_detail:hover img,
	.eser_detail:focus img {
	   -webkit-transform: scale(10);
	   -moz-transform: scale(10);
	   -o-transform: scale(10);
	   -ms-transform: scale(10);
	   transform: scale(10);
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	   z-index: -100;
	}
	.eser_detail:hover .mask,
	.eser_detail:focus .mask {
	    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    opacity: 1;
	    width: 200px;
		height: 200px;
		border: #e15b02 solid 5px;
		border-radius: 100px;
		padding-top: 43px;
		margin: 25px 50px 0;
		-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   transform: scale(1);
	}
	.eser_detail:hover .mask h2,.eser_detail:hover .mask p,.eser_detail:hover .mask a.info,
	.eser_detail:focus .mask h2,.eser_detail:focus .mask p,.eser_detail:focus .mask a.info {
	   -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   transform: scale(1);
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	}
}
@media only screen and (max-width: 768px){
	.eser_detail .textcolumn h3 {
		margin-top: 0;
	}
	.eser_detail a.info.show-for-small {
		width: 125px;
		margin-top: 20px;
		font-size: 14px;
	}
}				

/**** SUBPAGE PROFILES, BLOG - GRID ****/


#blogpost .main-cnt {
	padding: 10px 50px 0;
}
#blogpost #breadcrumb {
	margin-bottom: 10px;
	margin-top: 8px;
}
.profilescolumn h2 {
	font-size : 24px;
	font-weight : 400;
}
.profilescolumn h2 {
	color: #000000;
	font-size : 26px;
	font-style: normal;
	font-weight : 200;
	line-height: 34px;
	margin: 0;
}
.profilescolumn h3 {
	color : #6F8996;
	font-weight : 400;
	font-style: italic;
	font-size : 20px;
}
.profilescolumn h3 {
	color : #094968;
	font-weight : 200;
	font-style: italic;
	font-size : 20px;
	line-height: 30px;
	margin: 2px 0 4px;
}
.profilescolumn h3.about {
	display: none;
}
.profile_detail_content .accordion section {
	border-bottom: 1px solid #9cb3be;
}
.profile_detail_content .accordion_header {
	background: url(/graphics/sprite/accordion-plus.gif) no-repeat right center transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	color: #094968;
	cursor: pointer;
	padding: 10px;
}
.profile_detail_content .active .accordion_header {
	background: url(/graphics/sprite/accordion-minus.gif) no-repeat right center transparent;
}
.profile_detail_content .accordion_content {
	padding: 0 10px 20px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.profile_detail_content .accordion_content p {
	margin: 0;
}
.profilepicgrid {
	float : left;
	margin: 15px;
	width: 36%;
	display: block;
	position: relative;
	height: 0;
	padding: 24% 0 0 0;
	overflow: hidden;
}

.profilepicgrid a{
	position: absolute;
 	display: block;
 	max-width: 100%;
 	max-height: 100%;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	margin: auto;
}


/**** PROFILE DETAIL PAGE ****/

.profilesidebar {
	background-color : #EBF0F3;
	padding : 20px;
}

blockquote.profilequote {
	color: #000000;
	font-size: 24px;
	font-weight: 200;
	font-style: italic;
	border-left: none;
	padding: 50px 0 10px 22px;
	margin: 25px 0 0;
	height: 135px;
	line-height: 25px;
	background: transparent url(../graphics/efelle_quote_large.gif) left top no-repeat;
}
.profile_detail p {
	font-size: 14px;
}
.profilesidebar_custom {
	padding: 10px 3px 20px 10px;
}
.profile_detail .profilesidebar p {
	font-size: 11px;
	font-style: italic;
	line-height: 22px;
	color: #000000;
	margin: 0;
}
.profile_detail .profilesidebar p a{
	color: #000000;
}
.profile_detail .profilesidebar h4 {
	font-size: 12px;
	text-transform: none;
	margin: 0;
}


/**** BREADCRUMB STYLES ****/

#breadcrumb {
	font-family : 'Open Sans', sans-serif;
	font-weight : 100;
	font-style: italic;
	padding-bottom : 5px;
	margin : -5px 0px 45px 0px;
	color : #ff6000;
	list-style: none;
	float: left;
}

#subpage_serv #breadcrumb,
#subpage #breadcrumb {
	margin-bottom: 28px;
}

#breadcrumb li {
	font-size : 12px;
	display: inline-block;
	padding-left: 5px;
	text-transform: lowercase;
	color: #144157;
}

#breadcrumb li a {
	color : #144157;
	text-decoration : none;
	font-weight : 100;
	font-style: italic;
	padding-right: 5px;
}

#breadcrumb li.bcthighlight {
	color : #ff6000;
	text-decoration : none;
	font-weight : 100;
	font-style: italic;
}

/**** SOCIAL SHARE BUTTON STYLES ****/
.social-share-buttons {
	float: right;
}
.content-header-block {
	width: 100%;
	float: left;
}

/**** NAVIGATION LEFT COLUMN STYLES ****/

.navcolumn {
	padding-top : 70px;
}

.navcolumn a {
	color : #000;
	font-style: normal;
}

.navcolumn a:hover {
	color : #e15b02;
}

.navcolumn ul li {
	font-size: 14px;
	list-style-type: none;
	background: url('../graphics/sprite/gray-arr.png') no-repeat top 8px left;
	margin-bottom: 10px;
	padding-left: 15px;
}

.navcolumn ul li a {
	font-size: 14px;
	font-weight: 600;
}

.navcolumn ul li a:hover,
.navcolumn ul li a.highlighted {
	color: #fc4100;
}

.navcolumn ul li ul {
	padding-top: 7px;
}

.navcolumn ul li ul li {
	background-image: none;
}

.navcolumn ul li ul li a {
	color: #103e53;
	font-size: 14px;
	font-weight: 300;
}

.navcolumn ul li ul li a:hover,
.navcolumn ul li ul li a.highlighted {
	color: #ff6001;
	font-size: 14px;
	font-weight: 300;
}

.subpagenavheader {
	font-family : 'Open Sans', sans-serif;
	font-weight : 400;
	color : #000;
	padding-bottom : 5px;
	margin-bottom : 20px;
	border-bottom : 1px solid #d3d3d3;
}

div.accordion {
	border : none !important;
	margin : 0px !important;
	background-color : #fff !important;
	background : #fff !important;
}

div.accordion p.title {
	border : none !important;
	margin : 5px !important;
	background-color : #fff !important;
	background : #fff !important;
	font-weight : 600 !important;
	font-size : 16px !important;
}

div.accordion p.title a {
	border : none !important;
	margin : 0px !important;
	padding : 0px !important;
	background-color : #fff !important;
}

.navcolumn .accordion div.content {
	margin : 0px !important;
	padding : 0px !important;
	border : none !important;
}

.navcolumn .accordion div.content p {
	margin : 0px 0px 0px 15px !important;
	padding : 0px !important;
	margin-left : 10px;
	border : none !important;
}

.navcolumn .accordion div.content a {
	color : #6F8996 !important;
	margin : 10px 0px !important;
	display : block;

}

/******* Contact Us ***********/

#subpage_fbv2 .contact-top .divider {
	border-bottom: 1px solid #e5e7e8;
	padding-bottom: 25px;
	margin-bottom: 45px;
}

#subpage_fbv2 .formbuilderv2_form_field {
	width: 100%;
	padding: 5px 0;
}

#subpage_fbv2 .form_field_title {
	font-size: 16px;
	font-weight: 300;
}

#subpage_fbv2 .form_field_title,
#subpage_fbv2 .form_field_element,
#subpage_fbv2 .form_field_element .form_field_half {
	display: inline-block;
	width: 45%;
}

#subpage_fbv2 .form_field_element .form_field_half {
	width: 47%;
}

#subpage_fbv2 .form_field_element input.datepicker {
	width: 95%;
}

#subpage_fbv2 .section_header .form_field_title {
	color: #ff6000;
	font-size: 20px;
	font-weight: 400;
	margin: 18px 0 13px;
}

#subpage_fbv2 .section_header .form_field_section_block {
	font-weight: 300;
	padding-bottom: 20px;
}

#subpage_fbv2 .valign_top .form_field_title {
	vertical-align: top;
}

#subpage_fbv2 .form_title {
	display: none;
}

.form_submit input {
	padding: 14px 34px;
	float: right;
	margin: 10px 97px 35px 0!important;
	background-color: #e15b02;
	border-color: #fd7419;
	color: white;
	font-size: 0.8125em;
	display: inline-block;
	border-style: none;
	text-transform: uppercase;
	border-width: 1px;
	cursor: pointer;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}

/**** PORTFOLIO ****/

.portfoliohead {
	background: #103d52 url(../graphics/portfolio-masthead1.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

#subpage_portfoliov2 #breadcrumb {
	margin-bottom: 13px;
}

.imac ul.pagin {
	text-align: right;
	margin: 51px 23px;
}

.imac ul.pagin li {
	cursor: pointer;
}




/********************************
********* |8| Carousel **********
********************************/

#carouselleft, #carouselright {
	margin: 0 0 30px 60px;
	padding: 0px;
	width: 360px;
}
#carouselleft ul, #carouselright ul {
	margin: 0;
	list-style: none;
	display: block;
}
#carouselleft li, #carouselright li {
	vertical-align: center;
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
#carouselleft, #carouselright {
	width: auto;
	margin-left: 0;
}

/********************************
********** |9| Isotope **********
********************************/

#container,
#portfoliov2_projects {
	height: 80%;
}

#options h2, #filter, #filter li {
	display: inline-block;
}

#options h2{
	margin-right: 50px;
	font-weight: 300;
	font-style: normal;
}

#frontpage #filter {
	font-size: 12px;
	text-transform: uppercase;
}

#frontpage #filter li {
	margin-right: 20px;
}

#frontpage #filter li a{
	padding: 3px 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12px; 
}

#frontpage #filter li a:hover, #frontpage #filter li a.selected {
	color: #fff;
	background-color: #e15b02;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

#container,
#portfoliov2_projects {
	margin: 0 auto;
}

.portfolio .work,
#portfoliov2_projects .work {
	height: 246px;
}

.work .overlay {
	background: #23527c;
	height: 152px;
    width: 285px;
	top: 0;
	float: left;
	left: 0;
	margin: 12px 0px 0px 12px;
	position: absolute;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.work .overlay:hover {
    opacity: 0.9;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.work .overlay dt, 
.work .overlay dd {
	color: #fff;
}

#options .work .overlay dt,
#portfoliov2_projects .work .overlay dt {
	border-bottom: 1px solid #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 50px auto 0;
	padding: 10px 35px;
}

#options .work.height-2 .overlay dt,
#portfoliov2_projects .work.height-2 .overlay dt {
	margin-top: 270px;
}

#options .work .overlay dd,
#portfoliov2_projects .work .overlay dd {
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	margin: 10px 0 0;
}

.work.width-2, .work.width-2 .overlay {
	width: 636px!important;
}

.work.height-2, .work.height-2 .overlay {
	height: 464px!important;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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;
}

/**** PORTFOLIO SPECIFIC ****/

#subpage_portfoliov2 #filter {
	font-size: 14px;
	text-transform: none;
	display: block;
}

#subpage_portfoliov2 #filter li {
	margin-right: 0;
	display: block;
}

#subpage_portfoliov2 #filter li a{
	padding: 0;
	font-size: 14px;
}

#subpage_portfoliov2 #filter li a:hover, 
#subpage_portfoliov2 #filter li a.selected {
	color: #fc4100!important;
	background-color: transparent;
	border: none;
}

#subpage_portfoliov2 .portfolio_desc_sm {
	display: none;
}

#subpage_portfoliov2 .navcolumn {
	padding-top: 15px;
}

@media only screen and (max-width: 768px){
	#subpage_portfoliov2 #filter {
		font-size: 12px;
		text-transform: uppercase;
		margin: 5px;
	}

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

	#subpage_portfoliov2 #filter li a{
		padding: 3px 10px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 12px; 
		color: #e15b02;
		text-decoration: none;
		font-weight: 300;
	}

	#subpage_portfoliov2 #filter li a:hover, #subpage_portfoliov2 #filter li a.selected {
		color: #fff!important;
		background-color: #e15b02;
		-moz-border-radius: 12px;
	    -webkit-border-radius: 12px;
	    border-radius: 12px;
	}

	#subpage_portfoliov2 .navcolumn {
		padding-top: 0;
	}

	#subpage_portfoliov2 .navcolumn ul li {
		font-size: 14px;
		list-style-type: none;
		background: none;
		margin-bottom: 10px;
		padding-left: 0;
	}

	#subpage_portfoliov2 .subpagenavheader,
	#subpage_portfoliov2 .portfolio_desc_lg {
		display: none;
	}

	#subpage_portfoliov2 .portfolio_desc_sm {
		display: block;
	}

	#subpage_portfoliov2 .columns.overview {
		margin-top: -30px;
	}


}


@media only screen and (max-width: 372px){
	.work, .work.width-2, .work.width-2 .overlay {
	    width: 100%!important;
	}

	.work, .work.height-2 {
		height: auto!important;
	}

	.work .overlay, .work .overlay:hover {
	    height: 0px!important;
	    width: 0px!important;
	    display: none!important;
	}
}

.mobile {
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}

.mobile .orbit-container .orbit-slides-container img
{
	width: 100%;
}

.mobile .orbit-container ul li {
	list-style-type: none;
	background: none;
	padding-left: 0;
}

.mobile .orbit-container .orbit-prev span,
.mobile .orbit-container .orbit-next span {
	background: none;
}

@media only screen and (max-width: 850px){
	#portfoliov2_detail .image.columns {
		padding: 0;
		margin: 0;
	}

	#subpage_portfoliov2 .main-cnt.shadow {
		padding: 0!important;
	}

	#subpage_portfoliov2 .main-cnt.oview {
		padding: 25px 0!important;
	}
}

#portfoliov2 h2,
#portfoliov2_detail h3 {
	color: #000000;
	font-size: 26px;
	font-style: normal;
}

#portfoliov2 h3,
#portfoliov2_detail h2 {
	color: #094968;
	font-size: 20px;
	font-style: italic;
}

#portfoliov2_detail .attribute_label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

#portfoliov2_detail .attribute_value {
	font-size: 14px;
	font-weight: 300;
}

#subpage_portfoliov2 .main-cnt.detail {
	padding: 25px 0 0;
}

.profit.orange {
	padding: 0 0 35px;
}

.profit.orange {
	background: #ff4d0f url(../graphics/office3.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
}

.profit.orange h2,
#portfoliov2_detail .profit.orange h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 300;
}

.profit.orange img,
.profit.orange h5 {
	margin: auto;
	display: block;
}

.profit.orange h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

.profit.orange h5 {
	color: #fff;
	margin-top: 10px
}

#subpage_portfoliov2 .service {
	padding: 23px 35px 10px;
	opacity: .5;
}
#subpage_portfoliov2 .active .service {
	opacity: 1;
}

#subpage_portfoliov2 .active .service img { 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#subpage_portfoliov2 .active .service img:hover { 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
} 

#portfoliov2_project_information {
	margin-top: 20px;
}

#portfoliov2_project_attributes {
	margin-top: 35px;
}
#subpage_portfoliov2 .firststep h2 {
	font-size: 25px;
}

/********************************
****** |10| Foundation App ******
********************************/

.top-bar, 
.top-bar-section ul,
.top-bar-section li a:not(.button) {
	background: transparent;
}

@media only screen and (max-width: 58.75em) {
	.top-bar-section li a:not(.button) {
		background: #000;
	}
}

.top-bar-section ul li > a {
	color: #0B2F41;  /* top nav font color */
	font-weight: 600;
	font-size: 14px;
}

.top-bar-section ul li > a:hover {
	color: #ff4504;
}

#frontpage .top-bar-section ul li > a {
	color: #fff;  /* top nav font color */
	font-weight: 600;
}

#frontpage .top-bar-section ul li > a:hover {
	color: #ff4504;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: #ff6803;
}

h5 a, h6 a,.button.small {
	padding: 14px 34px;
	font-size: 0.8125em;
}


@media only screen {
  h5 a, h6 a {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    h5 a:active, h6 a:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    h5 a.radius, h6 a.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    h5 a.round, h6 a.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }


h5, h6 {
	font-size: 14px;
	margin-right: 15px;
	display: inline-block;
}

@media only screen{
	h5 a, h6 a, button, .button { 
		border-style: none;
		border-width: none;
		text-transform: uppercase;
	}
}

.button.rounded-3 {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.clear {
	clear : both;
}

.accordion section .accordion_content, 
.accordion section p.accordion_header hobbies {
  /* Force hardware acceleration */
    -moz-transform: translate3d(0,0,0); /* Firefox 4 */
    -webkit-transform: translate3d(0,0,0); /* Safari and Chrome */
    -o-transform: translate3d(0,0,0); /* Opera */
    -ms-transform: translate3d(0,0,0); /* IExplorer 10 */
    transform: translate3d(0,0,0);

    /* Set those CSS3 transistions */
    -moz-transition:height 0.8s; /* Firefox 4 */
    -webkit-transition:height 0.8s; /* Safari and Chrome */
    -o-transition:height 0.8s; /* Opera */
    -ms-transition: height 0.8s; /* IExplorer */
    transition:height 0.8s;
}

.accordion section .accordion_content {
  	height: 0;
    overflow:hidden;
    display:block;
}

.accordion section.active .accordion_content {
  	height:auto;
}

/*#accordion .pointer {
  padding:0;
  margin:10px 0 0 6px;
  line-height:20px;
  width:13px;
  position:absolute;
}
#accordion section:not(.ac_hidden) h1 {
  background-color:rgba(255,0,0,0.7);
}

#accordion section:not(.ac_hidden) .pointer {
  display:block;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  padding:0;
}*/

/*search*/
#searchbox {
	margin-top: 10px;
	margin-left: 18px;
    float:right;
    height:50px;
    z-index:10;
}

#frontpage #searchbox {
	margin-top: 36px;
}

#frontpage header.scroll #searchbox {
	margin-top: 11px;
}

#searchbox .search-icon {
	margin-top: 16px;
    width:38px;
    height:18px;
    float:right;
}

#frontpage #searchbox .search-icon {
	margin-top: 16px;
}

#searchbox .search-icon:focus {
	outline: none;
}

#frontpage header.scroll #searchbox .search-input,
#searchbox .search-input {
    display:none;
    width:260px;
    border:none;
    outline:none;
    background:rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    font-size:14px;
    color:#d4d4d4;
    margin-top:8px;
    height:32px;
    padding:0 0 0 13px;
}

#frontpage #searchbox .search-input {
    background:rgba(255, 255, 255, 0.5);
    color:#2c3e50;
    margin-top:8px;
    padding:0 0 0 13px;
}

#searchbox ::-webkit-input-placeholder,
#searchbox ::-moz-placeholder,
#searchbox :-ms-input-placeholder,
#searchbox input:-moz-placeholder  {
	color:#f00;
}

/*TESTIMONIAL OVERVIEW STYLES GO HERE*/
.main-cnt .testimonial-short {
    /*height: 162px;*/
    margin-bottom: 45px;
}
.testimonial-short .testimonial-image {
    /*float: left;*/
}
.testimonial-short .testimonial-text {
    background: url("../graphics/sprite/test-quotes.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*float: right;*/
    margin-top: 14px;
    /*width: 75%;*/
}
.testimonial-short .testimonial-text p {
    margin: 0;
    padding: 15px 20px 0;
}
.testimonial-short .testimonial-text p i {
    color: #2F2F31;
    font-size:16px;
}
.testimonial-short .testimonial-text a {
    color: #FF4F12;
    font-size: 14px;
}

.testimonial-text .testimonial-contact p,
.testimonial-image .testimonial-contact p {
    color: #7E7B7B;
    font-size: 14px;
}

.testimonial-text .testimonial-contact p b,
.testimonial-image .testimonial-contact p b {
    color: #0A0C1E;
    font-size: 14px;
    font-weight: normal;
}
.large-9.columns.testimonial h1 {
	font-size:22px;
	padding-bottom:20px;
}
.large-9.columns.testimonial p a {
    color: #FF4F12;
}

/*TESTIMONIAL DETAIL STYLES GO HERE*/

.main-cnt.shadow.testimonial {
    padding: 25px 50px 0;
}
.testimonial_detail {
    min-height: 500px;
}
.testimonial_detail img {
    bottom: 0;
    right: 0;
}
.prevlink {float: left;width: 50%;}
.nextlink {float: right;width: 50%; text-align: right;}

.testimonial_detail h1 {
    margin-bottom: 30px;
    font-size:22px;
}
.testimonial_detail .testimonial_blurb {
    background: url("../graphics/sprite/test-quotes.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #7E7B7B;
    font-size: 14px;
    margin-bottom: 50px;
    padding: 0 30px;
}
.testimonial_blurb h4 {
    color: #094968;
    font-family: 'open sans';
    font-size: 18px;
    padding: 16px 0 20px;
    text-transform: none;
}
.testimonial_blurb span {
    color: #0A0C1E;
    font-family: 'jenna_sueregular';
    font-size: 40px;
}
.testimonial_text {
    margin-bottom: 75px;
}
.testimonial_text p a {
    color: #FF4F12;
    font-size: 15px;
}

/*** YOUTUBE EMBED VIDEO CONTAINER ***/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* NEW HEADER */

img.top {
	width: 86px;
}
#frontpage img.top {
	width: auto;
}
.menu-button {
	display: none;
}
@media (max-width: 940px) {
	.menu-button,
	#frontpage .html5banner {
		display: block!important;
	}
	nav.top-bar ul.title-area,
	.top-bar-section,
	header.head,
	#frontpage #mastslide {
		display: none!important;
	}
	#frontpage .content {
		top: 5px;
	}
	.html5banner {
		padding: 0;
	}
	.html5banner img {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#frontpage .premier {
		text-align: center;
		margin-bottom: 5px;
	}
	#frontpage .help.gray {
		background-color: transparent;
	}
	#frontpage .help.gray .txt h2,
	#frontpage .help.gray .txt p {
		display: none;
	}
	#frontpage .premier h1 {
		font-size: 24px;
	}
	#frontpage .premier h2 {
		font-size: 18px;
	}
}
@media (max-width: 350px) {
	#frontpage .premier h1 {
		font-size: 21px;
	}
}

/* MMenu */

#mmenu-noslide a {
	font-style: normal;
	font-weight: 600;
}
#filter-off {
	padding-top: 30px;
}
#filter-off li {
	background-image: none;
	margin-bottom: 0;
}
#filter-off li:after {
	content: '';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	width: auto;
	margin-left: 20px;
	position: relative;
	left: auto;
	border-color: rgba(0, 0, 0, 0.15);
}
#filter-off a {
	font-style: normal;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: inherit;
	line-height: 20px;
	display: block;
	padding: 10px 10px 10px 20px;
	margin: 0;
}
#portfoliov2 #port-nav-toggle {
	position: fixed;
	right: 0;
	top: 500px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 50px 40px 0;
	border-color: transparent #f63 transparent transparent;
	z-index: 50;
}
#port-nav-arr {
	-webkit-animation:bounce 1s infinite;
	width:25px; 
	height:20px; 
	/*background:transparent url('../graphics/jump-arr.png') center center no-repeat;*/
	display:inline-block; 
	position: fixed;
	right: 3px;
	top: 527px;
	z-index: 51;
}
.mm-opened #port-nav-arr {
	-webkit-animation: none;
}
@media (max-width: 768px) {
	#portfoliov2 #port-nav-toggle {
		top: 200px;
	}
	#port-nav-arr {
		top: 227px;
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	   	right: 3px;
	}
	40% {
	    right: 8px;
	}
	60% {
	    right:0px;
	}
}

/* FRONTPAGE FONTS */

#frontpage .firststep h2 {
	font-size: 25px;
}
#frontpage .firststep h3 {
	font-size: 20px;
}
#frontpage .calltoaction ul.buttons {
	margin-top: 58px;
}