@charset "UTF-8";
/* CSS Document */

@import url("//s3-eu-west-1.amazonaws.com/wwffont/en/fonts.css");

html, body {
width:100%!important;
	font-size:100%;
	line-height:1.125em;
	font-family: Arial, sans-serif;
}

h1, h2, h3, h4{
	font-family:'WWFRegular', WWFRegular, Helvetica, sans-serif!important;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1;
	margin-top:0!important;
}

h1{
  font-size: 70px;
text-align:inherit;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 34px;
}

h4{
	font-size: 28px;
}

.container h1, .container h2, .container h3
{
	margin-top: 0px;
}

.fw-preview{
z-index:9999999999999!important;
position:fixed!important;
top:0!important;
background:#fff;
float:right;
left:0;
width:100%;
margin:0;
padding:10px 0;
font-size:.8em;
}

section, .hero{
	position:relative;
	margin-top:0px!important;
	margin-bottom:0px!important;
padding-top:20px;
}

.hero .row-fluid .imagecontainer{
background-size:100% auto!important;
background-repeat:no-repeat!important;
height:auto!important;
min-height:600px;
background-position:50% 50%;
}

p{
	line-height:1.4;
	padding:5px 0 10px;
font-size:16px;
}

figcaption{
font-size:10px;
font-style:italic;
}

.fiftyfifty{
padding:20px 0 0 0;
}

.intro figure{
float:left;
padding-right:20px;
max-width:30%;
padding-top:14px;
}

.intro figure img{
width:100%;
}

/* NAV */

.navbar-default {
	padding:0!important;
	margin:0!important;
	font-family:'WWFRegular',WWFRegular,sans-serif;
	font-size:22px;
	font-weight:100!important;
}

.navbar-default .navbar-nav li a {
	padding:8px 14px!important;
text-transform:uppercase;
}

.navbar-collapse .nav li a
{
	font-weight: 100;
	text-transform: normal;
}



/* HEADER NAV */

.navbar-default ul.header-nav {
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:100!important;
}

.navbar-default ul.header-nav li {
	margin:0;
	padding:16px 0 0 0;
}

.navbar-default ul.header-nav li a:last-child {
	border:0px!important;
}

.navbar-default ul.header-nav li:hover {
	background:none!important;
}

.navbar-default ul.header-nav li a {
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;
}

.navbar-default ul.header-nav li a:hover {
	text-decoration:underline!important;
}


/* MAIN NAV */

.navbar-default ul.main-nav{
	padding-left:160px;
	clear:both!important;
}

.navbar-default ul.main-nav li a {
	font-size:20px!important;
}

.navbar-default ul.main-nav li a:hover, .navbar-default ul.main-nav li a:active, .navbar-default ul.main-nav li a:focus {
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{

}

.navbar-default ul.main-nav li.home a {
	text-indent:-9999px;
			background:url(../img/home.png) no-repeat!important;
	background-size:16px 16px!important;
	background-position:0px 11px!important;
}

.navbar-default ul.main-nav li.home a:hover {
	text-indent:-9999px;
	background:url(../img/home_hover.png) no-repeat!important;
	background-size:60% auto!important;
	background-position:0px 11px!important;
}

.navbar-default ul.main-nav li.highlight a {
	font-weight:100!important;
	text-transform:uppercase!important;
	font-size:1em!important;
}

.navbar-default ul.main-nav li.highlight a:hover, .navbar-default .navbar-nav li.highlight a:focus {

}

.navbar-left .dropdown-menu {
	right:auto!important;
	left: 0px!important;
	margin-left:-1px!important;
}

.navbar-default .dropdown-menu {
	border-radius:none!important;
	border-radius:0!important;
	padding-bottom:0px!important;
	margin-bottom:0px!important;
}

.navbar-default ul.dropdown-menu li a {
	padding:4px 14px;
	border-bottom:1px solid #D1D1D1!important;
	font-family:Arial!important;
	font-size:12px!important;
}

.navbar-default ul.dropdown-menu li a:hover {
}

/* SLIDER */

#carousel {
	height: 700px;
	overflow: hidden;
	margin-top: 80px;
}

#carousel .mSButtons {
	height: 80%;
}

#carousel .frame {
	width: 100%;
	height: 100%;
}

#carousel .frame .slide_element {
	height: 100%;
}

#carousel .frame .slide_element > div {
	float: left;
	height: 100%;
	overflow: hidden;
}

#carousel .frame .mSCover img {
	max-width: none;
}

#carousel .credit{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 11px;
	line-height: normal;
	font-weight: 300;
	text-shadow: rgba(0,0,0,0.7) 0 1px 0px;
	padding: 0 4px;
	white-space: nowrap;
	z-index: 1002;
	text-transform: uppercase;
}

.hero .credit {
	font-size: 11px;
	line-height: normal;
	font-weight: 300;
	padding: 0 4px;
	white-space: nowrap;
	z-index: 1002;
	text-transform: uppercase;
	clear:both;
	position: absolute;
	bottom: 10px;
}

#carousel .credit a, .hero .credit a {

}

.infoBlock {
	position: absolute;
	top: 15%;
	right: 90px;
	left: auto;
	max-width: 36%;
	padding-bottom: 0;
	overflow: hidden;
	padding: 20px;
	z-index: 1002;
}

.infoBlockLeftBlack {
	left: 120px;
	right: auto;
	opacity: 0;
}
	
.infoBlock2 {
	top: 15%;
	left: 100px;
}
		
.infoBlock a {
	text-decoration: underline;
}
			
