body {
color:#222;
-webkit-font-smoothing:antialiased;
text-shadow:1px 1px 1px rgba(0,0,0,0.004);
margin:0;
padding:0;
}

#email-box {
background-color:rgba(218,233,240,0.3);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-bottom: 30px;	
}

#action-box {
background-color:rgba(218,233,240,0.3);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin-bottom: 30px;	
}

.donate-box {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:10px 10px 10px;
margin: 0px auto;
text-align: center;
background-color:rgba(218,233,240,0.9);
max-width: 75%;
}

.donate-box h2 {
margin: 0px;
font-size: 3em;
font-weight: 400;
color: black;
font-family: Swiss721BT-BoldCondensed, Helvetica, sans-serif;
}

.donate-box label {
margin: 0px;
font-size: 1em;
font-weight: 200;
color: black;
font-family: Swiss721BT-BoldCondensed, Helvetica, sans-serif;
}

.donate-box form {
margin: 0px;
}

#white-money {
font-size: 1em;
font-weight: 200;
color: black;
font-family: Swiss721BT-BoldCondensed, Helvetica, sans-serif;
}

.donate-box ul li {
margin-bottom: 2px !important;
}

.donate-box #donation_amount li {
background-color:rgba(218,233,240,1.0)
}

.donate-box #donation-type-options {
float: none;
margin: 0px;
}

.donate-box #frequency {
margin: 0px auto 0px;
text-align: center;
}

.donate-box #donation-option label {
display: inline;
float: none;
}

.donate-box select {
margin-bottom: 0px;
}

#frequency {
margin-bottom:15px;
text-align: center;
margin: 10px auto 10px;
}

#frequency ul li select {
	width:135px;
}

#frequency.details-panel ul,#frequency.details-panel ul li,#donation_amount ul {
margin-left:0;
text-align: center
}

#intro-film {

}

h1 {
font-size:5em;
font-family:Swiss721BT-LightCondensed, Helvetica, sans-serif;
font-weight:400;
letter-spacing:-.01em;
margin:0 0 30px;
}

h2 {
font-size:2em;
font-family:Swiss721BT-Thin, Lato, Helvetica, sans-serif;
font-weight:400;
margin:25px 0 15px;
}

h3 {
font-size:2em;
font-family:Swiss721BT-RomanCondensed, Helvetica, sans-serif;
font-weight:400;
margin:0;
}

h4 {
font-size:1.2em;
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
font-weight:400;
margin:0;
}

p {
font-size:1em;
font-family:Swiss721BT-Light, Helvetica, sans-serif;
font-weight:400;
line-height:150%;
text-align:justify;
margin:15px 0 25px;
}

p em {
font-family:Swiss721BT-LightItalic, Helvetica, sans-serif;
}

a {
color:#222;
text-decoration:none;
}

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

a img {
outline:none;
}

input[type="radio"],input[type="checkbox"] {
margin-top:0;
}

.spread {
margin-bottom:100px;
}

#latest .spread {
margin-bottom: 0px;
}


#credits.spread {
margin-bottom:30px!important;
}

#take-action.spread {
margin-bottom:60px!important;
overflow: hidden;
}

.uppercase {
text-transform:uppercase;
letter-spacing:.15em;
}

.quote {
font-family:'OpenBaskerville', Georgia, "Times New Roman", Times, serif!important;
font-style:normal;
}

.faded {
color:#9a9a9a;
}

#awa_header {
margin:0 auto 70px;
}

#header {
background:#000 url(http://assets.survivalinternational.org/image_files/199/main-banner-grad-crop_original.jpg) no-repeat top;
margin-bottom:160px!important;
}

#header h1.title {
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
color:#FFF;
font-size:3.2em;
font-weight:400;
letter-spacing:7px;
padding-top:200px;
padding-bottom:50px;
text-align:center;
text-shadow:0 0 10px rgba(0,0,0,0.4);
filter:dropshadow(color=#000000,offx=0,offy=0);
margin:0;
}

