/* 
 * This file (custom.css) is the css file that 
 * handles any overrides you want to do with
 * joomla or the bootstrap css files.
 * ---------------------------------------- */
@font-face {
    font-family: "WWF";
    src: url('../fonts/WWF.eot');
    src: local('☺'), url('../fonts/WWF.woff') format('woff'), url('../fonts/WWF.ttf') format('truetype'), url('../fonts/WWF.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #444;
    padding: 0;
    /*padding-top:40px;
            padding-left: 10px;
            padding-right: 10px;*/
    word-wrap: break-word;
}

.container-fluid {
    max-width: 1170px;
    margin: 0 auto;
    /*padding-left:0; 
            padding-right:0; */
    padding: 0 10px;
}

h3, h2, h1 {
    font-size: 20px;
    line-height: 25px;
}

.footer {
    padding: 0px;
}

.btn-primary, 
.btn-primary:hover, 
.btn-warning, 
.btn-warning:hover,
.btn-danger, 
.btn-danger:hover, 
.btn-success, 
.btn-success:hover,
.btn-info, 
.btn-info:hover {
    margin-bottom: 1px;
}

div.span3 ul.the-icons {
    list-style: none;
}

.page-header {
    border-bottom: none !important;
    /*padding-bottom:5px !important;*/
    margin: 0px !important;
}

#map_canvas img {
    max-width: none;
}

#login-dropdown {
    width: 250px;
    padding: 10px;
}

#login-dropdown .input-prepend {
    margin-left: 10px;
}

div.login-remember {
    padding: 5px;
}

.navbar .nav.pull-right {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 2px;
}

div.moduletable.grey-border div.custom {
    border: solid 1px #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    background: none;
}

div#below-content div.moduletable.span2.popular div.custom {
    background: #5BB75B;
}

div#below-content div.moduletable.span2.popular2 div.custom {
    background: #04C;
}

div.moduletable.no-bg div.custom {
    background: none;
}

div.moduletable.no-bg {
    background: none;
    margin-bottom: 5px;
}

div.moduletable.label.label-info h3 {
    color: #fff;
}

div.moduletable.label.label-info div.custom {
    background: none;
}

div.container div#content div#main.row div.search {
    padding-left: 0px;
}

div#top.row div.moduletable div.custom {
    background: none;
    /*padding:0 0 0 30px;*/
}

div.navbar-inner div.container div.search {
    float: right;
    height: 28px;
    padding-top: 8px;
}

.brand > i {
    margin-top: 5px;
    margin-right: 5px;
}

.logo {
    margin: 0;
    padding: 0;
}

.logo-tagline {
    margin-left: 10px;
    font-size: 0.8em;
}

.image {
    margin: 0;
}

.image > .brand {
    text-indent: -9999px;
    display: block;
    padding: 0;
}

.navbar-fixed-top {
    z-index: 9999;
}
/* ----- item409: boat -------*/
#item409{
    font-size: 16px;
}

#item101 #header, #item409 #header {
    background: #fff;
}

#header {
    background: #000000;
    /*padding:20px 0;
              border-bottom:1px solid #ddd;
              background-color: #fbfbfb;
              background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
              background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
              background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
              background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
              background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
              background-image: linear-gradient(top, #ffffff, #f5f5f5);
              background-repeat: repeat-x;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
              -webkit-box-shadow: inset 0 1px 0 #ffffff;
              -moz-box-shadow: inset 0 1px 0 #ffffff;
              box-shadow: inset 0 1px 0 #ffffff;*/
}

.subhead {}

#above {
    padding: 20px 0;
    /*border-bottom:1px solid #ddd;*/
}

#top {}

#content,
#sidebar,
#sidebar-2 {
    /*padding:10px 0;*/
}

#below {}

.footer {
    z-index: 1;
    margin-top: 20px;
}

/* Module Spacing */
#content .moduletable,
#sidebar .moduletable,
#sidebar-2 .moduletable {
    margin-bottom: 18px;
    word-wrap: break-word;
}

/* Enhanced typography */
dt {
    font-size: 105%;
    margin-bottom: .5em;
}

dd {
    margin-left: 2em;
    margin-bottom: 1em;
}

/* Template Demo */
.custom {
    /* background:#eee;*/
    margin-bottom: 10px;
    /*padding:10px;
              border-radius:5px;
              -moz-border-radius:5px;
              -webkit-border-radius:5px;*/
}

body.item-524 .navbar .custom {
    display: inline-block;
    padding: 5px;
    margin: 5px 0 0 10px;
}

body.item-524 .navbar .custom p {
    margin: 0;
}

body.item-524 #header .custom {
    margin-bottom: 10px;
}