.infoBlock h2, .infoBlock h4 {
	font-family:'WWFRegular', WWFRegular, Helvetica, sans-serif!important;
	font-size:46px;
	line-height:1;
	text-transform:uppercase;
	font-weight:100!important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)!important;
}

.infoBlock p {
	font-weight: 100!important;
	margin: 0px 0 0;
	font-size:20px;
	line-height:auto;
	font-family:Helvetica, sans-serif!important;
	font-weight:100!important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)!important;
}

#branding {
	display: block;
	float: left;
	position: fixed;
	top: 0px;
	left: 80px;
	z-index: 10000;
	height: 0px;
}

#branding_small {
	display:none;
}

.mightyslider_modern_skin .mSPages li {
	width: 14px;
	height: 14px;
}

.mightyslider_modern_skin .mSPages li.active {
	width: 20px;
	height: 20px;
}

.form-control, .form-control input {
	display: block;
	width: 100%;
	height:30px;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1.42857;
	vertical-align: middle;
	border:none!important;
	border-radius: 0px!important;
	box-shadow: none!important;
	margin-right:0!important;
}

.form-control:focus {
	border:none!important;
	box-shadow: none!important;
	margin-right:0px!important;
}

.search-button {
	width: 30px;
	height: 30px;
	background:#333 url(../img/flat-panda-search.png) no-repeat!important;
	text-indent:-9999px!important;
	margin:0!important;
	padding:0!important;
	border:none!important;
	border-radius:0px!important;
	box-shadow: none!important;
}

.navbar-collapse
{
	max-height: auto;
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-collapse ul, .navbar-collapse ul li
{
	padding-right: 0px;
	padding-left: 0px;
}

.backgroundimage{
	margin-top:0px;
	padding-top:30px;
	background-size:cover!important;
	height:auto;
	min-height:600px;
	background-repeat:no-repeat!important;
	background-position: 50% 50%;
}

.backgroundimageparallax{
	margin-top:0px;
	padding-top:30px;
	height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed!important;
	background-size:cover!important;
    overflow:hidden!important;
}



.backgroundimageparallax .row{
	padding:10px;
}

.backgroundimageparallax .row h2{
font-size:60px;
text-transform:uppercase;
}

.backgroundimageparallax p{
	font-family:Georgia, serif;
	font-size:18px;
}

.backgroundimage h1, .backgroundimage h2, .backgroundimage h3, .backgroundimage h4, .backgroundimage p{
}
	
#simple .frame {
	width: 100%;
	height: 210px;
}

#simple .frame ul {
	list-style: none;
	height: 100%;
	padding: 0;
	margin: 0;
}

#simple .frame ul li {
	float: left;
	height: 160px;
	padding: 0 10px;
}

#simple .frame ul li img {
	max-width: none;
}

#simple .frame ul li .details {
	padding-top: 10px;
	font-weight: 300;
}

#simple .frame ul li .details strong {
	display: block;
	color: #000;
}

#simple .frame ul li .details b {
}

#simple ul.mSPages {
	display:none;
}
#simple .mSButtons {
	top: 91px;
	bottom: auto;
}   
    
.mightyslider_carouselSimple_skin .mSButtons{
	position: absolute;
	background-color: #000;
	background-image: url("../img/arrows_horizontal.png");
	background-repeat: no-repeat;
	background-size: 60px 30px;
	width: 30px;
	height: 30px;
	margin: auto;
	cursor: pointer;
	z-index: 1000;
}

.mightyslider_carouselSimple_skin .mSButtons.disabled {
	cursor: default;
	background-color: #aaaaaa;
	opacity: 0.65;
}
    
.mightyslider_carouselSimple_skin .mSButtons:hover {
	background-color: #0066ff;
}

.mightyslider_carouselSimple_skin.horizontal .mSPrev {
	top: 0px;
	bottom: 0px;
	left: 0px;
	background-position: 0 0;
}
    
.mightyslider_carouselSimple_skin.horizontal .mSNext {
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-position: -30px 0;
}

.mightyslider_carouselSimple_skin .mSFrame .mSSlideElement .mSSlide .mSCover {
	box-shadow: 0px;
	box-shadow: none;
}

#simple .frame {
	margin-top:30px!important;
}
		
#simple .frame ul li {
	float: left;
	height: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.col1 img {
	width:100%;
	height:auto;
}

.quote {
	padding-top:30px;
}

footer {
	padding-top:30px!important;
}

footer.footer, .support {
	margin-bottom:0px!important;
}

footer .container .row, .footer .container .row {
  padding-left: 120px;
  background-color: transparent;
	background-image:url("../img/logo_footer.png")!important;
	background-repeat:no-repeat!important;
	background-position:30px 24px;
	background-size:60px auto;
}

.footer ul {
margin-left:0px;
padding-left:0px;
}

footer .tagline {
	font-family: WWFRegular,Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 40px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

footer .auxiliary-nav li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #cccccc;
	margin-left:0;
	padding-left:0;
}

footer .auxiliary-nav li a {
	font-family:Arial!important;
	font-size:12px!important;
}

footer .auxiliary-nav li:last-child {
	border:none;
}
  
footer .meta {
	clear: left;
	padding-top: 5px;
	font-family: Georgia,"Times New Roman",serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-style: italic;
}

footer .meta a {
}

.quote blockquote {
	font-family:Georgia, Quicksand,'Quicksand', sans-serif!important;
	font-style:italic;
	font-size:1.2em;
	line-height:1.4;
}

ul.slide_element {
	font-family:Quicksand,'Quicksand', sans-serif!important;
	font-style:italic;
}

.support{
margin-top:100px!important;
}

.support .nav {
	margin-top:-100px!important;
}