#header iframe {
display: block;
margin: 50px auto auto;
-webkit-box-shadow:0 -20px 40px 15px rgba(0,0,0,0.6);
-moz-box-shadow:0 -20px 40px 15px rgba(0,0,0,0.6);
box-shadow:0 -20px 40px 15px rgba(0,0,0,0.6);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:8px solid #EEE;
}

#action-titles h1 {
font-size:2em;
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
margin-bottom:.2em;
}

#action-titles h3 {
font-family:Swiss721BT-LightCondensed, Helvetica, sans-serif;
font-weight:400;
font-size:1.5em;
line-height:140%;
margin-bottom:30px;
color:#555;
}

#take-action h2 {
margin-bottom:30px;
}

#take-action p {
text-align:left;
}

.action-steps {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:40px 35px 50px;
}

#step1 {
background-color:rgba(218,233,240,0.3);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;	
}

#step2 {
background-color:rgba(218,233,240,0.5);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

#step1 p span.to {
font-weight:700;
float:left;
}

#step1 p span.recipient {
background-color:#dcebf0;
border:1px solid #BCD5DC;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
margin-left:10px;
margin-top:-4px;
float:left;
font-size:14px;
padding:2px 7px 0;
}

#step1 #email_action_email_body {
width:90%;
height:100px;
margin-top:20px;
font-size:.9em;
font-family:Swiss721BT-Roman;
}

#facebook-button-send, #or-send-using-email {
display: inline-block;
zoom: 1;
*display: inline;
}

#or-send-using-email span{
padding: 0px 10px;
}

#or-send-using-email a {
font-size:1.2em;
letter-spacing:1px;
text-decoration:underline;
margin-bottom: 20px;
}

#email-form p {
margin:10px 0 0;
}

#email-form .textbox {
height:15px;
}

#send-button {
float:left;
margin:10px 10px 0 0;
}

#facebook-link,#ticks {
float:left;
margin-top:10px;
color:#222;
}

#facebook-link a {
text-decoration:underline;
}

#take-action #facebook-button span {
font-size:.6em;
font-family:Swiss721BT-Light, Helvetica, sans-serif;
}

#or-join-using-email {
margin:25px 0;
}

#show-email-join-form {
font-size:1.2em;
text-decoration:underline;
}

#donate-button {
text-align:center;
margin-top:15px;
}

#ticks p {
font-size:.8em;
width:300px;
margin:10px 0;
}

#ticks input,#ticks label,.fb_iframe_widget {
zoom:1;
display:inline-block;
zoom: 1;
*display: inline;
margin-right:10px;
}

#step1 img {
width:80px;
}

#step2 form {
	margin-bottom:0;
}

#step2 #donation-type-options {
font-size:1em;
font-family:Swiss721BT-Light, Helvetica, sans-serif;
margin-bottom:10px;
font-weight:400;
line-height:150%;
float: none;
}

#step2 #donation-type-options label {
margin-right:2em;
}

#donation_amount,#frequency {
font-family:Swiss721BT-Light, Helvetica, sans-serif;
}

#donation_amount ul {
padding-left:0;
}

#donation_amount ul li {
background-color:#cedde2;
list-style-type:none;
display:inline-block;
zoom: 1;
*display: inline;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
clear:both;
padding: 10px 12px 11px;
margin-right:10px;
margin-bottom: 20px;
}

#donation_amount ul li input,#donation_amount ul li label {
zoom:1;
display:inline-block;
zoom: 1;
*display: inline;
margin-top:0;
margin-bottom:0;
}

#donation_amount ul li .textbox {
width:40px;
height:8px;
font-size:.9em;
margin-left:6px;
padding:5px;
}

#email-counting{
text-align:center;
margin-top:40px;
}

#email-counting p {
font-size:1.7em;
color:#555;
font-family:Swiss721BT-Thin, Lato, Helvetica, sans-serif;
font-weight:400;
text-align:center;
}

#email_count {
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
font-size:2em;
font-weight:700;
margin:0;
}

