@import url('socialicoregular.css'); /*social icons */
@import url('font-awesome.css'); /*icon font */
@import url('tabs-toggle.css'); /*accordion and tabs */

@import url('../js/fancybox/source/jquery.fancybox.css'); /*combined buttons, thumbs and base fancybox*/

@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,400italic,300italic,700,700italic');/*fonts*/

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


/*	main container(s)
================================================================= */
.container {
    max-width: 1100px; /* width of content*/
    min-width:240px;
    position: relative;
    width:90%;
    padding:0;
    margin: 0 auto;
}
#main-content {
    padding-top:0;
    padding-bottom:2%;
    clear: both;
}

.mid-light{
	background: url(../images/bg-mid.jpg) repeat;
	padding: 20px 0;
}

.mid-red{
	background: #ff4458;
	color: #fff;
}

.blue{
	background: #232D3F;
}

.green{
	background: #68C17D;
}

.mid.heading h2{
	margin: 0;
	color: #fff;
	font-weight: bold;
}

.yellow{
	background: #ffab44;
}

.mid-red a, .mid-red h2, .green h2, .yellow h2{
	color: #fff;
	font-weight: bold;
}
.mid-red a:hover{
	color: #89202c;
}

.mid{
	padding: 30px 0;
}

.journey{
	background: url(../../images/journey-of-discovery.jpg) no-repeat right top;
}

.mid-dark{
	background: #222b35;
	padding: 30px 0;
color: #faf8fc}

.mid-dark a{
	color: #ffda00;
}

#intro{

	background: url(../../images/low-poly-bg-6.jpg) no-repeat;
	background-size: cover;
	color: #fff9f4;
	height: auto;
	padding: 50px 0;
	position: relative;
	text-align: center;
	min-height: 500px;
}

/* My Comment */

#service-header{
	background: url(../../images/intro-image-starmap.jpg) no-repeat;
	background-size: cover;
	color: #fff9f4;
}

#process-header{
	background: url(../../images/intro-image-starmap.jpg) no-repeat;
	background-size: cover;
	color: #fff9f4;
}

h1.intro {
	color: #fff9f4;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: #000 1px 1px 3px;
		background: url(../images/20pb.png) repeat;
}

h3.intro {
	color: #1e1e1b;
	font-size: 24px;
	text-shadow: #000 1px 1px 3px;
}

.intro a{
	text-decoration: none;
	color: #fef562;
	text-shadow: #000 1px 1px 3px;
	background: url(../images/20pb.png) repeat;
	font-family: "Source Sans Pro", Arial, sans-serif ;
}

h3 a{
	text-decoration: none;
}

#intro p{
	margin-top: 40px;
}

.intro  a:hover{
	color: #961102;
}

#intro h2{
	color: #1e1e1b;
}

#intro h5{
	color: #feffff;

}


#logo2{
	width: 311px;
	margin: 0px auto 80px;
}

.lt-ie9 .container {width: 940px} /* ie less than 9*/

/* body / html font base sizes
================================================== */
html {
    font-size: 62.5%;
    margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}    
body {
	background:#fff;
	font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-text-size-adjust:100%;
}