.jumbotron .nav > li > a:hover, .jumbotron .nav > li > a:focus, .jumbotron .nav .open > a, .jumbotron .nav .open > a:hover, .jumbotron .nav .open > a:focus, .jumbotron .navbar-default .navbar-nav > .open > a, .jumbotron .navbar-default .navbar-nav > .open > a:hover, .jumbotron .navbar-default .navbar-nav > .open > a:focus, .jumbotron .navbar-default .navbar-nav > li > a:hover, .jumbotron .navbar-default .navbar-nav > li > a:focus
{
	outline: 0!important;
  }
  
.species {
}

.species .row{
	margin:0px!important;
}

.species h2{
	padding:10px 0 0 0!important;
	margin:0!important;
		height:auto!important;

}

.species .mightyslider_carouselSimple_skin{
	padding:0!important;
	margin:0!important;
		height:auto!important;

}

.species #simple{
	padding:0!important;
	margin:0!important;
	height:auto!important;
}

.species .frame{
	padding:0!important;
	margin:0!important;
		height:auto!important;

}

.species ul, .species .slide_element{
	padding:0!important;
	margin:0!important;
		height:auto!important;

}

.btn-primary {
	font-family: WWFRegular,Arial,sans-serif;
	font-size: 24px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-border-radius:2px!important;
	-moz-border-radius:2px!important;
	border-radius:2px!important;
	margin:0;
	padding:8px 14px 10px 14px!important;
	color:#fff!important;
}

.btn-default{
	font-family: WWFRegular,Arial,sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-border-radius:2px!important;
	-moz-border-radius:2px!important;
	border-radius:2px!important;
	margin-right:20px;
	color:#fff!important;
	}

.btn-primary a, .btn-primary a:active, .btn-primary a:visited {
	text-decoration:none;
	margin:0;
	color:#fff!important;
}

.btn-primary a:hover{
	color:#666!important;
}

.infoBlock a.btn-lg{
	text-decoration: none!important;
	color:#fff!important;
}

.infoBlock a.btn-lg:hover, a.btn-lg:hover{
	color:#000!important;
	text-shadow:none!important;
}
  
a.pdfdownload{
	padding:6px 0 6px 40px;
	background-image:url("../img/download_pdf.png");
	background-repeat:no-repeat;
	background-position:0 4px;
	height:40px;
	font-family:Georgia, Arial, sans-serif;
	font-style:italic;
	font-size:1.2em;
}


figure#burnsbox{ 
	overflow: hidden; 
	position: relative; 
	padding-top: 65%;  
	width: 100%; 
	margin: 0 auto; 
}

figure#burnsbox img{ 
	animation: zoom 10s alternate infinite; 
	position: absolute; 
	top: 0;
	left:-20%;
	width: 130%;
	height: 130%; 
}

.news, .news2{
	background-color:#333;
	padding:0 0 40px 0!important;
	margin:0!important;
}

.news .container, .news2 .container{
	padding-bottom:30px!important;
	margin-bottom:0px;
}

.news h1, .news2 h1{
	font-size:50px;
	color:#FFF!important;
	text-align:center;
	padding-top:30px;
}

.news2 .row .col-md-6{
	height:230px;
}

.news h3{
	padding-top:0px!important;
	margin-top:0px!important;
}

.news2 h3{
	font-size:28px;
	padding-top:0px!important;
	margin-top:0px!important;
}

.news p{
	color:#fff;
}

.news2 p{
	color:#fff;
	font-size:.9em;
}

.news .btn, .news2 .btn{
	float:right!important;
	margin-top:0px!important;
	color:#000!important;
}

.news .btn a, .news2 .btn a{
	color:#000!important;
}

.news .row{
	padding:20px 0;
	transition: all .2s ease-in-out; 
	margin-bottom:0px;
}

.news2 .row .col-md-6{
	padding:20px 0 0 20px;
	transition: all .2s ease-in-out;
}

.news .row:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	background-color:#222!important;
}

.news2 .row .col-md-6:hover{
	background-color:#222!important;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
          
.news h3 a:hover, .news2 h3 a:hover{
	color:#fff!important;
}

.news h1, .news2 h1{
	text-transform:uppercase;
	color:#666;
}

.news figure{
	position: relative;
	width:200px;
	height: 200px;
	overflow: hidden;
	float:left;
	margin-right:20px!important;
}

.news2 figure{
	position: relative;
	width:100px;
	height: 100px;
	overflow: hidden;
	float:left;
	margin-right:10px!important;
}

.news figure img, .news2 figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.news figure img.portrait, .news2 figure img.portrait {
	width: 100%;
	height: auto;
}
          
.news .date, .news2 .date{
	float:left;
	font-size:12px;
	font-family:Georgia, serif;
	font-style:italic;
	color:#999;
}

ul.nav-tabs li a{
	font-family: WWFRegular,Arial,sans-serif!important;
	text-transform:uppercase;
	font-size:26px!important;
	padding-bottom:3px!important;
height:52px;
}

.tab-content{
	padding-top:20px;
}

section.news, section .news{
margin-bottom:0px!important
}

.readmorenews a{
font-family:Georgia, serif;
color:#EAEAEA;
font-size:14px!important;
font-style:italic;
text-transform:none!important;
vertical-align: bottom!important;
}

.readmorenews a::after {
    content: " →";
} 

header{
}

#header-inner {
	position: relative;
	margin: 0 auto;
	font: 12px/1.2 Helvetica, Arial, sans-serif;
}

