/* handOff style_19.css 120214
handOff style_19.css 120114
handOff style_18.css 102714
handOff style_18.css 102414
handOff style_18.css 102314
handOff style_18_102214_4pm
handOff style_17.css 102014
handOff style_16.css 092514 */
/* For expert web design contact http://craigwebbart.com */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

html { width:100%;
height:100%;
background-color:#FFF;
}

html { -webkit-font-smoothing: antialiased; }

html {
font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
font-size:16px;
color:#1F4731;
}

body, nav, ul, li, a  {margin: 0; padding: 0; }

body {
width:100%;
margin: 0 auto;
padding: 0;
	-o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	transition:all .5s ease-in; 
background-color:rgba(34, 103, 65, 0.4);
}

body {
font: 400 normal 1rem/1.70rem;
text-shadow:rgba(0,0,0,0.01) 0 0 1px;
}

* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	*behavior: url(assets/js/boxsizing.htc);/* IF IE*/
}

.unborderbox { box-sizing: content-box;
	*behavior: url(assets/js/boxsizing.htc);/* IF IE*/
}

/*-  SELF-CLEARING FLOATS  - Example from stephencaver_Responsive
----------------------------------------------------------------------*/

header:after, nav:after, article:after, aside:after, footer:after, hgroup:after, section:after, figure:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

header { 
clear:both;
overflow:hidden;
}

.clearfix {display:block;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;
clear:both;visibility:hidden;
overflow:hidden;
}

.hidden { visibility:hidden;
overflow:hidden;
line-height:0;
 }

audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
3/16 = 0.1875
0.375
9/16 = 0.5625
10/16 = 0.625
11/16 = 0.6875
12/16 = 0.75
13/16 = 0.8125
14/16 = 0.875
15/16 = 0.9375
6/16 = 0.375
18/16 = 1.125
19/16 = 1.1875
20/16 = 1.25
*/

p {
font-size: 1em;
line-height: 1.5em;
margin: 0 0 1em 0;
color:#1F4731;
}/*147 17 28 30*/

p:last-child { padding-bottom:0;
}

b, strong {
font-family: 'source_sans_proregular', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
font-weight:bold;
font-size:inherit;
color:#1F4731;
}

span.nowrap { white-space: nowrap;
}

#faq p:nth-child(odd) { margin-bottom:.25em;
}

#faq p:nth-child(even) { margin-bottom:1.5em;
}

