/* header dev*/
#header-menu{
	transition: top 0.3s ease 0s;
 -webkit-transition: top 0.3s ease 0s;
    -moz-transition: top 0.3s ease 0s;
      -o-transition: top 0.3s ease 0s;
      -ms-transition: top 0.3s ease 0s;
}
.no-csstransforms3d #header-menu-wrap.nav-down{
	top: 0px;
}
.no-csstransforms3d #header-menu-wrap.nav-up{
	top: -100px;
}
.csstransforms3d.no-touch #header-menu-wrap.nav-down{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.csstransforms3d.no-touch #header-menu-wrap.nav-up{
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
}

/* transitions */
#header,
#header div,
#header-navigation-search input,
#header-navigation-main ul li,
#header-navigation-main,
#mobile-header,
#mobile-navigation,
.desktop #header-menu,
.desktop #header-navigation{
 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
      -o-transition: -o-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
      -ms-transition: -ms-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
       transition: transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
}
#content{
 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
      -o-transition: -o-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
      -ms-transition: -ms-transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
       transition: transform 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s, opacity 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0s;
}
#close-nav-overlay{
 -webkit-transition: opacity 0.6s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0.5s;
    -moz-transition: opacity 0.6s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0.5s;
      -o-transition: opacity 0.6s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0.5s;
      	transition: opacity 0.6s cubic-bezier(0.33, 0.43, 0.19, 0.95) 0.5s;
}
.desktop #close-nav-overlay{
	display: none;
}
#close-nav-overlay{
	opacity: 0;
	position: relative;
	background: rgba(0,0,0,0.3);
}
#close-nav-overlay.show{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 1;
	background: rgba(0,0,0,0.3);
	display: block;
	z-index: 999;
}
.tablet #close-nav-overlay.show{
	right: 40%;
}

@media only screen and (max-width: 40em) {
	html.no-ipad.tablet #close-nav-overlay.show {
		display: none;
	}

	html.no-ipad.tablet #header-navigation {
		width: 256px !important;
		right: -256px;
	}

	html.no-ipad.tablet #header-navigation.slide-to-left {
		right: -40%;
	}
}

.phone #close-nav-overlay.show{
	right: 80%;
}
.screenreader{
	display: none;
}

/* Common Text Styles */
#header a:hover,
#header a.active,
#header a.active-trail,
#mobile-header a.active,
#mobile-header a:hover{
	color: #E20074;
}
body{
	margin: 0;
	padding: 0;
	font-weight: 300;
}
#header-member-section .two-col{
	color: #FFF;
}
#header-logo a{
	text-indent: -9999px;
}

/* Icons Styles */
span.icon{
	border: 1px solid #000;
	width: 2.2em;
	height: 2.2em;
	border-radius: 50%;
	cursor: pointer;
	color: transparent;
	display: inline-block;
}
span.icon:hover{
	border: 1px solid #e20074;
}

/* Member Section */
#header-member-section{
	width: 100%;
	background: #f13251;
	margin: 0;
	color: #FFF;
	height: 0;
	position: relative;
	overflow: hidden;
}
.csstransitions #header-member-section{
	 transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
 -webkit-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
    -moz-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
      -o-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
      -ms-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
}
/*.csstransitions #header-member-section ul.flex-direction-nav{
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
 -webkit-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
    -moz-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
      -o-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
      -ms-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
}
.csstransitions #header-member-section.visible ul.flex-direction-nav{
	opacity: 1;
}*/
#header-member-section .slider-wrapper{
	height: 100%;
	margin: 2em 0 3em 0;
}
#header-member-section .two-col{
	width: 70%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
}
#header-member-section .right-col,
#header-member-section .left-col{
	padding: 2em;
}
#header-member-section div.image-container{
	position: relative;
	overflow: hidden;
	margin: 1em 0 0 0;
	padding: 0;
	height: 320px;
}
#header-member-section div.image-container img{
	width: 100%;
	height: auto;
}
#header-member-section h1{
	margin-top: 0;
	color: #fff;
}

#header-member-section h2, #header-member-section p, #header-member-section .pager span {
	color: #fff;
}

#header-member-section a.button{
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.1);
	border-radius: 0.3em;
	padding: 0.5em 1em;
	margin-top: .7em;
	color: rgba(255,255,255,0.8);
	text-decoration: none !important;
}
.no-touch #header-member-section a.button:hover{
	border: 1px solid rgba(255,255,255,0.5) !important;
	background: rgba(255,255,255,0.35) !important;
	/*color: #f13251 !important;*/
	color: rgba(255,255,255,1);
}
.button.inverted{
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.1);
	border-radius: 0.3em;
	padding: 0.5em 1em;
	margin-top: .7em;
	color: rgba(255,255,255,0.8);
	text-decoration: none !important;
}


