html,
body {
	margin: 0;
	font: 100 36px/36px MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-size: 1em;
}
p,ul,ol {
	margin: 0;
}
img {
	display: block;
}

/* = Layout
===================================*/
.page {
	width: 100%;
	overflow: hidden;
}

/* Layout -> Centerize vertically */

.v-center {
	display: table;
	position: absolute;
	height:100%;
}
.v-center-inner {
	display: table-cell;
	vertical-align: middle;
}
.v-center-inner-2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* = Sections -> Common
===================================*/

.section,
.subsection {
	position: relative;
}
.scrollorama-enabled .subsection-section-4-subsection,
.scrollorama-enabled .subsection-section-6-subsection,
.scrollorama-enabled .subsection-section-8-subsection,
.scrollorama-enabled .subsection-section-10-subsection {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.section-pin {
	position: relative;
	width: 100%;
}
.s-title {
	position: absolute;
	top: 4%;
	width: 100%;
	height: 12.85%;
	color: #fff;
	z-index: 3;
}
.s-title-inner {
	position: relative;
	height: 100%;
	background: url(../images/besm_s-6-title-bg.png) no-repeat 0 50%;
	background-size: auto 100%;
}
@media(min-width: 1400px) {
	.s-title-inner {
		background-image: url(../images/bela_s-6-title-bg.png);
	}
}
#section-8 .s-title-inner {
	background-image: url(../images/besm_s-title-bg-2.png);
}
@media(min-width: 1400px) {
	#section-8 .s-title-inner {
		background-image: url(../images/bela_s-title-bg-2.png);
	}
}
#section-10 .s-title-inner {
	background-image: url(../images/besm_s-title-bg-3.png);
}
@media(min-width: 1400px) {
	#section-10 .s-title-inner {
		background-image: url(../images/bela_s-title-bg-3.png);
	}
}
.s-title-inner-ui {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24%;
	background: url(../images/besm_s-6-title-bg-2.png) no-repeat 0 50%;
	background-size: auto 100%;
	z-index: 3;
}
@media(min-width: 1400px) {
	.s-title-inner-ui {
		background-image: url(../images/bela_s-6-title-bg-2.png);
	}
}
.s-corner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 26.67%;
	background: url(../images/besm_s-6-corner-bg.png) no-repeat 0 50%;
	background-size: auto 100%;
	z-index: 1;
}
@media(min-width: 1400px) {
	.s-corner {
		background-image: url(../images/bela_s-6-corner-bg.png);
	}
}
.s-title h2 {
	padding-left: 440px;
	font-size: 55px;
}
@media (max-height: 1200px) {
	.s-title h2 {
		padding-left: 340px;
		font-size: 45px;
	}	
}
@media (max-height: 1000px) {
	.s-title h2 {
		padding-left: 300px;
		font-size: 40px;
	}	
}
@media (max-height: 850px) {
	.s-title h2 {
		padding-left: 270px;
		font-size: 30px;
	}	
}
@media (max-height: 700px) {
	.s-title h2 {
		padding-left: 200px;
		font-size: 30px;
	}	
}
.txt {
	position: absolute;
	white-space: nowrap;
	overflow: hidden
}
.txt-inner {
	position: relative;
}
.txt-default {
	position: relative;
}
.centerize {
	display: table;
	position: absolute;
	width: 100%;
	height:100%;
}
.centerize-inner {
	display: table-cell;
	vertical-align: middle;
}
.centerize-inner-2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.tweet {
	position: absolute;
	top: 18%;
	left: 53%;
	z-index: 10;
}
.btn-tweet {
	display: block;
	width: 200px;
	height: 38px;
	font: 0/0 a;
	background: url(../images/besm_tweet.png) no-repeat 0;
	background-size: 100%;
}
@media(min-width: 1700px) {
	.tweet {
		left: 41%;
	}
	.btn-tweet {
		width: 412px;
		height: 78px;
		background: url(../images/bela_tweet.png) no-repeat 0;
	}
}

/* heading section */

.h-poly {
	position: absolute;
	top: 50%;
	left: 50%;
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	font-size: 7.1vh;
	line-height: 7.1vh;
	text-align: center;
}
.h-poly.active {
	z-index: 1;
}
.h-poly:after {
	content: "";
	position: absolute;
	top: -15%;
	left: -10%;
	width: 30%;
	height: 100%;
	background-position: 0 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url(../images/besm_masthead-polygon-1-nr.png);
}
.h-poly-1 {
	top: 13%;
	left: 15%;
	padding: 2.2em 1.4em;
	background-image: url(../images/besm_masthead-polygon-1.png);
}
.h-poly-2 {
	top: 13%;
	left: 55%;
	font-size: 40px;
	line-height: 40px;
	font-size: 5.7vh;
	line-height: 5.7vh;
	padding: 2.4em 1.5em;
	background-image: url(../images/besm_masthead-polygon-2.png);
}
.h-poly-2:after {
	top: -10%;
	left: auto;
	right: -3%;
	width: 25%;
	background-image: url(../images/besm_masthead-polygon-2-nr.png);
}
.h-poly-3 {
	top: auto;
	bottom: 5%;
	left: 35%;
	font-size: 37px;
	line-height: 37px;
	font-size: 5.2vh;
	line-height: 5.2vh;
	padding: 3.2em 1.65em;
	background-image: url(../images/besm_masthead-polygon-3.png);
}
.h-poly-3:after {
	top: 50%;
	left: -14%;
	width: 17%;
	background-image: url(../images/besm_masthead-polygon-3-nr.png);
}
@media(min-width: 1700px) {
	.h-poly {
		font-size: 85px;
		line-height: 85px;
		font-size: 7.1vh;
		line-height: 7.1vh;
	}
	.h-poly-2 {
		font-size: 68px;
		line-height: 68px;
		font-size: 5.7vh;
		line-height: 5.7vh;
	}
	.h-poly-3 {
		font-size: 62px;
		line-height: 62px;
		font-size: 5.2vh;
		line-height: 5.2vh;
	}
}