a { text-decoration:none; 
color:#23824E;}

a:hover { text-decoration: underline; 
color:#ab3223; }

a:visited {color: #8C0C10;
text-decoration: none; }/*Royal blue */

a:hover, a:focus, a:active { outline: none; }

p a, p a:visited { line-height: inherit; }
a img, img { border: none; }
a img {display: block; } /* Stops image links getting text link styles */

h1, h2, h3, h4, h5, h6,  blockquote {font-family: 
arvoregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
color:#01AD4E;
} 

h1 {  font-size: 2em; line-height:1.2em; margin-bottom:1em; margin-top:0;	}

h2 { font-size:1.75em;line-height:1.5em; margin:1em 0; }

h3 { font-size:1.5em;line-height:1.25em; margin-bottom:.35em; }

h4 { font-size:1.25em;line-height:1.25em; margin-bottom:.2em; }

h5 {   margin-top:.5em;
font-size:1em;line-height:1.25em; margin-bottom:.35em; }

h6 { font-size:1em;line-height:1.25em; margin-bottom:.25em;
 margin-top: 0;
}



.antonio {
   font-family: 'antonioregular';
}

.arvo {
   font-family: 'arvoregular';
}

.arvoitalic { 
font-family: 'arvoitalic';
}

.arvo-bd {
   font-family: 'arvobold';
}

.arvobold_italic { 
font-family: 'arvobold_italic';
}

.soursans {
   font-family: 'source_sans_proregular';
}

.source_sans_proitalic { font-family: 'source_sans_proitalic';
}

.source_sans_prosemibold { font-family: 'source_sans_prosemibold';
}
.soursans-bd {
   font-family: 'source_sans_probold';
}

.source_sans_probold_italic { font-family: 'source_sans_probold_italic';
}


.grn-blu-grey { color:#3B5446; } /*p tags 147 17 28 30*/
.handoff-grn { color:#01AD4E; } /*h tags 147 99 34 55*/
.ho-grn{ color:#267D4D; } /*h tags 147 53 32 41*/
.grn-blu-grey2 { color:#23824E; } /*a tags 147 58 32 42*/


hr{display:block;height:2px;border:none;padding:0;clear:both}

b, strong {       font-family: 'source_sans_prosemibold';
font-weight: 500; 
}
em,i { font-family: 'source_sans_proitalic';
font-style:italic; 
}


/* = List Items 
---------------------------------------------------- */

/*ol,ul{list-style:none}*/
ol,ul { list-style:initial;}

/* List for navigation*/
nav ul{
    list-style:none;
}
nav li{
    display:inline;
}

.dashed { height:1px;margin:9px 0;overflow:hidden;background-color:#FFF;
max-width:90%;
border-bottom:1px dashed #c5c5c5;}


/* = Colors 
---------------------------------------------------- */
.tomato { color:#FF6347;
}

.dodgerblue { color:#1E90FF;
}

.honeydew { background:#F0FFF0; }
.darkseagreen { background:#8FBC8F; }


/* = MEDIA / IMG Elements 
---------------------------------------------------- */
img {
border: 0;
margin: 0 auto 0 auto;
background:transparent;vertical-align:baseline;
}

svg:not(:root) {
    overflow: hidden;
}

img { -ms-interpolation-mode: bicubic; }

img, object {
  height: auto;
  max-width: 100%;
}

/* IMAGE MODIFIERS */
figure.logo{float:left;line-height:20px}

figure.logo a{display:block;height:100%}

figure.logo a img{display:inline-block;vertical-align:middle}

.border{
	border-style: solid;
	border-color: #DDD;
border-width: 1px;
}

.centered{
display: block;
margin-left: auto; margin-right: auto;
}

.rnd {
border: 0;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
} /*SET PIE*/

.rnd3 {
border: 0;-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
}

/* from liquid css */
figure img, figure object, figure embed, figure video {max-width: 100%;
width: 100%; height: auto; 
} /* Fluid images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* example:
img {
  max-width:240px;
  width:100%
} */

figure {
padding:0;
margin:0 0 .5em;
font-size:1em;
}

figcaption{ margin:.25em 0; font-size:1em; line-height:1em; color: #333333;
}
figcaption p {margin:0 0 .5em; font-size:.875em; line-height:1em; color: #333333;
text-align:left;
}

/* - - - - [  Figure Declarations  ] - - - - */

.view { max-width:322px;
margin-right:3%;
margin-bottom:1em;
display: inline-block;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}


.shadow {
background:hsla(320, 50%, 20%, .8);
-moz-box-shadow: 0 .125em .625em hsla(320, 50%, 20%, 1);
-webkit-box-shadow: 0 .125em .625em hsla(320, 50%, 20%, 1);
box-shadow: 0 .125em .625em hsla(320, 50%, 20%, 1);
}

.innershadow { 
-moz-box-shadow: inset 0 0 15px #8C7373, 0 0 20px #DDD6D5;
-webkit-box-shadow: inset 0 0 15px #8C7373, 0 0 20px #DDD6D5;
box-shadow: inset 0 0 15px #8C7373, 0 0 20px #DDD6D5, inset 0 35px 35px -18px #D2C8C6;
}


/*.list-box,*/
div.list-box,
.list-box li { display:block;
vertical-align: top;
padding:1.25em;
background:rgba(224,235,229,.76);
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}


/*	*	*	*	*	[  STRUCTURE  ]	*	*	*	*/

header{ display:block; width:100%; min-height:110px;
padding-top:2em;
background:#FFF;
z-index:1;
}

/*	*	*	*	*	[  SHELLS  ]	*	*	*	*/

.shell{
	display:block;
	width: 80%; 
	max-width:1280px;
	font-size: 1rem;
	margin:0 auto;
	padding:2em 1em;
/*	background:#F0EFDF;
	position:relative;*/
}

.shell-wide {
	display:block;
	width: 90%; 
	max-width:1280px;
	font-size: 1rem;
	margin:0 auto;
	padding:2em 0 1em;
/*	background:#F0EFDF;
	position:relative;*/
}

.shell-wide::after,
.shell::after { content:'';display:block;clear:both;float:none; }

.shell h1,
.shell h2,
.shell-wide h1,
.shell-wide h2

{ text-align:center;
}

.shell-wide h1 {
margin-bottom:.25em;
}

header .shell {padding-top:0;padding-bottom:0; }

#index{ background: #A9BCB2 url(../images/080914_hands/hands-white_bw-b620.png) no-repeat center center;
      background-size: cover;
}

#contact,
#about,
#danka,
#faq { /*text-align:right;*/
width:100%;
min-height:950px; 
background:#f2f5f6;
}

#contact .shell .list-box,
#about .shell .list-box,
#danka .shell .list-box,
#faq .shell .list-box { font-size:1.125rem;
width:80%;
margin:0 auto;
}

.box-box { 
padding:1.25em 0;
width:80%;
margin:0 auto;
}

#snapshot { font-size:1rem;
/*text-align:right;*/
width:100%;
min-height:950px; 
background:#f2f5f6;
/*background:url("../images/hands_bnw_rgb2.jpg") 50% 0 no-repeat #A5A6A2;*/
}

#manage{ min-height:950px; 
background:#f2f5f6;
/*background:url("../images/shutterstock_1429209.jpg") 50% 0 no-repeat #f2f5f6;*/
}

#collaborate{
background:#f2f5f6;
/*background:#BADECA;
background:url("../images/nursing_home.jpg") 50% 0 no-repeat #f2f5f6;*/
}

#peace{
background:#f2f5f6;
/*background:url("../images/nursing_home.jpg") 50% 0 no-repeat #f2f5f6;*/
min-height:900px;
text-align:right;
}

#snapshot, #manage, #collaborate { background-size:100% auto;}

/* - - - - - - [ Section-content Styles ] - - - - - - */

.section-content { 
display:inline-block;
vertical-align: top;
width:62%;
}

.section-content h2,
.section-content h3{ text-align:inherit;
}

.intro{ text-align:center;
width:96%;
max-width:34em;
margin:1em auto;
font-family: 'source_sans_proitalic';
font-size:1.125em;
}
#snapshot .dash { display:inline-block;
vertical-align: top;
width:98%;
}
#collaborate .section-content { margin-bottom:3em;
width:32%;
}