/* Header Animation States */
#header-navigation-search.open{
	width: 10.2em;
}
#header-navigation-search input{
	color: transparent;
}
#header-navigation-search.open input{
	color: #000;
}
#header-navigation-main.search-open{
	-webkit-transform: translateX(-8em);
	-moz-transform: translateX(-8em);
	-o-transform: translateX(-8em);
	-ms-transform: translateX(-8em);
	transform: translateX(-8em);
}
#header-navigation-share ul{
	text-align: center;
}

/* Mobile Header */
#header-pagetitle{
	display: block;
	border-bottom: 1px solid #000;
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#header-navigation-toggle,
#header-share-toggle{
	display: block;
	float: left;
	text-align: center;
	position: relative;
	width: 37px;
	height: 37px;
	color: transparent;
	cursor: pointer;
	border: none;
}
#header-navigation-toggle:hover,
#header-share-toggle:hover{
	color: transparent !important;
}
#page-title{
	font-size: 1.5em;
	font-weight: 300;
	color: #7f7f7f;
	padding: 0.7em 0 0.4em 0;
	margin: 0;
}
p#search-word input{
	-webkit-appearance: none;
	font-family: HelveticaNeueLTStd-Lt;
	color: transparent;
}
p#search-word input:focus{
	outline: none;
	color: #e20074;
}
#header-link-wimi{
	overflow: hidden;
	text-align: right;
}
#header-link-wimi img{
	height: 100%;
	width: auto;
	position: absolute;
	right: 0;
	opacity: 1;
	transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
}
#mobile-wimi-link img{
	width: 100%;
	height: auto;
	margin-top: 0.5em;
}
#header-link-wimi img#logo-color{
	opacity: 0;
}
#header-link-wimi:hover img#logo-sw{
}
#header-link-wimi:hover img#logo-color{
	opacity: 1;
}

html.tablet #header-navigation-meta {
	margin-top: 1.5em;
}

/* Media Queries */

