body:before {
content: url('http://s3.amazonaws.com/assets-production.survivalinternational.org/pictures/3272/dongria1_screen.jpg') url('http://s3.amazonaws.com/assets-production.survivalinternational.org/pictures/3273/dongria2_screen.jpg');
display:none;
}

#language-switcher {
padding: 20px 0 0 10px;
}
.language {
color: #FFF;
padding: 8px 12px;
font-size: 1.2em;
}
.language:hover {
color: #FFF;
}
.language.active {
background-color: #47b1e5;
}

body {background: url('http://assets-production.survivalinternational.org.s3.amazonaws.com/static/campaigns/pnp/bgindia.jpg') repeat scroll left top;color: #111;margin: 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1{font-size:4em;font-family:'Swiss721BT-BoldCondensed', Helvetica, sans-serif;font-weight:normal;letter-spacing: -0.02em;margin:30px 0 0;}
h2{font-size:2em;font-family:'Swiss721BT-Thin', 'Lato', Helvetica, sans-serif;font-weight:normal;line-height: 100%;margin: 20px 0;}
h3{font-size:1.8em;font-family:'Swiss721BT-BoldCondensed', Helvetica, sans-serif;font-weight:normal;margin: 0;}
p {font-size: 1.2em;font-family: Swiss721BT-Light, Helvetica, sans-serif;font-weight: 400;line-height: 148%; margin: 18px 0 25px 0; }
.centered {text-align:center;}
.left {float:left;}
.clear{ clear: both;}
p a, span a{color:#111; text-decoration:underline;}
a:hover{text-decoration:none;}

#header-wrapper{
 background: url('http://assets-production.survivalinternational.org.s3.amazonaws.com/static/campaigns/pnp/bg-img.jpg');
 background-position: center top;
 background-repeat: repeat-x;
 background-color: #88d4f4;
 overflow: hidden;
 border-bottom: 10px solid #fbdc70;
 background-size: cover;
}

#pnp-main .row{
margin-top:60px;
}

video {width: 100%;height: auto;}

#page-title{margin-top:110px; text-transform: uppercase; height: 400px;}

#page-title h1{font-size:5em; margin: 30px 0 0 0;}

#page-title h2 {font-size:4.8em; margin:0;}

#no-list h3{text-transform:uppercase; margin-bottom: 43px; }

#no-list h3 span{color: #f0ae00;}


p.big-text{
 font-family: Swiss721BT-LightCondensed,Helvetica, Arial, sans-serif;
 font-size: 2.7em;
margin-bottom:0;
}
.medium-text{
 font-family: Swiss721BT-LightCondensed,Helvetica, Arial, sans-serif;
 font-size: 1.4em;
}

.big-text span, .medium-text span{font-family: 'Swiss721BT-BoldCondensed',Helvetica,sans-serif;}

#answer {
 background-color:#fbdc70; 
 text-align:center; 
 padding:10px 0 20px;
 margin-top:0;
}

#not span.highlight{
 position: relative; 
 top: 0.25em; 
 padding: 12px 12px 8px; 
 background-color: #fbdc70;
 color: #222;
}

#actioncall-pnp{
 text-align: center;
 margin-top: 80px;
}

div.blockquote{
  margin-top: 50px;
  margin-bottom: 50px;
 }

p span.line{
 background-color:#bbb; 
 width:50px; 
 height:2px; 
 position: absolute;
 margin-top: -10px;
}


.blockquote p, #answer p, #quotes-box p {
 font-family:Georgia,"Times New Roman", Times, serif;
 font-size: 1.4em;
 font-style:italic;
 font-weight:normal;
 line-height: 140%;
 margin-bottom:10px;
 -webkit-font-smoothing: antialiased;
position:relative; 

}

.blockquote span.credit, #answer span.credit, #quotes-box span.credit{
 font-family: Swiss721BT-Light, Helvetica, sans-serif;
 font-size: 0.65em; 
 text-transform: uppercase;
 font-style: normal; 
 display: block;
 margin-top: 0px;
 text-align:center;
 color:#777;
}

.blockquote img, #quotes-box img {width:auto;}

#quotes-box, #grim-text{float:right;}
#quotes-box{margin-top: 70px; margin-bottom: 20px;}

.image-wrapper, dongria-img {-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; overflow:hidden;}
.image-wrapper{margin-top: 20px;}
.image-wrapper span.caption{
  font-family: Swiss721BT-Light, Helvetica, sans-serif;
  font-size: 0.95em;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
.image-wrapper span.caption.graph-caption {
 font-family: Swiss721BT-Bold, Helvetica, sans-serif;
}

#page-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

#dongria-img{
  background: url('http://s3.amazonaws.com/assets-production.survivalinternational.org/pictures/3272/dongria1_screen.jpg') center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

#dongria-img:hover{
  background: url('http://s3.amazonaws.com/assets-production.survivalinternational.org/pictures/3273/dongria2_screen.jpg') center top;
        background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

#dongria.image-wrapper{margin-top:0;}
#dongria span.caption {margin-bottom: 25px;}



#vedanta{
  margin-top:20px;
  margin-bottom: 60px;
}

img.fullwidth {width:100%;}

#vedanta span.caption{
  background-color: black;
  font-size: 1.2em;
  color: #fff;
  padding: 20px 20px 30px;
  display: inline-block;
  text-align: center;
  line-height: 140%;
        margin-bottom: 30px;
}

#andamanese-quote p {margin-top:80px;}