body.item-524 #header .custom p {
    margin: 0;
}

body.item-524 #breadcrumbs .custom ul {
    margin-bottom: 0;
}

body.item-525 #below .custom {
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Used for responsive page */
.resize {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 80px;
    width: 80px;
    background: url(../images/resize.png);
}

/* added to manually remove span left margin */
.row-fluid .first {
    margin-left: 0 !important;
}

/* ----------------------------- mine ----------------------------*/

.bottom-margin{
  margin-bottom:20px;
}

/* addthis popup */
#at-cv-lightbox-message {

    font-family: WWF !important;
    font-size: 44px !important;
    font-weight: normal !important;
}

#at-cv-lightbox.with-image #image-darkener {
    opacity: 0 !important;
}

#at-cv-lightbox .at-cv-submit {
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: WWF !important;
    background: rgb(232, 159, 27) !important;
    border-radius: 4px !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------------------------- eng site no sidebar ----------------------------*/
#item284 img, #item323 img, #item297 img, #item294 img, #item315 img, #item316 img,
#item317 img, #item320 img, #item322 img, #item332 img, #item325 img, #item326 img,
#item327 img, #item351 img, #item354 img, #item356 img, #item357 img, #item359 img,
#item360 img {
    width: 100%;
}

/* ----------------------------- eng site no sidebar ----------------------------*/

/* disabled blog header*/
.jb-blogs {
    display: none;
}

.jb-entry-title {
    font-family: WWF, Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 40px;
}

.postContent {
    margin-top: 20px;
}

/* disabled editor button*/
.btn-group.actions {
    display: none;
}

#item101 .container-fluid {
    padding: 0;
}

.mod-languages {
    float: right;
    margin: 8px 8px 0 0;
}

.mod-languages .lang-active {
    display: none !important;
}

.mod-languages img {
    width: auto !important;
}

.article-info {
    font-style: italic;
    color: #999;
}

.article-info i {
    display: none;
}

.newsletterHome {
    margin-top: 0px;
}

.more-news {
    margin-top: 43px;
}

.more-news h5 {
    margin: 0 0 5px 0;
}

.more-news p {
    margin: 0 0 20px 0;
}

.chronoform {
    display: none;
}

.content-links {
    display: none;
}

.page-header {
    padding-bottom: 0;
}

.clearFix {
    clear: both;
}

h2 {
    font-family: 'WWF', sans-serif;
    font-size: 42px;
    line-height: 46px;
    font-weight: normal;
}

h3 {
    font-family: 'WWF', sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    padding: 0 0 0 0;
    margin: 10px 0 15px 0;
}

#sidebar h3 {
    margin: 0 0 15px 0;
}

h4 {
    font-size: 16px;
}

a {
    color: #006ea5;
}

a:hover {
    color: #0493da;
}

.navbar-inverse .navbar-inner {
    border: none;
    /*background:none;*/
    filter: none;
    box-shadow: none;
    background: #313131;
}

.navbar .nav > li > a {
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 10px;
}

.navbar .nav > li > a:hover {
    background: #000000;
}

.navbar .nav .active > a {
    color: #FFFFFF;
}

.navbar .nav .active > a:hover {
    color: #666666;
}

.nav > li > a > img {
    vertical-align: baseline;
}

.form-search {
    margin: 4px 0 0 0;
    float: right;
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover,
.btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover,
.btn-info, .btn-info:hover {}

.navbar .btn, .navbar .btn-group {
    margin: 0;
}

#supportMenu {
    position: relative;
}

#supportMenuBg .navbar-inverse .navbar-inner {
    background: #222222;
}

#supportMenu .nav {
    float: right;
    font-family: 'WWF', sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin: 0;
}

#supportMenu .nav li {
    width: 104px;
    text-align: center;
}

#supportMenu .navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#mainMenu .nav {
    margin: 0 0 0 0;
    font-family: 'WWF', sans-serif;
    font-weight: normal;
    font-size: 22px;
    position: relative;
    left: 140px;
}

.item-111, .item-268 {
    background: #e47e3c;
}

.item-114, .item-269 {
    background: #f29c21;
}

.item-116, .item-270 {
    background: #f2be21;
}

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFFFFF;
    font-weight: normal;
    text-shadow: none;
}

.dropdown-menu {
    background: #666;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.dropdown-menu li a {
    font-size: 20px;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background: #313131;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background: #000000;
}

.navbar .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #666; /* change color here, modified for a black arrow */
}

.pandaLogo {
    width: 110px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
}

.pandaLogo .custom {
    padding: 0;
    background: none;
    margin: 0;
}