/*	Text Color
========================================================== */
body, html, a { color: #3f3f3f}
h1, h2, h3, .slide-to-top .trigger { color: #5e5e5e}
.mid-dark h1, .mid-dark h2, .mid-dark h3{ color: #fff }
h1 a, h2 a, h3 a, h5 a, h4 a { color: inherit }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, .slide-to-top .trigger:hover { color: #E51F2B}
.fullcap a{
	text-transform: uppercase;
	text-decoration: none;
	color: #4d4d4d;

}
/* Font Selection
================================================== */


.hero-unit h1,.hero-unit h2, .short_headline, .call-to-action h3, h1, h2, h3, h4 {
	font-family: 'Cinzel', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;

}

h5, h6{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}

.intro-header{
	font-weight: bold;
}

.short_headline, .call-to-action h3, h2, h3, h4 {font-weight:500}
blockquote, .statement, .header .tagline { font-family: Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}

/* Link Styles
================================================== */
a { text-decoration: underline }
a:hover {
    color: #961102;
    text-decoration: none;
}
p a,
p a:visited { line-height: inherit }
h2 a, h2 a:hover,
h3 a:hover { text-decoration: none }
a img {
    border: none;
    text-decoration: none;
}
a:hover,
a:active,
a,
object,
embed,
*:focus {
    -moz-outline-style: none;
    outline: none!important; /*remove dotted border */
}
/* Don't collapse these into one ruleset. When a browser doesn't 
recognise a selector it discards the whole ruleset. 
By using vendor selectors in one ruleset you guarentee 
nothing will be applied */
::-webkit-selection {
    background-color: #758694;
    color: #fff;
}
::-moz-selection {
    background-color: #758694;
    color: #fff;
}
::selection {
    background-color: #758694;
    color: #fff;
}
a.tele { /*turn off telephone link on desktop */
	text-decoration: none; 
	cursor:text; 
	pointer-events: none; 
	color:inherit!important;
}

a.c-t-a{
	background-color: #9E1F63;
	color: #fff;
	text-decoration: none;

}

.error{
	color: #E51F2B;
}

p.success{
	color: #09b5dc;
}



.btn-danger{color:#fff;background:#E51F2B;border-color:#da4f49;}

@-webkit-keyframes glowbutton {
  from {
    background-color: #ED1849;
  }
  50% {
    background-color: #FF4479;
  }
  to {
    background-color: #ED1849;
  }
}
@-moz-keyframes glowbutton {
  from {
    background-color: #ED1849;
  }
  50% {
    background-color: #FF4479;
  }
  to {
    background-color: #ED1849;
  }
}
@-o-keyframes glowbutton {
  from {
    background-color: #ED1849;
  }
  50% {
    background-color: #FF4479;
  }
  to {
    background-color: #ED1849;
  }
}
@keyframes glowbutton {
  from {
    background-color: #ED1849;
  }
  50% {
    background-color: #FF4479;
  }
  to {
    background-color: #ED1849;
  }
}

a.button, button.button,.submit,
input[type=submit],
input.button

 {
  display: inline-block;
  padding: .53em 1.1em;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  /* Make inputs the same size as normal text */

  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer; /* Inputs need pointers! */

  overflow: visible; /* IE fix */
  width: auto;/* IE fix */
  line-height: 1.618em;
  
  -webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;/* Opera/IE 8+ */

  background: #002B54;
  color: #f8f8f8;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  font-weight: 700;
  white-space: nowrap;
  font-size: .857em;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
a.button:hover, button.button:hover, .submit:hover,
input[type=submit]:hover,
input.button:hover {
  background-color: #f37324;
  text-decoration: none;
  color: #ffffff;
  -webkit-animation: glowbutton 1.618s infinite;
  -moz-animation: glowbutton 1.618s infinite;
  -o-animation: glowbutton 1.618s infinite;
  animation: glowbutton 1.618s infinite;
}
a.button:active {
  background-color: #0894b4;
}

a.arrow-btn:after{
	font-family: 'FontAwesome';
  display: inline-block;
  font-size: 100%;
  margin-left: .618em;
  font-weight: normal;
  line-height: 1em;
  width: 1em;
  content: "\f061";
 

}

.btn-more{
	border-left: 5px solid #E51F2B;
	color: #E51F2B;
	text-transform: uppercase;
	padding-left: 10px;
	text-decoration: none;
}

a.btn-more span.arrow, a.button span.arrow{
	position: relative;
	left: 0;
	vertical-align: middle;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
	transition: left .2s linear
}
a.btn-more:hover span.arrow, a.button:hover span.arrow{
	left: 10px;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
	transition: left .2s linear

}

.btn-more-alt{
	border-left: 5px solid #E51F2B;
	color: #e3c400;
	text-transform: uppercase;
	padding-left: 15px;
	text-decoration: none;
}

img.arrow {
	position: relative;
	left: 0;
	vertical-align: middle;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
	transition: left .2s linear
}

a:hover img.arrow,button:hover img.arrow {
	left: 10px;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
	transition: left .2s linear
}


/* @group Typography Resets & Settings */

/* Typography Resets & Settings
================================================== */
h1 { font-size: 220% }
h2 { font-size: 200% }
h3 { font-size: 150% }
h4 { font-size: 130% }
h5 { font-size: 120% }
h6 { font-size: 110% }
h1, h2, h3 { font-weight: normal; margin-top: 2%; margin-bottom: 2%; }
h4, h5, h6 {margin-top: 2%; margin-bottom: 2%; }
.primary-column:first-child h2, .primary-column:first-child h3, .primary-column:first-child h1 { margin-top: 0 }
h4, h5, h6 { line-height: 1.4 }
h1, h2, h3 { line-height: 1.2 }
h1 { margin-top: 0 }
p, ul, form, ol, pre { margin-top: 0%; margin-bottom: 2%; }
ul + p, ol + p { margin-top: 2% }
ol.upper-roman {list-style-type:upper-roman}
ol.upper-latin{list-style-type: upper-latin;}
li, dd { line-height: 1.5 }
em, dfn, cite { font-style: italic }
ins { text-decoration: overline }
del { text-dcoration: strikethrough }
strong, dfn { font-weight: bold }
small, .small { font-size: 75% }
big, .big { font-size: 160% }
dl { margin: 0 5% 2% }
dt { font-weight: bold; text-decoration: underline; margin-top: .3em; margin-bottom: .3em; }
dd { margin: 0 0 0 1em; padding: 0; }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; white-space: nowrap; }
pre { border: 1px solid #7caf32; margin: 1.5em 0; background: #f8f8f8; white-space: pre; overflow: auto; padding: 1%; }
pre, code, tt, kbd, samp { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace }
sup { font-size: 75%; position: relative; bottom: 0.4em; }
sub { font-size: 75%; position: relative; bottom: -0.2em; }
hr { border: 0px; clear: both; margin: 30px 0 40px; background: url(../images/hr.png) repeat-x; height: 3px; }
hr.empty { border: 0px; background: none; }
pre { margin: 2% 0px 5% 0px; padding: 3%; display: block; clear: both; background: url(../images/5p.png) repeat; border: 0px; }
pre code, code { padding: 0; margin: 0; color: inherit; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
code { color: #ea4800 }
ul.square li { list-style-type: square }
ul.circle li { list-style-type: disc }
.full-caps{
	text-transform: uppercase;
}

#profiles p.position{
	
	color: #d00;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 2% 0;
	font-style: italic;
}

#profiles p.position span{
	font-weight: bold;
	color: #d00;
	padding: 2% 0;
	font-style: normal;
}



.home-features h2{
	font-weight: bold;
}
.home-features p{
	margin-bottom: 1.618em;
}

/* @end */

/* @group blockquotes / quotes / dropcap */

/* blockquotes / quotes / dropcap
================================================== */
blockquote {
    clear: both;
    font-style: italic;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 20px 0 50px;
    position: relative;
    quotes: none;
    background: url(../images/open-quote.png) 0 0 no-repeat;
    border: 0px;
    font-size: 120%;
    line-height: 175%;
}

blockquote p {
    font-size: 150%;
    line-height: 175%;
}


blockquote p:last-child { margin-bottom: 0px }
blockquote footer {
    clear: both;
    display: block;
    text-align: right;
    font-size: 90%;
}
blockquote footer:before { content: "\2014 \0020" }
q {
    display: inline;
    quotes: none;
}
q:before { content: "\201c" }
q:after { content: "\201d" }
q q:before { content: "\2018" }
q q:after { content: "\2019" }
.dropcap {
    display: block;
    color:#758694;
    float: left;
    font-size: 45px;
    line-height: 45px;
    padding: 0;
    margin: 3px 5px 0 0;
    text-transform: uppercase;
    font-style: normal;
}

/* @end */

/* @group My accessibility */

/*	accessibility
================================================== */
.visuallyhidden,.search form label { border: 0; clip: rect(0000); height: 1px; overflow: hidden; position: absolute; width: 1px; margin: -1px; padding: 0; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus,.search form label:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; margin: 0; }
.visuallyhidden ul li{list-style:none;}

/* @end */

/* @group headline short lines */

/* headline short lines
================================================== */
.short_headline {
	border-bottom: 1px solid #d8dfe5;
    margin:0 0 1em 0;
    text-transform: lowercase;
    padding-bottom:9px;
    line-height:normal;
}
.short_headline span {
    border-bottom:5px solid #d8dfe5;
    padding-bottom:10px;
}

p + .short_headline,
table + .short_headline,
blockquote + .short_headline,
ul + .short_headline,
ol + .short_headline,
dl + .short_headline,
form + .short_headline,
h1 + .short_headline,
h2 + .short_headline,
h3 + .short_headline,
h4 + .short_headline,
h5 + .short_headline,
h6 + .short_headline,
.row-fluid + .short_headline { margin-top: 3% }

.short_headline + h1
 {margin-top:3%}
 
.short_headline.margin-top {
    margin:2em 0 1em 0;
}

/* @end */

/* @group images */

/*	images
================================================== */
.lt-ie9 img { -ms-interpolation-mode: bicubic; }

img {
    max-width: 100%;
    display: block;
}
img.alignright {
    float: right;
    margin: 1% 0 1% 3%;
}
img.alignleft {
    float: left;
    margin: 1% 3% 1% 0;
}
img.aligncenter,
img.alignnone { display: block;margin-bottom:3%; }
.span4 img.aligncenter,.span4 img.alignnone,
.span3 img.aligncenter,.span3 img.alignnone {margin-bottom:5%; }

img.alignc{
	margin: 0 auto;
}

/* @end */

/* @group figures/figcaption */

/*	figures/figcaption
================================================== */
figure img {
	margin: 0;
	display:inline;
}
figure {
	margin: 0 0 4% 0;
}
figcaption {
	text-align: left; 
	margin-top:0px;
	padding:10px 0;
	clear:both;
	font-size:90%;
	font-style:italic;
	background: url(../images/hr.png) 0 100% repeat-x;
}
figcaption p:last-child { margin-bottom: 0% }
figure.three-images {
    position: relative;
    width: 100.5%;
}
figure.three-images img {
    width: 32.333%;
    float: left;
    margin: 0 1% 0 0;
}
figure.two-images {
    position: relative;
    width: 100.5%;
}
figure.two-images img {
    width: 49%;
    float: left;
    margin: 0 1% 0 0;
}

/* @end */

/* @group hover images overlays */

/* hover images overlays
================================================== */
a.hover {
    display: block;
    position: relative;
}
span.plus {
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
    background: url(../images/plus.png) 50% 50% no-repeat;
    left: 0;
    top: 0;
    opacity: 0;
}
a:hover .plus {
    display: block;
    z-index: 200;
    opacity: 1;
}

/* @end */

/* @group  general misc */

/*  general misc
================================================== */
p.statement {font-size:160%;font-style:italic}
.left { text-align: left }
.right { text-align: right }
.float-right {float:right}
.float-left {float:left}
.justify{
	text-align: justify;
}
.center { text-align: center }
.small {
    font-size: 70%;
    font-size: 70%;
}
.bold {font-weight:bold;}
.onetwenty {font-size:120%;}
.onefifty {font-size:150%;}
.oneseventyfive {font-size:175%;}
.twohundred {font-size:200%;}
.leading { line-height: 2 }
.underline { text-decoration: underline }
iframe { margin: 0 0 2em 0 }
.fade {
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
}
textarea { resize: vertical }
.detailsPop { cursor: pointer }
.popover { text-align: left }
.popover h3 { font-weight: bold }
strong .tooltip,
b .tooltip,
em .tooltip,
i .tooltip { font-weight: normal;font-style:normal }
.print { display: none } /*turn off print for desktop*/
.alert .close { text-decoration: none }
.clear { clear: both }
.form-actions {
    background: transparent;
    border: 0px;
}
ul.breadcrumb { background: transparent }
.audiojs {
    -webkit-box-shadow:	none;
    -moz-box-shadow: 	none;
    box-shadow: 		none;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.brand {line-height:1;text-decoration:none;}
.navbar a, .nav a {text-decoration:none;}



.biggieicon:hover, .midiicon:hover { color: #9bd9e9 }

.highlight-color { color: #53a3b7 }
.border-t { border-top: 1px solid #d8dfe5 }
.border-b { border-bottom: 1px solid #d8dfe5 }
.border-tb {
    border-bottom: 1px solid #d8dfe5;
    border-top: 1px solid #d8dfe5;
}

.padtop{
	padding-top: 30px;
}

/* @end */

/* @group css3 columns on paragraphs only */

/*  css3 columns on paragraphs only
================================================== */
p.two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 5%;
    -webkit-column-count: 2;
    -webkit-column-gap: 5%;
    column-count: 2;
    column-gap: 5%;
}
p.three-columns {
    -moz-column-count: 3;
    -moz-column-gap: 3%;
    -webkit-column-count: 3;
    -webkit-column-gap: 3%;
    column-count: 3;
    column-gap: 3%;
}

/* @end */

/* @group clearing */

/*  clearing
================================================== */
.span2, .span3, .span4, .span8, .span6, .span5, .span9, .span12, .widget, .summary-wrapper { *zoom: 1}
.span2:before, .span3:before, .span4:before, .span8:before, .span6:before, .span5:before, .span9:before, 
.span12:before, .widget:before, .summary-wrapper:before, .span2:after, .span3:after, .span4:after, 
.span8:after, .span6:after, .span5:after, .span9:after, .span12:after, .widget:after, .summary-wrapper:after 
{display: table; content: ""; line-height: 0;}

.span2:after, .span3:after, .span4:after, .span8:after, .span6:after, .span5:after, .span9:after, .span12:after, .widget:after, .summary-wrapper:after 
{clear: both}

/* @end */

/*  webkit fix
================================================== */
input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"]
{-webkit-appearance: textfield; }

/* @group bootstrap hero-unit reset */

/*	bootstrap hero-unit reset
============================================================ */
.hero-unit {
    position: relative;
    clear: both;
    margin: 0;
    padding: 1% 0;
    background:  url(../../images/low-poly-bg-6.jpg);
	color: #fff;
}

.poly-warm{
	 background:  url(../../images/low-poly-bg-warm.jpg);
}

.poly-green{
	 background:  url(../../images/low-poly-bg-green.jpg);
}

.poly-bluegreen{
	 background:  url(../../images/low-poly-bg-bluegreen.jpg);
}

.poly-blue2{
	 background:  url(../../images/low-poly-bg-blue2.jpg);
}

.poly-purple{
	 background:  url(../../images/low-poly-bg-purple.jpg);
}

.hero-unit h1,
.hero-unit h2 {
    margin: 0;
    padding-bottom: 20px;
    font-size: 200%;
    line-height: 1.4;
    margin:0;
   
}

.hero-unit p{
	font-family: "Source Sans Pro", Arial, sans-serif ;
	font-weight: bold;
	line-height: 1.4;
	text-shadow: #1a1a1a 1px 1px 2px;
}

.hero-unit.center {
    text-align: center;
}

.hero-unit.no-border h1, 
.hero-unit.no-border h2 
{background:none;}

/* @end */




/* @group basic image slider */

/* basic image slider
================================================== */
.lt-ie8 .flexslider.image-slider.span6 {margin-left:0;margin-right:0;}

.image-slider.flexslider {
    margin-bottom: 2%;
    position: relative;
}
.image-slider.flexslider .flex-direction-nav a:hover { background-color: #a3b0bb }

.image-slider.flexslider .flex-direction-nav a {
    position: absolute;
    z-index: 200;
    top: 30%;
    right: 0;
    width: 30px;
    border:1px solid #fff;
    border-right:0px;
    height: 50px;
    text-indent: -9999px;
    display: block;
    background: #4c5966 url(../images/sliderarrows.png) -80px 50% no-repeat;
}
.image-slider.flexslider .flex-direction-nav .flex-prev {
    right: auto;
    left:0;
    border-left:0px;
    border-right:1px solid #fff;
    left: auto;
    background-position: -110px 50%;
}
.image-slider.flexslider .caption {
	text-align: left; 
	margin-top:0px;
	padding:10px 0;
	clear:both;
	font-size:90%;
	font-style:italic;
	background: url(../images/hr.png) 0 100% repeat-x;
}
.image-slider.flexslider .caption.no-border {
	background: none;
}
.image-slider.flexslider .caption p:last-child {margin-bottom:0;}
.image-slider.flexslider .flex-direction-nav .flex-disabled,
.image-slider.flexslider .flex-direction-nav .disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: default;
}

/* @end */

/* @group columns structure / sidebars */

/* columns structure / sidebars
================================================== */

/* used on the home page to put the .well before the testimonials &
  on the contact page to put the form before the address on desktop */
  
.row-fluid.reverse-order .span4, .row-fluid.reverse-order .span5 {float:right;} 
.row-fluid.reverse-order .span8, .row-fluid.reverse-order .span7 {margin-left:0;}

/****** widget base ******/
.widget {
	margin:0 0 30px 0;
	clear:both;
}

/******  left sidebar layout ******/
.row-fluid.sidebar-left .span3 {
	float:left;
	margin-left:0;
}
.row-fluid.sidebar-left .span9 {
	float:right;
	margin-right:0;
}
.sidebar-left {
	background-image: url(../images/rule.png);
	background-position: 23.5% 0;
	background-repeat: repeat-y;
}
.sidebar-left .secondary-column .widget {padding-right:20px;}

/****** right sidebar layout ******/
.sidebar-right {
	background-image: url(../images/rule.png);
	background-position: 76.5% 0;
	background-repeat: repeat-y;
}
.sidebar-right .secondary-column .widget {padding-left:20px;}

/******  contemporary 3 columns layout ******/
.contemp-three-cols {
	background-image: url(../images/rule.png), url(../images/rule.png);
	background-position: 50.75% 0, 76% 0;
	background-repeat: repeat-y;
}
.contemp-three-cols .secondary-column .widget {padding:0 20px;}
.contemp-three-cols .tertiary-column .widget {padding-left:20px;}

/****** holygrail 3 columns layout ******/
/**** VERY COOL STUFF KEEP feel free to share, it took me a lot of trial, error, and testing! */
.row-fluid.holy-grail .primary-column  {
	float:left;
	margin-left:25.531914893617%;
	margin-right:-25.531914893617%;
}
.row-fluid.holy-grail .secondary-column  {
	float:left;
	margin-left:-48.55%;
	*margin-left:-50%;
}
.row-fluid.holy-grail .tertiary-column  {
	float:right;
}
.holy-grail {
	background-image: url(../images/rule.png), url(../images/rule.png);
	background-position: 23.5% 0, 76.5% 0;
	background-repeat: repeat-y;
}
.holy-grail .tertiary-column .widget {
	padding-left:20px;
}
.holy-grail .secondary-column .widget {
	padding-right:20px;
}

/******  ie support  ******/
.lt-ie9 .widget {background:url(../images/5p.png);padding:15px;}
.lt-ie9 .contemp-three-cols, .lt-ie9 .contemp-three-cols, .lt-ie9 .sidebar-right, .lt-ie9 .sidebar-left {background-image:none;}

.lt-ie8 .sidebar-right .span9, .lt-ie8 .contemp-three-cols .span6 {margin-left:0!important;}

/* tags */
.sidebar-tabs .tag-wrapper a, .entry-tags a  {
	-webkit-border-radius: 2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	float:left;
	display:block;
	text-decoration:none;
	background:#d8dfe5;
	padding:0 8px;
	margin:0 3px 3px 0;
	color:#758694;
	font-size:85%
}
.sidebar-tabs .tag-wrapper a:hover, .entry-tags a:hover  {background:#fc4622;color:#fff;}

/****** sidebar and blog related posts navigation (in related posts area) ******/
ul.navigation {
    margin-left:0;
    padding-left:0;
}
ul.navigation li {
    margin-left: 0;
    padding: 3px 0 3px 13px;
    list-style: none;
    display:block;
    background: url(../images/sidebar-list-icon.png) 0 8px no-repeat;
}
ul.navigation li a {
    text-decoration: none;
    display: block;
}
ul.navigation li.active a,
ul.navigation a:hover { color: #53a3b7 }
ul.navigation li.active a:before,
ul.navigation li:hover a:before { color: #53a3b7 }

ul.navigation ul {
	margin-left:10px;
	margin-bottom:5px;
	font-size:90%;
}

/****** sidebar text box ******/
.widget p {
	font-size: 90%;
}
.widget p:last-child {
	margin: 0px;
}

/*sidebar images*/
.widget img.alignleft {margin:5px 10px 0 0;}
.widget img.alignright {margin:5px 0 0 10px;}
.widget img.aligncenter {margin:0 0 10px 0;display:block;float:none;width:100%}

/****** sidebar popular blog posts ******/
.widget ul.blogposts {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.widget ul.blogposts a {
	text-decoration: none;
}
.widget ul.blogposts li {
	border-bottom: 1px solid #d8dfe5;
	float: left;
	margin-top: 10px;
	padding: 0px 0px 10px;
	width: 100%;
}
.widget ul.blogposts li:last-child {
	border: none;
	padding: 0px;
}
.widget ul.blogposts h3 {
	font-size:105%;
	margin: 0px 0px 5px 50px;
}
.widget ul.blogposts p {
	margin: 0px 0px 0px 50px;
	font-size:85%;
}

/* ***** sidebar widget fancy date ******/
ul.blogposts span.date {
 	background: #d8dfe5;
	color:#758694;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	display: block;
	float: left;
	line-height:1; 
	height: 31px;
	width:40px;
	padding: 9px 0 0 0;
	text-align: center;
	-webkit-box-shadow: inset 2px 2px 0px 0px #a3b0bb;
    box-shadow: inset 2px 2px 0px 0px #a3b0bb;
}
ul.blogposts .date .day {
	font-size: 13px;
	font-weight: bold;
	display:block;
}
.lt-ie9 ul.blogposts .date .day {
	top:2px;
}
ul.blogposts span.date .month {
	font-size: 10px;
	display:block;
	position: relative;
	text-transform: lowercase;
}
ul.blogposts span.date .year {
	display: none;
}

/* ***** sidebar widget sponsors ******/
.widget .sponsors  {
	margin:0;
	padding:0;
}
.widget .sponsors li {
	margin:0 3% 3% 0;
	padding:0;
	list-style:none;
	float:left;
}
.span3 .widget .sponsors li {
	width:47%;
}
.span4 .widget .sponsors li {
	width:100px;
	height:100px;
}

/* @end */

/* @group bootstrap's thumbnail classes modified */

/*	bootstrap's thumbnail classes modified
================================================== */
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails:after {
  clear: both;
}
.row-fluid .thumbnails {
  margin-left: 0;
}
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  border: 1px solid #d8dfe5;
}
a.thumbnail:hover {
  border-color: #a3b0bb;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

/* @end */

/* @group footer */

/*	footer
================================================== */
#footer {
    clear: both;
    background: #111c28;
    border-top: 3px solid #40464b;
    padding: 0% 0 0 0; /* added */
}
#footer a {
    color: #9bd9e9;
    text-decoration: none;
}
#footer a:hover { text-decoration: underline }
#footer h4 {
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #6d767e;
}
#footer p,
#footer h4,
#footer ul { color: #d8dfe5 }
#footer .row-fluid { margin-bottom: 2% }
#footer section { padding: 0 0 15px 0 }

/*social icons list on a row in footer */
.social {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left:-7px;
    *left:-3px;
}
.social li {
    display: inline-block;
    padding:0 7px 0 7px;
    *padding:0 3px;
    *display: inline;
    *zoom: 1;
}
.social li a:hover {
	opacity: .5
}

/*	image widget in footer and sidebar
================================================== */
ul.image-widget {
    position: relative;
    left: -5px;
    margin:0;
    padding:0;
}
.image-widget li {
    float: left;
    margin: 0 5px 10px 5px;
    width: 50px;
    height: 50px;
	list-style:none;
}
/*sidebar image widget */
.widget .image-widget li {
    width: 45px;
    height: 45px;
}


/*	footer blog posts
================================================== */
.footerPosts {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footerPosts li { padding: 5px 0 }
.footerPosts li:first-child { padding-top: 0 }
.footerPosts .last,
.footerPosts li:last-child { border: none }
.footerPosts .meta {
    text-transform: uppercase;
    color: #a3b0bb;
    display: block;
    font-size: 70%;
}

/*	footer credit
================================================== */
#footer .footerCredits {
    padding: 0;
    clear: both;
    text-align: left;
    position:relative; /*ie fix*/
    background: #111c28;
}
#footer .footerCredits ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    position: relative;
    left: -10px;
}
#footer .footerCredits li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #a3b0bb;
}
#footer .footerCredits li:last-child,
#footer .footerCredits .last { border: none }
#footer .footerCredits li:first-child { padding-left: 0 }
#footer .footerCredits {
    padding: 10px;
    font-size: 70%;
}
#footer .footerCredits a,
#footer .footerCredits li {
    text-decoration: none;
    color: #d8dfe5;
    margin: 0;
    text-transform: uppercase;
}
#footer .footerCredits a:hover { color: #fff }
#footer .footerCredits p{
	margin-top: 0;
}
/*	go to top 
================================================== */
.backToTop {
	position: fixed;
	bottom: 10px;
	z-index: 1000;
	right:10px;
}
.backToTop a {
	width: 50px;
	text-indent:-9999px;
	height: 50px;
	display: block;
	margin: 0;
	background:#E51F2B url(../images/top.png) no-repeat center center;
}
.backToTop a:hover {
	background-color: #b02d13;
}

/*	tooltip
================================================== */

.tooltip-inner {
  color: #576674;
  background-color: #d8dfe5;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #d8dfe5;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #d8dfe5;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #d8dfe5;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #d8dfe5;
}


/* @end */

/* @group PAGES */

/*	PAGES
================================================== */

#global-services .row-fluid, #cultural-panel .row-fluid{
	margin-bottom: 20px;
}

/*	client logos 
================================================== */
.clientlogos { position: relative }
.clientlogos .slides {
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}
.clientlogos .slides li {
    margin: 0 1px 0 0;
    position: relative;
    width: 184px;
    float: left;
    border-right: 1px solid #d8dfe5;
}
.no-js .clientlogos .slides li {
    width: 16.6666%;
    float: left;
}
.clientlogos .slides li img { width: 100% }
.clientlogos .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
.clientlogos .flex-direction-nav a {
    position: absolute;
    z-index: 200;
    bottom: 0;
    left: 25px;
    width: 20px;
    height: 20px;
    border: none;
    text-indent: -9999px;
    display: block;
    background: #111c28 url(../images/sliderarrows.png) -280px 50% no-repeat;
}
.clientlogos .flex-direction-nav .flex-prev {
	left: 0;
    background-position: -300px 50%;
}

/*  contact page
================================================== */
.contact-page .icon-map-marker {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 80px;
    float: right;
}
.contact-page .icon-map-marker:before {
    font-size: 50px;
    line-height: 1;
    color: #fc4622;
}
.contact-page textarea {height:250px;}



/*  services nav
================================================== */

#services_menu {
	/*wrapper nav*/
    padding: 0;
	z-index: 999;
	clear: none;
	position: relative;
	top: 0;
	width: 100%;
	text-align: center;
	
}

#services_menu .service-nav {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

.service-nav ul {
	margin: 0;
	padding: 0;
	display: none;
	
}

#services_menu .service-nav li {
	display: inline-block;
	padding: 0 1%;
	list-style: none;
	position: relative;
	text-transform: uppercase;
	font-family: "Source Sans Pro", Arial, sans-serif ;
}

#services_menu .service-nav li a {
	border: none;

	display: block;
	line-height: 40px;
	margin: 0!important;
	padding: 0 0px;
	text-decoration: none;
	font-size: 100%;
}

.row-fluid #services_nav {
	margin-bottom: 0;
}

#services #brand a, #services #brand h3 {color: #fdbd00;}
#services #brand a:hover {color: #d69f00;}
#services #brand .btn-more{border-left-color: #fdbd00;color: #fdbd00;}


#services #culturalEng  a,#services #culturalEng h3 {color: #199e19;}
#services #culturalEng a:hover {color: #0c660c;}
#services #culturalEng .btn-more{border-left-color: #199e19;color: #199e19;}


#services #commsOpt a,#services #commsOpt h3 {color: #0057af;}
#services #commsOpt a:hover {color: #003671;}
#services #commsOpt .btn-more{border-left-color: #0057af;color: #0057af;}


#services #marketers a, #services #marketers h3 {color: #9347a4;}
#services #marketers a:hover {color: #491f52;}
#services #marketers .btn-more{border-left-color: #9347a4;color: #9347a4;}


/*  registration 
================================================== */
.register-box {
	width:70%;
	margin:0 auto;
}

/*  sitemap	 
================================================== */
.sitemaplist li {
	font-size:130%;
	display: inline-block;
	width:100%;
	margin-top:10px;
}
.sitemaplist li li {
	margin:3px 0;
	font-size:80%;
	display:inline-block;
	width:100%;
}
.sitemaplist {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
.sitemaplist a {
	text-decoration:none;
	border-bottom:1px dotted #a3b0bb;
}

/*	testimonial page
================================================== */
.testimonial-gallery li {  
  background-color:#d8dfe5;
  background-image:none;
}
.testimonial-gallery li.highlight {  
  background-color:#111c28;
  background-image:none;
  color:#fff;
}
.testimonial-gallery li.highlight blockquote {  
    background-image: url(../images/open-quote-white.png);
}

/*	rotating testimonials (VARIOUS PAGES)
================================================== */
.rotating-testimonials { padding: 0px 0px }
.rotating-testimonials .tabs {
    clear: both;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0px;
    text-align: left;
}
.rotating-testimonials .tabs li {
    background: #4c5966;
    border: none;
    display: inline-block;
    *display: inline;
    height: 8px;
    margin: 15px 5px 0px;
    width: 8px;
    zoom: 1;
}
.no-js .rotating-testimonials .tabs li { display: none }
.rotating-testimonials .tabs li.active,
.rotating-testimonials .tabs li:hover {
    background: #a3b0bb;
    padding: 0px;
}
.rotating-testimonials .tabs li a {
    display: block;
    height: 20px;
    padding: 0px;
    text-indent: 9999px;
    overflow: hidden;
}
.rotating-testimonials .panels { 
    /* ie fix */
    width: 100%;
}
.rotating-testimonials .panels blockquote {
    margin-bottom: 0;
    background-color: transparent;
    border: 0px;
}
/*sidebar widget styles for rotating testimonials */
.sidebar .rotating-testimonials .panels blockquote {
	font-size:100%;
	padding:0;
	margin-bottom:0;
	background-image:none!important;
}
.sidebar .rotating-testimonials .tabs {
    text-align: right;
    margin-bottom:0;
}

#about #profiles h3{
	font-size: 170%;
}
#about #profiles p.


/* @end */

/* @group components */

/*	components 
================================================== */

/*	responsive videos using fit-vids.js
================================================== */
/* .video-wrapper all video has to have a wrapper with the class video*/
	.no-js .video-wrapper iframe {display:none;}
	.no-js noscript {font-weight:bold;background:#000;color:#fff;display:block;padding:10px;margin:10px 0;}
	.no-js noscript *{color:#fff;}
	iframe {border:0px;}
	.video-wrapper {margin:2% 0}

/* flexslider base styles - base
================================================== */
	.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;}
	.slides,.flex-control-nav,.flex-direction-nav{list-style:none;margin:0;padding:0;}
	.flexslider{margin:0;padding:0;}
	.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;position:relative;}
	.flexslider .slides img{width:100%;display:block;}
	.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
	* html .slides{height:1%;}
	html[xmlns] .slides,.no-js .slides > li:first-child{display:block!important;}

/* isotope/masonry base styles - base
================================================== */
	.isotope-item { z-index:2; }
	.isotope-hidden.isotope-item { pointer-events:none; z-index:1; }
	.isotope, .isotope .isotope-item { -webkit-transition-duration:.8s; -moz-transition-duration:.8s; transition-duration:.8s; }
	.isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; transition-property:height, width; }
	.isotope .isotope-item { -webkit-transition-property:0 opacity; -moz-transition-property:0 opacity; transition-property:transform, opacity; }