#share-awa ul li{
display: inline-block;
zoom: 1;
*display: inline;
margin-left: 10px;	
}

#share-awa{
margin-bottom: 20px;
}

#share-awa ul{
text-align:center;
margin-top:20px;
}


div.fb-send {
margin-top:20px;
}

div.fb-like {
transform:none;
-ms-transform:none;
-webkit-transform:none;
-o-transform:none;
-moz-transform:none;
}


#latest {
background:#f3f3f3 url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/news-bg.png) repeat;
-moz-box-shadow:inset 0 3px 6px -5px #000;
-webkit-box-shadow:inset 0 3px 6px -5px #000;
box-shadow:inset 0 3px 6px -5px #000;
padding: 30px 0 20px;
margin-bottom: 100px;
}

#news h4 {
color:#575757;
line-height:100%;
margin-top:12px;
letter-spacing:.05em;
}

#news ol {
margin:20px 0;
padding:0;
}

#news p,#news ol li {
list-style-type:none;
font-family:Swiss721BT-Light, Helvetica, sans-serif;
font-weight:400;
line-height:130%;
padding-bottom:10px;
}

#news span.date {
text-transform:uppercase;
color:#575757;
font-size:.7em;
}

#qa p {
color:#575757;
line-height:120%;
text-align:center;
}

#qa h2 {
color:#575757;
text-align:center;
font-size:2.8em;
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
line-height:100%;
padding:10px 30px 0;
}

#intro p {
text-align:center;
font-size:1.08em;
line-height:160%;
}

#intro p span {
font-size:1.6em;
letter-spacing:-.3px;
}

#intro2 {
background:#000 url(http://assets.survivalinternational.org/image_files/184/awa-intro_original.jpg) no-repeat top center;
height:730px;
width:100%;
}

#intro2 p.quote {
color:#FFF;
font-size:2.5em;
vertical-align:bottom;
padding-top:620px;
text-align:center;
line-height:110%;
}

#intro2 span.quote-credit {
	font-size:.5em;
}

#the-hunt {
margin-top:30px;
}

#the-hunt h2.big-letter {
background:url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/h.jpg) no-repeat left;
height:85px;
padding:45px 0 0 70px;
margin: 0;
}

#arrows {
z-index:100;
}

.img-wrapper {
opacity: 0;
}

#hunters-parallax {
width: 100%;
margin-bottom:10px;
overflow:hidden!important;
position: relative;
}

#hunters-parallax #hunters{
background-image: url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/huntvsfarm_bg.jpg); 
background-size: 105% auto;
background-repeat: no-repeat;	
}

#hunters-parallax #hunters #hunters-fg{
background: url('http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/huntvsfarm_man.png') no-repeat center;
width: 100%;
position: absolute;
background-size: auto 100%;
z-index: 50;

}

#boom-film {
margin-bottom:20px;
}

#family {
margin-bottom:100px!important;
}

div.pink p:first-line {
font-size:.85em;
letter-spacing:1.2px;
text-transform:uppercase;
}

div.pink p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#b38798;
line-height:300%;
}

#img-pet {
float:right;
margin-left:20px;
margin-top:20px;
}

#gallery-prev {
position:absolute;
left:20px;
margin-top:210px;
z-index:100;
cursor:pointer;
}

#gallery-next {
position:absolute;
right:20px;
margin-top:210px;
z-index:100;
cursor:pointer;
}

#pets-wrapper {
text-align:center;
margin:0 auto;
}

ul#index_cards {
margin-top:50px;
text-align:center;
display:inline-block;
zoom: 1;
*display: inline;
}

ul#index_cards li {
background-color:#FFF;
height:400px;
width:255px;
float: left;
display:inline-block;
zoom: 1;
*display: inline;
border:1px solid #eee;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
-webkit-box-shadow:1px 2px 5px 0 rgba(51,51,51,0.3);
-moz-box-shadow:1px 2px 5px 0 rgba(51,51,51,0.3);
box-shadow:1px 2px 5px 0 rgba(51,51,51,0.3);
-moz-transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
transition:all .4s ease-out;
padding:15px 10px;
}