#peace .section-content { width:52%;
margin-right:2.5%;
}

.conference { width:66%;
margin-right:1em;
margin-bottom:1em;
display: inline-block;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}

.momdad { width:45%;
max-width:600px;
margin-bottom:1em;
display: inline-block;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}

.siblings { width:45%;
max-width:600px;
margin:.25em 2% 3em 0; 
float:left;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}

.motomama { width:100%;
margin-bottom:1em;
display: inline-block;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}

/*	*	*	*	*	[  FOOTER  ]	*	*	*	*/

footer {
display:block;
width:100%;
font-size:1rem;
margin:0 auto;
background:#FFF;
}

footer .shell{ 
padding-top:.5em;
padding-bottom:1em;
}

footer figure { width:30%;
max-width:12em;
float:left;
margin:30px 0 10px 0;
}

#footer-nav { 
margin:0;
float:right;
margin:1.5em 0 1em 0;
}

#footer-nav li { display:inline-block;
vertical-align:top;
padding:0 14px;
}

#footer-nav li:last-child{padding-right:0}

#footer-nav li a { color:#889;
text-align:center;
}

#footer-nav li a:hover,#footer-nav li a:focus,#footer-nav li a.active { color:#2b9ac2;
}

footer span { font-size:.875em;
color:#889;
line-height: 1.2em;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .875em;
font-weight:normal;
line-height: 1.2em;
width:100%;
padding:1em;
margin: 2em auto 0;
float:left;
}

#cwebba {font-family: Verdana, Arial, Helvetica, sans-serif;
float:right;
margin: 0 ;
font-size: .875em;
font-style:normal; 
color:#889;
display:inline;
}

#cwebba a:link {color:#48ADE0; text-decoration: none; font-size: inherit;
}
#cwebba a:visited {color:#D8D7B0; text-decoration: none; font-size: inherit;
}
#cwebba a:hover {color:#B00; text-decoration: underline; font-size: inherit;
}

/*	*	*	*	*	[  TOP NAVIGATION  ]	*	*	*	*/

header figure { width:30%;
max-width:12em;
float:left;
margin:0 0 1em 0;
}