#region-picker {
	position:fixed;
	left:50px;
	height:50px;
	top:-1px;
	z-index:5000;
	width: 400px!important;
	padding: 0 0 0 170px;
	overflow:hidden;
	font: 12px/1.333 Helvetica, Arial, sans-serif;
}

#branding, #branding_small{
z-index:10000;
}

#region-picker.active{
		overflow:visible;
		color:white;
		padding: 80px 20px 20px 170px;
		height:500px!important;
		width: 700px!important;
		border:1px solid white;
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
	}
#region-picker p{
		position:absolute;
		top:155px;
		left:21px;
		width:100px;
		font: 22px/1.1 WWFRegular, Arial, sans-serif;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7);
	}
#region-picker a:hover{
		color:white;
	}
#region-picker ul{
		float:left!important;
		width:161px!important;
	}
#region-picker li{
			list-style-type:none;
			position:absolute;
			left:-5000px;
			padding-left:10px;
		}
#region-picker.active li{
				position:relative;
				left:auto;
			}
#region-picker li.selected {
				position:absolute !important;
				top:10px !important;
				left:170px !important;
				font: 22px/1.1 WWFRegular, Arial, sans-serif;				
				padding:4px 0 15px 50px;
				background: url(../img/wwf-globe.png) 5px -65px no-repeat;
				cursor: pointer;
				border-bottom:1px solid #CCC;
				border-bottom:1px solid rgba(255,255,255,0.2);
				width:auto;
			}
#region-picker li.selected:hover{
					margin-top:-1px;
					margin-left:-1px;
					padding:4px 5px 8px 50px;
					border:1px solid #BFBEB6;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					-o-border-radius: 3px;
					border-radius: 3px;
					background: #fff url(../img/wwf-globe.png) 5px 0 no-repeat;
				}
#region-picker.active li.selected{
				background: url(../img/wwf-globe.png) 5px -65px no-repeat;
					width:450px;
				}
#region-picker.active li.selected:hover{
						border:0;
						border-bottom:1px solid #CCC;
						border-bottom:1px solid rgba(255,255,255,0.2);
						margin:0;
						padding-bottom:15px;
					}
#region-picker .selected a{
					outline:none;
					color:#ddd;
					padding-right:30px;
					background: url(../img/region-picker-bg.png) right 8px no-repeat;
				}
#region-picker li.selected:hover a{
						background: url(../img/region-picker-bg.png) right -72px no-repeat;
						color:#333!important;
						text-decoration:none!important;
					}
#region-picker.active .selected a{
					color:white;
					text-shadow: 0 1px 2px rgba(0,0,0,0.7);
					background:none;
					text-decoration:none;
				}
#region-picker.active li.selected:hover a{
						background: none;
color:white!important;
					}
	
#region-picker.active{
	height:400px;
}

#region-picker.active .close {
	background-image:url(../img/button-close.png)!important;
	background-repeat:no-repeat;
	width: 10px;
	height: 10px;
	top: 10px;
	right: 10px;
	position: absolute;
	display: block;
}

.quote blockquote small{
	padding:10px 0 0 15px;
	color:#000!important;
}

.3col{
	background-color:#eff0ef!important;
}

.3col h2, section.3col h2{
	text-align:center!important;
	text-transform:uppercase!important;
	font-size:40px!important;
	color:#666!important;
	padding-top:30px!important;
}

.col-md-4 .box h3{
	font-family:'WWFRegular',WWFRegular,sans-serif;
	font-size:30px;
	text-transform:uppercase;
	color:#000!important;
	padding:30px 0 8px 0;
}

.col-md-4 .box h3 span{
	border-bottom:3px solid #000;
}

.col-md-4{
height:280px!important;
margin-bottom:40px;
}

.col-md-4 .box{
	padding:0 4%;
	height:280px;
}

.col-md-4 .box p{
	font-family:'WWFRegular',WWFRegular,sans-serif;
	font-size:24px;
	line-height:26px;
	font-weight:100;
}

.col-md-4 .box.donate{
	background:url(http://wwfinternational.s3.amazonaws.com/landing/img/bg_tiger.png) 0 0 no-repeat;
}

.col-md-4 .box.donate p{
width:50%;
}

.col-md-4 .box.emoji{
	background: #fff url(http://wwfinternational.s3.amazonaws.com/landing/img/bg_emoji.png) 50% 20px no-repeat;
	text-align:center;
	padding-top:140px;
}

.col-md-4 .box.emoji p{
width:80%;
margin:0px auto 20px auto;
}

.col-md-4 .box.newsletter{
	background: #fff url(http://wwfinternational.s3.amazonaws.com/landing/img/bg_newsletter.png) bottom left no-repeat;
	text-align:right!important;
}

.privacylink{
font-size:9px;
}

.col-md-4 .box.newsletter p{
width:50%;
float:right;
clear:both;
}

.col-md-4 .signup{
clear:both;
margin-top:120px!important;
}

.col-md-4 .btn-default{
	background-color:#E85108;
	border:none!important;
	padding:3px 30px;
	font-size:1.4em;
	border-radius:0px!important;

}

.col-md-4 .box.newsletter input[type=email]{
	border:#E85108 solid 2px;
	height:38px;
	clear:both;
	font-family:'WWFRegular',WWFRegular,sans-serif;
	font-size:1.4em;
	padding:2px 6px 4px 6px;
	width:100%;
	margin:0;
	outline:none!important;
}

input:focus {
    outline-width: 0!important;
    outline: 0!important;
    -webkit-box-shadow: none;
  box-shadow: none;
}

input{
	-webkit-box-shadow: none;
	box-shadow: none;
}

.col-md-4 .box.newsletter select{
	border:#E85108 solid 2px;
	border-top:none!important;
	height:38px;
	float:left;
	font-family:'WWFRegular',WWFRegular,sans-serif;
	font-size:1.2em;
	padding:0 0 0 3px!important;
	width:70%;
	margin:0;
	color:#777;
	display: inline-block;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	overflow:hidden;
}

.col-md-4 .box.newsletter select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(0.7em + 2px),
    calc(100% - 15px) calc(0.7em + 2px),
     calc(100% - 1.9em) 0.2em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.col-md-4 .box.newsletter select.minimal:focus {
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, black 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 0.7em,
    calc(100% - 20px) 0.7em,
     calc(100% - 1.9em) 0.2em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}

.col-md-4 .box.newsletter select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.col-md-4 .box.newsletter .btn-default{
float:right;
width:30%;
margin:0;
border:0px!important;
border-radius:0px!important;
}

.col-md-4 .box.newsletter .btn, .col-md-4 .btn, .col-md-4 .btn-default{

border:0px!important;
}

.col-md-4 .box.donate #donateform{
	margin-top:54px;
}