/* responsive tables
================================================== */
.overthrow-enabled .overthrow {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.overthrow-enabled .overthrow::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.overthrow-enabled .overthrow::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
.overthrow table {
	margin-bottom: 0;
}
.overthrow {
	margin-bottom: 2%;
}

/* @end */




/* @group Process  */



#service-slides {
	color: #131311;
	height: auto;
	padding: 0!important;
	position: relative;

}

.process .section-header {
	margin-bottom: 3%
}

.process .slides li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	
	position: relative;
	-webkit-backface-visibility: hidden
}

.process .content {

}

.process .content p {
	font: 1.438em ;
	line-height: 1.3em;
	margin-bottom: 1.8em;
	}

.process-trigger {
	background: #fff;
	border: 1px solid #000;
	color: #141213;
	display: inline-block;
	padding: 20px;
	letter-spacing: .1em;
	margin: 0 auto;

	outline: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	

}

.process-trigger:hover {
	background-color: #f8e959
}





.slide-nav {
	margin-top: -8px
}

.process-step .content {

	padding-bottom: 2em;
	position: relative;
	z-index: 2
}

.process-step .content .header {
	background: #fff;
	font: 1.125em "proxima-nova",sans-serif;
	height: 48px;
	margin: 0 auto 2em;
	max-width: 54px;
	text-align: center;
	text-transform: uppercase;
	width: 48px
}