.myCarousel {
     max-width: 1600px; 
    margin: 0 auto;
}


.flex-direction-nav li .prev {
    left: 20px;
}

.flex-direction-nav li .next {
    right: 20px;
}

.flex-caption {
    width: 90%;
    padding: 0 5% 2% 5%;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: 40px;
    line-height: 44px;
    font-family: 'WWF', sans-serif;
    text-align: left;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000', GradientType=0 ); /* IE6-9 */
}

/*.carousel-caption {
  position: absolute;
  left: 0;
  right: 50px;
  bottom: 50px;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0);
  text-align:right;
}
.carousel-caption h4{
  font-size:42px;
  font-family:'WWF', sans-serif;
  font-weight: normal;
  margin:0 0 20px 0;
}*/


#item101 #above {
    padding: 0 0 0 0;
}

#item101 #below {
    padding: 0 0 0 0;
}

.nspCol1 {
    margin-bottom: 20px;
}

div.nspArt.nspCol1 {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.nspArt .fnone {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.nspArt h4.nspHeader {
    padding: 0 10px;
    margin-bottom: 5px;
}

p.nspText.tleft.fnone {
    padding: 0 10px;
}

.nspArt .fnone {
    width: auto;
}

/*#nsp-newspro1 {
    box-shadow: 0 0 10px #aaa;
}

.moduletable h3 {
    margin-top: 0;
}

.nspArt h4.nspHeader {
    padding: 10px;
    margin: 0;
    font-size: 14px;
}

.nspArt .fnone{
  width:auto;
}
*/
.readmore .btn-primary {
    /* background-color: hsl(0, 0%, 67%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#aaaaaa"); background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#aaaaaa)); background-image: -moz-linear-gradient(top, #f7f7f7, #aaaaaa); background-image: -ms-linear-gradient(top, #f7f7f7, #aaaaaa); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #aaaaaa)); background-image: -webkit-linear-gradient(top, #f7f7f7, #aaaaaa); background-image: -o-linear-gradient(top, #f7f7f7, #aaaaaa); background-image: linear-gradient(#f7f7f7, #aaaaaa); border-color: #aaaaaa #aaaaaa hsl(0, 0%, 59.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49); -webkit-font-smoothing: antialiased;*/

    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #8A9BA6;
    * background-color: #8A9BA6;
    background-image: -moz-linear-gradient(top, #B9CFDE, #8A9BA6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9CFDE), to(#8A9BA6));
    background-image: -webkit-linear-gradient(top, #B9CFDE, #8A9BA6);
    background-image: -o-linear-gradient(top, #B9CFDE, #8A9BA6);
    background-image: linear-gradient(to bottom, #B9CFDE, #8A9BA6);
    background-repeat: repeat-x;
    border-color: #8A9BA6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B9CFDE', endColorstr='#8A9BA6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.imgContainer {
    position: relative;
    margin: 20px 0;
}

.imgCaption {
    position: absolute;
    bottom: 16px;
    padding: 2%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 96%;
}

.imgCaptionTL {
    position: absolute;
    top: 0;
    padding: 2%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 40%;
}

.imgCaptionBL {
    position: absolute;
    bottom: 16px;
    padding: 2%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 40%;
}

.imgCaptionTR {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 40%;
}

.imgCaptionBR {
    position: absolute;
    bottom: 16px;
    right: 0;
    padding: 2%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 40%;
}

#sidebar, #sidebar-2, .item-page {
    padding: 0 0 10px 0;
}

.strategyContainer .custom {
    background: #FFF;
    min-height: 220px;
}

.strategyContainer {
    text-align: center;
    box-shadow: 0 0 10px #aaa;
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.strategyContainer img {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.strategyContainer h4 {
    font-family: 'WWF', sans-serif;
    padding: 0 10px 10px 10px;
    margin: 0;
    background: #FFFFFF;
    font-size: 28px;
    line-height: 26px;
    font-weight: normal;
}

.strategyContainer a {
    color: #555;
}

.strategyContainer a:hover {
    text-decoration: none;
    color: #0493da;
}

.contactDetails .custom {
    background: #FFF;
}

.social-icons {}

.social-icons ul, .social-icons-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-icons li, .social-icons-footer li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.social-icons a, .social-icons-footer a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 30px;
    width: 30px;
    text-decoration: none;
    color: #FFFFFF;
}

.social-icons a:hover, .social-icons-footer a:hover {
    color: #FFFFFF;
}

.social-icons i, .social-icons-footer i {
    display: block !important;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.facebook {
    background: #3d589a;
}

.instagram {
    background: #d43081;
}
.twitter {
    background: #2fcbff;
}

.youtube {
    background: #cd2616;
}

.social-icons-footer {
    float: right;
    margin: -35px 0 0 0;
}

.social-icons-footer a {
    color: #888;
}

.facebook-footer, .twitter-footer, .youtube-footer, .instagram-footer {
    background: #444;

}

#header .textHeader {
    background: #FFFFFF;
}

.textHeader {
    margin: 100px auto 80px auto;
}

.textHeader .custom {
    background: #FFFFFF;
}

/*.headerTitle{
  text-align:center;
  position: relative;
  top: 20px;
  background: #FFFFFF;
  width: 200px;
  left: 50%;
  margin: 0 0 0 -100px;
  text-shadow: 3px 3px 0 #eee;
}
.headerLine{
  border-bottom:1px solid #e2dfd7;
  border-top:1px solid #e2dfd7;
  height:2px;
}*/

.headerTitle,
.inPageTitle {
    text-align: center;
    text-shadow: 3px 3px 0 #eee;
    border-bottom: 1px solid #e2dfd7;
    border-top: 1px solid #e2dfd7;
    height: 2px;
}

.headerTitle span, .inPageTitle span {
    background: #fff;
    display: inline-block;
    padding: 0 18px;
    position: relative;
    z-index: 2;
    bottom: 25px;
}

.inPageTitleCon {
    margin: 80px 0 50px 0;
}

.inPageTitle {
    font-size: 36px;
}

.subMenu {
    background: #f6f5f2;
    padding: 10px;
    border: 1px solid #e2dfd7;
}

.subMenu > li {
    border-bottom: 1px dotted #999;
}

.subMenu > li:last-child {
    border-bottom: none;
}

.subMenu > li > a {
    padding: 12px 0;
    margin : 0 0 0 0;
    line-height: 14px;
}

.subMenu > li > a:hover {
    color: #555;
    background: none;
}

.subMenu > .active > a {
    color: #555;
    font-weight: bold;
}

.subMenu > li > ul {
    margin: 0 0 10px 8px;
    padding: 0;
    list-style: none;
}

.subMenu > li > ul > li > a {
    padding: 0 0 0 0;
    margin : 0 0 2px 0;
    line-height: 10px;
    font-size: 12px;
}

.subMenu > li > ul > li > a:hover {
    color: #555;
}

.subMenu > li > ul > .active > a {
    color: #555;
    font-weight: bold;
}

.subMenu > li > ul > li > ul {
    margin: 0 0 10px 8px;
    padding: 0;
    list-style: none;
}

.subMenu > li > ul > li > ul > li > a {
    padding: 0 0 0 0;
    margin : 0 0 2px 0;
    line-height: 10px;
    font-size: 12px;
}

.subMenu > li > ul > li > ul > li > a:hover {
    color: #555;
}

.subMenu > li > ul > li > ul > .active > a {
    color: #555;
    font-weight: bold;
}

.subMenu > li > ul > li > ul > li > ul {
    margin: 0 0 10px 8px;
    padding: 0;
    list-style: none;
}

.subMenu > li > ul > li > ul > li > ul > li > a {
    padding: 0 0 0 0;
    margin : 0 0 2px 0;
    line-height: 10px;
    font-size: 12px;
}

.subMenu > li > ul > li > ul > li > ul > li > a:hover {
    color: #555;
}

.subMenu > li > ul > li > ul > li > ul > .active > a {
    color: #555;
    font-weight: bold;
}

.category-desc h2, .page-header h2 {
    font-family: 'WWF', sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;

}

.aboutHeader .custom {
    margin: 0;
    position: relative;
}

.aboutHeader img {
    margin: 0;
}

.aboutHeader h2 {
    position: absolute;
    bottom: 20px;
    right: 80px;
    color: #FFFFFF;
    font-size: 64px;
    text-shadow: 2px 2px 2px #000;
}

.aboutSidebar .custom {
    /*background:#555;
              padding:20px;
              color:#FFFFFF;*/
    background: #f6f5f2;
    padding: 20px;
}

.aboutSidebar h4 {
    font-family: 'WWF', sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 40px 0 15px 0;
    font-weight: normal;
    padding: 0 0 5px 0;
    border-bottom: #999999 1px solid;
}

.aboutSidebar h4:first-child {
    margin: 0 0 15px 0;
}

.aboutSidebar p {
    padding: 0 0 5px 0;
    border-bottom: #999999 1px dotted;
    line-height: 18px;
}

.aboutSidebar img {
    margin: 0 0 6px 0;
    box-shadow: 0 0 5px #999;
}

.aboutSidebar .credit {
    border-bottom: none;
}

.smallLetters {
    font-size: 12px;
    line-height: 16px;
}

#item139 #belowBg, #item328 #belowBg {
    background: #454545 url(../../../images/darkdenim3.png);
    padding: 90px 0 30px 0;
    margin: -50px 0 0 0;
}

#item139 .footer, #item140 .footer, #item313 .footer, #item328 .footer {
    margin: 0;
}

#item313 #belowBg {
    background: #d7d3cb url(../../../images/bedge_grunge.png);
    padding: 90px 0 30px 0;
    margin: -50px 0 0 0;
}

.endangered .custom {
    background: transparent;
    text-align: center;
    margin: 0 0 30px 0;
    /*box-shadow: 0 0 5px #ccc;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              border-radius: 2px;*/
}

.endangered img {
    /*-webkit-border-top-left-radius: 2px;
              -webkit-border-top-right-radius: 2px;
              -moz-border-radius-topleft: 2px;
              -moz-border-radius-topright: 2px;
              border-top-left-radius: 2px;
              border-top-right-radius: 2px;*/
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.endangered h3 {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 30px;
    color: #ccc;
}

.credit {
    font-size: 10px;
    color: #888;
    font-style: italic;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    display: block;
    line-height: 16px;
}
.rspbld-page .credit{
  position: relative;
  bottom:20px;
  color:#fff;
  text-shadow: 1px 1px 1px #00000080;
}

#item139 .credit, #item328 .credit {
    margin: 0;
    text-align: center;
    display: block;
}

.areasCon .custom {
    background: transparent;
}

.areasCon {
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    min-height: 415px !important;

}

.areasCon img {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.areasCon h4 {
    font-family: 'WWF', sans-serif;
    padding: 0 20px 0 20px;
    margin: 0 0 15px 0;
    background: #FFFFFF;
    font-size: 28px;
    line-height: 26px;
    font-weight: normal;
}

.areasCon p {
    padding: 0 20px 10px 20px;
}

.areasCon a {
    color: #555;
}

.areasCon a:hover {
    text-decoration: none;
    color: #0493da;
}

.timelineDate {
    text-align: center;
    font-size: 52px;
    padding: 0 0 20px 0;
    border-bottom: #666 2px solid;
    margin: 40px 0 15px 0;
    text-shadow: 2px 2px 2px #ccc;
    color: #666;
}

.tab-pane td img {
    max-width: none;
}

.accordion-group {
    margin-bottom: 2px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion-heading .accordion-toggle {
    padding: 0;
}

#people .accordion-inner {
    padding: 10px 0 0 0;
}

#killTheTradeInfographic {
    margin: 50px 0 0 0;
}

.killTheTrade {
    width: 29%;
    /*background: #e2dfd7;*/
    text-align: center;
    font-family: 'WWF', sans-serif;
    font-weight: normal;
    font-size: 26px;
    color: #6E6C68;
    line-height: 32px;
    padding: 6% 2%;
    margin: 0;
    float: left;
}

.killTheTrade img {
    margin: 0 0 20px 0;
    width: 50%;
}

.killTheTradeEndangered {
    width: 30%;
    float: right;
    margin: 0 0 20px 20px;
}

.numbersFont {
    font-size: 60px;
    line-height: 66px;
}

.killTheTradeEndangered .credit {
    text-align: center;
}

.thalassaCampaignImg {
    width: 50%;
    float: right;
    margin: 0 0 20px 20px;
}

.wycd {
    padding: 15px 30px 30px 30px;
    background: #454545;
    color: #eee;
    min-height: 384px !important;
}

.contactCon {
    padding: 20px 20px 10px 20px;
    font-style: italic;
    background: #f6f5f2;
    margin: 0 0 20px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.contactImg {
    float: left;
    margin: 0 20px 0 0;
}

.contactTxt {}

.quote {
    font-style: italic;
    margin: 25px auto;
    width: 90%;
}

.hiliBox {
    margin: 25px auto;
    padding: 20px;
    border: 1px #ccc solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bottomBanner {
    box-shadow: 0 0 5px #aaa;
    margin: 0 0 10px 0;
    min-height: 176px !important;
}

.bottomBanner .custom {
    margin: 0;
}

.bottomBanner p {
    padding: 10px;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
}

#footerBg {
    background: #222222;
}

.footer .custom {
    background: #222222;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /*min-height: 150px;*/
    position: relative;
}

#footerPanda {
    /*  margin:30px 0 0 0;
              float:left;*/
    width: 82px;
    position: absolute;
    top: 30px;

}

#footerRight {
    padding: 30px 0 0 120px;
    /*float:left;*/
}

#footerRight h2 {
    font-weight: normal;
    color: #FFF;
    margin: 0 0 15px 0;
    font-family: 'WWF', sans-serif;
    border-bottom: 1px #fff solid;
    padding: 0 0 10px 0;
}