ul#index_cards h2 {
font-size:1.8em;
margin-top:10px;
}

#card-1 {
-webkit-transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-o-transform: rotate(-20deg) ;
-ms-transform: rotate(-20deg) ;
transform: rotate(-20deg) ;
z-index:1;
margin-left:0;
top:50px;
}

#card-2 {
-webkit-transform:rotate(-15deg);
-moz-transform:rotate(-15deg);
-o-transform: rotate(-15deg) ;
-ms-transform: rotate(-15deg) ;
transform: rotate(-15deg) ;
z-index:2;
margin-left:-160px;
top:20px;
}

#card-3 {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform: rotate(-10deg) ;
-ms-transform: rotate(-10deg) ;
transform: rotate(-10deg) ;
z-index:3;
margin-left:-160px;
top:0;
}

#card-4 {
z-index:4;
margin-left:-160px;
}

#card-5 {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg) ;
-ms-transform: rotate(10deg) ;
transform: rotate(10deg) ;
z-index:3;
margin-left:-160px;
top:0;
}

#card-6 {
-webkit-transform:rotate(15deg);
-moz-transform:rotate(15deg);
-o-transform: rotate(15deg) ;
-ms-transform: rotate(15deg) ;
transform: rotate(15deg) ;
z-index:2;
margin-left:-160px;
top:20px;
}

#card-7 {
-webkit-transform:rotate(20deg);
-moz-transform:rotate(20deg);
-o-transform: rotate(20deg) ;
-ms-transform: rotate(20deg) ;
transform: rotate(20deg) ;
z-index:1;
margin-left:-160px;
top:50px;
}

ul#index_cards li:hover {
z-index:5;
}

#card-1:hover {
-moz-transform:scale(1.2) rotate(-18deg);
-webkit-transform:scale(1.2) rotate(-18deg);
-o-transform:scale(1.2) rotate(-18deg);
-ms-transform:scale(1.2) rotate(-18deg);
transform:scale(1.2) rotate(-18deg);
}

#card-2:hover {
-moz-transform:scale(1.2) rotate(-13deg);
-webkit-transform:scale(1.2) rotate(-13deg);
-o-transform:scale(1.2) rotate(-13deg);
-ms-transform:scale(1.2) rotate(-13deg);
transform:scale(1.2) rotate(-13deg);
}

#card-3:hover {
-moz-transform:scale(1.2) rotate(-8deg);
-webkit-transform:scale(1.2) rotate(-8deg);
-o-transform:scale(1.2) rotate(-8deg);
-ms-transform:scale(1.2) rotate(-8deg);
transform:scale(1.2) rotate(-8deg);
}

#card-4:hover {
-moz-transform:scale(1.2) rotate(2deg);
-webkit-transform:scale(1.2) rotate(2deg);
-o-transform:scale(1.2) rotate(2deg);
-ms-transform:scale(1.2) rotate(2deg);
transform:scale(1.2) rotate(2deg);
}

#card-5:hover {
-moz-transform:scale(1.2) rotate(12deg);
-webkit-transform:scale(1.2) rotate(12deg);
-o-transform:scale(1.2) rotate(12deg);
-ms-transform:scale(1.2) rotate(12deg);
transform:scale(1.2) rotate(12deg);
}

#card-6:hover {
-moz-transform:scale(1.2) rotate(17deg);
-webkit-transform:scale(1.2) rotate(17deg);
-o-transform:scale(1.2) rotate(17deg);
-ms-transform:scale(1.2) rotate(17deg);
transform:scale(1.2) rotate(17deg);
}

#card-7:hover {
-moz-transform:scale(1.2) rotate(22deg);
-webkit-transform:scale(1.2) rotate(22deg);
-o-transform:scale(1.2) rotate(22deg);
-ms-transform:scale(1.2) rotate(22deg);
transform:scale(1.2) rotate(22deg);
}