.process-step .content .header img {
	display: block;
	padding-top: 1px
}

.process-step .content p {

	margin: 0 auto 1.5em;
	
}

.process-menu {
	*zoom: 1;
	background: #fff;
	border: 1px solid #7F6C5E;
	margin: 8px auto 0;
	padding: 2px 0;
	
}

.process-menu:after {
	content: "";
	display: table;
	clear: both
}

.process-menu .phase {
	border-bottom: 1px solid #7F6C5E;
	border-top: 1px solid #7F6C5E;
	float: left;
	text-align: center;
	text-transform: uppercase
}

.process-menu a {
	color: #131313;
	display: block;
	font: 800 .75em "proxima-nova",sans-serif;
	height: 24px;
	opacity: .6;
	outline: 0;
	padding-top: 17px;
	text-decoration: none;
	width: 150px;
}

.process-menu a:hover,.process-menu a.current {
	opacity: 1
}

.process-menu .step1 {
	background: transparent url(../images/annulus-1-active.png) no-repeat center 11px;
	border-right: 1px solid #7F6C5E
}

.process-menu .step2 {
	background: transparent url(../images/annulus-2-active.png) no-repeat center 11px;
	border-right: 1px solid #7F6C5E
}

.process-menu .step3 {
	background: transparent url(../images/annulus-3-active.png) no-repeat center 11px;
	border-right: 1px solid #7F6C5E
}