.col-md-4 .box.donate #donateform input[type=radio] {
    display:none!important;
}

.col-md-4 .box.donate #donateform label{
	margin:0!important;
}

.col-md-4 .box.donate #donateform input[type=radio] + label {
   display: inline-block;
 	font-family:'WWFRegular',WWFRegular,sans-serif;
margin:0!important;
  padding-top: 5px;
  padding-right: 18px;
  padding-bottom: 9px;
  padding-left: 18px;
  font-size: 20px;
  line-height: 20px;
  color: #000;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
 border:2px solid #E85108;
}
 
.col-md-4 .box.donate #donateform input[type=radio]:checked + label {
  background-image: none;
  background-color: #fff;
  color: #E85108;
  border:2px solid #000;
}

.features{
	width:100%;
	height:500px;
	margin:0 auto;
	padding:0;
	overflow:hidden!important;
}

.features a.main_item{
	width:50%;
	height:500px;
	float:left;
	margin:0;
	padding:0;
	background-color:#ff0000;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features a.main_item:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features a.main_item h2{
	font-size:36px;
	text-transform:uppercase;
	font-family:"WWFRegular",WWFRegular, sans-serif!important;
	font-weight:100;
	line-height:1;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	left:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
}

.features a.main_item h2:hover, .features a.main_item:hover h2{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;   
}