/* Tablets */
@media only screen and (max-width: 960px) {
	body{
		min-width: 640px;
		/*overflow-x: auto;*/
	}
	html{
		/*min-width: 640px;*/
	}
	/* Hide Elements */
	#header-share-toggle{
		display: none;
	}
	#header-pagetitle{
	}
	#header-navigation{
		position: fixed;
		top: 1em;
		right: -40%;
		width: 40%;
	}

	/*ie10 ie11 fix*/
	.no-ipad #header-navigation.slide-to-left {
		position: absolute;
	}

	a#page-title{
		visibility: hidden;
		display: block;
		font-size: 1.5em;
		font-weight: 300;
		color: #7f7f7f;
		padding: 0.6em 0 0.4em 0;
		margin: 0;
	}
	/* Off Canvas Menu */
	#header,
	#content,
	#header-navigation{
	}
	.csstransforms3d #header.slide-to-left,
	.csstransforms3d #content.slide-to-left,
	.csstransforms3d #logo-bar.slide-to-left,
	.csstransforms3d #footer.slide-to-left{
		-webkit-transform:translateX(-40%);
		-moz-transform:translateX(-40%);
		-ms-transform:translateX(-40%);
		-o-transform:translateX(-40%);
		transform:translateX(-40%);
	}
	.no-csstransforms3d #header.slide-to-left,
	.no-csstransforms3d #content.slide-to-left,
	.no-csstransforms3d #logo-bar.slide-to-left,
	.no-csstransforms3d #footer.slide-to-left{
		-ms-transform: translate(-40%,0);
	}

	/*ie9*/
	.no-csstransforms3d #header-navigation.slide-to-left{
		position: fixed !important;
		-ms-transform: translate(-100%,0);
	}
	#header-navigation-toggle{
		position: absolute;
		right: 0;
		top: 11px;
		outline: none;
	}
	/* Header Content */
	#header-content{
		width: 90%;
		margin: 0 auto;
		max-width: 1400px;
		position: relative;
	}
	#header-link-member{
		position: absolute;
		left: 0%;
		top: -3.2em;
		display: inline-block;
		border: 1px solid #efefef;
		border-radius: 0.3em;
		padding: 0.5em 1em;
		color: #666;
		color: rgba(0,0,0,0.6);
		text-decoration: none;
		z-index: 10;
		margin: 0;
	}
	#header-member-section .right-col,
	#header-member-section .left-col{
		padding: 0em;
	}
	#header-link-wimi{
		position: absolute;
		right: 0;
		width: 100px;
		height: 58px;
		top: 2.5em;
		display: block;
		color: transparent;
		text-indent: -9999em;
		z-index: 1;
	}
	#header-link-wimi:hover{
		width: 498px;
	}
	#header-logo{
		width: 109px;
		height: 80px;
		display: inline-block;
	}
	#header-logo a{
		margin-left: 0.5em;
		width: 109px;
		height: 80px;
		display: inline-block;
		color: transparent;
		background-image: url(../img/bd_logo-2x.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
		z-index: 10;
	}
	/*.svg #header-logo a{
		background-image: url(../img/bd_logo.svg);
	}*/
	#header-navigation ul{
		list-style: none;
		padding: 0;
		margin: 0 0 0 1em;
		text-align: left;
	}
	#header-navigation ul li{
		display: block;
	}
	#header-navigation ul li a{
		display: block;
		color: #000;
		text-decoration: none;
		padding: 0.2em 0.4em;
		font-size: 1.5em;
		font-weight: 300;
	}
	#header-navigation-share{
		margin-bottom: 4em;
	}
	#header-navigation-meta ul li a,
	#header-navigation ul li#languages a{
		font-size: 1em;
	}
	/*#header-pagetitle a, #header-navigation a, .button,
	.news-section a, .event-section a, .press-section a,
	.news-section img, .event-section img, .press-section img*/
	* {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		tap-highlight-color: rgba(0,0,0,0);
	}
	#header-navigation-main ul li#languages{
		right: auto;
		position: relative;
	}
	#header-navigation-main ul li#languages a{
		display: inline-block;
	}
	#header-navigation-search{
		position: absolute;
		margin: 0;
		display: block;
		width: 37px;
		height: 37px;
		margin-left: 1em;
		top: 12px;
		right: 3em;
		overflow: visible;
		white-space: nowrap;
	}

	/* Form Styles */
	p#search-word{
		display: inline;
		width: 18px;
		height: 18px;
		margin: 0;
		padding: 0;
	}
	p#search-word input{
		font-family: HelveticaNeueLTStd-Lt;
		font-size: 0.9em;
		color: transparent;
		background: transparent;
		border: 1px solid #000;
		border-radius: 2.4em;
		padding: 0;
		margin: 0;
		width: 36px;
		height: 36px;
		position: relative;
	}
	p#search-word input:hover,
	p#search-word input:focus{
		cursor: pointer;
		border: 1px solid #e20074;

	}
	p#search-word input:focus{
		color: #e20074;
	}
	#header-navigation-search.open input{
		width: 10em;
		border-radius: 4em;
		padding-left: 2em;
		cursor: text !important;
	}
}