ul#index_cards li img {
margin-top:7px;
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

ul#index_cards li p {
margin-top:7px;
text-align:left;
line-height:20px;
font-size:.85em;
}

#spirit-tree img{
margin-top: 50px;
padding-left: 15px;
}

#spirit-world {
background-color:#000;
position: relative;
}

#entering-the-spirit-world h1.black {
margin-top:-90px;
position:absolute;
}

#entering-the-spirit-world h1.white {
color:#FFF;
}

#entering-the-spirit-world h2 {
color:#CCC;
}

#wrapper-text {
margin:0 auto;
}

#text-karawara {
color:#DDD;
position:absolute;
z-index:60;
margin-top:30px;
}

#film-karawara {
margin-top:-200px;
margin-bottom:60px;
position:relative;
z-index:50;
}

#box {
overflow:hidden!important;
width:100%;
padding-top:40px;
margin:0 0 0 -320px;
}

#parallax {
position:relative;
padding-top:10px;
overflow:hidden!important;
width:100%;
height:750px;
}

#parallax div {
overflow:hidden!important;
}

#parallaxa {
position:relative;
padding-top:80px;
overflow:hidden!important;
width:100%;
height:900px;
}

div.centered-text {
width:800px;
margin:30px auto 0;
}

#uncontacted-text2 {
margin-top:-80px;
position: relative;
z-index: 50;
}

#uncontacted-text2 h2 {
margin-bottom:0;
}

#uncontacted h3 {
margin-top:55px;
}

#nomad-toolkit {
/*background:url(http://assets.survivalinternational.org/image_files/189/hunter-toolkit-small_original.jpg) no-repeat #fff;
height:646px;*/
position: relative;
/*background-size: 100% auto;*/
}

#nomad-toolkit img{
	width:100%;
}

#nomad-toolkit h4 {
font-size:1em;
font-family:'Arial Narrow', Helvetica, Arial, sans-serif;
letter-spacing:1px;
}

#nomad-toolkit h3 {
margin-bottom:30px;
}

.toolkit-dots{
position:absolute;
width:30px;
height:30px;
padding:10px;
}

#obj1 {
margin-left: 78%;
margin-top: 47%;
}

#obj2 {
margin-left: 88%;
margin-top: 10%;
}

#obj3 {
margin-left: 61%;
margin-top: 35%;
}

#obj4 {
margin-top: 28%;
margin-left: 28%;
}

#obj5 {
margin-left: 21%;
margin-top: 11%;
}

.toolkit-dots {
background:url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/dot1.png) no-repeat scroll center center transparent;
display:block;
font-size:18px;
}

.toolkit-dots:hover {
background:url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/dot2.png) no-repeat scroll center center transparent;
color:#FFF!important;
cursor:pointer;
}

.toolkit-dots div.info-obj {
position: absolute;
width:0;
height:0;
z-index:50;
-webkit-transition: width 0.2s ease-out;
-moz-transition: width 0.2s ease-out;
-o-transition: width 0.2s ease-out;
transition: width 0.2s ease-out;
 overflow: hidden;
 top: 40px;
}

.toolkit-dots:hover div.info-obj{
width:205px;
height:auto;
max-height:90px;
background:url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/transparent_black.png) repeat;
border:1px solid #333;
color:#EEE;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
padding:8px 8px 8px 12px;
}

.info-obj p {
font-family:Swiss721BT-Light,Helvetica, Arial, sans-serif;
font-size:12px;
line-height:140%;
letter-spacing:0;
color:#EEE;
text-align:left;
margin:0;
}

#wrapper {
position: relative;
}

#invasion-images {
list-style:none;
margin:0;
padding:0;
}

#invasion-images li {
float:left;
position:absolute;
display:block;
}

#invasion-images li, #invasion-images li img{
width: 100%;
}

#slideshow h1 {
font-family:Swiss721BT-RomanCondensed;
letter-spacing:.2em;
font-size:5em;
color:#FFF;
position:absolute;
z-index:50;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}