.features a.alone{
	width:100%!important;
	height:500px;
	margin:0;
	padding:0;
	background-color:#ff0000;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 30%!important;
	overflow:hidden!important;
	position:relative!important;
	display:block;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features a.alone:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features a.alone h2{
	width:50%!important;
	font-size:46px!important;
	text-transform:uppercase;
	font-family:"WWFRegular",WWFRegular, sans-serif!important;
	font-weight:100;
	line-height:1;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	left:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
}

.features a.alone h2:hover, .features a.alone:hover h2{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;
}

/* Styles for items depending on amount */

/* 1 item on the right area */
.features .secondary1{
	width:50%;
	height:500px;
	float:right;
	margin:0;
	padding:0;
}

.features .secondary1 a.secondary_item{
	width:100%;
	height:500px;
	margin:0;
	padding:0;
	background-color:#ccc;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	display:block;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features .secondary1 a.secondary_item:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features .secondary1 a.secondary_item h3{
	font-size:36px!important;
	text-transform:uppercase!important;
	font-family:"WWFRegular",WWFRegular, sans-serif!important;
	font-weight:100;
	line-height:1;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	right:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
}

.features .secondary1 a.secondary_item h3:hover, .features .secondary1 a.secondary_item:hover h3{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;
}


/* 2 items on the right area */
.features .secondary2{
	width:50%;
	height:500px;
	float:right;
	margin:0;
	padding:0;
}

.features .secondary2 a.secondary_item{
	width:100%;
	height:250px;
	clear:both;
	margin:0;
	padding:0;
	background-color:#ccc;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	display:block;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features .secondary2 a.secondary_item:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features .secondary2 a.secondary_item h3{
	font-weight:100;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	right:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
	font-family:Georgia, sans-serif!important;
	font-size:18px;
	line-height:1.1;
}

.features .secondary2 a.secondary_item h3:hover{
	color:#222!important;
	background-color:rgba(255,255,255,1)!important;
}

.features .secondary2 a.secondary_item:hover h3, .features .secondary2 a.secondary_item:hover h3{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;
}

/* 3 items on the right area */
.features .secondary3{
	width:50%;
	height:500px;
	float:right;
	margin:0;
	padding:0;
}

.features .secondary3 a.secondary_item:first-child{
	width:100%;
	height:250px;
	float:none;
	margin:0;
	padding:0;
	background-color:#ccc;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	display:block;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features .secondary3 a.secondary_item:first-child:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features .secondary3 a.secondary_item:nth-child(2), .features .secondary3 a.secondary_item:nth-child(3) {
	width:50%;
	height:250px;
	float:left;
	margin:0;
	padding:0;
	background-color:#ccc;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	display:block;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features .secondary3 a.secondary_item:nth-child(2):hover, .features .secondary3 a.secondary_item:nth-child(3):hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features .secondary3 a.secondary_item h3{
	font-weight:100;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	left:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
	font-family:Georgia, sans-serif!important;
	font-size:18px;
	line-height:1.1;
}

.features .secondary3 a.secondary_item h3:hover, .features .secondary3 a.secondary_item:hover h3{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;
}

/* 4 item on the right area */
.features .secondary4{
	width:50%;
	height:500px;
	float:right;
	margin:0;
	padding:0;
}

.features .secondary4 a.secondary_item{
	width:50%;
	height:250px;
	float:left;
	margin:0;
	padding:0;
	background-color:#ccc;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden!important;
	position:relative!important;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.features .secondary4 a.secondary_item:hover{
 	-moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02); 
    overflow:hidden!important;
}

.features .secondary4 a.secondary_item h3{
	font-weight:100;
	color:#fff!important;
	position:absolute!important;
	bottom:0;
	left:0;
	display:block;
	text-decoration:none;
	background-color:rgba(0,0,0,0.6)!important;
	padding:20px!important;
	margin:0!important;
	font-family:Georgia, sans-serif!important;
	font-size:18px;
	line-height:1.1;
}

.features .secondary4 a.secondary_item h3:hover, .features .secondary4 a.secondary_item:hover h3{
	color:#000!important;
	background-color:rgba(255,255,255,0.9)!important;
}

.tab-content p, .nav p{
	margin-bottom:0px!important;
	padding-bottom:0px!important;
}

.jumbotron{
	padding-bottom:20px!important;
}

.storytext{
	padding-bottom:20px!important;
	clear:both;
	padding:30px 0 20px 0;
	background-color:#fff;
}

.storytext p{
	font-family:Georgia, serif;
	font-size:20px;
}

.fiftyfifty form h2, .fiftyfifty form h4{
text-transform:uppercase;

}

.fiftyfifty input.btn-info, .fiftyfifty select.btn-info{
	width:90%;
	min-width:400px;
	padding:8px 6px 4px 6px;
	margin:16px 0 4px 0;
	background-color:#fff;
	border-radius:4px!important;
	box-shadow:none;
	border:1px solid #999!important;
	height:40px;
	color:#333!important;
}

.fiftyfifty select{
	width:90%;
	min-width:400px;
	padding:8px 6px 4px 6px;
	margin:6px 0 4px 0;
	background-color:#fff;
	border-radius:4px!important;
	box-shadow:none;
	border:1px solid #999!important;
	background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, #CCC, #CCC);
	background-position: calc(100% - 20px) calc(0.9em + 5px), calc(100% - 15px) calc(0.9em + 5px), calc(100% - 2.8em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	display: inline-block;
	box-sizing: border-box;
	-moz-appearance: none;
	overflow: hidden;
	height:40px;
	color:#333!important;
}

.fiftyfifty select:focus {
	background-image:
	linear-gradient(45deg, black 50%, transparent 50%),
	linear-gradient(135deg, transparent 50%, black 50%),
	linear-gradient(to right, #ccc, #ccc);
	background-position:
	calc(100% - 15px) 1.2em,
	calc(100% - 20px) 1.2em,
	calc(100% - 2.8em) 0.5em;
	background-size:5px 5px,5px 5px,1px 1.8em;
	background-repeat: no-repeat;
	border:1px solid #999!important;
	outline: 0;
	border-radius:4px!important;
}

.fiftyfifty input:focus {
	border:1px solid #999!important;
	outline: 0;
}

.fiftyfifty input[type="submit"].btn-info{
	width:auto;
	min-width:auto;
	padding:2px 10px 4px 10px;
	font-size: 1.6em;
	font-family:WWFRegular, "WWFRegular", sans-serif;
	text-transform:uppercase;
	cursor: pointer;
	height:54px;
	border:none!important;
}

.fiftyfifty input[type="submit"]:hover{
}

.fiftyfifty input[type="checkbox"]{
	display: inline-block;
	width: auto;
	min-width:auto;
	clear: both!important;
	padding:0px!important;
	margin:-12px 20px 0 0!important;
}

.fiftyfifty input[type="radio"]{
	width:auto;
	min-width:auto;
	padding:0px!important;
	margin:-12px 20px 0 0!important;
	clear: both!important;
}

.fiftyfifty .checkbox label{
	font-weight:normal;
	font-size:1em;
}

.fiftyfifty h2.formh2{
text-transform:uppercase;
}

.fiftyfifty p.formp{
padding:10px 0;
}

.pattern {
    background-image:url(http://wwfinternational.s3.amazonaws.com/landing/img/pattern.png);
    background-repeat: repeat;
    background-attachment:scroll;
    width:100%;
    height:100%;
}

.youtubevideo {
    z-index:550;
    text-align:center;
    height:100%;
    min-height:720px;
    clear:both;
    overflow:hidden;
	margin-bottom:-4px!important;

}

.youtubevideo .buttonBar{
	display:none;
}

.youtubevideo .youtubevideo-container {
    width:830px;
    max-width:100%;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.youtubevideo-title {
    font-family:'Raleway',sans-serif;
    font-size:78px;
    color:#fff;
    font-weight:300;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:22px;
    padding-top:20px;
    display:inline-block;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:top center;
}

a.youtubevideo-btn {
    font-family:'Lato',sans-serif;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    background:transparent;
    border:2px solid #fff;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
}

.youtubevideo-btn:hover {
    color:#fff;
    background:rgba(255,255,255,0.20);
}

.youtubevideo-default-image {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    width:100%;
    height:100%;
    z-index:0;
    backface-visibility:hidden;
}

#donationtab_responsive{display:none!important;}
#donationtab{display:none!important;}

@media (max-width: 1024px) {
.infoBlock {
	min-width: 40%;
	top:10%;
}

.infoBlock h2 , .infoBlock h4 {
	font-size:40px;
	line-height: 1;
}
.col-md-4 .box.donate{
	background-size:cover;
}
}

@media (max-width: 979px) {

.news2 .row p{
display:none;
}

.news2 h3{
	font-size:22px!important;
}

.news2 .btn{
	display:none!important;
}

.news2 .row .col-md-6{
	padding:20px 0 0 20px;
	transition: none!important;
	height:120px;
}

.news2 .row .col-md-6:hover{
	background:transparent!important;
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
}

#carousel {
	height: 600px;
	margin-top: 0;
}

.infoBlock {
	min-width: 40%;
	top:20px;
}

.infoBlock h2 , .infoBlock h4 {
	font-size:32px;
	line-height: 1;
}

.navbar-default ul.header-nav {
	display:none;
}

/*hafiz*/
.backgroundimage, .backgroundimageparallax{
	min-height:500px!important;
	background-size:cover!important;
	background-position:50% 50%!important;
	background-repeat:no-repeat!important;
}

.hero .row-fluid .imagecontainer{
background-size: cover!important;
background-position:50% 50%;
}

#region-picker {
	display:none;
}

.features{
	width:100%;
	height:auto;
	min-height:500px;
	margin:0 auto;
	padding:0;
}

.features a.main_item{
	width:100%;
	height:500px;
	clear:both!important;
}

.features a.main_item h2{
	font-size:20px;
}

.features a.alone{
	width:100%!important;
	height:500px;
	clear:both;
}

.features a.alone h2{
	width:100%!important;
	font-size:20px!important;
}

.features .secondary1{
	width:100%;
	height:500px;
	float:none;
	clear:both;
}

.features .secondary1 a.secondary_item{
	width:100%;
	height:500px;
	float:none;
}

.features .secondary1 a.secondary_item h3{
	font-size:20px!important;
}

.features .secondary2{
	width:100%;
	height:500px;
	float:none;
	clear:both;
}

.features .secondary2 a.secondary_item{
	width:50%;
	height:500px;
	float:left;
	clear:none;
}

.features .secondary2 a.secondary_item h3{
	font-size:16px;
}

.features .secondary3{
	width:100%;
	height:500px;
	float:none;
	clear:both;
}

.features .secondary3 a.secondary_item:first-child{
	width:33%;
	height:500px;
	float:left;
	clear:none;
}

.features .secondary3 a.secondary_item:nth-child(2), .features .secondary3 a.secondary_item:nth-child(3) {
	width:33%;
	height:500px;
	float:left;
	clear:none;
}

.features .secondary3 a.secondary_item h3{
	font-size:14px;
}

.features .secondary4{
	width:100%;
	height:500px;
	float:none;
	clear:both;
}

.features .secondary4 a.secondary_item{
	width:50%;
	height:250px;
	float:left;
}

.features .secondary4 a.secondary_item h3{
	font-size:14px;
}

}

	
@media (max-width: 768px) {

.col1, .col2, .col3, .col4 {
	padding:0 15px;
}

.jumbotron p {
	box-sizing: border-box;
	padding-right:0px!important;
	padding-left:0px!important;
	margin-right:0px!important;
	margin-left:0px!important;
}

.species {
	width:94%;
}

.species .details {
	padding-left:20px!important;
}

h1, h2, h3, h4, p{
	padding:20px 15px 0 15px!important;
}

.navbar-left .dropdown-menu {
	display:none;
}

.navbar-default .dropdown-menu {
	display:none;
}

.caret{
	display:none;
}

.navbar-default ul.main-nav
{
	padding-left: 0px;
	text-align:center;
}

.navbar-default ul.main-nav li a {
	text-align:center;
	margin:0 auto;
}

.navbar-default ul.main-nav li.home a {
	text-indent:-9999px;
	background:#000 url(../img/home.png) no-repeat;
	background-size:20px 20px!important;
	background-position:0px 11px!important;
	width:20px;
	margin:0 auto;
}

.navbar-default ul.main-nav li.home a:hover {
	text-indent:-9999px;
	background:url(../img/home_hover.png) no-repeat!important;
	background-size:20px 20px!important;
	background-position:0px 11px!important;
	width:20px;
	margin:0 auto;
}

#carousel {
	margin: 0 -20px;
	height: 400px;
}

.infoBlock {
	padding: 10px;
	height: auto;
	max-height: 100%;
	top:20px;
	margin:0;
max-width: 90%;
}

.infoBlock h2 ,.infoBlock h4{
	font-size:28px;
	line-height: 1;
}

.infoBlock p {
	font-size: 14px;
	line-height:1;
}
				
#branding {
	display:none;
}

#branding_small {
	display: block;
	float: left;
	position: fixed;
	top: -3px;
	left: 0px;
	z-index: 10000;
}

.backgroundimage{
	height:auto!important;
	min-height:400px!important;
background-size:cover!important;
	background-position:50% 50%!important;
	overflow:hidden;
margin-top:0!important;
padding-top:0!important;
background-repeat:no-repeat!important;
}

.container {
	padding:0!important;
}

.jumbotron {
	margin-bottom:0px!important;
}

.jumbotron .nav > li > a {
	font-size:12px;
}

.species {
	margin-bottom:50px!important;
}

.jumbotron .nav{
	margin-top:-68px!important;
}

.hero .row-fluid .imagecontainer{
background-size: cover!important;
max-height:300px!important;
}

.news2 .col-md-2.col-sm-1, .news2 .col-sm-1{
display:none!important;
}

.features .secondary3 .secondary_item h3{
font-size:14px;
padding:10px!important;
line-height:1.4;
}

.features .secondary3 .secondary_item h3:after{
	content:" »";
	color:#ccc;
	font-size:14px;
	margin:0;
	padding:0;
}

ul.nav-tabs{
padding-top:40px;
}

.hero .credit {
font-size:8px;
}

}