#page-text p {font-size: 1.15em; font-family:'Swiss721BT-Light', Helvetica, sans-serif;font-weight:normal;line-height: 170%;}

#page-text h2{margin-top: 40px;}

#page-text img {width: 100%; height: auto;}

#end h1, p{
  margin-bottom: 20px;
}

#end p.medium-text{
  font-size: 1.8em;
  text-align: center;
}

#form-yellow{
  background-color: #fbdc70;
  margin: 30px 0; 
  padding-top:40px; 
  padding-bottom: 40px;
}

#form-yellow h1 { font-size: 7em;margin-bottom:60px; }
#form-yellow h3 { font-size: 1.3em;
line-height: 1.5em;
margin-bottom: 1.3em;}
#form-yellow label {display:inline-block;}

#pnp-email-form {
 margin: 0 auto;
 text-align: center;
}

#pnp-email-form label { width: 12em; text-align: right;}
#pnp-email-form input {width: 40%;}
#pnp-email-form input.name { width: 18.5%; }
#xpnp-email-form #name-supporter-pnp {margin-left: 87px;}
#xpnp-email-form #email-supporter-pnp {margin-left: 30px;}
#xpnp-email-form #phone-supporter-pnp {margin-left: 10px;}

#form-yellow #join-button-pnp {margin-top: 10px;}
#join-button-pnp p{
text-align: center;
}

#form-yellow #join-button-pnp .button, #actioncall-pnp .button{
        
        -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        box-shadow:inset 0px 1px 0px 0px #bee2f9;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
        background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);        
        background-color:#63b8ee;  

        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;        
        border:1px solid #3866a3;          
        color:#FFF;       
        font-size:2.3em;       
        padding:5px 30px;
        text-decoration:none;        
        text-shadow:0px 1px 0px #7cacde;
        line-height: 120%;
}

#form-yellow #join-button-pnp .button:hover, #actioncall-pnp .button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
        background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);        
        background-color:#468ccf;
}

#form-yellow #join-button-pnp .button:active, #actioncall-pnp .button:active {
        position:relative;
        top:1px;
}



#learn p{font-size: 0.9em;text-align: right;margin-top: 0;}
#learn p img{ margin-right:10px; width:100px;}

@media (min-width: 1200px) {
 #page-title {
  height:510px;
 }

 #quotes-box span.credit{
  margin-bottom:30px;
 }

 #vedanta span.caption{
  padding: 20px 90px 30px;
 }

 #pnp-main .span12 p{
  margin-left:50px; margin-right:50px;
 }

 #studies p{
  margin-left:50px;}
 }

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

 #page-title {
  height:350px;
 }

 #page-title h1{font-size:4em;}

 #page-title h2{font-size:3.8em}

 #vedanta span.caption{
  padding: 20px 90px 30px;
 }


}

@media (min-width: 768px) and (max-width: 979px) {
 #page-title {
  height:330px;
 }

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

 #page-title h2 {
  font-size: 2.95em;
 }

 #quotes-box{
  margin-top:0px; margin-bottom: 20px;
 }

 div.blockquote{
  margin-top: 50px;
  margin-bottom: 50px;
 }

 .blockquote p, #answer p, #quotes-box p {
  font-size: 1.25em;
 }

 #andamanese-quote p {margin-top:0;}

 #end p.medium-text{
  font-size: 1.7em;
 }
    
 #pnp-main blockquote {
  font-size: 1.1em;
 }

 #pnp-email-form input {
  width: 55%;
 }
 #pnp-email-form input.name {
  width: 26.5%;
 }

}

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

img{
 width:100%;
}
  
 #page-title {
  margin-top: 70px;
  height:300px;
  width:70%;
 }

 #page-title h1 {
  font-size: 2.8em;
  margin: 30px 0 0 0;
 }

 #page-title h2 {
  font-size: 2.75em;
  margin: 0;
 }

 .big-text {font-size: 2.3em;}

 .blockquote p, #answer p, #quotes-box p {
  font-size: 1.25em;
 }
  
 #end p.medium-text{
  font-size: 1.5em;
 }

 #pnp-email-form input {
  width: 55%;
 }
 #pnp-email-form input.name {
  width: 26%;
 }



 #learn h3{text-align: center;
  margin-bottom: 20px;
 }

 #learn p {
  text-align: center;
 }

 #learn p img {
  text-align: center;
  display: block;
  margin: 0 auto;
 }
   
}

@media (max-width: 480px) {
  
 #page-title {
  margin-top: 60px;
  height:200px;
  width:65%;
 }

 #page-title h1 {
  font-size: 1.8em;
  margin: 30px 0 0 0;
 }

 #page-title h2 {
  font-size: 1.8em;
  margin: 0;
 }

 .big-text {font-size: 2em;}
 .blockquote p, #answer p, #quotes-box p {
  font-size: 1.2em;
 }

 #end p.medium-text{
  font-size: 1.2em;
 }

#pnp-email-form input {
  width: 50%;
 }
 #pnp-email-form input.name {
  width: 23.5%;
 }

 #learn h3{text-align: center;
  margin-bottom: 20px;
 }

 #learn p {
  text-align: center;
 }

 #learn p img {
  text-align: center;
  display: block;
  margin: 0 auto;
 }


}

@media (max-width: 450px) {
 #page-title {
  margin-top: 55px;   
 }

 #end p.medium-text{
  font-size: 1.2em;
 }

 #pnp-email-form input {
  width: 45%;
 }
 #pnp-email-form input.name {
  width: 21%;
 }

}