#main-nav{ 
display:inline-block;
float:right;
line-height:2em;
padding-top:.5em;
}

#main-nav ul li{ display:inline-block;
line-height:2em;
margin:0 0 0 .875em;
}

#main-nav ul li a { position:relative;
color:#588679;
font-family: 'arvoregular';  
font-style:normal; 
font-weight:300; 
text-align:center;
font-size:1.375em;
line-height:1.75em;
letter-spacing:1px;
}

#main-nav ul li a:hover,#main-nav ul li a:focus,#main-nav ul li a.active{color:#5ABA9F;
}

#main-nav::after{content:'';display:block;clear:both !important;float:none !important}


/* Side Nav Dots
*****************************************************************/

#sitewrapper { min-height:100%;
position:relative;
}

nav#primary {
	z-index: 5;
	position: fixed;
	top: 50%;
	right: 0;/*relative to body*/
	margin-top: -3em;
	font-size:.875rem;
}

#primary ul { list-style:none;
}

nav#primary li {
	display:block;
	position: relative;
	right: 1em;/*relative to nav#primary*/
	top: 0;
	height: 1.5em;
	width: 1.5em;
	margin-bottom:1em;
	background: #A9DABF;
	-webkit-border-radius:0.625em;
	-moz-border-radius:0.625em;
	border-radius:10px;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}
nav#primary li:hover, nav#primary div.active {
	background: #2BAB65;
}/*CDDECD*/
nav#primary div {
	display: block;
	width: 1.5em;
	height: 1.5em;
/*	text-indent: -9999px;*/
	background:transparent;
	position: absolute;
text-align:center;
}

nav#primary div object{ width:75%;
vertical-align:middle;
margin:0 auto;
}

nav#primary li a	{ 
	display:inline-block;
	position: relative;
	right: 0;/*relative to nav#primary*/
	top: 0;
width:100%;
height:100%;
	z-index: 98;
}

/* Tool Tip
*****************************************************************/
/*
.tooltip{
	display: inline;
	position: relative;
}

.tooltip:hover:after {
	background: #01AD4E;
	background: rgba(1,173,78,.8);
	border-radius: 6px;
	bottom: 26px;
	color: #fff;
	content: attr(title);
	right: 40%;
	padding: .375em 1em;
	position: absolute;
	z-index: 98;
	min-width: 8em;
	white-space: nowrap;
}

.tooltip:hover:before {
	border: solid;
	border-color: #01AD4E transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: -40%;
	position: absolute;
	z-index: 99;
}
*//* This is the little triangle */


/*	*	*	*	*	[  BREADCRUMBS  ]	*	*	*	*/

#breadcrumbs{position:relative;display:block;float:none;margin-top:20px}

#breadcrumbs li{position:relative;display:inline-block;margin-right:16px;color:#2b9ac2;font-family:'Archer SSm A','Archer SSm B','Archer';font-weight:500;font-style:normal;font-size:18px}

#breadcrumbs li:not(:last-child)::after{position:absolute;content:"\003E\003E";left:100%;top:0;margin-left:5px}

#breadcrumbs li a{color:#4e646c}


/*	*	*	*	*	[  LIST-BOX  ]	*	*	*	*/

.tri-box li:last-child { margin-right:0;
}

.tri-box li { width:30%;
margin-right:4%;
}

.uno-box li { width:98%;
margin:0 auto;
}

.bennies { list-style:none;
}

.bennies li { margin:0 0 .5em;
padding:0;
line-height:1.5em;
}

/*	*	*	*	*	[  EMAIL BUTTON  ]	*	*	*	*/

.button-title { 
margin:0 auto .25em;
   font: 'source_sans_probold';
font-weight:bold;
font-size:1.5em;
text-shadow:rgba(255,255,255,1) 1px 1px 6px;
text-align:center;
}

#get-app-button { text-align:center;
vertical-align:middle;
color:green;
}

#get-app-button:hover { text-decoration:none;
}

.test-div {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#f7f7f7), to(#e7e7e7));
  /*OLD Webkit*/
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
  background: linear-gradient(#f7f7f7, #e7e7e7);
}

/*	*	*	*	*	[  EMAIL BOX  ]	*	*	*	*/


#join-handoff { width:100%;
font-size:1rem;
}

.get-da-app {
margin-top:1em;
}