#slideshow h1 span.line {
margin-top: -25px;
display: block;
}

#maps-interactive {
margin-top:35px;
}

#map-awa{
margin: 0 auto;
position: relative;
}
#map-wrapper {
opacity: 0;
}

.before, .after {
position: absolute; 
height:100%;
}

#after{
background: url('http://assets.survivalinternational.org/image_files/191/awadefo-after_original.jpg'); 
width:100%;
background-size: 100% auto; 
background-repeat:no-repeat;
-moz-box-shadow: 1px 0 20px #222;
-webkit-box-shadow: 1px 0 20px #222;
box-shadow: 1px 0 20px #222;
}

#before{
background: url('http://assets.survivalinternational.org/image_files/190/awadefo-before_original.jpg');
background-repeat:no-repeat;
background-size:cover; 
border-right: 5px solid black;
min-width: 5%;
max-width: 95%;
}

#maps-interactive #caption {
width:75%;
float:right;
color:#666;
font-size:.9em;
}

.before,.after {
position:absolute;
}

.before {
border-right:5px solid #000;
-moz-box-shadow:2px 2px 2px #222;
-webkit-box-shadow:2px 2px 2px #222;
box-shadow:2px 2px 2px #222;
}

#the-future {
margin-top:50px;
}

#the-future h1 {
margin-bottom:10px;
}

#future-intro p{
width:65%;
margin:10px auto 20px;
}

#the-future img{
width: 100%;
margin: 20px auto;
}

#survival p {
width:80%;
line-height:180%;
color:#3a3a3a;
margin:30px auto 0;
}

#links {
padding-top:40px;
}

#links h3.right{
float:right;
margin-top:-30px;
}

#survival h3 {
font-size:1.7em;
}

#survival h3.left a, #survival h3.right a {
display:block;
float:left;
width:300px;
}

#credits {
background:#f3f3f3 url(http://assets-production.survivalinternational.org.s3.amazonaws.com/static/awa/news-bg.png) repeat;
height:auto;
text-align:center;
-moz-box-shadow:inset 0 3px 6px -5px #000;
-webkit-box-shadow:inset 0 3px 6px -5px #000;
box-shadow:inset 0 3px 6px -5px #000;
padding:35px 0;
}

#credits h2 {
font-size:20px;
padding:20px 0 30px;
}

#credits h3 {
font-family:Swiss721BT-BoldCondensed, Helvetica, sans-serif;
text-align:center;
font-weight:400;
font-size:20px;
margin:10px 0 15px;
}

#credits-text p {
font-family:Swiss721BT-LightCondensed,Helvetica, Arial, sans-serif;
font-size:20px;
text-align:center;
margin:10px 0;
}

#credits-text a {
border-bottom:1px solid #444;
padding-bottom:2px;
}

div.clearer {
clear:both;
font-size:0;
line-height:0;
}

#gallery {
height:700px;
width:100%;
}

.touchcarousel-item {
margin-right:5px!important;
}

.touchcarousel-item img {
height:600px!important;
}

div.gallery-caption {
font-family:Swiss721BT-RomanCondensed, sans-serif;
padding:10px 0 5px 10px;
}

div.gallery-credit {
font-family:Swiss721BT-RomanCondensed, sans-serif;
font-size:.8em;
color:#777;
padding-left:10px;
}

.darkred.awesome,.darkred.awesome:visited {
background-color:#861609;
color:#FFF!important;
font-family:Swiss721BT-RomanCondensed, Helvetica, Arial;
padding: 15px 30px;
}

.ex-large {
font-size:1.7em;
padding:7px 40px 4px;
}

 /*OTHER LANGUAGES*/

#header_pt h1.title {
font-size:3em;
}

#header_es h1.title,#header_it h1.title,#header_fr h1.title {
font-size:2.8em;
letter-spacing:5px;
}

#take-action_es #facebook-button {
font-size:1.6em;
}

#intro2_es p.quote {
font-size:2.2em;
}

#deforestation_es h3 {
font-size:1.9em;
}