#contact-footer {
    color: #777;
}

#contact-footer a, #contact-footer a:link, #contact-footer a:visited {
    color: #999;
}

#contact-footer a:hover {
    color: #ccc;
    text-decoration: none;
}

#wwfSitemap {
    margin: 30px 0 30px 0;
}

#wwfSitemap h3 {
    color: #888;
}

#wwfSitemap ul {
    color: #777;
}

#wwfSitemap .level_1, #lessSitemap {
    display: none;
}

#lessSitemap, #moreSitemap {
    cursor: pointer;
    color: #999;
    font-size: 16px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px #444 solid;
}

#lessSitemap i, #moreSitemap i {
    font-size: 20px;
    color: #fc0;
}

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

#wwfSitemap a:hover {
    color: #FFF;
}

#item9999 .container-fluid {
    margin: 80px 0 20px 0;
}

#searchForm {
    display: none;
}

.endangered a {
    overflow: hidden;
    border-radius: 50%;
    display: block;
    height: auto;
    max-width: 100%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mask {
    overflow: hidden;
    display: block;
    height: auto;
    max-width: 100%;
}

endangered img, .areasCon img, .strategyContainer img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
}

.endangered img, .areasCon img, .strategyContainer img, .strategyContainer a {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.endangered img:hover, .areasCon img:hover, .strategyContainer img:hover {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2);

}