@media (max-width: 500px) {

.readmorenews a{
clear:both!important;
}

.hero .row-fluid .imagecontainer{
background-size:cover!important;
max-height:200px!important;
}

.news h1, .news2 h1{
padding-bottom:30px!important;
margin-bottom:0px!important;
}


.news h3, .news2 h3 {
clear:both;
padding-top:20px!important;
}

.news2 .row .col-md-6{
	height:auto!important;
}

.news figure, .news2 figure{
position: relative;
  width:100%;
  height: 200px;
  overflow: hidden;
  float:none;
  margin:0px!important;
}

.news figure img, .news2 figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.news figure img.portrait, .news2 figure img.portrait {
  width: 100%;
  height: auto;
}

.news .date, .news2 .date{
padding-left:20px;
}

.backgroundimage{
min-height:260px!important;
height:auto!important;
background-size:100% auto!important;
background-position:0 0!important;
overflow:hidden;
margin:0!important;
padding:0!important;
background-repeat:no-repeat!important;
}

.hero .backgroundimage{
min-height:400px!important;
background-size:cover!important;
background-position:50% 50%!important;
overflow:hidden;
margin:0!important;
padding:0!important;
background-repeat:no-repeat!important;
}

.infoBlock {
	padding: 10px;
	height: auto;
	max-height: 100%;
	top:10px;
	margin:0;
max-width: 80%;
}

.infoBlock h2 ,.infoBlock h4{
	font-size:24px;
	line-height: 1;
}

.infoBlock p {
	font-size: 14px;
	line-height:1;
}

.nav-tabs > li > a
{
  	border:none!important;
}

.nav > li > a:hover, .nav > li > a:focus
{
  	background:none!important;
	background-color: transparent!important;
}

.nav > li > a:hover, .nav > li > a:focus
{
  	background:none!important;
	background-color: transparent!important;
}

.nav-tabs > li > a:hover
{
	background:none!important;
	border:none!important;
}
	
ul.nav-tabs li, ul.nav-tabs li a{
	clear:both;
	background:transparent;
}
	
ul.nav-tabs li:hover, ul.nav-tabs li a:hover{
	background:transparent!important;
	background-color:none!important;;
	background:none!important;
}

ul.nav-tabs{
padding-top:40px;
}

ul.nav-tabs li{
	margin-top:-12px;
}

/*
section img, .container img{
width:100%!important;
height:auto!important;
clear:both!important;
}

section p img, .container p img{
width:auto!important;
height:auto!important;
clear:none!important;
}
*/
#donationtab{display:none!important;}
#donationtab_responsive{display:none!important;}
}