.mail-box { max-width:28em;
margin:1em auto .75em;
padding:.75em 1.25em 1em;
background:rgba(246,254,249,.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
}

.email-title { 
margin:0 0 .25em;
   font: 'source_sans_probold';
font-weight:bold;
font-size:1.5em;
text-shadow:rgba(255,255,255,1) 1px 1px 6px;
}


.screen-reader-text,
.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

#mailbox
{
    background-color: #eaf8fc;
    background-image: linear-gradient(#fff, #d4e8ec);
    border-radius: 0.9375em;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    width: 100%;
    height: 3em;
    padding: .5em .5em .5em .5em;
    margin: 0 auto;
    overflow: hidden; /* Clear floats */
}

#mailbox input[type=email],
textarea {
	width: 80%;
  height: 1.875em;
  line-height: 1em;
font-size:1em;
}

.join, 
.email-box {
    float: left;
}

.join {
    padding: .25em .5em;
    height:2.5em;
    width: 82%;
    border: 1px solid #a4c3ca;
    font: normal .75em 'trebuchet MS', arial, helvetica;
    background: #f1f1f1;
    border-radius: 1.25em 3px 3px 1.25em!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            
}

button.email-box
{       
    background-color: #6cbb6b;
    background-image: linear-gradient(#95d788, #6cbb6b);
    border-radius: 4px 1.25em 1.25em 4px;    
    border-width: 1px;
    border-style: solid;
    border-color: #7eba7c #578e57 #447d43;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 
                0 1px 0 rgba(255, 255, 255, 0.3) inset;
    height: 2.125em;
    margin: 0 0 0 2%;
    padding: 0;
    width: 16%;
    cursor: pointer;
    font: bold .875em Arial, Helvetica;
    color: #23441e;    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

button.email-box:hover {       
    background-color: #95d788;
    background-image: linear-gradient(#6cbb6b, #95d788);
}   

.email-box:active {       
    background: #95d788;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;        
}

.email-box::-moz-focus-inner {
       border: 0;  /* Small centering fix for Firefox */
}

#first-name::-webkit-input-placeholder,
.join::-webkit-input-placeholder {
   color: #C6D2CB;
	font-family: 'source_sans_proitalic';
   font-style: italic;
}

.join:-moz-placeholder {
   color: #9c9c9c;
   font-style: italic;
font-family: 'source_sans_proitalic';
}  

.join:-ms-placeholder {
   color: #9c9c9c;
   font-style: italic;
font-family: 'source_sans_proitalic';
}   

/*	*	*	*	*	[  ICONS CIRCLES  ]	*	*	*	*/

.icons{ display:block;
text-align:center;
margin:1em auto 0;
}

.icons::after,
.icons li::after { content:'';display:block;clear:both;float:none; }

.icons li{ position:relative;
display:inline-block;
width:22%;
height:220px;
vertical-align:top;
margin:0 2% 0 0;
padding:.75em 2% 0;
background:rgba(255, 255, 255,.90);
-moz-box-shadow: inset 0 0 25px #85AD97;
-webkit-box-shadow: inset 0 0 25px #85AD97;
box-shadow: inset 0 0 25px #7AB896;
border:1px solid #FFF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.icons li:last-of-type { 
margin:0;
}

.icons li:hover { background:rgba(25,76,48,1);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #FFF;
}/*31, 71, 49,.76
224,235,229,.76)*/

.icons li div { width:120px;
height:120px;
display:inline-block;
text-align:center;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
/*-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;*/
background:#01AD4E;
}

.icons li div object {
  height: 100%;
  width: 68%;
}

.icons li div object::before {
display:inline-block;
    vertical-align: middle;  
}

.icons li p { font-weight: 400;
font-style: normal;
font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
color:#1C5435;
font-size: 1em;
line-height: 1.2em;
margin:1em 0;
padding:0 .75em;
}

.icons li:hover p,
.icons li p:hover { color:#FFF;
}

.icons li a { position:absolute;
	left: 0;
	top: 0;
width:100%;
height:100%;
}/*relative to .icons li*/

.mt5em { margin:5em 0;
}


/*	*	*	*	*	[  BUYNOW CIRCLES  ]	*	*	*	*/

.c3 { display:block;
text-align:center;
margin:1em auto 0;
}

.c3>li { position:relative;
display:inline-block;
vertical-align:top;
width:31.5%;
margin:0 2% 0 0;
}

.c3>li:last-of-type { 
margin:0;
}

.buynow { display:block;
text-align:center;
margin:1em auto 0;
}

.buynow::after { content:'';display:block;clear:both;float:none; }

.buynow { display:block;
width:100%;
min-height:350px;
vertical-align:top;
background:rgba(255, 255, 255,.90);
-moz-box-shadow: inset 0 0 25px #85AD97;
-webkit-box-shadow: inset 0 0 25px #85AD97;
box-shadow: inset 0 0 25px #7AB896;
border:1px solid #FFF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.buynow:hover { background:#F0FFF0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #FFF;
}/*31, 71, 49,.76
224,235,229,.76)*/

.buynow div object {
  height: 100%;
  width: 68%;
}

.buynow div object::before {
display:inline-block;
    vertical-align: middle;  
}

.buynow p,
.buynow h2,
.buynow h3,
.buynow h4 { margin:.25em auto 0;
}

.buynow button { font-family: 
arvoregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
color:#01AD4E;
font-size:1.5em;
line-height:1.25em; 
    text-shadow: 1px 2px 0 rgba(255,255,255,1);
}

.btn-buy {
  background: #EAF8FC;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#FFFFFF), to(#D4E8EC));  /*OLD Webkit*/
  background-image: -webkit-linear-gradient(top, #FFFFFF, #D4E8EC);
  background-image: -moz-linear-gradient(top, #FFFFFF, #D4E8EC);
  background-image: -ms-linear-gradient(top, #FFFFFF, #D4E8EC);
  background-image: -o-linear-gradient(top, #FFFFFF, #D4E8EC);
  background: linear-gradient(#FFFFFF, #D4E8EC);
  -webkit-border-radius: 0.9375em;
  -moz-border-radius: 0.9375em;
    border-radius: 0.9375em;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    width: 50%;
	min-width:10em;
    height: 3em;
    padding: .5em .5em .5em .5em;
    margin: 0 auto .35em;
    overflow: hidden; /* Clear floats */
}

.buynow p { font: 400 normal 1em/1.2em "source_sans_proregular", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#1C5435;
margin:0 auto .5em;
padding:0 .75em;
}

.buynow li:last-of-type { 
margin:0;
}

.buynow a { position:absolute;
	left: 0;
	top: 0;
width:100%;
height:100%;
}/*relative to .buynow li*/

.mt5em { margin:5em 0;
}


.benniebox { width:90%;
margin:0 auto;
}

.benniebox ul { 
padding:1em;
}

.benniebox ul li { color:green;
    list-style:none;
line-height:1em;
	width:100%;
	text-align:left;
}

.benniebox ul li ul { margin-top:-.75em;
padding-left:1.5em;
}

.benniebox ul li ul li { color:#444;
    list-style:initial;
list-style-image: url('../images/green-check.png');
line-height:1.5em;
}

.benniebox h3 { margin:0;
line-height:1em;
}



/* - - - [ Social Modal ] - - - */

#modal_fader {
    background: darkseagreen;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);/* IF IE */
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: none;
}

#modal_box {
    width: 60%;
background:#FFF;
padding:1em;
    border: 1px cornflowerblue solid;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
    position: absolute;
    top: 5%;
    left: 20%;
    z-index: 10;
  	display: none;
}

#modal_box:after,
.mod:after
 {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
overflow:hidden;
}

/*.modal-btn,*/
.modal-close-btn {
	font-size: 1em;
	line-height: 1em;
	padding: .375em 1em;
	background: #FFF;
	border: 1px #ddd solid;
	margin: 0 auto;
	cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
}

/* - - - [ Social Modal Styles ] - - - */


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

#snapshot, 
#manage { background-size:100% auto;
min-height:0;
}
}

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

.conference { width:98%;
max-width:600px;
margin-bottom:1em;
display: inline-block;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}

#collaborate .section-content { 
width:98%;
}
}


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

#collaborate .section-content,
#snapshot .section-content,
#manage .section-content { width:98%;
}

#snapshot .dash { 
width:50%;
margin-right:3%;
}
#peace .section-content,
#manage .section-content { 
width:50%;
}
}