.content-showtags a {
    background-color: #ccc;
    color: #666;
    text-decoration: none;
}

.content-showtags a:hover {
    background-color: #444;
    color: #fff;
    text-decoration: none;
}

/*Media Query Overrides Here*/
@media (max-width: 480px) {
    body {
        /*padding-top: 0px;
                          padding-left: 10px;
                          padding-right: 10px;*/
        padding: 0;
    }

    .container {
        padding: 0 10px;
    }

    a.btn.btn-navbar.collapsed, a.btn.btn-navbar {
        margin: 15px 0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-right: 0;
        margin-left: 0;
    }

    #mainMenu .nav {
        margin: 0;
        position: relative;
        left: 0;
        text-align: center;
    }

    #supportMenuBg .navbar-inverse .navbar-inner {
        background: #585858 url(../../../images/panda-bg.png) 104% 70% no-repeat;
    }

    #supportMenu .nav {
        float: none;
        margin: 0 -20px;
    }

    #supportMenu .nav li {
        width: 33.3333333333%;
    }

    .mod-languages {
        float: none;
        margin: 8px 0;
        text-align: center;
    }

    .form-search {
        margin: 4px 0 10px 0;
        float: none;
        text-align: center;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none;
    }

    .flex-direction-nav li .prev {
        left: 0;
    }

    .flex-direction-nav li .next {
        right: 0;
    }

    .flexslider .slides img {
        max-width: 100%;
    }

    .flex-caption {
        width: 96%;
        padding: 2%;
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .3);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
        font-size: 14px;
        line-height: 16px;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        font-weight: bold;
    }

    /*.carousel-caption {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              padding: 10px 15px 5px;
              background: #333333;
              background: rgba(0, 0, 0, 0);
}
.carousel-caption h4 {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  margin:0 0 0 0;
  font-weight:bold;
  text-align:left;
}*/
.pandaLogo {
    width: 60px;
    height: auto;
    position: relative;
    left: 0;
    top: 0;
    z-index: 99999;
    margin: 0 0 15px 0;
}