#intro_it p span {
font-size:1.4em;
}

#family_nl #quote div.pink p {
line-height:270%;
}

#intro2_de p.quote {
font-size:2.4em;
}

.woahbar {
position:fixed;
bottom:-5px;
left:0;
width:100%;
height:37px;
z-index:100;
text-align:center;
font-size:16px;
color:#1c1c1c;
background-color:#EFEFEF;
border-bottom:0 solid #1c1c1c;
-webkit-box-shadow:0 -1px 8px 0 #333;
-moz-box-shadow:0 -1px 8px 0 #333;
box-shadow:0 -1px 8px 0 #333;
padding:15px 0 5px;
}

.woahbar-stub {
position:fixed;
bottom:13px;
left:0;
width:100%;
height:19px;
z-index:200;
text-align:center;
padding:7px 0 5px;
}

.woahbar span {
float:left;
width:95%;
text-align:center;
padding-top:2px;
}

.show-notify {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:3px solid #fff;
box-shadow:0 0 5px rgba(0,0,0,0.35);
-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
float:right;
margin-right:10px;
color:#fff;
width:35px;
height:33px;
text-decoration:none;
background-color:#DDD;
cursor:pointer;
}

.show-notify:hover {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:3px solid #fff;
box-shadow:0 0 5px rgba(0,0,0,0.35);
-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
float:right;
margin-right:10px;
color:#fff;
width:35px;
height:33px;
text-decoration:none;
background-color:#EFEFEF;
cursor:pointer;
}

.woahbar-up-arrow:hover {
background:url(woahbar-hide-arrow-hover.png);
}

.close-notify {
float:right;
margin-top:3px;
margin-right:22px;
color:#fff;
width:17px;
height:19px;
text-decoration:none;
background-color:#EFEFEF;
cursor:pointer;
}

.woahbar-link {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#ba1f0d;
color:#FFF!important;
padding:5px 8px 3px;
}

.woahbar-link:hover {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#1c1c1c;
color:#FFF;
text-decoration:none;
padding:5px 8px 3px;
}

.centered,div.centered-text p,#future-intro p {
text-align:center;
}

#email-form,#awa-or-animal {
display:none;
}

#step2 p,#latest_fr ol.briefnews li .headline {
font-size:.9em;
}

#news p{
margin-top:10px;
}

#the-hunt p span.quote,#hunters-vs-farmers span.quote {
font-size:1.2em;
}

#quote p,#maps-interactive #caption p,.right a {
text-align:right;
}

#take-action_fr #share-awa,#take-action_it #share-awa {
padding:20px 0 20px 45px;
}

#take-action_fr #step2 p,#meet-the-pets_fr ul#index_cards li p,#meet-the-pets_nl ul#index_cards li p,#take-action_nl #step2 p {
font-size:.8em;
}

#take-action_es #share-awa,#take-action_de #share-awa {
padding:20px 0 20px 35px;
}

#take-action_de #email-counting,#survival_de #links {
width:600px;
}

@media screen and (min-width: 1199px) {

#frequency {
width: 55%;
}

#nomad-toolkit {
height:780px;
}

ul#index_cards li {
height: 415px;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#header {
margin-bottom: 140px!important;
}
#header iframe {
margin-top: 70px;
}


#or-send-using-email span{
display: block;
text-align: center;
margin-bottom: 10px;
}

#or-send-using-email a{
display: block;
float: left;
}

ul#index_cards {
margin-left:0;
}

ul#index_cards li {
padding:15px 5px;
height:415px;
}

#obj2.toolkit-dots:hover div.info-obj{left: -190px; top: 40px;}

}

@media screen and (max-width: 979px) {	
#intro2 p.quote {
font-size: 2.3em;
}

#card-1 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:1;margin-left:0px;top:0;}
#card-2 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:2;margin-left:0;top:0;}
#card-3 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:3;margin-left:0;top:0px;}	
#card-4 {z-index:4;margin-left:0;}
#card-5 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:3; margin-left:0;top:0;}
#card-6 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:2; margin-left:0;top:0;}
#card-7 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);
-ms-transform: rotate(0); transform: rotate(0); z-index:1; margin-left:0;top:0;}

	/* hover-states */