/* heading section */

.heading-polygon,
.heading-polygon-nr {
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: 700;
}
.heading-polygon-1 {
	top: 40%;
	left: 63%;
	width: 300px;
	height: 260px;
	margin-top: -130px;
	margin-left: -150px;
	background-image: url(../images/besm_masthead-polygon-1.png);
	z-index: 3;
	font-size: 36px;
	line-height: 36px;
}
@media(min-width: 1400px) {
	.heading-polygon-1 {
		background-image: url(../images/bela_masthead-polygon-1.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-1 {
		top: 40%;
		left: 63%;
		width: 595px;
		height: 515px;
		margin-top: -257px;
		margin-left: -296px;
		font-size: 72px;
		line-height: 72px;
	}
}
.heading-polygon-2 {
	top: 40%;
	left: 30%;
	width: 320px;
	height: 275px;
	margin-top: -137px;
	margin-left: -160px;
	background-image: url(../images/besm_masthead-polygon-2.png);
	z-index: 2;
	font-size: 36px;
	line-height: 36px;
}
@media(min-width: 1400px) {
	.heading-polygon-2 {
		background-image: url(../images/bela_masthead-polygon-2.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-2 {
		top: 40%;
		left: 29%;
		width: 642px;
		height: 556px;
		margin-top: -321px;
		margin-left: -278px;
		font-size: 72px;
		line-height: 72px;
	}
}
.heading-polygon-3 {
	top: 76%;
	left: 46%;
	width: 290px;
	height: 250px;
	margin-top: -125px;
	margin-left: -145px;
	background-image: url(../images/besm_masthead-polygon-3.png);
	z-index: 1;
	font-size: 30px;
	line-height: 30px;
}
@media(min-width: 1400px) {
	.heading-polygon-3 {
		background-image: url(../images/bela_masthead-polygon-3.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-3 {
		top: 76%;
		left: 46%;
		width: 575px;
		height: 497px;
		margin-top: -288px;
		margin-left: -249px;
		font-size: 60px;
		line-height: 60px;
	}
}
.heading-polygon-nr-1 {
	top: 13%;
	left: 77%;
	width: 85px;
	height: 75px;
	margin-top: -32px;
	margin-left: -42px;
	background-image: url(../images/besm_masthead-polygon-1-nr.png);
}
@media(min-width: 1400px) {
	.heading-polygon-nr-1 {
		background-image: url(../images/bela_masthead-polygon-1-nr.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-nr-1 {
		top: 16%;
		left: 78%;
		width: 173px;
		height: 150px;
		margin-top: -75px;
		margin-left: -86px;
	}
}
.heading-polygon-nr-2 {
	top: 45%;
	left: 8%;
	width: 74px;
	height: 64px;
	margin-top: -32px;
	margin-left: -37px;
	background-image: url(../images/besm_masthead-polygon-2-nr.png);
}
@media(min-width: 1400px) {
	.heading-polygon-nr-2 {
		background-image: url(../images/bela_masthead-polygon-2-nr.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-nr-2 {
		top: 42%;
		left: 8%;
		width: 146px;
		height: 127px;
		margin-top: -64px;
		margin-left: -73px;
	}
}
.heading-polygon-nr-3 {
	top: 83%;
	left: 64%;
	width: 65px;
	height: 58px;
	margin-top: -29px;
	margin-left: -32px;
	background-image: url(../images/besm_masthead-polygon-3-nr.png);
}
@media(min-width: 1400px) {
	.heading-polygon-nr-3 {
		background-image: url(../images/bela_masthead-polygon-3-nr.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-nr-3 {
		top: 79%;
		left: 66%;
		width: 131px;
		height: 113px;
		margin-top: -57px;
		margin-left: -65px;
	}
}

/* + Large */

.heading-polygon-1.large {
	top: 40%;
	left: 63%;
	width: 380px;
	height: 330px;
	margin-top: -165px;
	margin-left: -190px;
	background-image: url(../images/besm_masthead-polygon-1-large.png);
	font-size: 50px;
	line-height: 50px;
	z-index: 4;
}
@media(min-width: 1400px) {
	.heading-polygon-1.large {
		background-image: url(../images/bela_masthead-polygon-1-large.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-1.large {
		top: 40%;
		left: 63%;
		width: 762px;
		height: 660px;
		margin-top: -381px;
		margin-left: -330px;
		font-size: 100px;
		line-height: 100px;
	}
}
.heading-polygon-2.large {
	top: 40%;
	left: 29%;
	width: 360px;
	height: 310px;
	margin-top: -155px;
	margin-left: -180px;
	background-image: url(../images/besm_masthead-polygon-2-large.png);
	font-size: 36px;
	line-height: 36px;
	z-index: 4;
}
@media(min-width: 1400px) {
	.heading-polygon-2.large {
		background-image: url(../images/bela_masthead-polygon-2-large.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-2.large {
		top: 40%;
		left: 29%;
		width: 717px;
		height: 620px;
		margin-top: -310px;
		margin-left: -359px;
		font-size: 72px;
		line-height: 72px;
		z-index: 4;
	}
}
.heading-polygon-3.large {
	top: 77%;
	left: 46%;
	width: 370px;
	height: 320px;
	margin-top: -160px;
	margin-left: -185px;
	background-image: url(../images/besm_masthead-polygon-3-large.png);
	font-size: 40px;
	line-height: 40px;
	z-index: 4;
}
@media(min-width: 1400px) {
	.heading-polygon-3.large {
		background-image: url(../images/bela_masthead-polygon-3-large.png);
	}
}
@media(min-width: 1700px) {
	.heading-polygon-3.large {
		top: 77%;
		left: 46%;
		width: 737px;
		height: 637px;
		margin-top: -328px;
		margin-left: -369px;
		font-size: 80px;
		line-height: 80px;
		z-index: 4;
	}
}
.heading-polygon-nr-1.large {
	top: 7%;
	left: 79%;
}
@media(min-width: 1700px) {
	.heading-polygon-nr-1.large {
		top: 7%;
		left: 83%;
	}
}
.heading-polygon-nr-2.large {
	top: 43%;
	left: 5%;
}
@media(min-width: 1700px) {
	.heading-polygon-nr-2.large {
		top: 43%;
		left: 5%;
	}
}
.heading-polygon-nr-3.large {
	top: 81%;
	left: 68%;
}
@media(min-width: 1700px) {
	.heading-polygon-nr-3.large {
		top: 81%;
		left: 68%;
	}
}


/* Video */

#video1 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video1 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.video1:first-child {
	display: block;
}

/* Video BG */

.bg-video {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}
.bg-video video {
    min-width: 100%;
    min-height: 100%;
}

/* = Sections -> Section 1
===================================*/

.section-1 {
	background: url(../images/besm_bg-honeycone-1.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 100%;
	color: #8b0366;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
}
@media(min-width: 1400px) {
	.section-1 {
		background-image: url(../images/bela_bg-honeycone-1.jpg);
	}
}
.section-1-inner {
	width: 100%;
	height: 100%;
}
.s-1-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: url(../images/besm_s-1-bg-1.png) no-repeat;
	background-size: 33% auto;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.page-ready .s-1-bg {
	opacity: 1;
}
.page-ready .s-1-bg-1 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
.page-ready .s-1-bg-2 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.page-ready .s-1-bg-3 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.page-ready .s-1-bg-4 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.page-ready .s-1-bg-5 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.page-ready .s-1-bg-6 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.page-ready .s-1-bg-7 {
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}
.page-ready .s-1-bg-8 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.page-ready .s-1-bg-9 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}
.page-ready .s-1-bg-10 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.page-ready .s-1-bg-11 {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
@media(min-width: 1400px) {
	.s-1-bg {
		background-image: url(../images/bela_s-1-bg-1.png);
	}
}
.s-1-bg-2 {
	background-image: url(../images/besm_s-1-bg-2.png);
}
@media(min-width: 1400px) {
	.s-1-bg-2 {
		background-image: url(../images/bela_s-1-bg-2.png);
	}
}
.s-1-bg-3 {
	background-image: url(../images/besm_s-1-bg-3.png);
}
@media(min-width: 1400px) {
	.s-1-bg-3 {
		background-image: url(../images/bela_s-1-bg-3.png);
	}
}
.s-1-bg-4 {
	background-image: url(../images/besm_s-1-bg-4.png);
}
@media(min-width: 1400px) {
	.s-1-bg-4 {
		background-image: url(../images/bela_s-1-bg-4.png);
	}
}
.s-1-bg-5 {
	background-image: url(../images/besm_s-1-bg-5.png);
}
@media(min-width: 1400px) {
	.s-1-bg-5 {
		background-image: url(../images/bela_s-1-bg-5.png);
	}
}
.s-1-bg-6 {
	background-image: url(../images/besm_s-1-bg-6.png);
}
@media(min-width: 1400px) {
	.s-1-bg-6 {
		background-image: url(../images/bela_s-1-bg-6.png);
	}
}
.s-1-bg-7 {
	background-image: url(../images/besm_s-1-bg-7.png);
}
@media(min-width: 1400px) {
	.s-1-bg-7 {
		background-image: url(../images/bela_s-1-bg-7.png);
	}
}
.s-1-bg-8 {
	background-image: url(../images/besm_s-1-bg-8.png);
}
@media(min-width: 1400px) {
	.s-1-bg-8 {
		background-image: url(../images/bela_s-1-bg-8.png);
	}
}
.s-1-bg-9 {
	background-image: url(../images/besm_s-1-bg-9.png);
}
@media(min-width: 1400px) {
	.s-1-bg-9 {
		background-image: url(../images/bela_s-1-bg-9.png);
	}
}
.s-1-bg-10 {
	background-image: url(../images/besm_s-1-bg-10.png);
}
@media(min-width: 1400px) {
	.s-1-bg-10 {
		background-image: url(../images/bela_s-1-bg-10.png);
	}
}
.s-1-bg-11 {
	background-image: url(../images/besm_s-1-bg-11.png);
}
@media(min-width: 1400px) {
	.s-1-bg-11 {
		background-image: url(../images/bela_s-1-bg-11.png);
	}
}
@media(min-width: 1700px) {
	.section-1 {
		font-size: 45px;
		line-height: 45px;
	}
}
.section-1 img {
	display: block;
	width: 40%;
	margin: auto;
}
.section-1 h1 {
	margin-top: 40px;
	font-size: 40px;
	line-height: 40px;
	font-size: 4.2vw;
	line-height: 4.2vw;
}
.section-1 p {
	font-style: italic;
}
@media(min-width: 1700px) {
	.section-1 h1 {
		margin-top: 80px;
		font-size: 80px;
		line-height: 80px;
		font-size: 4.2vw;
		line-height: 4.2vw;
	}
}
.section-1 .header {
	display: table;
	position: absolute;
	width: 100%;
	height:100%;
}
.section-1 .header-inner {
	display: table-cell;
	vertical-align: middle;
}
.section-1 .header-inner-2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#scroll-down {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	height: 73px;
	opacity: 0;
	background: url(../images/besm_ico-scroll-down.png) no-repeat 50% 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
@media(min-width: 1400px) {
	#scroll-down {
		height: 129px;
		background: url(../images/bela_ico-scroll-down.png) no-repeat 50% 0;
	}
}
.section-preloaded #scroll-down {
	bottom: 20px;
	opacity: 1;
}
.nav-small #scroll-down {
	opacity: 0;
}

/* = Sections -> Section 2
===================================*/

.section-2 {
	font-size: 30px;
	line-height: 35px;
	font-size: 3.1vw;
	line-height: 3.7vw;
	color: #8b0366;
}
@media(min-width: 1700px) {
	.section-2 {
		font-size: 60px;
		line-height: 70px;
		font-size: 3.1vw;
		line-height: 3.7vw;
	}
}

/* Section 2 > Subsection 1 */

.subsection-section-2-subsection-1 .txt-1 {
	top: 22%;
	left: 63%;
	text-align: right;

}
.section-2-pin-1 {
	background: url(../images/besm_bg-honeycone-21.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
@media(min-width: 1400px) {
	.section-2-pin-1 {
		background-image: url(../images/bela_bg-honeycone-21.jpg);
	}
}

/* Section 2 > Subsection 1 > Parallax */

.s-2-px {
	position: absolute;
	top: 0;
}
.s-2-px div {
	position: relative;
	height: 100%;
}
.s-2-px img {
	height: 100%;
}
.s-2-px-1 {
	top: 41%;
	width: 100%;
	height: 38.5%;
	text-align: right;
}
.s-2-px-1 img {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.s-2-px-2 {
	top: 48%;
	left: 24%;
	height: 30.86%;
}
.s-2-px-3 {
	top: 66%;
	left: 55%;
	height: 15.24%;
}
.s-2-px-4 {
	top: 27%;
	left: 36%;
	height: 14.27%;
}
.s-2-px-5 {
	top: 10%;
	left: 50%;
	height: 9.25%;
}
.s-2-px-6 {
	top: 46%;
	left: 70%;
	height: 7.85%;
}

/* Section 2 > Subsection 1 > Img */

.s-2-img-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/besm_s-2-sub-1-bee-7.png) no-repeat 50% 0;
	background-size: 100% auto;
}
@media(min-width: 1400px) {
	.s-2-img-1 {
		background-image: url(../images/bela_s-2-sub-1-bee-7.png);
	}
}
.s-2-tweet {
	top: 12%;
	left: 72%;
}
@media(min-width: 1700px) {
	.s-2-tweet {
		top: 11%;
	}
}

/* Section 2 > Subsection 2 */

.subsection-section-2-subsection-2 {
	background: url(../images/besm_s-2-sub-2-bg.jpg);
	background-size: 100% 100%;
	background-position: 50% 0;
	z-index: 1;
}
@media(min-width: 1400px) {
	.subsection-section-2-subsection-2 {
		background-image: url(../images/bela_s-2-sub-2-bg.jpg);
	}
}
.subsection-section-2-subsection-2 .txt-1 {
	top: 29%;
	left: 16%;
}
.subsection-section-2-subsection-2 .txt-2 {
	top: 70%;
	left: 25%;
}

/* Section 2 > Subsection 3 */

.section-2-pin-3 {
	background: url(../images/besm_bg-honeycone-23.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
@media(min-width: 1400px) {
	.section-2-pin-3 {
		background-image: url(../images/bela_bg-honeycone-23.jpg);
	}
}
.subsection-section-2-subsection-3 {
	background: url(../images/besm_s-2-sub-3-bg.jpg);
	background-size: 100% 100%;
	background-position: 50% 0;
}
@media(min-width: 1400px) {
	.subsection-section-2-subsection-3 {
		background-image: url(../images/bela_s-2-sub-3-bg.jpg);
	}
}
.s-2-sub-3-bg-origin {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/besm_s-2-sub-3-bg-before.png);
	background-size: 100% 100%;
	background-position: 50% 0;
}
.s-2-sub-3-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/besm_s-2-sub-3-bg-2.png);
	background-size: 100% 100%;
	background-position: 50% 0;
}
.s-2-sub-3-bg-3 {
	background-image:  url(../images/besm_s-2-sub-3-bg-3.png);
}
.s-2-sub-3-bg-4 {
	background-image:  url(../images/besm_s-2-sub-3-bg-4.png);
}
@media(min-width: 1400px) {
	.s-2-sub-3-bg-origin {
		background-image: url(../images/bela_s-2-sub-3-bg-before.png);
	}
}
.subsection-section-2-subsection-3 .txt-1 {
	top: 77%;
	left: 94%;
	width: 0;
	height: 0;
	font-size: 25px;
	line-height: 30px;
	font-size: 2.6vw;
	line-height: 3.15vw;
	text-align: right;
	overflow: visible;
}
@media(min-width: 1700px) {
	.subsection-section-2-subsection-3 .txt-1 {
		font-size: 50px;
		line-height: 60px;
		font-size: 2.6vw;
		line-height: 3.15vw;
	}
}
.subsection-section-2-subsection-3 .txt-1 .txt-inner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 500px;
	overflow: hidden;
}
.subsection-section-2-subsection-3 .txt-1 .txt-inner p {
	position: relative;
}
@media(min-width: 1700px) {
	.subsection-section-2-subsection-3 .txt-1 .txt-inner {
		width: 900px;
	}
}

/* = Sections -> Section 3
===================================*/

.section-3 {
	color: #fff;
	text-align: center;
}
.subsection-section-3-subsection {
	background: url(../images/besm_s-3-bg.jpg) no-repeat;
	background-size: cover;
}
.section-3 .centerize {
	z-index: 2;
}
@media(min-width: 1400px) {
	.subsection-section-3-subsection {
		background-image: url(../images/bela_s-3-bg.jpg);
	}
}
.section-3 h2 {
	font-size: 45px;
	line-height: 45px;
	font-size: 4.7vw;
	line-height: 4.7vw;
	text-shadow: 0 0 5px rgba(0,0,0,.8);
}
@media(min-width: 1700px) {
	.section-3 h2 {
		font-size: 90px;
		line-height: 90px;
		font-size: 4.7vw;
		line-height: 4.7vw;
		text-shadow: 0 0 10px rgba(0,0,0,.8);
	}
}

/* = Sections -> Section 4
===================================*/

.section-4 {
	font-size: 26px;
	line-height: 30px;
	font-size: 2.7vw;
	line-height: 3.1vw;
}
@media(min-width: 1700px) {
	.section-4 {
		font-size: 52px;
		line-height: 60px;
		font-size: 2.7vw;
		line-height: 3.1vw;
	}
}

/* Changed from parallax */

.subsection-section-4-subsection-1,
.subsection-section-4-subsection-2 {
	background: url(../images/besm_s-4-bg.jpg);
	background-size: cover;
}
@media(min-width: 1400px) {
	.subsection-section-4-subsection-1,
	.subsection-section-4-subsection-2 {
		background-image: url(../images/bela_s-4-bg.jpg);
	}
}
.scrollorama-enabled .subsection-section-4-subsection-2 {
	background: none;
}

/* Section 4 > Subsection 1 */

.subsection-section-4-subsection-1 .txt-1 {
	top: 20%;
	left: 7%;
	padding: 1.5em 1.2em;
	color: #fff;
	text-align: center;
	background: url(../images/besm_polygon.png) no-repeat;
	background-size: auto 100%;
	background-position: 50% 50%;
}
@media(min-width: 1400px) {
	.subsection-section-4-subsection-1 .txt-1 {
		background-image: url(../images/bela_polygon.png);
	}
}
/*@media(min-width: 1700px) {
	.subsection-section-4-subsection-1 .txt-1 {
		top: 40%;
	}
}*/

/* Section 4 > Subsection 2 */

.subsection-section-4-subsection-2 .txt-1 {
	top: 36%;
	left: 62%;
	padding: 1.8em 1.6em;
	color: #8b0366;
	text-align: center;
	background: url(../images/besm_polygon-2.png) no-repeat;
	background-size: auto 100%;
	background-position: 50% 50%;
}
@media(min-width: 1400px) {
	.subsection-section-4-subsection-2 .txt-1 {
		background-image: url(../images/bela_polygon-2.png);
	}
}

/* = Sections -> Section 5
===================================*/
.section-5 {
	background: url(../images/besm_bg-honeycone-1.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
@media(min-width: 1400px) {
	.section-5 {
		background-image: url(../images/bela_bg-honeycone-1.jpg);
	}
}

/* = Sections -> Section 6
===================================*/
.subsection-section-6-subsection {
	background: url(../images/besm_s-6-sub-1-bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: 0 50%;
}
@media(min-width: 1400px) {
	.subsection-section-6-subsection {
		background-image: url(../images/bela_s-6-sub-1-bg.jpg);
	}
}
.subsection-section-6-subsection-2 {
	background-image: url(../images/besm_s-6-sub-2-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-6-subsection-2 {
		background-image: url(../images/bela_s-6-sub-2-bg.jpg);
	}
}
.subsection-section-6-subsection-3 {
	background-image: url(../images/besm_s-6-sub-3-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-6-subsection-3 {
		background-image: url(../images/bela_s-6-sub-3-bg.jpg);
	}
}
.subsection-section-6-subsection-4 {
	background-image: url(../images/besm_s-6-sub-4-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-6-subsection-4 {
		background-image: url(../images/bela_s-6-sub-4-bg.jpg);
	}
}
.subsection-section-6-subsection .txt {
	font-size: 21px;
	line-height: 27px;
	font-size: 1.9vw;
	line-height: 2.2vw;
	color: #602400;
}
@media(min-width: 1300px) {
	.subsection-section-6-subsection .txt {
		top: 43%;
		left: 59%;
	}	
}
@media(min-width: 1700px) {
	.subsection-section-6-subsection .txt {
		font-size: 36px;
		line-height: 42px;
		font-size: 1.9vw;
		line-height: 2.2vw;
	}	
}
.subsection-section-6-subsection-1 .txt-1 {
	top: 43%;
	left: 59%;
}
.subsection-section-6-subsection-2 .txt-1 {
	top: 63%;
	left: 64%;
}
.subsection-section-6-subsection-3 .txt-1 {
	top: 40%;
	left: 60%;
}
.subsection-section-6-subsection-4 .txt-1 {
	top: 51%;
	left: 58%;
}
.subsection-section-6-subsection .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -9.3%;
	margin-top: 12.5%;
	font-size: 12px;
	line-height: 12px;
	color: #602400;
}
.subsection-section-6-subsection .copy a {
	color: #602400;	
}
.subsection-section-6-subsection-4 .copy {
	margin-top: -7.5%;
	margin-left: 6.7%;
}
/* = Sections -> Section 7
===================================*/
.section-7 {
	background: url(../images/besm_bg-honeycone-1.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
@media(min-width: 1400px) {
	.section-7 {
		background-image: url(../images/bela_bg-honeycone-1.jpg);
	}
}

/* = Sections -> Section 8
===================================*/
.subsection-section-8-subsection {
	background: url(../images/besm_s-8-sub-1-bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: 0 50%;
}
@media(min-width: 1400px) {
	.subsection-section-8-subsection {
		background-image: url(../images/bela_s-8-sub-1-bg.jpg);
	}
}
.subsection-section-8-subsection-2 {
	background-image: url(../images/besm_s-8-sub-2-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-8-subsection-2 {
		background-image: url(../images/bela_s-8-sub-2-bg.jpg);
	}
}
.subsection-section-8-subsection-3 {
	background-image: url(../images/besm_s-8-sub-3-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-8-subsection-3 {
		background-image: url(../images/bela_s-8-sub-3-bg.jpg);
	}
}
.subsection-section-8-subsection .txt {
	font-size: 21px;
	line-height: 27px;
	font-size: 1.9vw;
	line-height: 2.2vw;
	color: #602400;
}
@media(min-width: 1300px) {
	.subsection-section-8-subsection .txt {
		top: 43%;
		left: 59%;
	}	
}
@media(min-width: 1700px) {
	.subsection-section-8-subsection .txt {
		font-size: 36px;
		line-height: 42px;
		font-size: 1.9vw;
		line-height: 2.2vw;
	}	
}
.subsection-section-8-subsection-1 .txt-1 {
	top: 64%;
	left: 65%;
}
.subsection-section-8-subsection-2 .txt-1 {
	top: 57%;
	left: 71%;
}
.subsection-section-8-subsection-3 .txt-1 {
	top: 59%;
	left: 67%;
}

/* = Sections -> Section 9
===================================*/
.section-9 {
	background: url(../images/besm_bg-honeycone-1.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
@media(min-width: 1400px) {
	.section-9 {
		background-image: url(../images/bela_bg-honeycone-1.jpg);
	}
}

/* = Sections -> Section 10
===================================*/
.subsection-section-10-subsection {
	background: url(../images/besm_s-10-sub-1-bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: 0 50%;
}
@media(min-width: 1400px) {
	.subsection-section-10-subsection {
		background-image: url(../images/bela_s-10-sub-1-bg.jpg);
	}
}
.subsection-section-10-subsection-2 {
	background-image: url(../images/besm_s-10-sub-2-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-10-subsection-2 {
		background-image: url(../images/bela_s-10-sub-2-bg.jpg);
	}
}
.subsection-section-10-subsection-3 {
	background-image: url(../images/besm_s-10-sub-3-bg.jpg);
}
@media(min-width: 1400px) {
	.subsection-section-10-subsection-3 {
		background-image: url(../images/bela_s-10-sub-3-bg.jpg);
	}
}
.subsection-section-10-subsection .txt {
	font-size: 21px;
	line-height: 27px;
	font-size: 1.9vw;
	line-height: 2.2vw;
	color: #602400;
}
@media(min-width: 1300px) {
	.subsection-section-10-subsection .txt {
		top: 43%;
		left: 59%;
	}	
}
@media(min-width: 1700px) {
	.subsection-section-10-subsection .txt {
		font-size: 36px;
		line-height: 42px;
		font-size: 1.9vw;
		line-height: 2.2vw;
	}	
}
.subsection-section-10-subsection-1 .txt-1 {
	top: 38%;
	left: 63%;
}
.subsection-section-10-subsection-2 .txt-1 {
	top: 52%;
	left: 66%;
}
.subsection-section-10-subsection-3 .txt-1 {
	top: 50%;
	left: 65%;
}

/* = Sections -> Section 11
===================================*/
.section-11 {
	background: url(../images/besm_s-11-bg.jpg) no-repeat 100% 100%;
	background-size: auto 100%;
}
.section-11-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bela_s-11-bg-2.png) no-repeat 100% 100%;
	background-size: auto 100%;	
}
.section-11-layer-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bela_s-11-bg-3.png) no-repeat 100% 100%;
	background-size: auto 100%;	
}
@media(min-width: 1400px) {
	.section-11 {
		background-image: url(../images/bela_s-11-bg.jpg);
	}
}

/* = Sections -> Section 12
===================================*/
.section-12 {
	display: none;
	background: url(../images/besm_s-12-bg.jpg);
	background-size: cover;
}
@media(min-width: 1400px) {
	.section-12 {
		background-image: url(../images/bela_s-12-bg.jpg);
	}
}

/* = Sections -> Section 13
===================================*/
.section-13 {
	background: url(../images/besm_s-13-bg.jpg);
	background-size: cover;
}
@media(min-width: 1400px) {
	.section-13 {
		background-image: url(../images/bela_s-13-bg.jpg);
	}
}
.section-13 .txt-1 {
	top: 50%;
	left: 7%;
	margin-top: -175px;
	padding: 3.5em 2.5em;
	color: #fff;
	font-size: 22px;
	line-height: 33px;
	font-size: 2.35vw;
	line-height: 2.8vw;
	text-align: center;
	background: url(../images/besm_polygon.png) no-repeat;
	background-size: auto 100%;
	background-position: 50% 50%;
}
@media(min-width: 1400px) {
	.section-13 .txt-1 {
		background-image: url(../images/bela_polygon.png);
	}
}
@media(min-width: 1700px) {
	.section-13 .txt-1 {
		margin-top: -320px;
		padding: 3.5em 1.5em;
		font-size: 45px;
		line-height: 55px;
		font-size: 2.35vw;
		line-height: 2.8vw;
	}
}

/* = Sections -> Section 14
===================================*/
.section-14 {
	background: url(../images/bela_s-12-bg.jpg);
	background-size: cover;
}
@media(min-width: 1400px) {
	.section-14 {
		background-image: url(../images/bela_s-12-bg.jpg);
	}
}
.section-14 .txt-1 {
	top: 50%;
	left: 75%;
	margin-top: -160px;
	margin-left: -195px;
	padding: 3.5em 1.5em;
	color: #8b0366;
	font-size: 35px;
	line-height: 40px;
	font-size: 3.6vw;
	line-height: 3.7vw;
	text-align: center;
	background: url(../images/besm_polygon-2.png) no-repeat;
	background-size: auto 100%;
	background-position: 50% 50%;
}
@media(min-width: 1400px) {
	.section-14 .txt-1 {
		background-image: url(../images/bela_polygon-2.png);
	}
}
@media(min-width: 1700px) {
	.section-14 .txt-1 {
		margin-top: -385px;
		margin-left: -325px;
		padding: 3.5em 1.5em;
		font-size: 70px;
		line-height: 80px;
		font-size: 3.6vw;
		line-height: 3.7vw;
	}
}

/* = Sections -> Section 15
===================================*/
.section-15 {
	background: url(../images/besm_s-15-bg.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
@media(min-width: 1400px) {
	.section-15 {
		background-image: url(../images/bela_s-15-bg.jpg);
	}
}
.section-15-bg-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/besm_s-15-bg-2.png) no-repeat 100% 100%;
	background-size: 100% auto;
}
@media(min-width: 1400px) {
	.section-15-bg-2 {
		background-image: url(../images/bela_s-15-bg-2.png);
	}
}
.section-15 .txt-1 {
	left: 9%;
	top: 50%;
	margin-top: -240px;
	color: #8b0366;
	font-size: 23px;
	line-height: 30px;
}
@media(min-width: 1700px) {
	.section-15 .txt-1 {
		margin-top: -430px;
		font-size: 46px;
		line-height: 56px;
	}
}

.s-15-newsletter {
	position: absolute;
	left: 20%;
	top: 57.5%;
	width: 320px;
	height: 45px;
	background: url(../images/besm_newsletter.png) no-repeat;
}
@media(min-width: 1700px) {
	.s-15-newsletter {
		width: 495px;
		height: 68px;
		background-image: url(../images/bela_newsletter.png);
	}
}
.s-15-efsa {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 33%;
	height: 26%;
}
#s-9-social {
	position: absolute;
	right: 0px;
	bottom: 50px;
	width: 30%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#s-9-social li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#s-9-social a {
	width: 50px;	
	height: 50px;
	background-image: url(../images/besm_ico-social.png);
	display: block;
	margin: 0 10px;
	border-radius: 10px;
	font: 0/0 a;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
@media (max-width: 1700px) {
	#s-9-social a {
	}
}

#s-9-social a:hover {
	background-color: rgba(0,143,182,.2);
}
.s-9-social-twitter a {
    background-position: -25px -163px !important;
}
.s-9-social-youtube a {
    background-position: -24px -305px !important;
}
.s-9-social-linkedin a {
    background-position: -25px -237px !important;
}
@media (min-width: 1700px) {
	#s-9-social a {
		width: 100px;
		height: 100px;
		background-image: url(../images/bela_ico-social.png);
	}
	.s-9-social-twitter a {
		background-position: -30px -295px !important;
	}
	.s-9-social-youtube a {
		background-position: -25px -580px !important;
	}
	.s-9-social-linkedin a {
		background-position: -30px -440px !important;
	}
}

/* = Navigation
===================================*/
#nav {
	position: fixed;
	top: 50%;
	right: 15px;
	width: 205px;
	margin-top: -70px;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 5px;
	background: rgba(255,255,255,.4);
	font-size: 14px;
	line-height: 16px;
	z-index: 100;
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#nav ul {
	background: transparent no-repeat 10px 10px;
}
#nav a {
	display: block;
	padding: 10px;
	color: #000;
	text-decoration: none;
}
#nav span {
	display: block;
	padding-left: 15px;
	background: url(../images/besm_nav-arrows.png) no-repeat 0 0;
}
#nav .title {
	padding-left: 10px;
}
#nav b {
	font-weight: 100;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#nav-1.active span,
#nav-1 a:hover span {
	background-position: 0 -16px;
}
#nav-2.active span,
#nav-2 a:hover span {
	background-position: 0 -32px;
}
#nav-3.active span,
#nav-3 a:hover span {
	background-position: 0 -48px;
}
#nav-4.active span,
#nav-4 a:hover span {
	background-position: 0 -64px;
}
#nav-5.active span,
#nav-5 a:hover span {
	background-position: 0 -80px;
}
@media(min-width: 1500px) {
	#nav {
		width: 285px;
		font-size: 20px;
		line-height: 26px;
	}
	#nav span {
		padding-left: 25px;
		background-image: url(../images/bela_nav-arrows.png);
	}
	#nav .title {
		padding-left: 10px;
	}
	#nav-1.active span,
	#nav-1 a:hover span {
		background-position: 0 -26px;
	}
	#nav-2.active span,
	#nav-2 a:hover span {
		background-position: 0 -52px;
	}
	#nav-3.active span,
	#nav-3 a:hover span {
		background-position: 0 -78px;
	}
	#nav-4.active span,
	#nav-4 a:hover span {
		background-position: 0 -104px;
	}
	#nav-5.active span,
	#nav-5 a:hover span {
		background-position: 0 -130px;
	}
}

/* = Navigation -> collapsed
===================================*/
.nav-small #nav {
	width: 30px;
	border-color: rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
}
.nav-small #nav ul {
	background-image: url(../images/besm_nav-arrows-dot.png);
}
.nav-small #nav:hover ul {
	background-image: none;
}
@media(min-width: 1500px) {
	.nav-small #nav ul {
		background-image: url(../images/bela_nav-arrows-dot.png);
	}
	.nav-small #nav:hover ul {
		background-image: none;
	}
}
.nav-small #nav b {
	opacity: 0;
}
.nav-small #nav:hover {
	width: 205px;
	border-color: #000;
	background-color: rgba(255,255,255,.4);
}
.nav-small #nav:hover b {
	opacity: 1;
}
@media(min-width: 1500px) {
	.nav-small #nav {
		width: 36px;
	}
	.nav-small #nav:hover {
		width: 285px;
	}
}

