/*
/* FONTS
/***************************************************************************/
@font-face{font-family:'wwf';src:url("fonts/wwf-webfont-webfont.eot");src:url("fonts/wwf-webfont-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/wwf-webfont-webfont.woff2") format("woff2"),url("fonts/wwf-webfont-webfont.woff") format("woff"),url("fonts/wwf-webfont-webfont.ttf") format("truetype"),url("fonts/wwf-webfont-webfont.svg#wwfregular") format("svg");font-weight:normal;font-style:normal}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-uakbge');
	src:url('fonts/icomoon.eot?#iefix-uakbge') format('embedded-opentype'),
		url('fonts/icomoon.woff?-uakbge') format('woff'),
		url('fonts/icomoon.ttf?-uakbge') format('truetype'),
		url('fonts/icomoon.svg?-uakbge#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
/* ICONS
/***************************************************************************/
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-uparrow:before {
	content: "\e601";
}

.icon-downarrow:before {
	content: "\e600";
}



/*
/* GENERIC
/***************************************************************************/
body {
	font-family: Georgia; font-size: 19px; line-height: 1.3; color: #58595b;
}
h1, h2{margin: 0;}
h2{font-size: 64px; font-family: WWF;}
.textbox h2{margin-bottom: 30px;}
.white{color: #fff;}
.grey{color: #d1d3d4;}
.green{color: #959d5d;}
.blue{color: #027d97;}
.skrollr-body {
	width: 100%;
	height: 100%;
	position: fixed;
}

.title {
	font-family: wwf;
	color: #fff;
	font-size: 64px;
}

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

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

.img-center {
	margin: 0px auto;
}
.imgfull{max-width: 100%;}
.imghalf{max-width: 50%; float: left;}
.logo{display: block; width: 376px; height: 106px; background: url(../img/logo.png) no-repeat; position: absolute; z-index: 1000;}
.oh{overflow: hidden;}
.pt30{padding-top: 30px;}
.mb30{margin-bottom: 30px;}
.mt100{margin-top: 100px;}

a, a:hover, a:link, a:visited{color: #58595b; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
a.buton, a.buton:hover, a.buton:link, a.buton:visited{color: #fff;}

/*
/* PANEL DEFAULTS
/***************************************************************************/
section {
	visibility: hidden;
}

section.skrollable-before,
section.skrollable-after {
	visibility: hidden;
}

section.skrollable-between {
	visibility: visible;
}
section.wwfpanel-first.skrollable-before,
section.wwfpanel-last.skrollable-after {
	visibility: visible;
}

.wwfpanel {
	width: 100%;
	height: 100%;
	position: absolute;
}

.wwfpanel-centered {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.wwfpanel-top {
	top: 0;
	left: 0;
	right: 0;
	margin: 0px auto;
}

.wwfpanel-bottom {
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0px auto;
}

.wwfpanel-bottom-left {
	bottom: 0;
	left: 0;
	margin: auto;
}

/*
/* PRELOADER
/***************************************************************************/
.wpreload {
	background: #fff;
	z-index: 400;
}

.wpreload .wbear {
	margin-bottom: 30px;
}

.wpreload .wpreloader-text {
	font-family: wwf;
	color: #000;
	font-size: 2em;
}

.wpreload .browser-warning {
	display: none;
}

.wpreload .browser-warning .warning-text {
	font-family: wwf;
	color: #000;
	font-size: 2em;
}

/*
/* LANDSCAPE DETECT
/***************************************************************************/
.wlandscape {
	background: #fff;
	z-index: 300;
	display: none;
}

.wlandscape .wbadge {
	width: 80px;
	left: 0px;
	right: 0px;
	top: 33%;
	position: absolute;
	-webkit-transform:rotateZ(-90deg);
	-moz-transform:rotateZ(-90deg);
	transform:rotateZ(-90deg);
}

.wlandscape .wdevice {
	-webkit-animation: rotateRight 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: rotateRight 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: rotateRight 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.wlandscape .wlandscape-icon {
	width: 100%;
	max-width: 250px;
}

.wlandscape .wmessage {
	font-family: 'Handlee', cursive;
	color: #58595b;
	font-size: 2em;
}


.menu{position: fixed; z-index: 1000; height: 50px; right: 0; bottom: -100px;}
.menu .showmenu{display: inline-block; padding: 15px; background: #ededee; float: left; width: 60px; margin-right: 4px; height: 50px; overflow: hidden;}
.menu .showmenu span{height: 3px; display: block; background: #5a5a5b; margin-bottom: 5px;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.menu .showmenu:hover span{ background: #000;}
.menu .donate{font-family: WWF; display: inline-block; padding: 15px; background: #ededee; font-size: 20px; line-height: 20px;}
.menu .donate:hover{color: #000; text-decoration: none;}
.menu .sharing{padding: 13px; height: 50px; min-width: 120px; background: #ededee; display: inline-block; text-align: center;}

.fullmenu{position: fixed; left: 0; top:100%; right: 0; bottom: 0; z-index: 1200; background: #ededee; font-family: WWF; font-size: 22px; line-height: 26px;}
.fullmenu ul{list-style: none; margin: 0; padding: 0; width: 200px; text-align: center; margin: 0 auto;}
.fullmenu ul li{padding: 15px 0; border-bottom: 1px solid #fff;}
.fullmenu ul li:last-child{border-bottom: none;}
.fullmenu ul li a{color: #616161;}
.fullmenu ul li a:focus{text-decoration: none;}
.fullmenu ul li a:hover{color: #000; text-decoration: none;}
.fullmenu ul a.active{color: #f47c20;}
.fullmenu a.hidemenu{display: inline-block; padding: 15px; background: #ededee; width: 60px; margin-right: 4px; position: absolute; z-index: 1300; bottom: -100px; left: 50%; margin-left: -30px;}
.fullmenu .hidemenu span{height: 3px; display: block; background: #5a5a5b; margin-bottom: 5px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.fullmenu .hidemenu:hover span{ background: #000;}
@media(max-width: 768px)  {
    .fullmenu{font-size: 16px; line-height: 20px;}
    .fullmenu ul{width: 100%;}
    .fullmenu ul li{padding: 5px 0;}
}

/*
/* PANEL FEATURE PIC
/***************************************************************************/
.wwfpanel-feature-pic {
	background-position: left center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.wwfpanel-feature-top {
	background-position: right top;
	background-repeat: no-repeat;
}

/*
/* PANEL INTRO
/***************************************************************************/
.wwfpanel-intro {	background-image: url(../img/cover.jpg);}
.large-logo-container{max-width: 715px; min-width: 300px; margin: 0 auto; padding-bottom: 140px;}
.large-logo-container img{width: 100%; position: relative; z-index: 1;}
.intro-more{font-size: 32px; color: #a38433; font-style: italic; display: block;  position: relative; z-index: 2; margin-top: -10%;}
.intro-more .icon-holder{font-size: 88px; position: absolute; left: 50%; top:110px; margin-left: -44px; background: #fff;
-webkit-animation: bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.intro-more .icon-holder .icon-downarrow{display: block; margin: -13px;}

/*
/* PANEL INTRO TEXT
/***************************************************************************/
.wwfpanel-introtext{font-size: 19px; line-height: 26px;}
.wwfpanel-introtext img{width: 100%; margin:0 auto 10px;}
.wwfpanel-introtext img.csibi{max-width: 100%; width: auto; max-height: 660px; margin: 0 auto;}
.wwfpanel-introtext h2{color: #a38433; font-family: WWF; font-size: 70px; margin-top: 50px;}
.wwfpanel-introtext p.jobtitle{color: #552f25; font-style: italic; font-size: 24px; line-height: 30px; border-bottom: 1px solid #a38433; padding-bottom: 40px; margin: 0 0 25px;}
.wwfpanel-introtext p{margin: 0 0 25px;}

/*
/* PANEL HEADER
/***************************************************************************/
.wwfpanel-header{color: #fff; position: relative; z-index: 100;}
.wwfpanel-header .title{padding: 10px 40px 10px 10px; }
.wwfpanel-header p{padding: 0 40px 50px 10px; position: relative; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.wwfpanel-header p span.textcontent{display: block; overflow: hidden; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.wwfpanel-header .showintro:before{color: #fff; position: absolute; left: 45%; font-size: 20px; bottom: 15px; display: block;}

.absolute{position: absolute; width: 100%;}
.wwfpanel-headerfixed{color: #fff; position: relative; z-index: 100;}
.wwfpanel-headerfixed .title{padding: 10px 0;}

/*
/* PANEL FOREST 1
/***************************************************************************/
.wwfpanel-forest1 {background-image: url(../img/forest1.jpg);}
.wwfpanel-forest1 .wwfpanel-header .title , .wwfpanel-forest1 .wwfpanel-header p{background-color:rgba(123,133,53,0.8);}

/*
/* PANEL FOREST 2
/***************************************************************************/
.wwfpanel-forest2 .wwfpanel-headerfixed{background-color:rgba(123,133,53,1); }
.wwfpanel-forest2 .textbox{padding: 40px 0 20px;}
.wwfpanel-forest2 .textbox p{margin-bottom: 30px;}
.wwfpanel-forest2 .textbox .quote{font-family: wwf; font-size: 39px; line-height: 42px;}

.nav-forest{border-top:1px solid #7a8435; font-family: wwf; font-size: 38px; list-style: none; padding: 0 0 60px; margin: 0 15px;}
.nav-forest li{float:left; width: 33%; text-align: center; background: url(../img/bullet.png) center top no-repeat; padding-top: 38px; margin-top: -19px;}
.nav-forest-featured{background:url(../img/forest2.png) left bottom no-repeat; height: 520px; margin-left: 15px;}

/*
/* PANEL DANUBE 1
/***************************************************************************/
.wwfpanel-danube1 {background-image: url(../img/danube1.jpg);}
.wwfpanel-danube1 .wwfpanel-header .title, .wwfpanel-danube1 .wwfpanel-header p{background-color:rgba(2,125,151,0.8);}

/*
/* PANEL DANUBE 2
/***************************************************************************/
.wwfpanel-danube2 .wwfpanel-headerfixed{background-color:rgba(2,125,151,1); }
.wwfpanel-danube2 .textbox{padding: 40px 0 20px;}
.wwfpanel-danube2 .textbox p{margin-bottom: 30px;}
.wwfpanel-danube2 .blueborders{border-top:1px solid #3998ad; border-bottom:1px solid #3998ad; padding-top: 30px; margin-bottom: 30px;}
.wwfpanel-danube2 .textbox .quotebox{background: url(../img/danube2.png) left top no-repeat; height: 418px;}

/*
/* PANEL BISON 1
/***************************************************************************/
.wwfpanel-bison1 .wwfpanel-header .title, .wwfpanel-bison1 .wwfpanel-header p{background-color:rgba(144,37,119,0.8);}

/*
/* PANEL BISON 2
/***************************************************************************/
.wwfpanel-bison2 .wwfpanel-headerfixed{background: rgba(144,37,119,1);}
.wwfpanel-bison2 .title{background: url(../img/rw-logo.png) right top no-repeat; height: 90px; padding-right: 210px; background-size: contain;}
.wwfpanel-bison2 .textbox{padding: 40px 0 20px;}
.wwfpanel-bison2 .textbox p{margin-bottom: 30px;}
.wwfpanel-bison2 .bison-story{margin-bottom: 30px; background: url(../img/bison2.jpg) 500px top no-repeat;}
.wwfpanel-bison2 .bison-story-text{width: 500px; background: rgba(144,37,119,1); box-sizing: border-box; padding: 90px 40px 0; height: 483px; border-right: 1px solid #fff; color: #fff;}

/*
/* PANEL BEAR 1
/***************************************************************************/
.wwfpanel-bear1 {background-image: url(../img/bear1.jpg);}
.wwfpanel-bear1 .wwfpanel-header .title, .wwfpanel-bear1 .wwfpanel-header p{background-color:rgba(206,147,80,0.8);}

/*
/* PANEL BEAR 2
/***************************************************************************/
.wwfpanel-bear2 .wwfpanel-headerfixed{background: rgba(206,147,80,1);}
.wwfpanel-bear2 .textbox{padding: 40px 0 20px;}
.wwfpanel-bear2 .textbox p{margin-bottom: 30px;}
.wwfpanel-bear2 .bear-story{margin-bottom: 30px;}
.wwfpanel-bear2 .bear-story-text{width: 400px; background: #ce9350; box-sizing: border-box; padding: 40px 40px 0; height: 420px; border-right: 1px solid #fff; color: #fff; float: left;}
.wwfpanel-bear2 .bear-story-video{margin-left: 400px; height: 420px;}

/*
/* PANEL BEAR 3
/***************************************************************************/
.wwfpanel-bear3 .wwfpanel-header .title, .wwfpanel-bear3 .wwfpanel-header p{background-color:rgba(84,47,37,0.8);}
video#bear3bg { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/bear3.jpg) no-repeat; background-size: cover;}

/*
/* PANEL BEAR 4
/***************************************************************************/
.wwfpanel-bear4 .wwfpanel-headerfixed{background: #552f25;}
.wwfpanel-bear4 .textbox{padding: 40px 0 20px;}
.wwfpanel-bear4 .textbox p{margin-bottom: 30px;}
.wwfpanel-bear4 .bear4-map{border: 1px solid #40403f; max-width: 100%;}
.wwfpanel-bear4 .bear-story{margin-bottom: 30px; background: url(../img/bear4.jpg) 500px top no-repeat;}
.wwfpanel-bear4 .bear-story-text{width: 500px; background: #552f25; box-sizing: border-box; padding: 90px 40px 0; height: 612px; border-right: 1px solid #fff; color: #fff;}
.wwfpanel-bear4 .bear-story-text .quote{font-family: wwf; font-size: 30px; line-height: 34px; margin-top: 60px;}

/*
/* PANEL TURISM 1
/***************************************************************************/
.wwfpanel-turism1 {background-image: url(../img/turism1.jpg);}
.wwfpanel-turism1 .wwfpanel-header .title, .wwfpanel-turism1 .wwfpanel-header p{background-color:rgba(172,173,53,0.8);}

/*
/* PANEL TURISM 2
/***************************************************************************/
.wwfpanel-turism2 .wwfpanel-headerfixed{background: rgba(172,173,53,1);}
.wwfpanel-turism2 .textbox{padding: 40px 0 20px;}
.wwfpanel-turism2 .textbox p{margin-bottom: 30px;}
.wwfpanel-turism2 .section-logo{background: url(../img/turism2-logo.png) right top no-repeat; height: 162px;}
.wwfpanel-turism2 .textbox .quote{font-family: wwf; font-size: 39px; line-height: 42px;}

/*
/* PANEL RIVERS 1
/***************************************************************************/
.wwfpanel-rivers1 .wwfpanel-header .title, .wwfpanel-rivers1 .wwfpanel-header p{background-color:rgba(0,171,204,0.8);}

/*
/* PANEL RIVERS 2
/***************************************************************************/
.wwfpanel-rivers2 .wwfpanel-headerfixed{background-color:rgba(0,171,204,1);}
.wwfpanel-rivers2 .title{line-height: 71px;}
.wwfpanel-rivers2 .textbox{padding: 40px 0 20px;}
.wwfpanel-rivers2 .textbox p{margin-bottom: 30px;}
.wwfpanel-rivers2 .textbox h2{color:rgba(0,171,204,1);}

/*
/* PANEL REWILDING 1
/***************************************************************************/
.wwfpanel-rewilding1 .wwfpanel-header .title, .wwfpanel-rewilding1 .wwfpanel-header p{background-color:rgba(144,37,119,0.8);}

/*
/* PANEL REWILDING 2
/***************************************************************************/
.wwfpanel-rewilding2 .wwfpanel-headerfixed{background: rgba(144,37,119,1);}
.wwfpanel-rewilding2 .title{background: url(../img/rw-logo.png) right top no-repeat; padding-right: 210px; background-size: contain;}
.wwfpanel-rewilding2 .textbox{padding: 40px 0 20px;}
.wwfpanel-rewilding2 .textbox p{margin-bottom: 30px;}
.wwfpanel-rewilding2 .story{margin-bottom: 30px; height: 500px; background: url(../img/rewilding2.jpg) left top no-repeat;}
.wwfpanel-rewilding2 a{color: rgba(144,37,119,1);}

/*
/* PANEL GENERATIONS 1
/***************************************************************************/
.wwfpanel-generations1 {background-image: url(../img/generations1.jpg);}
.wwfpanel-generations1 .wwfpanel-header .title, .wwfpanel-generations1 .wwfpanel-header p{background-color:rgba(245,130,31,0.8);}

/*
/* PANEL GENERATIONS 2
/***************************************************************************/
.wwfpanel-generations2 .wwfpanel-headerfixed{background: rgba(245,130,31,1);}
.wwfpanel-generations2 .textbox{padding: 40px 0 20px;}
.wwfpanel-generations2 .textbox p{margin-bottom: 30px;}
.wwfpanel-generations2 .story{margin-bottom: 30px; height: 500px; background: url(../img/rewilding2.jpg) left top no-repeat;}
.wwfpanel-generations2 a{color: rgba(245,130,31,1);}
.wwfpanel-generations2 .textbox h2{color:rgba(245,130,31,1); font-size: 40px;}
.wwfpanel-generations2 .borderbox{border-top:1px solid rgba(245,130,31,1); border-bottom:1px solid rgba(245,130,31,1); padding: 30px 0; margin-bottom: 30px;}
.wwfpanel-generations2 .numbers{text-align: center; font-family: WWF; font-size: 40px; line-height: 35px; color:rgba(245,130,31,1); list-style: none}
.wwfpanel-generations2 .numbers li{float: left; padding-right: 45px;}
.wwfpanel-generations2 .numbers large{font-size: 75px; line-height: 55px; display: block;}

/*
/* PANEL STURIONI 1
/***************************************************************************/
.wwfpanel-sturioni1 .wwfpanel-header .title, .wwfpanel-sturioni1 .wwfpanel-header p{background-color:rgba(2,125,151,0.8);}

/*
/* PANEL STURIONI 2
/***************************************************************************/
.wwfpanel-sturioni2 .wwfpanel-headerfixed{background: rgba(2,125,151,1);}
.wwfpanel-sturioni2 .textbox{padding: 40px 0 20px;}
.wwfpanel-sturioni2 .textbox p{margin-bottom: 30px;}
.wwfpanel-sturioni2 .story1{margin-bottom: 30px; background: url(../img/sturioni2-1.png) left top no-repeat; height: 623px;}
.wwfpanel-sturioni2 .story2{margin-bottom: 30px; background: url(../img/sturioni2-2.jpg) 500px top no-repeat; height: 500px;}
.wwfpanel-sturioni2 .story2-text{width: 500px; background: rgba(2,125,151,1); box-sizing: border-box; padding: 40px 40px 0; height: 500px; border-right: 1px solid #fff; color: #fff; font-family: WWF; font-size: 40px; line-height: 40px;}

/*
/* PANEL SAVAGE 1
/***************************************************************************/
.wwfpanel-savage1 {background-image: url(../img/savage1.jpg);}
.wwfpanel-savage1 .wwfpanel-header .title , .wwfpanel-savage1 .wwfpanel-header p{background-color:rgba(123,133,53,0.8);}

/*
/* PANEL SAVAGE 2
/***************************************************************************/
.wwfpanel-savage2 .wwfpanel-headerfixed{background-color:rgba(123,133,53,1); }
.wwfpanel-savage2 .textbox{padding: 40px 0 20px;}
.wwfpanel-savage2 .textbox p{margin-bottom: 30px;}
.wwfpanel-savage2 .textbox .quote{font-family: wwf; font-size: 39px; line-height: 42px;}

.nav-savage{border-top:1px solid #7a8435; font-family: wwf; font-size: 38px; list-style: none; padding: 0 0 60px; margin: 0 15px;}
.nav-savage li{float:left; width: 33%; text-align: center; background: url(../img/bullet.png) center top no-repeat; padding-top: 38px; margin-top: -19px;}
.nav-savage-featured{background:url(../img/savage2.png) left bottom no-repeat; height: 520px; margin-left: 15px;}

/*
/* PANEL TRANSILVANIA 1
/***************************************************************************/
.wwfpanel-transilvania1 {background-image: url(../img/transilvania1.jpg);}
.wwfpanel-transilvania1 .wwfpanel-header .title, .wwfpanel-transilvania1 .wwfpanel-header p{background-color:rgba(172,173,53,0.8);}

/*
/* PANEL TRANSILVANIA 2
/***************************************************************************/
.wwfpanel-transilvania2 .wwfpanel-headerfixed{background-color:rgba(172,173,53,1); }
.wwfpanel-transilvania2 .title{background: url(../img/transilvania2-logo.png) right top no-repeat; padding-right: 210px; background-size: contain;}
.wwfpanel-transilvania2 .textbox{padding: 40px 0 20px;}
.wwfpanel-transilvania2 .textbox p{margin-bottom: 30px;}
.wwfpanel-transilvania2 .borderbox{border-top:1px solid #acad35; border-bottom:1px solid #acad35; padding-top: 30px; margin-bottom: 30px;}
.wwfpanel-transilvania2 .textbox .quotebox{background: url(../img/transilvania2.png) right center no-repeat; height: 270px}

/*
/* PANEL NATURE 1
/***************************************************************************/
.wwfpanel-nature1 {background-image: url(../img/nature1.jpg);}
.wwfpanel-nature1 .wwfpanel-header .title, .wwfpanel-nature1 .wwfpanel-header p{background-color:rgba(153,31,102,0.8);}

/*
/* PANEL NATURE 2
/***************************************************************************/
.wwfpanel-nature2 .wwfpanel-headerfixed{background: rgba(153,31,102,1);}
.wwfpanel-nature2 .textbox{padding: 40px 0 20px;}
.wwfpanel-nature2 .textbox p{margin-bottom: 30px;}
.wwfpanel-nature2 .textbox h2{color:rgba(153,31,102,1); font-size: 40px;}
.wwfpanel-nature2 .textbox a{color:rgba(153,31,102,1);}

/*
/* PANEL HIGHWAYS 1
/***************************************************************************/
.wwfpanel-highways1 {background-image: url(../img/highways1.jpg);}
.wwfpanel-highways1 .wwfpanel-header .title, .wwfpanel-highways1 .wwfpanel-header p{background-color:rgba(216,29,82,0.8);}

/*
/* PANEL HIGHWAYS 2
/***************************************************************************/
.wwfpanel-highways2 .wwfpanel-headerfixed{background: rgba(216,29,82,1);}
.wwfpanel-highways2 .textbox{padding: 40px 0 20px;}
.wwfpanel-highways2 .textbox p{margin-bottom: 30px;}
.wwfpanel-highways2 .textbox h2{color:rgba(216,29,82,1); font-size: 40px;}

/*
/* PANEL MEDIU 1
/***************************************************************************/
.wwfpanel-mediu1 {background-image: url(../img/mediu1.jpg);}
.wwfpanel-mediu1 .wwfpanel-header .title, .wwfpanel-mediu1 .wwfpanel-header p{background-color:rgba(128,42,143,0.8);}

/*
/* PANEL MEDIU 2
/***************************************************************************/
.wwfpanel-mediu2 .wwfpanel-headerfixed{background: rgba(128,42,143,1);}
.wwfpanel-mediu2 .textbox{padding: 40px 0 20px;}
.wwfpanel-mediu2 .textbox p{margin-bottom: 30px;}
.wwfpanel-mediu2 .textbox h2{color:rgba(128,42,143,1); font-size: 40px;}
.wwfpanel-mediu2 .story{margin-bottom: 30px; background: url(../img/mediu2-1.jpg) 500px top no-repeat; height: 400px;}
.wwfpanel-mediu2 .story-text{width: 500px; background: rgba(128,42,143,1); box-sizing: border-box; padding: 10px 10px 0; height: 400px; border-right: 1px solid #fff; color: #fff; font-family: WWF; font-size: 40px; line-height: 40px;}
.wwfpanel-mediu2 .borderbox{border-top:1px solid rgba(128,42,143,1); border-bottom:1px solid rgba(128,42,143,1); padding: 30px 0; margin-bottom: 30px;}
.wwfpanel-mediu2 .story2{margin-bottom: 30px; background: url(../img/mediu2-2.png) 370px top no-repeat;}
.wwfpanel-mediu2 .story2-text{width: 350px; background: #fff; box-sizing: border-box; padding: 10px 20px 0 0; height: 423px; color: rgba(128,42,143,1); line-height: 40px; overflow: hidden; border-right: 20px solid #fff;}
.wwfpanel-mediu2 .story2-text .title{font-size: 50px; color: rgba(128,42,143,1); margin: 30px 0;}
.wwfpanel-mediu2 .story2-text .conclusions{list-style: none; overflow: hidden; width: 1320px; padding: 0; margin-bottom: 30px; margin-right: 20px;}
.wwfpanel-mediu2 .story2-text .conclusions li{float: right; width: 330px; padding-right: 80px; }

/*
/* PANEL EARTHHOUR 1
/***************************************************************************/
.wwfpanel-earthhour1 {background-image: url(../img/earthhour1.jpg);}
.wwfpanel-earthhour1 .wwfpanel-header .title, .wwfpanel-earthhour1 .wwfpanel-header p{background-color:rgba(246,140,80,0.8);}

/*
/* PANEL EARTHHOUR 2
/***************************************************************************/
.wwfpanel-earthhour2 .wwfpanel-headerfixed{background: rgba(246,140,80,1);}
.wwfpanel-earthhour2 .title{background: url(../img/earthhour2-logo.png) right top no-repeat; padding-right: 50%; background-size: contain;}
.wwfpanel-earthhour2 .textbox{padding: 40px 0 20px;}
.wwfpanel-earthhour2 .textbox p{margin-bottom: 30px;}

/*
/* PANEL VOLUNTARIAT 1
/***************************************************************************/
.wwfpanel-voluntariat1 {background-image: url(../img/voluntariat1.jpg);}
.wwfpanel-voluntariat1 .wwfpanel-header .title, .wwfpanel-voluntariat1 .wwfpanel-header p{background-color:rgba(246,140,80,0.8);}

/*
/* PANEL EVENTS
/***************************************************************************/
.wwfpanel-events1 .wwfpanel-headerfixed, .wwfpanel-events2 .wwfpanel-headerfixed{background-color:rgba(216,29,82,1);}
.wwfpanel-events1 .wwfpanel-headerfixed .title, .wwfpanel-events2 .wwfpanel-headerfixed .title{margin-left: 320px;}
.wwfpanel-events1 .logo, .wwfpanel-events2 .logo{width: 300px; height: 90px; background-size: contain; background-position: center center; background-color: #fff;}
.gallery-wrapper{ position: absolute; left: 0; right: 0; bottom: 0; top: 90px;}
.gallery-slider{background-position: left center; background-repeat: no-repeat; background-size: auto 100%; height: 50%;}
.gallery-slider .titlebox{background-color:rgba(0,171,204,0.8); width: 350px; box-sizing: border-box; padding: 20px; margin-left: 300px; height: 100%;}
.gallery-slider .titlebox.yellow{background-color:rgba(172,173,53,0.8);}
.gallery-slider .titlebox.orange{background-color:rgba(246,140,80,0.8);}
.gallery-slider .titlebox.marine{background-color:rgba(2,125,151,0.8);}
.gallery-slider.gallery1{background-image: url(../img/events1.jpg);}
.gallery-slider.gallery2{background-image: url(../img/events2.jpg)}
.gallery-slider.gallery3{background-image: url(../img/events3.jpg)}
.gallery-slider.gallery4{background-image: url(../img/events4.jpg)}

/*
/* PANEL ECHIPA
/***************************************************************************/
.wwfpanel-echipa{background: #e7e5d3}
.wwfpanel-echipa .wwfpanel-headerfixed{background: rgba(84,47,37,1); overflow: hidden; border-bottom: 3px solid #fff;}
.wwfpanel-echipa .wwfpanel-headerfixed .title{margin-left: 320px; position: relative;}
.wwfpanel-echipa .wwfpanel-headerfixed h2 span{position: absolute; left: 0; top: 20px; display: block; float: left; margin: 0 10px 0 150px; font-family: Georgia; font-size: 19px; max-width: 670px; line-height: 24px;}
@media(max-width: 1200px) {
    .wwfpanel-echipa .wwfpanel-headerfixed h2 span{font-size: 14px; max-width: 500px; line-height: 22px;}
}
.wwfpanel-echipa .logo{width: 300px; height: 90px; background-size: contain; background-position: center center; background-color: #fff;}

.team{list-style: none; margin: 0; padding: 0; min-height: 100%; box-sizing: border-box; position: relative;}
.team li{height: 250px; width: 500px; float: left; background: #e0ce83; border-bottom: 2px solid #fff; box-sizing: border-box; position: relative;}
.team li img{height: 100%; width: auto;}
.team li .identity{float: left; width: 250px; position: relative; height: 100%;}
.team li .name{font-family: WWF; font-size: 50px; line-height: 50px; color: #542f25; position: absolute; left: 50%; bottom: 50%; right: 0; box-sizing: border-box; padding: 0 20px;}
.team li .job{ position: absolute; left: 50%; top: 50%; right: 0; box-sizing: border-box; padding: 0 20px;}
.team li.cta{height: 750px; float: right; background: #e7e5d3}
.team li.green{background: #b7da9b; color: #58595b;}
.team li.blue{background: #afdedc; color: #58595b;}
.team li.grey{background: #acb9aa; color: #58595b;}
.team li.pink{background: #f8b5b2; color: #58595b;}
.team li.cyan{background: #71cde8; color: #58595b;}
.team li.yellow{background: #fde86c; color: #58595b;}

/*
/* PANEL FINANCIAL
/***************************************************************************/
.wwfpanel-financial .wwfpanel-headerfixed{background: rgba(129,139,54,1); overflow: hidden; border-bottom: 3px solid #fff;}
.wwfpanel-financial .wwfpanel-headerfixed .title{margin-left: 320px; position: relative;}
.wwfpanel-financial .wwfpanel-headerfixed h2 span{position: absolute; left: 0; top: 45px; display: block; float: left; margin: 0 10px 0 240px; font-family: Georgia; font-size: 19px; max-width: 670px; line-height: 24px;}
@media(max-width: 1200px) {
    .wwfpanel-financial .wwfpanel-headerfixed h2 span{font-size: 14px; max-width: 500px; line-height: 22px; }
}
.wwfpanel-financial .logo{width: 300px; height: 160px; background-size: contain; background-position: center center; background-color: #fff;}
.wwfpanel-financial .financial-image{box-sizing: border-box; height: 100%; width: auto;}

/*
/* PANEL FINAL
/***************************************************************************/
.wwfpanel-last{background: #e7e5d3; text-align: center;}
.wwfpanel-last h2{color: #a38433; font-family: WWF; font-size: 70px; margin: 30px 0;}
.wwfpanel-last p{max-width: 550px; margin: 0 auto;}
.wwfpanel-last p.first{max-width: 550px; margin: 0 auto 20px;}



@media(max-width: 1500px) {
    .logo{width: 230px; background-size: contain; margin-top: 0px;}
    .wwfpanel-events1 .logo, .wwfpanel-events2 .logo{width: 300px; height: 90px; background-size: contain; background-position: center center; background-color: #fff;}
}

.buton{font-family: WWF; font-size: 30px; display: inline-block; padding: 15px 32px 15px 15px; color: #fff; border-radius: 0; background:url(../img/arrow.svg) right center no-repeat #CE9350; background-size:22px; border-right:15px solid #CE9350;}
.buton:hover{color: #fff}

.buton-bears{margin-top: -15px;}
.buton-natura{margin-top: -15px; padding-top:8px; padding-bottom: 8px; background-color: #ACAD35; border-color:#ACAD35; }
.buton-mediu{margin-top: -15px; padding-top:8px; padding-bottom: 8px; background-color: #802A8F; border-color:#802A8F; }
.buton-earthhour{margin: -10px 0; padding-top:8px; padding-bottom: 8px; background-color: #F68C50; border-color:#F68C50; }
.buton-echipa{ background:none; background-size:22px; line-height: 30px; color: #542f25 !important; border: none; margin-top: 50%; margin-left: 30px;}
.buton-echipa:hover{text-decoration: none; color: #000;}
.buton-echipa svg{width: 22px !important;}



@media(max-width: 568px)  {

	.wpreload .wpreloader-text {
		font-size: 1.5em;
	}

	.wlandscape .wmessage {
		font-size: 1.2em;
	}

}

@media(min-width: 569px) and (max-width: 800px) {

}

/* keyframes */
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@-moz-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@-ms-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes rotateRight {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
}

@-moz-keyframes rotateRight {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
}

@-ms-keyframes rotateRight {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
}

@keyframes rotateRight {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}