.process-menu .step4 {
	background: transparent url(../images/annulus-4-active.png) no-repeat center 11px
}

.step-name {
	margin-bottom: .2em;
	text-align: center;
}

#process-1 {

	background-size: cover
}

#process-2 {
	
	background-size: cover
}

#process-3 {

	background-size: cover
}

#process-4 {

	background-size: cover
}


/* @end */

.page-section{
	padding-top:60px;
	width:100%;
	float:left;
	-webkit-animation: toLeftFromRight 0.9s forwards;
	-moz-animation: toLeftFromRight 0.9s forwards;
	animation: toLeftFromRight 0.9s forwards;
	background-color:#f4f4f4;
}
.white-font{color:#ffffff !important;}


/*	BEGIN MEDIA QUERIES
***********************************************************************************
 */
 

/*==================================================== 
******************************************************
/*	DEVICES greater than 1100 pixels wide
******************************************************
====================================================== */

@media only screen and (min-width: 1100px) {
	body {
		font-size: 15px; 
		font-size: 1.5rem;/* =15px */
		line-height:1.65;
	} 
	

}/*** end greater than 1100px ***/


/*==================================================== 
******************************************************
/*	DEVICES less than 980 pixels wide
******************************************************
====================================================== */

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

	.clientlogos .slides li {margin:0 1px 0 0;position:relative;width:175px!important;float:left;}

	/* call to action
	================================================== */
	.call-to-action h3 {
	font-size:210%;
	}

	.call-to-action.trad .message {width:65%;text-align:left;margin-right:5%}
	.call-to-action.trad .action {float:right;width:30%}

}