#sidebar, #sidebar-2, .item-page, .categories-list {
    padding: 10px 0 10px 0;
}

.textHeader {
    margin: 50px auto 30px auto;
}

.aboutHeader h2 {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #FFFFFF;
    font-size: 34px;
    text-shadow: 2px 2px 2px #000;
    width: 100%;
    text-align: center;
}

.categories-list {
    margin: 10px 0 0 0;
    /*padding:50px 0 0 0;*/
}

.imgCaption, .imgCaptionTL, .imgCaptionTR, .imgCaptionBL, .imgCaptionBR {
    width: 96.1%;
    position: static;
    background: #333;
}

#officesMap {
    height: 250px;
}

.nav-tabs {
    display: none;
}

.tab-content > .tab-pane {
    display: block;
}

.killTheTrade {
    float: none;
    width: 90%;
    margin: 0 auto 20px auto;
}

.killTheTradeEndangered {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}

.thalassaCampaignImg {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}

.contactImg {
    float: none;
    margin: 0 auto 20px auto;
    width: 100px;
}

#footerPanda {
    margin: 10px auto 0 auto;
    width: 53px;
    float: none;
    position: static;
}

#footerRight {
    margin: 10px auto 0 auto;
    float: none;
    text-align: center;
    padding: 0;
}