@media only screen and (max-width:1100px){
.icons li { height:240px;
}
/*.buynow li { height:280px;
}*/
}
@media only screen and (max-width:1000px){

header figure.logo, #main-nav { display:block;
margin:auto;
float:none;
clear:both;
}
#main-nav ul { text-align:center;
}

#main-nav ul li{ display:inline-block;
float:none;
line-height:2em;
margin:0 .875em;
}

header figure { width:55%;
max-width:16em;
float:left;
margin:0 0 1em 0;
}
}

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

#snapshot .dash,
#manage .section-content,
#collaborate .section-content,
#peace .section-content { 
width:98%;
margin-right:.5em;
}
.view { display:block;
margin:auto;
margin-bottom:1em;
}
.conference { width:98%;
margin-right:0;
}

.momdad { width:54%;
max-width:600px;
margin-right:.5em;
}

.shell-wide,
#contact .shell .list-box,
#about .shell .list-box,
#danka .shell .list-box,
#faq .shell .list-box { width:98%;
}

.box-box { 
padding:1.25em 0;
width:98%;
margin:0 auto;
}
.c3 li:nth-child(even),
.c3 li { width:76%;
height:auto;
margin:0 auto 1em 0;
vertical-align:top;
}

.benniebox { width:66%;
}
}

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