/* Desktop */
@media only screen and (min-width: 961px) {
	#header{
		margin: 0;
		width: 100%;
		background: #FFF;
	}
	#header-menu-wrap{
		position: fixed;
		width: 100%;
		height: 85px;
		/*height: 136px;*/
		z-index: 50;
	}
	.touch #header-menu-wrap{
		position: absolute;
	}
	.cssgradients #header-menu-wrap{
		/*background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0.6) 68%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 90%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0.6) 68%, rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0.6) 68%, rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0.6) 68%, rgba(255,255,255,0) 100%);*/
		/*background-image: url(../img/gradient-white-136x1px.png);*/
		background-repeat: repeat-x;
		background-position: 0 -18px;
		background: rgba(255,255,255,1);

		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );*/
	}
	.no-cssgradients #header-menu-wrap{
		background: #FFF;
	}
	#header-menu{
		margin: 0 auto;
		padding: 1.5em 0 0 0;
		position: relative;
		overflow: hidden;
		width: 90%;
		max-width: 1400px;
		/*right: 5%;
		left: 5%;*/
		z-index: 51;
	}
	.touch #header-menu{
		position: absolute;
	}
	#header-navigation{
		overflow: visible;
		position: relative;
		height: 70px;
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	#header-navigation-main{
		position: absolute;
		padding: 0;
		margin: 0;
		display: inline-block;
		left: 0;
		right: 6.8em;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	#header-navigation-meta{
		position: absolute;
		right: 0;
		top: 0;
	}
	#header-navigation-search,
	#header-navigation-toggle{
		position: relative;
		margin: 0;
		display: block;
		float: left;
		width: 2.4em;
		width: 36px;
		top: 0;
		overflow: visible;
		white-space: nowrap;
	}
	#header-navigation-search{
		margin-top: 1px;
	}
	#header-navigation-toggle{
		width: 2.2em;
	}
	div.inner{
		position: relative;
		margin-left: 1.2em;
		display: inline-block;
		white-space: nowrap;
	}
	div.inner ul{
		overflow: hidden;
	}
	.open .inner{
		opacity: 1;
	}
	#header-navigation-share{
		position: relative;
		margin: 0;
		display: block;
		float: left;
		width: 2.4em;
		width: 37px;
		margin-left: 1em;
		top: 0;
		overflow: visible;
		white-space: nowrap;
	}
	#header-navigation-share ul{
		margin-left: 1em;
	}
	#header-pagetitle{
		display: none;
	}
	/* Header Content */
	#header-content{
		padding: 4.3em 0 0 0;
		width: 90%;
		margin: 0 auto;
		height: 12.8em;
		max-width: 1400px;
		position: relative;
	}
	#header-logo{
		width: 109px;
		height: 80px;
		display: inline-block;
	}
	#header-logo a{
		margin-left: 1.7em;
		width: 109px;
		height: 80px;
		display: inline-block;
		color: transparent;
		background-image: url(../img/bd_logo-2x.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
	}
	/*.svg #header-logo a{
		background-image: url(../img/bd_logo.svg);
	}*/
	#header-link-member{
		position: absolute;
		left: 14em;
		top: 7em;
		z-index: 10;
	}
	#header-link-wimi{
		position: absolute;
		right: 0;
		width: 110px;
		height: 60px;
		top: 6.3em;
		display: block;
		color: transparent;
		z-index: 1;
	}
	#header-link-wimi:hover{
		width: 565px;
	}

	/* List Styles */
	#header-navigation-main ul,
	#header-navigation-share ul{
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #000;
		transition: border 0.5s ease 0s;
 -webkit-transition: border 0.5s ease 0s;
    -moz-transition: border 0.5s ease 0s;
      -o-transition: border 0.5s ease 0s;
      -ms-transition: border 0.5s ease 0s;
	}
	.no-touch .scroll #header-navigation-main ul,
	.no-touch .scroll #header-navigation-share ul{
		border-bottom: 1px solid #FFF;
	}
	#header-navigation-main ul{
		position: relative;
		text-align: center;
		width: 100%;
		bottom: 0px;
	}
	#header-navigation-main ul li,
	#header-navigation-share ul li{
		display: inline;
		opacity: 1;
	}
	#header-navigation-main ul li a,
	#header-navigation-share ul li a {
		display: inline-block;
		color: #000;
		padding: 0.6em 0.7em 0.4em 0.7em;
		text-decoration: none;
	}

	#header-navigation-share ul li:nth-child(7),
	#header-navigation-share ul li:nth-child(8),
	#header-navigation-share ul li:nth-child(9) {
		display: none;
	}

	li#languages{
		position: absolute;
		right: 0.8em;
	}
	#header li#languages a{
		padding: 0.6em 0.2em 0 0.2em;
	}
	#header-navigation-main.closed ul{
		-webkit-transform: translateY(-2.2em);
		-moz-transform: translateY(-2.2em);
		transform: translateY(-2.2em);
	}
	#header-navigation-main.closed ul li{
		opacity: 0;
	}
	/* Form Styles */
	p#search-word{
		display: inline;
		width: 18px;
		height: 18px;
		margin: 0;
		padding: 0;
	}
	p#search-word input{
		background: transparent;
		border: 1px solid #000;
		border-radius: 2.4em;
		padding: 0;
		margin: 0;
		width: 36px;
		height: 36px;
		position: relative;
	}
	p#search-word input:hover,
	p#search-word input:focus{
		cursor: pointer;
		border: 1px solid #e20074;
	}
	#header-navigation-search.open input{
		width: 10em;
		width: 10.2em;
		border-radius: 4em;
		padding-left: 2em;
		cursor: text !important;
	}
}

@media only screen and (max-width: 1055px) {
	#header-navigation-main ul li a,
	#header-navigation-main ul {
		transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
 		-webkit-transition: all 0.5s cubic-bezier(0.33, 0.43, 0.19, 0.95);
    	-moz-transition: all 0.3s cubic-bezier(0.33, 0.43, 0.19, 0.95);
    	-o-transition: all 0.3s cubic-bezier(0.33, 0.43, 0.19, 0.95)
	}
}

@media only screen and (max-width: 40em) {

	html.phone a#page-title{
		visibility: visible;
		display: block;
		font-size: 1.5em;
		font-weight: 300;
		color: #7f7f7f;
		padding: 0.6em 0 0.4em 0;
		margin: 0;
	}

}