#footerRight h2 {
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin: 0 0 10px 0;
    font-family: 'WWF', sans-serif;
    line-height: 26px;
}

.social-icons-footer {
    float: none;
    margin: 0;
}

.endangered img:hover, .areasCon img:hover, .strategyContainer img:hover {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -ms-transform: none;
}
}

@media (max-width: 767px) {
    body {
        /*padding-top: 0px;
                          padding-left: 10px;
                          padding-right: 10px;*/
        padding: 0;
    }

    .container {
        padding: 0 10px;
    }

    a.btn.btn-navbar.collapsed, a.btn.btn-navbar {
        margin: 15px 0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-right: 0;
        margin-left: 0;
    }

    #supportMenuBg .navbar-inverse .navbar-inner {
        background: #585858 url(../../../images/panda-bg.png) 104% 70% no-repeat;
    }

    #mainMenu .nav {
        margin: 0;
        position: relative;
        left: 0;
        text-align: center;
    }

    #supportMenu .nav {
        float: none;
        margin: 0 -20px;
    }

    #supportMenu .nav li {
        width: 33.3333333333%;
    }

    .mod-languages {
        float: none;
        margin: 8px 0;
        text-align: center;
    }

    .form-search {
        margin: 4px 0 10px 0;
        float: none;
        text-align: center;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none;
    }

    .flex-direction-nav li .prev {
        left: 0;
    }

    .flex-direction-nav li .next {
        right: 0;
    }

    .flexslider .slides img {
        max-width: 100%;
    }

    .flex-caption {
	width: 96%;
	padding: 10px 20px;
	margin: 0;
	position: relative;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
font-weight: bold;
    }

    /*.item img{
              max-width:185%;
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0);
}
.carousel-caption h4 {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  margin:0 0 0 0;
  font-weight:bold;
  text-align:left;
}*/
.pandaLogo {
    width: 60px;
    height: auto;
    position: relative;
    left: 0;
    top: 0;
    z-index: 99999;
    margin: 0 0 15px 0;
}

#sidebar, #sidebar-2, .item-page, .categories-list {
    padding: 10px 0 10px 0;
}

.textHeader {
    margin: 50px auto 30px auto;
}

.aboutHeader h2 {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #FFFFFF;
    font-size: 34px;
    text-shadow: 2px 2px 2px #000;
    width: 100%;
    text-align: center;
}

.imgCaption, .imgCaptionTL, .imgCaptionTR, .imgCaptionBL, .imgCaptionBR {
    width: 96.1%;
    position: static;
    background: #333;
}

.nav-tabs {
    display: none;
}

.tab-content > .tab-pane {
    display: block;
}

.killTheTrade {
    float: none;
    width: 90%;
    margin: 0 auto 20px auto;
}

.killTheTradeEndangered {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}

.thalassaCampaignImg {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}

.contactImg {
    float: none;
    margin: 0 auto 20px auto;
    width: 100px;
}

#footerPanda {
    margin: 10px auto 0 auto;
    width: 53px;
    float: none;
    position: static;
}

#footerRight {
    margin: 10px auto 0 auto;
    float: none;
    text-align: center;
    padding: 0;
}

#footerRight h2 {
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin: 0 0 10px 0;
    font-family: 'WWF', sans-serif;
    line-height: 26px;
}

.social-icons-footer {
    float: none;
    margin: 0;
}

.endangered img:hover, .areasCon img:hover, .strategyContainer img:hover {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -ms-transform: none;
}
}

@media (min-width: 768px) and (max-width: 979px) {
    body {
        /*padding-top: 0px;
                          padding-left: 10px;
                          padding-right: 10px;*/
        padding: 0;

    }

    a.btn.btn-navbar.collapsed, a.btn.btn-navbar {
        margin: 10px;
    }

    #mainMenu .nav {
        margin: 0 10px 0 0;
        position: relative;
        left: 0;
        text-align: center;
    }

    .mod-languages {
        float: none;
        margin: 8px 0;
        text-align: center;
    }

    .form-search {
        margin: 4px 0 10px 0;
        float: none;
        text-align: center;
    }

    .flex-caption {
        width: 96%;
        padding: 2%;
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .3);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
        font-size: 16px;
        line-height: 20px;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        font-weight: bold;
    }

    /*.carousel-caption {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              padding: 10px 15px 5px;
              background: #333333;
              background: rgba(0, 0, 0, 0.50);
              text-align:left;
              
}
.carousel-caption h4 {
  font-size: 17.5px;
  font-family: 'Open Sans', sans-serif;
  margin:0 0 0 0;
  font-weight:bold;
}*/
.aboutHeader h2 {
    position: absolute;
    bottom: 10px;
    right: 40px;
    color: #FFFFFF;
    font-size: 34px;
    text-shadow: 2px 2px 2px #000;
}