header{ min-height:80px;
padding-top:1em;
}

.shell{
	width: 90%;
	padding:1em;
}


#main-nav ul li a { 
font-size:1.25em;
line-height:1em;
letter-spacing:1px;
}

.section-content{ 
display:inline-block;
width:100%;
}

#snapshot, #manage, #collaborate { background-size: auto 100%;}

.intro{ margin:0 auto;
}

.icons li { width:40%;
margin:0 3% 1em;
height:200px;
}

.icons li:nth-child(even) { margin:0;
}

.icons li p { max-width:200px;
margin:0 auto 1em;
}

.uno-box,
.tri-box { width:100%;
}

.list-box li { display:block;
margin:1em auto;
}
.list-box li:last-child { margin-right:auto;
}

.tri-box li { width:80%;
}
}

@media only screen and (max-width:800px){
.siblings { width:100%;
margin:.25em 0 1em;
float:none;
vertical-align: top;
/*zoom: 1; *display: inline;*/
}
.mt5em { margin:3em 0;
}

#modal_box {
    width: 90%;
    left: 5%;
}
}

@media (min-width: 601px) {
#index{ background-image: url(../images/080914_hands/hands-white_bw-b1280.png);/*large*/
}
}

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

span.nowrap { white-space:normal;
}

.mt5em { margin:2em 0;
}

.icons li { width:22%;
}

.icons li:nth-child(even),
.icons li { display:inline-block;
width:76%;
height:auto;
margin:0 auto 1em 0;
vertical-align:top;
}

.icons li p { margin:0 auto 1em;
}


#index { max-height:initial;
background-size:auto 100%;
min-height:0;
}

.shell-wide,
#contact .shell .list-box,
#about .shell .list-box,
#danka .shell .list-box,
#faq .shell .list-box { width:100%;
}

.box-box { 
padding:1.25em 0;
width:100%;
margin:0 auto;
}

.conference { width:98%;
max-width:600px;
margin:0 .5em 1em auto;
display: block;
}

.momdad { width:98%;
max-width:600px;
margin:0 .5em 1em auto;
display: block;
}

footer { text-align:center;
}

footer figure.logo, #footer-nav { display:block;
margin:auto;
float:none;
clear:both;
}

footer figure.logo { width:50%;
max-width:16em;
float:none;
margin:1em auto;
}

.copyright {
margin: 2em auto 1em;
float:none;
}

#cwebba {font-family: Verdana, Arial, Helvetica, sans-serif;
display:inline-block;
float:none;
margin:1em auto 0;
font-size: .875em;
color:#889;
}

#main-nav .no-break { white-space:nowrap;
}

.c3 li:nth-child(even),
.c3 li { width:96%;
height:auto;
margin:0 auto 1em 0;
vertical-align:top;
}

.benniebox { width:98%;
}

#modal_box {
    width: 98%;
    left: 1%;
}
}

    @media (min-width: 1050px) {
#index { min-height:670px;
}
}
    @media (min-width: 1200px) {
#index{ background-image: url(../images/080914_hands/hands-white_bw-b1584.png);/*large*/
}
}