#sthoverbuttons{
margin-right:20px!important;
background:none!important;
}

#sthoverbuttons .sthoverbuttons-shade-r
{
  background-color: transparent;
  background-image: none!important;
  background-repeat: no-repeat;
}

#sthoverbuttons #sthoverbuttons-shade
{
  height: 100%;
  width: 100%;
}

#sthoverbuttons .sthoverbuttons-bottom-r, #sthoverbuttons .sthoverbuttons-top-r
{
  background-image: none!important;
}

.btn-lg a, a.btn-lg, .btn-primary a, a.btn-primary, .btn a, a.btn{
	color:#fff!important;
}

#flside ul{
right:40px;	
}

.threecolumns{
clear:both!important;
}

/* FIX for Features boxes added by mike */
@media (max-width: 768px) {
.features .secondary3 a.secondary_item:first-child{
	width:100%;
	height:350px;
	float:left;
	clear:both;
}

.features .secondary3 a.secondary_item:nth-child(2), .features .secondary3 a.secondary_item:nth-child(3) {
	width:100%;
	height:350px;
	float:left;
	clear:both;
}
}

/*--------------------------------------------------*/
#search-container{
    height:32px;
}

#social-icons img {
    height:31px;
    padding:0 4px 0 4px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

#social-icons img.fadeout {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#s {
    padding:0 0 0 13px;
    margin:-2px 0 0 0;
    width:157px;
    height:31px;
    position: relative;
}

#s::-webkit-input-placeholder {
    text-transform:capitalize;
}

#s:-moz-placeholder { 
    text-transform:capitalize;
}

#s::-moz-placeholder {  
    text-transform:capitalize;
}

#s:-ms-input-placeholder { 
    text-transform:capitalize;
}

#search-btn{
    height:30px;
    width:30px;
    text-align:center;
    -webkit-border-radius:40px !important;
    -moz-border-radius:40px !important;
    -ms-border-radius:40px !important;
    -o-border-radius:40px !important;
    border-radius:40px !important;
    background: #565656 none no-repeat scroll 0 0 !important;
    color:#ffffff;
    line-height:20px;
    margin:1px 0 0 4px;
    font-size:16px;
    cursor:pointer;
}

#search-btn i{
    height:29px;
    width:29px;
    text-align:center;
    line-height:29px;
}

#btn-do-search{
    left:-4px;
    height:30px;
    width:40px;
    border:none;
    background: transparent none no-repeat scroll 0 0 !important;
    color:#565656;
}

#btn-do-search i.fa-send{
    text-indent:-8px;
}

#search-box-container{
    width:0px;
    height:29px;
    overflow:hidden;
    display:inline-block;
    white-space:nowrap;
    background-color:#E8E8E8;
    -khtml-opacity:0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    -webkit-border-radius:40px !important;
    -moz-border-radius:40px !important;
    -ms-border-radius:40px !important;
    -o-border-radius:40px !important;
    border-radius:40px !important;
}

#search-box-container.expanded{
    width:197px;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
/*--------------------------------------------------*/