.imgCaption, .imgCaptionTL, .imgCaptionTR, .imgCaptionBL, .imgCaptionBR {
    width: 96.1%;
    position: static;
    background: #333;
}

#footerPanda {
    margin: 10px auto 0 auto;
    width: 73px;
    float: none;
}

#footerRight {
    margin: 10px auto 0 auto;
    float: none;
    text-align: left;
}

#footerRight h2 {
    font-size: 32px;
    font-weight: normal;
    color: #FFF;
    margin: 0 0 10px 0;
    font-family: 'WWF', sans-serif;
    line-height: 38px;
}

.social-icons-footer {
    float: none;
    margin: 0;
}
}

@media (min-width: 1200px) {
    body {}

    .flex-caption {
        width: 30%;
        padding: 20px;
        margin: 0;
        position: absolute;
        left: 100px;
        bottom: 50px;
        color: #fff;
        font-size: 40px;
        line-height: 44px;
        font-family: 'WWF', sans-serif;
        text-align: left;
		background:rgba(0,0,0,0.5);

    }

    #item9999 .container-fluid {
        margin: 80px auto 20px auto;
        width: 70%;
    }

    /*.item img{
                max-width:1600px;
                width:1600px;
                height:600px;
                margin:0 0 0 -800px;
                left:50%;
                position:relative;    
}
.carousel-caption{
  max-width:1570px;
  margin:0 auto;
}*/


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    body {}

    /*
            .flexslider .slides img {
              max-width: 155%;
}
.item img{
    max-width:1600px;
    width:1600px;
    height:600px;
    margin:0 0 0 -800px;
    left:50%;
    position:relative;    
}
.carousel-caption{
  max-width:1570px;
  margin:0 auto;
}*/

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    body {
        /*padding-top: 0px;padding-left: 10px;padding-right: 10px;*/
        padding: 0;
    }
}

/*.addThisBtns {
    text-align: right;
}

.addThisBtns p {
    padding-bottom: 0;
    
}

body.el-GR .addThisBtns p {
    margin-bottom: -9px !important;
}*/

.cm_clear {
    clear: both;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.cm-blog-tags-container {
    margin-bottom: 20px !important;
}

.cm-blog-tags-container ul, .cm-blog-tags-container ul li:first-child a.,
.cm-blog-tags-container ul li:first-child {
    margin-left: 0 !important;
}

.cm-blog-tags-container ul li:first-child {
    padding-left: 0 !important;
}

ul.tags li a:hover {
    opacity: 0.6;
}

img.cm-img-fulltext, .cm-img-fulltext img {
    max-width: 100% !important;
}

.bloggers .cm-img-fulltext {
    float: none;
    clear: both;
    text-align: center;
}

.bloggers .cm-img-fulltext img {
    margin: 1px 1px 20px 1px;
}

.tag-category h2 {
    margin-top: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.tag-category ul.category {
    margin-top: 20px;
}

.tag-category ul.category li {
    margin: 0 0 20px 0;
    padding-top: 0;
    clear: none;
}

.tag-category ul.category li h3 {
    margin-top: 0;
}

.page-tag-cloud h1 {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    font-size: 40px;
    border-bottom: 1px dotted #999;
}

div.moduletable.test-home-tags-cloud {
    display: block;
    clear: both;
    margin: 30px 0 10px 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px dotted #999;
}

div.moduletable.test-home-tags-cloud ul {
    margin: 0;
    padding: 0;
}

div.moduletable.test-home-tags-cloud ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 20px 20px 0;
    padding: 0;
}

/* carous flex homepage english */


/* wp wwfaction */
div.wp_caption {
    /*text-align: center;
          display: block;
          clear: both;
            padding: 20px;
            background: #eee;
            border: 2px solid #fff;
            outline: 1px solid #ddd;
            font-size: 11px;
        	cursor: auto;  
        	margin: 20px 0 20px 0;*/
}

div.wp_caption a {
    /*color: #999;
            font-size: 11px;
        	cursor: pointer !important;
        	text-align: center;
            clear: both;*/
    display: block;

}

div.wp_caption img {
    /*max-width: 100%;
            padding: 1px;
            border: 1px solid #fff;
            outline: 1px solid #ddd;*/
}

/**********************/