/**** end max width 980 ****/

/**** iPads ****/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
			.hero-unit h1,
	.hero-unit h2 {
		font-size: 140%;
		line-height: 1.3;
		margin-bottom: 0;
		font-weight: 700;
	}
	
	#services_menu .service-nav li a {
	display: block;
	line-height: 40px;
	margin: 0!important;
	padding: 0 0px;
	text-decoration: none;
	font-size: 90%;
}



}

/*	DEVICES less than 768 pixels wide */

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

.hero-unit p{
	font-size: 90%;
}
}	/**** end max width 768 ****/


/*	DEVICES less than 767 pixels wide */
@media only screen and (max-width: 767px) {

	/*  various resets max-width 767px
	================================================== */
	.thumbnails {
		margin-left: 0;
	}
	.thumbnails > li {
		float: none;
		margin-left: 0;
	}
	hr {
		margin: 2% 0 4% 0;
	}
	.clientlogos .slides li {
		margin: 0 1px 0 0;
		position: relative;
		width: 100px!important;
		float: left;
	}
	/* used on the home page to put the .well before the testimonials &
	  on the contact page to put the form before the address on desktop */
	
	.row-fluid.reverse-order .span4,
	.row-fluid.reverse-order .span5 {
		float: none;
	}
	.row-fluid.reverse-order .span8,
	.row-fluid.reverse-order .span7 {
		margin-left: 0;
	}
	.leading {
		line-height: inherit;
	}
	.contact-page textarea {
		height: 100px;
	}
	.control-label {
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left;
	}
	/*  short headline mobile max-width 767px
	================================================== */
	
	.short_headline {
		border-bottom: 3px solid #d8dfe5;
		padding-bottom: 9px;
	}
	.short_headline span {
		border-bottom: none;
		padding-bottom: 0;
	}
	/*  sidebar mobile max-width 767px
	================================================== */
	
	.widget {
		margin: 0 0 1.5% 0!important;
		background: url(../images/5p.png);
		padding: 15px!important;
	}
	.row-fluid.holy-grail .primary-column {
		float: none;
		margin-left: 0%;
		margin-right: 0%;
	}
	.row-fluid.holy-grail .secondary-column {
		float: none;
		margin-left: 0%;
		*margin-left: 0%;
	}
	.row-fluid.holy-grail .tertiary-column {
		float: none;
	}
	.sidebar-right,
	.contemp-three-cols,
	.holy-grail,
	.sidebar-left {
		background-image: none;
	}

	/*  hero unit mobile max-width 767px
	================================================== */
	
	.hero-unit h1,
	.hero-unit h2 {
		font-size: 160%;
		line-height: 1.3;
		margin-bottom: 0;
		font-weight: 700;
	}
	.hero-unit {
		padding: 0% 0 2% 0;
	}





}