ul#index_cards li:hover {z-index:5;}
#card-1:hover {-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-2:hover {-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-3:hover {	-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-4:hover {	-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-5:hover {	-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-6:hover {-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}
#card-7:hover {	-moz-transform: scale(1.2) rotate(0);-webkit-transform: scale(1.2) rotate(0);
-o-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0);}

#obj1.toolkit-dots:hover div.info-obj, #obj2.toolkit-dots:hover div.info-obj, #obj3.toolkit-dots:hover div.info-obj{left: -190px; top: 40px;}

}

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

.action-steps {
min-height:auto;
}

#facebook-button-send {
float:left;
}

#or-send-using-email span{
display: block;
text-align: center;
margin-bottom: 10px;
}

#or-send-using-email a{
display: block;
float: left;
}

#ticks {
float:none;
}

#quote div.pink p {
line-height:160%;
}

#pets-wrapper,ul#index_cards {
margin-left:0;
width:100%;
padding-left:5px;
}

#petvid {
width:100%;
height:auto;
}

ul#index_cards li {
width:28%;
margin-bottom:30px;
}

ul#index_cards li:nth-child(2),ul#index_cards li:nth-child(6) {
margin-left:1%;
margin-right:1%;
}

ul#index_cards li:nth-child(5) {
display:none;
}

ul#index_cards li p {
font-size:0.8em;
}
    
}



@media (min-width: 481px) and (max-width: 767px) {

.spread {
margin-bottom: 60px;
}

#intro2 p.quote {
padding-top:570px;
}

#arrows{
display: none;
}

#img-pet img{
width:100%;
}

ul#index_cards h2 {
margin-top:0;
}

ul#index_cards li {
width:40%;
margin-left:5%;
margin-bottom:30px;
}

#petvid {
width:100%;
height:auto;
}

ul#index_cards li:nth-child(5) {
display:none;
}

ul#index_cards li p {
font-size:.8em;
line-height:140%;
}

#uncontacted-text2 {
margin-top: 0;
}

#text-karawara {
width:90%;
}

#slideshow h1 {	
letter-spacing: .1em;
font-size: 4em;		
}
   
}

@media (max-width: 480px) {
.spread {
margin-bottom: 50px;
}

h1 {
font-size: 4em;
}
.uppercase {
letter-spacing: .08em;
}

.action-steps {
min-height: 530px;
}

#or-send-using-email span{
display: block;
text-align: center;
margin-bottom: 10px;
}

#or-send-using-email a{
display: block;
float: left;
}

#email_count {
display:block; 
margin-bottom:10px;
}

#share-awa ul li:last-child{
margin-top:20px;
}

#latest ol.briefnews{
text-align:left;
}

#header h1.title {
font-size: 2.2em;
letter-spacing: 3px;
}

#intro2 p.quote {
padding-top:0;
}

#arrows{
display: none;
}

#entering-the-spirit-world h1.black {
margin-top: -75px;
font-size: 4em;
}

#film-karawara {
margin-top: -160px;
}

ul#index_cards li {
width:70%;
height:auto;
margin-left:10%;
margin-bottom:30px;
padding:15px 25px;
}

#nomad-toolkit img {
margin-left: -20px;
max-width: 120%;
width:110%;
}

#uncontacted-text2 h2 {
margin-top: 90px;
font-size: 1.5em;
}

#text-karawara {
width:90%;
}

#slideshow h1 {	
letter-spacing: .1em;
font-size: 3em;		
}

#future-intro p {
width: 100%;
margin-bottom:20px;
}
#survival p {
width:100%;
}

}

@media (max-width: 450px) {
.spread {
margin-bottom: 50px;
}

#entering-the-spirit-world h1.black {
margin-top: -64px;
font-size: 3.5em;
}

#film-karawara {
margin-top:0;
}

}