/* = Social
===================================*/
#social {
	position: fixed;
	bottom: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 10; 
}
#social ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#social li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#social a {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	border-radius: 10px;
	background: url(../images/besm_ico-social.png) no-repeat;
	background-color: rgba(160,159,159,.2);
	font: 0/0 a;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.social-twitter a {
    background-position: -25px -163px !important;
}
.social-linkedin a {
    background-position: -25px -236px !important;
}
.social-facebook a {
    background-position: -28px -96px !important;
}
@media (min-width: 1700px) {
	.social-twitter a {
		background-position: -25px -163px !important;
	}
	.social-linkedin a {
		background-position: -25px -236px !important;
	}
	.social-facebook a {
		background-position: -28px -95px !important;
	}
}

.active-section-intro #social a {
	background-color: rgba(160,159,159,.2);
}
.active-section-biological #social a {
	background-color: rgba(225,102,49,.2);
}
.active-section-chemicals-and-contaminants #social a {
	background-color: rgba(241,234,92,.2);
}
.active-section-environmental #social a {
	background-color: rgba(138,38,103,.2);
}
.active-section-conclusion #social a {
	background-color: rgba(204,214,61,.2);
}

/* = Preloader
===================================*/
#preload {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 1000;
}
#preload span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 312px;
	height: 240px;
	background: url(../images/loader.gif) no-repeat 50% 100%;
	margin-top: -120px;
	margin-left: -156px;
}
.page-ready #preload {
	display: none;
}