/**** end max width 767 ****/



/* DEVICES less than 600 pixels wide  */
@media only screen and (max-width: 600px) {

#home .span4{
	margin-bottom: 20px;
}

	body {
	    font-size: 13px;
	    font-size: 1.3rem; /* =15px */
 	   line-height: 1.5;
	}

	/*** Turn ON telephone max-width 600px 
	================================================== */
	a.tele {
 	   cursor: pointer;
 	   pointer-events: visible;
	}

	/*  images max-width 600px
	================================================== */
	img.alignright {
	    width: 45%
	}
	img.alignleft {
	    width: 45%
	}

	.well img.alignleft, 
	.well img.alignright {
		width:auto;
		max-width:100%;
	}

	/*  sidebar nav max-width 600px
	================================================== */
	ul.navigation {
		font-size:110%;
	}
	ul.navigation ul {
		font-size:100%;
	}

	/* forgot password bootstrap fix for fluid append stuff*/
	.forgot-password .input-append input[type="text"], 
	.forgot-password input[type="email"] 
	{width:50%}

	/*  bootstrap fluid corrections max-width 600px
	================================================== */
	label.checkbox.inline, 
	label.radio.inline, 
	.form-inline label {
		width:100%!important;
		clear:both;
		margin:0!important;
		display:block;
	}
	.btn-group {
		clear:both;
		margin:0 0 10px 0;
	}
	#registration-form-extended select, 
	#registration-form select {
		margin-bottom:5px;
	}
	form span.info {
		clear:both;
		display:block;
	}
	/* misc atmosphere styles
	================================================== */
	.biggieicon {
		text-align: center;
		font-size: 280%;
		width: 100%;
		margin-bottom:-3%;
	}


}/**** end max width 600 ****/

/*	DEVICES less than 500 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 500px) {
	body {
		font-size: 1.4rem;
		/* =14px */
		line-height: 1.4;
	}
	/*** font-sizes max-width 500px***/
	h1 {
		font-size: 140%;
	}
	h2 {
		font-size: 130%;
	}
	h3 {
		font-size: 120%;
	}
	h4 {
		font-size: 110%;
	}
	h5 {
		font-size: 100%;
	}
	h6 {
		font-size: 95%;
	}
	p + .short_headline,
	table + .short_headline,
	blockquote + .short_headline,
	ul + .short_headline,
	ol + .short_headline,
	dl + .short_headline,
	form + .short_headline,
	h1 + .short_headline,
	h2 + .short_headline,
	h3 + .short_headline,
	h4 + .short_headline,
	h5 + .short_headline,
	h6 + .short_headline {
		margin-top: 5%;
	}
	blockquote p {
		line-height: 1.4;
	}
	.dropcap {
		font-size: 30px;
		line-height: 30px;
	}
	/*** hero unit adjustment max-width 500px***/
	.hero-unit h1,
	.hero-unit h2 {
		font-size: 110%;
		line-height: 1.3;
		margin-bottom: 0%;
	}
	.hero-unit {
		padding: 2% 0 3% 0;
	}
	
		.hero-unit p{
	font-size: 70%;
}
	
	
	/*** blockquote adjustment max-width 500px***/
	blockquote {
		font-size: 110%;
		line-height: 135%;
	}
	/* mobile in page navigation max-width 500px***/
	.container.visible-phone.hidden-tablet.hidden-desktop .btn {
		margin: 0 0 5px 5px;
		float: right;
	}
	.form-actions {
		margin-left: 0!important;
		padding-left: 0!important;
		margin-top: 2%;
		padding: 0;
	}


}

/**** end max width 500px ****/


/* MAIN RETINA BACKGROUND IMAGE REPLACEMENT & RETINA INFORMATION
	http://weedygarden.net/2012/04/hi-res-retina-display-css-sprites/
	http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/
	http://www.webresourcesdepot.com/3-solutions-for-serving-high-res-images-to-retina-display-devices/
================================================== */

/*	change the webkit number to 1 to test on webkit to make sure 
	the sizes and the images show up correctly then switch back before launch */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-o-min-device-pixel-ratio: 3/2),
 	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	hr, figcaption,  .image-slider.flexslider .caption {
		background-image: url(../images/retina/hr_@2x.png);
		-moz-background-size: 3px 3px;
		/*w & h of total ORIGINAL 72dpi image*/
		-ie-background-size: 3px 3px;
		-o-background-size: 3px 3px;
		-webkit-background-size: 3px 3px;
		background-size: 3px 3px;
	}
	
	blockquote {
		background-image: url(../images/retina/open-quote_@2x.png);
		-moz-background-size: 38px 38px;
		-ie-background-size: 38px 38px;
		-o-background-size: 38px 38px;
		-webkit-background-size: 38px 38px;
		background-size: 38px 38px;
	}
	
	span.plus {
		background-image: url(../images/retina/plus_@2x.png);
		-moz-background-size: 50px 50px;
		-ie-background-size: 50px 50px;
		-o-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	
	.testimonial-gallery li.highlight blockquote {
		background-image: url(../images/retina/open-quote-white_@2x.png);
		-moz-background-size: 38px 38px;
		-ie-background-size: 38px 38px;
		-o-background-size: 38px 38px;
		-webkit-background-size: 38px 38px;
		background-size: 38px 38px;
	}
	
	.backToTop a {
		background-image: url(../images/retina/top_@2x.png);
		-moz-background-size: 50px 50px;
		-ie-background-size: 50px 50px;
		-o-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	
	.flex-direction-nav a, .clientlogos .flex-direction-nav a {
		background-image: url(../images/retina/sliderarrows_@2x.png);
		-moz-background-size: 360px 100px;
		-ie-background-size: 360px 100px;
		-o-background-size: 360px 100px;
		-webkit-background-size: 360px 100px;
		background-size: 360px 100px;
	}
	
	ul.navigation li, .widget ul.navigation li {
		background-image: url(../images/retina/sidebar-list-icon_@2x.png);
		-moz-background-size: 6px 8px;
		-ie-background-size: 6px 8px;
		-o-background-size: 6px 8px;
		-webkit-background-size: 6px 8px;
		background-size: 6px 8px;
	}
}

/* end desktop and main retina swapping */


/* ================================================== 
	Print Media Styles
================================================== */
 @media print {
.print { display:block; } /*turn on print for printers*/
.print.logo { margin:0 auto; }
iframe {display:none;}
ul { margin:0; }
.span7, .span5, .span4, .span6, .span8, .span9, .span3, .span9, .row-fluid.holy-grail .primary-column.span6, .row-fluid, .featured_items { clear:both; width:100%!important; margin:0 auto!important; padding:0!important; float:none!important; left:0!important; top:auto!important; }
.container { clear:both; width:100%!important; padding:0; max-width:100%; }
blockquote, blockquote p { padding-left:0!important; }
.addthis_toolbox, .preheader, #footer, .primary_menu, .visuallyhidden, .video-wrapper, .sidebar, .zoom-image, .sort, #carousel, .related, .widget, .post-pagination, .pagination, .flex-control-nav, .flex-direction-nav { display:none!important; }
.flexslider li:first-child { display:block!important; }
.flexslider li img { max-width:600px!important;}
.hero-unit { margin:0; padding:0; background-image:none }
/* masonry isotope doesn't have print support */
.gallery, #filter, .pagination, [class^="icon-"]:before, [class*=" icon-"]:before, .socicon, #comment_form_wrapper, #contact-form, .date_share, .pager, .pagination { display:none!important; }
.blog-detail .article, .blog-summary .article {float:none;width:100%;}
.header { width:100%; display:block; }
h1, h2, h3, h4, h5, h6 { margin:10px 0 10px 0!important; }
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
a,  a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
#logo a[href]:after { display:none!important }
abbr[title]:after { content: " (" attr(title) ")"; }
pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; /* h5bp.com/t */ }
tr,  img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.8cm;}
p,  h2,  h3 { orphans: 3; widows: 3; }
h2,  h3 { page-break-after: avoid; }

 }/*end print*/