/* #TYPOGRAPHY
================================================== */
@import url('https://fonts.googleapis.com/css?family=Podkova:400,500,600,700&display=swap');
@font-face {
  font-family: 'NHaasGroteskDSPro-75Bd';
  src: url('../fonts/NHaasGroteskDSPro-75Bd.eot');
  src: url('../fonts/NHaasGroteskDSPro-75Bd-.eot#iefix') format('embedded-opentype'),
       url('../fonts/NHaasGroteskDSPro-75Bd.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-75Bd.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-75Bd.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-75Bd.svg#NHaasGroteskDSPro-75Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskDSPro-66MdIt';
  src: url('../fonts/NHaasGroteskDSPro-66MdIt.eot');
  src: url('../fonts/NHaasGroteskDSPro-66MdIt-.eot#iefix') format('embedded-opentype'),
       url('../fonts/NHaasGroteskDSPro-66MdIt.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-66MdIt.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-66MdIt.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-66MdIt.svg#NHaasGroteskDSPro-66MdIt') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskDSPro-65Md', 'Helvetica';
  src: url('../fonts/NHaasGroteskDSPro-65Md.eot');
  src: url('../fonts/NHaasGroteskDSPro-65Md-.eot#iefix') format('embedded-opentype'),
       url('../fonts/NHaasGroteskDSPro-65Md.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-65Md.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-65Md.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-65Md.svg#NHaasGroteskDSPro-65Md') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskDSPro-56It';
  src: url('../fonts/NHaasGroteskDSPro-56It.eot');
  src: url('../fonts/NHaasGroteskDSPro-56It-.eot#iefix') format('embedded-opentype'),
       url('../fonts/NHaasGroteskDSPro-56It.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-56It.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-56It.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-56It.svg#NHaasGroteskDSPro-56It') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NHaasGroteskDSPro-55Rg';
  src: url('../fonts/NHaasGroteskDSPro-55Rg.eot');
  src: url('../fonts/NHaasGroteskDSPro-55Rg-.eot#iefix') format('embedded-opentype'),
       url('../fonts/NHaasGroteskDSPro-55Rg.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-55Rg.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-55Rg.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NHaasGroteskDSPro-45Lt';
  src: url('../fonts/NHaasGroteskDSPro-45Lt.eot');
  src: url('../fonts/NHaasGroteskDSPro-45Lt.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-45Lt.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-45Lt.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-45Lt.svg#NHaasGroteskDSPro-45Lt') format('svg'),
       url('../fonts/NHaasGroteskDSPro-45Lt-.eot#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NHaasGroteskDSPro-35XLt';
  src: url('../fonts/NHaasGroteskDSPro-35XLt.eot');
  src: url('../fonts/NHaasGroteskDSPro-35XLt.woff2') format('woff2'),
       url('../fonts/NHaasGroteskDSPro-35XLt.woff') format('woff'),
       url('../fonts/NHaasGroteskDSPro-35XLt.ttf') format('truetype'),
       url('../fonts/NHaasGroteskDSPro-35XLt.svg#NHaasGroteskDSPro-35XLt') format('svg'),
       url('../fonts/NHaasGroteskDSPro-35XLt-.eot#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold.eot');
  src: url('../fonts/SourceSansPro-Bold-.eot#iefix') format('embedded-opentype'),
       url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
       url('../fonts/SourceSansPro-Bold.woff') format('woff'),
       url('../fonts/SourceSansPro-Bold.ttf') format('truetype'),
       url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*-------------------------------------------------------*/
/* General
/*-------------------------------------------------------*/
body{
    scroll-behavior: smooth;
}

.clearfix {
  *zoom: 1;
}

.container{
	max-width: 1200px;
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}
img{
	max-width: 100%;
}
::selection {
	color: #fff;
    background: #333333;
}
::-moz-selection {
  color: #fff;
  background: #333333;
}

::-webkit-selection {
  color: #fff;
  background: #333333;
}

p::selection {
    background: #46b29d;
}
p::-moz-selection {
  background: #46b29d;
}

p::-webkit-selection {
  background: #46b29d;
}
.testimonial_cont p::selection,
.news_subscribe p::selection,
.spotlight p::selection{
	background: #333333;
}
.testimonial_cont p::-moz-selection,
.news_subscribe p::-moz-selection,
.spotlight p::-moz-selection{
	background: #333333;
}
.testimonial_cont p::-webkit-selection,
.news_subscribe p::-webkit-selection,
.spotlight p::-webkit-selection{
	 background: #333333;
}

:focus {
  outline: none;
}

b, strong, .strong{
	font-weight: 600;
}
ul, ul > li{
  list-style: none;
  margin: 0;
  padding: 0;
  line-height:30px;
}

body {
	margin: 0;
	padding: 0;
	color: #4f4f4f;
	font-size: 18px;
	line-height: 24px;
	font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
body *{
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
    font-family: 'Podkova', serif;
	text-transform:uppercase;

}
.inner_section h2, .inner_section h3, .inner_section h4, .inner_section h5{

	text-transform:inherit;
}
#introduction h2, #introduction h3, #introduction h4, #introduction h5, #introduction h6, #introduction .intro, #introduction .inner_section li:before, #introduction a:hover {
	color: #4E8A8A;
}
#vision h2, #vision h3, #vision h4, #vision h5, #vision h6, #vision .intro, #vision .inner_section li:before, #vision a:hover{
	color: #2B418A;
}
#contribution h2, #contribution h3, #contribution h4, #contribution h5, #contribution h6, #contribution .intro, #contribution .inner_section li:before, #contribution a:hover{
	color: #1A3A57;
}
#action h2, #action h3, #action h4, #action h5, #action h6, #action .intro, #action .inner_section li:before, #action a:hover{
	color: #53A2D6;
}
#activities h2, #activities h3, #activities h4, #activities h5, #activities h6, #activities .intro, #activities .inner_section li:before, #activities a:hover{
	color: #4C2B69;
}


p {
  	font-size: 18px;
  	line-height:30px;
  	/*margin: 0px 0px 20px 0px;*/
	margin:0 0 1.5rem 0;
	font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
	color:#333333;
	letter-spacing: 0.01em;
}
.intro{
	font-weight:700;
	font-size:1.2em;
	font-family:'Podkova', Serif;
	margin:0 0 1.5rem;
}
a, a:hover{
	text-decoration:none;
	outline:none!important;
	border:none;
	color: #46b39d;
}
section ul{
	padding-left: 20px;
	list-style: none
}
.inner_section li::before {
	content: "•";
	vertical-align:middle;
	font-size:25px;
  	display: inline-block; width: 1em;
  	margin-left: -1em}


body{
	overflow-x:hidden;
	/*letter-spacing: 2px;*/
}
#site-wrapper{
	position: relative;
	overflow: hidden;
}

header{
	width:100%;
	float: left;
	height: 125px;
	position: absolute;
	top: 0;
	padding:30px 50px 30px 30px;
	z-index: 9;

	opacity:0;
	-webkit-transition: opacity 0s ease-in 0s;
    -moz-transition: opacity 0s ease-in 0s;
    transition: opacity 0s ease-in 0s;
	pointer-events: none;
}
#site-wrapper.active header{
	opacity:1;
	 -webkit-transition: opacity 1s ease-in 0s;
    -moz-transition: opacity 1s ease-in 0s;
    transition: opacity 1s ease-in 0s;
	pointer-events: auto;
}
header.off-canvas{
	  top: -150px;
	  box-sizing: border-box;
	  -webkit-transition: top 0.6s!important;
	  -moz-transition: top 0.6s!important;
	  transition: top 0.6s!important;
}
header.off-canvas.fixed {
	top: 0px;
	z-index: 9;
	position: fixed;
	height: 70px;
	padding:0px 30px 0px 30px;
	background: rgba(0, 0, 0, 0.80);
}
h1.logo{
	float: left;
	width:170px;
	margin:0px;
	margin-top: 20px;
	margin-left: 15px;
	transition: all .2s linear;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

header.off-canvas.fixed h1.logo{
	margin-top:7px;
}
header.off-canvas.fixed .hamburger{
	top:15px;
	height: 45px;
	right: 20px;
}
.menu-visible header.off-canvas.fixed .hamburger{
	top:15px;
}
.menu-visible header.off-canvas.fixed .hamburger:after{
	display: none;
}
header.off-canvas.fixed .hamburger:after {
	display:block;
}

h1.logo .logo_color{
	display:none;
}
.on-section h1.logo .logo_normal{
	/*display:none;*/
}
.on-section h1.logo .logo_color{
	/*display:block;*/
}


.hone_section{
	position:absolute;
	width:100%;
	z-index:480;
	top:calc(100vh - (20vw/4));
}

/*MENU*/
#primary-nav .menu-wrap{
	position:absolute;
	left:0px;
	top:0px;
	z-index:8;
	width:100%;
	/*height:100%;*/
	background:#eeede8;
	padding:0;
	height:100vh;
	height:auto;
	opacity:0;
	overflow:hidden;
	pointer-events:none;
	transition: all .4s linear;
	-webkit-transition: all .4s linear; /*Safari*/
}

body.menu-visible #primary-nav .menu-wrap{
	top:0px;
	opacity:1;
	pointer-events:auto;
}

body.menu-visible header h1.logo{
	opacity: 0;
	pointer-events: none;
}
body.menu-visible{
	overflow:hidden;
}

ul.nav-links{
	width:100%;
	position:absolute;
	margin: 0;
	padding: 0;
	display: flex;
	z-index:50;
	min-height:calc(20vw / 4);
  	//flex-wrap: wrap;
}
ul.nav-links li{
	width:20vw;
	height: calc(20vw / 4);
	position: relative;
	overflow: hidden;
	transition:all 0.4s;
	transform-origin: bottom left;
}
ul.nav-links li:hover{
	height: 20vh;
	transform: translate(0, calc(-20vh + calc(20vw / 4)));
	transform-origin: bottom left;
}
ul.nav-links > li > a, ul.nav-links > li.more_menu > .more_story{
	width:100%;
	height: 100%;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
	position: relative;
	font-size:20px;
	color:#FFFFFF;
	line-height: 110%;
}
ul.nav-links > li > a:hover{
	color:#fff !important;
}
ul.nav-links li .menuText{
	text-transform: uppercase;
	font-family: 'Podkova', serif;
	font-weight:bold;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

ul.nav-links li a .menuText .noShow, ul.nav-links li a:hover .menuText .navToShow{
	opacity:0;
	display:inline-block;
	font-size:0.1px;
	line-height:0.1px;
	transition:all 0.1s;
}

ul.nav-links li a:hover .menuText .noShow, ul.nav-links li a .menuText .navToShow{
	opacity:1;
	font-size:1em;
	line-height:120%;
}
#menuBar.fixed{
	position: fixed;
	left:0px;
	top:0px;
	transition:all 0.4s ease 0.2s;
}
#menuBar.fixed.header-fix{
	top:70px;
}
ul.nav-links.fixed li:hover{
	transform:none!important;
}
.download-roadmap{
	position: absolute;
	right: 3.5%;
	bottom:15%;
	z-index: 2;
}
.download-roadmap .label{
	color: #ccc;
	font-family: 'Podkova', serif;
	text-transform: uppercase;
	font-weight: bold;
    line-height: 100%;
	font-size: 16px;
	width: 215px;
	margin-right:4px;
	float:left;
}
.download-roadmap .label i{
	font-style: normal;
	color: #ccc;
}
.download-roadmap .lang{
	float:left;
	width:160px;
	color: #ccc;
	margin-top:-5px;
}
.download-roadmap .lang a{
	color:#fff;
	font-family: 'Podkova', serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size:20px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	display: inline-block;
	margin:0px 2px;
}
.download-roadmap .lang a:hover{
	color:#ccc!important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
	ul.nav-links > li > a, ul.nav-links > li.more_menu > .more_story{
		position:static;
	}
	ul.nav-links.home_menu li.more_menu{
		background:#46b19d;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	ul.nav-links > li > a, ul.nav-links > li.more_menu > .more_story{
		position:static;
	}
	ul.nav-links.home_menu li.more_menu{
		background:#46b19d;
	}
}


ul.nav-links > li > a div.menu_cont,
ul.nav-links > li > .more_story div.menu_cont{
	width: 100%;
	z-index: 1;
	padding: 40px;
	-webkit-align-self: center; /* Safari 7.0+ */
    align-self: center;
	text-align: center;
}
ul.nav-links > li > a div.menu_img{
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-position: 50% 50%;
	background-size: cover;
	transform: scale(1);
	transition: all 0.4s ease 0s;
	  background-blend-mode: multiply;
}
ul.nav-links > li:nth-child(1) > a div.menu_img{
	background-position: 50% 50%;
}
ul.nav-links > li:nth-child(2) > a div.menu_img{
	background-position: 50% 36%;
}
ul.nav-links > li:nth-child(3) > a div.menu_img{
	background-position: 50% 40%;
}
ul.nav-links > li:nth-child(4) > a div.menu_img{
	background-position: 50% 40%;
}
ul.nav-links > li:nth-child(5) > a div.menu_img{
	background-position: 50% 40%;
}
ul.nav-links > li:hover > a div.menu_img, ul.nav-links > li > a div.menu_img{
	//transform: scale(1.08);
}
ul.nav-links > li:nth-child(1):hover > a div.menu_img, #introduction ul.nav-links > li:nth-child(1) > a div.menu_img{
	  background-color: #4E8A8A;
}
ul.nav-links > li:nth-child(2):hover > a div.menu_img, #vision ul.nav-links > li:nth-child(2) > a div.menu_img{
	  background-color: #2B418A;
}
ul.nav-links > li:nth-child(3):hover > a div.menu_img, #contribution ul.nav-links > li:nth-child(3) > a div.menu_img{
	  background-color: #1A3A57;
}
ul.nav-links > li:nth-child(4):hover > a div.menu_img, #action ul.nav-links > li:nth-child(4) > a div.menu_img{
	  background-color: #53A2D6;
}
ul.nav-links > li:nth-child(5):hover > a div.menu_img, #activities ul.nav-links > li:nth-child(5) > a div.menu_img{
	  background-color: #4C2B69;
}


ul.nav-links > li.more_menu > .more_story {
	background:#46b19d;
	cursor: default;
	/*pointer-events: none;*/
}
ul.nav-links > li.more_menu > a::after{
	display: none;
}
ul.nav-links > li.more_menu > .more_story span{
  font-size: 28px;
  line-height: 28px;
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: 1px;
	text-transform: uppercase;
	font-style:italic;
  font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
ul.nav-links > li.more_menu > .more_story .menu_cont{
  font-size:45px;
	line-height: 45px;
}
ul.nav-links > li.more_menu .news_subscribe{
    float: none;
    display: inline-block;;
    width:75%;
    padding: 0;
    margin: auto;
    margin-bottom: 0;
    background: none;
    font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif !important;
}
ul.nav-links > li.more_menu .news_subscribe input[type="email"] {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    border:0;
    float: left;
    font-size: 16px;
}
ul.nav-links > li.more_menu .privacy_section label{
  font-size: 16px;
  color: #FFFFFF;
  text-transform: none;
  letter-spacing: normal;
  float: left;
  font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
ul.nav-links > li.more_menu .privacy_section .form__item{
  float: left;
  margin-top: 0;
}
ul.nav-links > li.more_menu .privacy_section .custom-checkbox, ul.nav-links > li.more_menu .privacy_section .custom-radio{
  left: 0;
}
ul.nav-links > li.more_menu .news_subscribe input[type="submit"], ul.nav-links > li.more_menu .news_subscribe a.subscribe{
	background:#FFFFFF;
	color: #46B19D;
}
li.more_menu .custom-checkbox + .form__error + .checkboxlabel::before, li.more_menu .custom-checkbox + label.error + .checkboxlabel::before {
	border: 2px solid #fff;
}
.custom-checkbox.error + .form__error + .checkboxlabel::before{
	border-color: red!important;
}
li.more_menu .custom-checkbox:checked + .form__error + .checkboxlabel::before, li.more_menu .custom-checkbox:checked.valid + label.error + .checkboxlabel::before{
	background: url("../images/checkbox_checked_wt.png") no-repeat ;
	border:0;
}

.more_about{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9;
	background:#f0ca4d;
	text-align: center;
	padding: 10px 10px;
}
.more_about p{
	color:#FFFFFF;
	margin-bottom:0;
}
.more_about a{
	color:#324d5c;
}
/**************************************************************/
/* BANNER */
/**************************************************************/
figure.banner{
	width:100vw;
	height: 100vh;
	margin: 0;
	background-repeat : no-repeat;
	background-position: center 0px;
	background-size:cover!important;
	position:relative;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;

	-webkit-transition-property: background-position;
	-moz-transition-property: background-position;
	-o-transition-property: background-position;

}
figure.banner::after{
	content: '';
	position:absolute;
	width:100%;
	height: 100%;
	z-index: 0;
	left: 0;
	background:rgba(0,0,0,0.15);
}
.banner_cont{
	/*position:absolute;
	top:20vh;*/
	width:99%;
	z-index: 1;
	padding: 0px 30px;
	-webkit-align-self: center; /* Safari 7.0+ */
    align-self: center;
	text-align: center;

	opacity: 0;
	-webkit-transition: opacity 0s ease-in 0s;
    -moz-transition: opacity 0s ease-in 0s;
    transition: opacity 0s ease-in 0s;
	pointer-events: none;
}
.banner_cont a {
    border: 1px solid #FFF;
    background-color: #E57507;
    font-family: 'Podkova', serif;
    font-size: 1.2vw !important;
    font-weight: bold;
    padding: 5px 2vw;
}
#site-wrapper.active .banner_cont{
	opacity: 1;
     -webkit-transition: opacity 1s ease-in 0s;
    -moz-transition: opacity 1s ease-in 0s;
    transition: opacity 1s ease-in 0s;
	pointer-events: auto;
}
figure.banner h1{
	width:80%;
	margin:30px auto 30px;
	color:#ffffff;
	font-size: 70px;
	/*line-height: 140px;*/
	line-height: 100%;
	letter-spacing: 0px;
	word-spacing: 2px;
	text-align:center;
	text-transform: uppercase;
}
#introduction figure.banner h1{
	font-size: 100px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	margin:100px auto 30px;
	width:30%;
	padding: 15px 0;
}
figure.banner h1 span{
	display:block;
	font-size:100px;
}
figure.banner h1 .line2{
	font-size:28px;
	}

figure.banner h1 .line3{
	font-size:65px;
}
figure#home_banner h1{
	font-size: 6vw!important;
	line-height:100%;
}
figure#home_banner h1 .line2{
	font-size: 2vw!important;
	line-height:100%;
}
figure#home_banner h1 .line3{
	font-size: 4.5vw!important;
	line-height:100%;
}
figure.banner{
	background-blend-mode: multiply;
}
/*#introduction figure.banner{
	background-color: #4E8A8A;
}*/
#vision figure.banner{
	background-color: #2B418A;
}
#contribution figure.banner{
	background-color: #1A3A57;
}
#action figure.banner{
	background-color: #53A2D6;
}
#activities figure.banner{
	background-color: #4C2B69;
}
figure.banner#inner_banner h1 span{
	width:100%;
	display: inline-block;
	font-size:80px;
	text-transform:none;
	line-height: 100px;
	letter-spacing: 3px;
	margin-bottom: 17px;
	font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
figure.banner p{
	font-size: 30px;
	line-height:36px;
	color:#FFFFFF;
	margin-bottom:0px;
	font-family: 'NHaasGroteskDSPro-65Md', 'Helvetica', arial, sans-serif;
}

figure.banner .scroll-down {
    position: absolute;
    width:32px;
    height:38px;
    left: -50%;
    right: -50%;
    margin: auto;
    z-index: 1;
    bottom: calc(calc(20vw / 4) + 50px);
    text-align: center;
    text-decoration: none!important;
	background: url("../images/icon-scroll-down.png") no-repeat center;
	background-size: 32px;

	opacity: 0;
	-webkit-transition: opacity 0s ease-in 0s;
    -moz-transition: opacity 0s ease-in 0s;
    transition: opacity 0s ease-in 0s;
	pointer-events: none;
}

#site-wrapper.active figure.banner .scroll-down {
	/*display:none;*/
	opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
	pointer-events:auto;
}
figure.banner .btnDownload {
    position: absolute;
    width:160px;
    height:40px;
    right: 3%;
    margin: auto;
    z-index: 1;
    bottom: calc(calc(20vw / 4) + 33px);
	font-family:'Podkova', serif;
	text-transform:uppercase;
	font-weight:bold;
	line-height:100%;
	font-size:14px;
    text-align: left;
    text-decoration: none!important;
	background: url("../images/icons/btn-download.png") no-repeat center left;
	background-size: 38px;
	padding:5px 0 0 45px;

	opacity: 0;
	pointer-events: none;
}
#site-wrapper.active figure.banner .btnDownload:hover {
	transform: scale(1.06);
	opacity: 1;
	color:#fff;
}
#site-wrapper.active figure.banner .btnDownload {
	opacity: 0.8;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
	pointer-events:auto;
}
#site-wrapper.active figure.banner .btnDownload.fixed{
	position:fixed;
	top:120px!important;
	bottom:auto;
	filter:invert(0.8);
}
#site-wrapper.active figure.banner .btnDownload.fixed.btn-fix{
	top:190px!important;
}
figure *{
    color:#FFFFFF;
}
.inner_section{
	padding-top:50px;
}

.nextPrev{
	margin: 2rem 0;
	height:40px;
	z-index:50;
}
.btnPrevious, .btnNext {
	display:block;
	position: relative;
    width:190px;
    height:40px;
    margin: 0 0 0 auto;
	font-family:'Podkova', serif;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	font-size:14px;
	line-height:100%;
	color:#9B9B9B;
    text-decoration: none!important;
	background: url("../images/icons/arrow-gray-left.png") no-repeat center right;
	background-size: 38px;
	padding:0 45px 0 0;
	transition: all 0.4s;
}
.btnPrevious:hover, .btnNext:hover{
	transform:scale(1.2);
}
.btnNext {
    margin: 0 auto 0 0;
	background: url("../images/icons/arrow-gray-right.png") no-repeat center left;
	background-size: 38px;
	text-align:left;
	padding:0 0 0 45px;
}
.btnPrevious span, .btnNext span{
	position: absolute;
	width:100%;
	right:45px;
	  top: 50%;
	  transform: translateY(-50%);
}
.btnNext span{
	right:inherit;
	left:45px;
}

/**************************************************************/
/* FOOTER */
/**************************************************************/
footer{
	width:100%;
	height: 385px;
	padding:100px 30px 50px 30px;
	background: url("../images/footer_bg.png") no-repeat top center;
	background-color: #0d1317;
}
#homepage footer, .inner_section{
	/*margin-top: calc(19vw/4);*/
}
footer *{
	color:#FFFFFF;
	letter-spacing:0px;
}
footer h3{
	font-size: 28px;
	line-height: 100%;
	color:#FFFFFF !important;
	margin-bottom:20px;
	font-weight:bold;
	font-family: 'Podkova', serif;
	text-transform: none!important;
}
footer p{
	font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
footer .sitemap{
	padding-left:7%;
}
footer .sitemap a{
	color:#F0CA4D;
	text-decoration: none;
}
footer .sitemap p a{
	color: #fff!important;
}
footer .sitemap a:hover{
	color:#F0CA4D;
	text-decoration: none;
}
footer ul{
	width: 100%;
	display: inline-block;
}
footer ul li{
	float: left;
	width: 100%;
	/*margin-bottom: 7px;*/
}
footer ul li a{
	line-height:30px;
	font-size: 18px;
	/*text-decoration:underline;*/
	/*font-family: 'NHaasGroteskDSPro-65Md', 'Helvetica', arial, sans-serif;*/
	font-family: 'NHaasGroteskDSPro-55Rg', 'Helvetica', arial, sans-serif;
	font-weight: 400;
}
footer ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
footer .ftr_contact{
	padding-left:70px;
}
footer .ftr_contact p{
	/*font-family: 'NHaasGroteskDSPro-65Md', 'Helvetica', arial, sans-serif;*/
}
footer .ftr_social li{
	width:auto;
	margin-right:10px;
	margin-bottom:0;
}
footer .ftr_social li a{
	line-height: 100%;
}
.share-y img{
	max-width:28px;
}
.share-t img{
	max-width:27px;
}
.share-fb img{
	max-width:21px;
}
.share-ln img{
	max-width:21px;
}
.share-in img{
	max-width:21px;
}

/**************************************************************/
/*Page transition*/
/**************************************************************/
.animate-out {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
}
.animate-in {
    -webkit-animation: fadeIn 0.8s ease-in;
    animation: fadeIn 0.8s ease-in;
	opacity: 1;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}



section.inner_section .container-fluid{
	width: 97%;
}

.chapter_intro{
	float:left;
	width:100%;
    padding-bottom: 70px;
}
.story_Page_1 .chapter_intro{
	padding-bottom: 90px;
}
.chapter_intro .col-md-5,
.chapter_intro .col-md-7{
	padding-right: 11%;
}
.chapter_intro .col-md-4{
    padding-right:3%;
}
.chapter_intro .col-md-8{
    padding-left: 7%;
    padding-right: 11%;
}

h3.chap_head{
	width:100%;
	text-align:right;
	color:#46b29d;
	font-size: 30px;
	margin-bottom:43px;
	margin-top: -6px;
	letter-spacing: 2px;
	font-family: 'NHaasGroteskDSPro-75Bd', 'Helvetica', arial, sans-serif;
	text-transform: uppercase;
}
ul.chapter_list{
	float:left;
	width:100%;
	margin: 0;
	padding:0;
	margin-bottom:15px;
}
ul.chapter_list li{
	list-style: none;
	width:100%;
	display: table;
	padding: 15px 0px;
	border-top:1px solid #46b29d;
}
ul.chapter_list li:last-child{
	border-bottom:1px solid #46b29d;
}
ul.chapter_list li > div{
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}
ul.chapter_list li > div.chap_img{
    position: relative;
    padding: 0;
    width: 180px;
}
ul.chapter_list li > div.chap_img a{
	width:100%;
	height: 100%;
	float: left;
}
ul.chapter_list li > div.chap_img a::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	transition: all 0.6s ease 0s;
	background: rgba(0,0,0,0.25);
}
ul.chapter_list li > div.chap_img a:hover::after{
	background: rgba(0,0,0,0.0);
}
ul.chapter_list li > div.chap_cont h6{
	color:#46b29d;
	font-size:16px;
	margin-bottom:3px;
	margin-top: 5px;
	font-family: 'NHaasGroteskDSPro-75Bd', 'Helvetica', arial, sans-serif;
}
ul.chapter_list li > div.chap_cont a,
ul.chapter_list li > div.chap_cont a:hover{
	color:#46b29d;
}
ul.chapter_list li > div.chap_cont p{
	font-size: 16px;
	line-height:24px;

	display:none;
}

.news_subscribe{
	float:left;
	width:100%;
	padding:46px 50px;
	margin-bottom:30px;
	background:#f0ca4d;
}
.news_subscribe h3{
	color: #324d5c;
	font-size: 30px;
	line-height: 100%;
	font-family: 'NHaasGroteskDSPro-75Bd', 'Helvetica', arial, sans-serif;
}
.news_subscribe p{
	font-size: 20px;
	color:#FFFFFF;
	margin-bottom: 20px;
	letter-spacing:1px;
}
.news_subscribe h3, .news_subscribe p{
	text-align: center;
	line-height: 28px;
}
.news_subscribe h3{
	letter-spacing: 1px;
	word-spacing: 3px;
}
.news_subscribe input[type="email"]{
	width:100%;
	height: 35px;
	padding: 0 20px;
	border: 1px solid #324d5c;
	font-size: 16px;
}
.news_subscribe input[type="email"].error{
	border:1px solid red!important;
}
.news_subscribe input[type="submit"], .news_subscribe a.subscribe{
	float: right;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 100%;
	background:#324d5c;
	border:0px;
	letter-spacing: normal;
	padding: 11px 15px 9px;
	text-transform: uppercase;
	font-family: 'NHaasGroteskDSPro-75Bd', 'Helvetica', arial, sans-serif;
}
.news_subscribe .privacy_section{
	float: left;
	position: relative;
	margin-top:4px;
}
.more_story .news_subscribe .privacy_section{
	margin-top:10px;
}
.news_subscribe .privacy_section label{
	margin: 0;
	font-size:16px;
	color:#324d5c;
	line-height: 100%;
}
.news_subscribe .privacy_section label a{
	color:#324d5c;
}
.news_subscribe .privacy_section label a:hover{
	text-decoration: underline;
}
ul.nav-links > li.more_menu .news_subscribe .privacy_section label a{
	color:#FFFFFF;
}

.news_subscribe .form__item {
    width: 100%;
    float: left;
	position: relative;
    margin-bottom:20px;
}
.news_subscribe .privacy_section .form__item {
    width: auto;
	margin-bottom: 0px;
	margin-right: 5px;
        margin-top: 6px;
}
.form__error {
    width: 100%;
    height: 100%;
    border: 1px solid red;
    border-radius:0px;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
}
.news_subscribe .privacy_section .form__item .form__error {
	width: 14px;
	height: 14px;
	top: 1px;
	left: -1px;
}
input.custom-checkbox {
    clear: left;
    float: left;
}
label.checkboxlabel {
    clear: both;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 600;
	text-transform: uppercase;
    margin: 7px 0;
}
label.checkboxlabel span{
	text-transform: none;
	font-weight: 400;
}
.custom-checkbox, .custom-radio {
    margin: 0;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top:0;
}
.custom-checkbox + .form__error + .checkboxlabel::before,
.custom-checkbox + label.error + .checkboxlabel::before{
    background:none;
    border: 2px solid #324d5c;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 4px;
    padding: 2px;
    position: relative;
    text-align: center;
    top: -2px;
    vertical-align: middle;
    width: 14px;
}
.custom-checkbox:checked + .form__error + .checkboxlabel::before,
.custom-checkbox:checked.valid + label.error + .checkboxlabel::before{
    content: "";
	width:15px;
	height: 15px;
	border:0;
	margin-right: 3px;
	background:url("../images/checkbox_checked.png") no-repeat center;

}
.custom-checkbox + label.error + .checkboxlabel::before{
    border-color:#fd5050;
}
.custom-checkbox.valid + label.error + .checkboxlabel::before{
    border-color:#00a388;
}
/************************************************************/
/* Accordion */
/************************************************************/
.accordionItem, .indenter{
	padding: 0 2rem 2rem 4rem;
}
.accordionItem .tagged1:hover{cursor:pointer;}
.tagged1>div{position:relative;}
.tagged1>div:hover::before{
	transform: rotate(-35deg);
}
.level1{
	margin: 1rem 0 0 20px;
}
.level2{
	margin-left:50px;
}
.tagged1 > div, .tagged2 > div{
	display:inline-block;
	vertical-align:middle;
	width:100%;
    padding: 0 25px 0 60px;
}
.tagged1 > div[aria-expanded="true"]::after{
	transform:rotate(90deg);
	background-size:20px 20px;
}
#vision .tagged1 > div::after{
	background: url('../images/icons/arrow-blue-right.png') no-repeat center;
	background-size:20px;
}

#action .tagged1 > div::after{
	background: url('../images/icons/arrow-blue-cta-right.png') no-repeat center;
	background-size:20px;
}

#activities .tagged1 > div::after{
	background: url('../images/icons/arrow-purple-right.png') no-repeat center;
	background-size:20px;
}


.tagged1 > div::after {
    content: "";
    top: 14px;
    right: 0px;
    position: absolute;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
    background-size: 20px;
}
.tagged1 > div:before, .tagged2:before{
	content:'';
	vertical-align:middle;
    position: absolute;
    top: -5px;
	left:0;
	display:inline-block;
	margin-right:10px;
	background-size:cover;
	background-repeat:no-repeat;

}
h2.tagged1 .titleCont{
	display:inline-block;
	vertical-align:middle;
}
h2.tagged1 .subtitle{
	font-size:0.5em;

}
.text2cols{
	padding-bottom:1rem;
	margin:1rem 0 2rem;
	border-bottom:2px dotted #ccc;
}
#activities .text2cols h5{font-size:1em;color:#2f2f2f;}
#content_section .text2cols p{margin-bottom:1rem;padding-bottom:0;}
#activities .text2cols{
	border-bottom:2px dotted #4C2B69;
}
.text2cols .col-md-6, .text2cols .col-sm-12{
	padding-right: 0;
	padding-left: 0;
}
.text2cols .col-md-6:nth-child(1){
	padding:0 15px 0 0;
}
.text2cols .col-md-6:nth-child(2){
	padding:0 0 0 15px;
}



.tagged1 > div:before{
	transition:all 0.4s;
	width:50px;
	height:50px;
}
.tagged2{
	position:relative;
	padding-left: 45px;
}
.tagged2:before{
	top:-2px;
	width:35px;
	height:35px;
}
.tagged1.tagShield > div:before, .tagged2.tagShield:before{background-image:url(../images/icons/pill-shield.png);}
.tagged1.tagMicro > div:before, .tagged2.tagMicro:before{background-image:url(../images/icons/pill-microscope.png);}
.tagged1.tagWellbeing > div:before, .tagged2.tagWellbeing:before{background-image:url(../images/icons/pill-wellbeing.png);}
.tagged1.tagTreatment > div:before, .tagged2.tagTreatment:before{background-image:url(../images/icons/pill-treatment.png);}
.tagged1.tagPrinciple1 > div:before, .tagged2.tagPrinciple1:before{background-image:url(../images/icons/pill-principle1.png);}
.tagged1.tagPrinciple2 > div:before, .tagged2.tagPrinciple2:before{background-image:url(../images/icons/pill-principle2.png);}
.tagged1.tagPrinciple3 > div:before, .tagged2.tagPrinciple3:before{background-image:url(../images/icons/pill-principle3.png);}
.tagged1.tagPrinciple4 > div:before, .tagged2.tagPrinciple4:before{background-image:url(../images/icons/pill-principle4.png);}
.tagged1.tagPrinciple5 > div:before, .tagged2.tagPrinciple5:before{background-image:url(../images/icons/pill-principle5.png);}
.tagged1.tagMagnifier > div:before, .tagged2.tagMagnifier:before{background-image:url(../images/icons/pill-magnifier.png);}
.tagged1.tagSeringe > div:before, .tagged2.tagSeringe:before{background-image:url(../images/icons/pill-seringe.png);}
.tagged1.tagDiagnostic > div:before, .tagged2.tagDiagnostic:before{background-image:url(../images/icons/pill-diagnostic.png);}
.tagged1.tagRegulation > div:before, .tagged2.tagRegulation:before{background-image:url(../images/icons/pill-regulation.png);}
.tagged1.tagAcceptance > div:before, .tagged2.tagAcceptance:before{background-image:url(../images/icons/pill-acceptance.png);}
.tagged1.tagLivestock > div:before, .tagged2.tagLivestock:before{background-image:url(../images/icons/pill-funding-livestock.png);}
.tagged1.tagVetExpert > div:before, .tagged2.tagVetExpert:before{background-image:url(../images/icons/pill-vet-expertise.png);}
.accordion ul{
	margin-bottom:1.5rem;
}




.indentLevel1{
	margin-left:2rem;
}
#content_section ul, #content_section p{
	margin-bottom:2rem;
}

.logos-container{margin:0 0 2rem 0;}
.logos-container img{
	height:100px;
	display:block;
	margin:15px;
}


/*-- MARGIN --*/
.m_none{
    margin:0px;
}
.m_b_0{
    margin-bottom:0!important;
}
.m_b_30{
	margin-bottom:30px;
}
.m_b_40{
	margin-bottom:40px;
}
.m_b_50{
    margin-bottom:50px;
}
/*-- MARGIN END--*/

/*padding*/
.p_none{
	padding:0px;
}
.p_b_0{
    padding-bottom:0!important;
}
.p_r_25{
    padding-right:25px;
}
.p_l_25{
    padding-left:25px;
}
.p_l_40{
    padding-left: 40px;
}
.p_l_50 {
    padding-left: 50px;
}
.p_b_40{
    padding-bottom:40px;
}
.p_t_90{
    padding-top:90px!important;
}
.p_l_10_pr{
	padding-left:10%;
}
.p_r_10_pr{
    padding-right:10%;
}
.p_r_22_pr{
    padding-right:22%;
}
.p_r_0{
	padding-right:0px;
}
.p_t_20{
	padding-top:20px!important;
}

/*padding end*/

 /*image gallery popup*/

 .my-gallery {
    width: 100%;
    float: left;
    margin-bottom:40px;
 }
.img_view{
    display: block;
    float: left;
    /*margin: 0 5px 5px 0;*/
    width:100%;
    height: 100%;
    overflow: hidden;
}
.story1_intro_img .img_view{
    max-height: 500px;
}

.img_view img{
    max-width: none;;
    width:100%;
    height: auto;;
    transform: scale(1);
    transition:all 1.8s ease 0s;
}
.img_view:hover img{
    transform: scale(1.08);
}

figure.chapter_banner{
    width:calc(100vw + 6%);
    height: 790px;
    margin: 0px;
    margin-left: -3%;
    background: url("../images/home_banner.jpg") no-repeat top left;
    background-size: cover!important;
	background-repeat: no-repeat!important;
    position: relative;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    display: flex;
    align-items: flex-start;
}
figure.chapter_banner::after {
    content: '';
	left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background:rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
.banner_video .jwplayer{
	width:100vw!important;
	height:790px!important;
}
figure.chapter_banner .banner_cont {
    width: 100%;
    z-index: 1;
    -webkit-align-self: center;
    align-self: center;
    text-align: center;
	padding: 0px 5%;
}
.more_subscribe{
    float: left;
    margin-bottom: 0;
    width: calc(100vw + 15px);
    margin-left: -45px;
}
.more_subscribe form{
    width: 100%;
    display: table;
}
.subscribe_cont, .subscribe_form{
    width:50%;
    padding-right:25px;
    vertical-align: top;
    display: table-cell;
}
.subscribe_form{
    padding-right:0px;
    padding-left: 25px;
}

.news_subscribe.more_subscribe h3, .news_subscribe.more_subscribe p{
    text-align:right;
}
.news_subscribe.more_subscribe h3{
	margin-bottom: 20px;
}

.news_subscribe.more_subscribe p{
    max-width: 50%;
    float: right;
    margin-bottom:0;
	line-height: 24px;
}
.news_subscribe.more_subscribe input[type="submit"],
.news_subscribe.more_subscribe .subscribe{
    float: left;
     margin-right: 30px;
}
.news_subscribe.more_subscribe .privacy_section{
	margin-top: 4px;
}
.news_subscribe.more_subscribe input[type="email"],
.news_subscribe .subscribe_form > .form__item .form__error{
    max-width: 345px;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.test_row{
	margin-top: 15px;
	float:left;
}


/*--NEW STORY Story_6 end--*/

.menu_scroll{
	max-height:100vh;
}

#primary-nav .menu_scroll ul.nav-links{
	height:auto;
	margin-bottom:50px;
}
.menu_scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	margin-bottom:55px;
}

.menu_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:transparent!important
}
.menu_scroll .mCSB_scrollTools .mCSB_draggerRail{
    background-color: rgb(255, 255, 255) !important;
    width: 3px;
}
sup a{
	text-decoration:none!important;
}


.story_Page_1.story_Page_6 .chapter_1 .div_video {
    bottom: -100px;
	height:auto;
}

/*.story_Page_1.story_Page_6 .chapter_2_popu_img.popu_img_3 .img_view{
	height: 720px;
}*/

.spotlight a{
	text-decoration:underline;
}



/*@media -*/

@media only screen and (min-width : 1200px) and (max-width : 2500px) {
	figure.banner .btnDownload {
		position: absolute;
		width:190px;
		height:48px;
		right: 4%;
		margin: auto;
		z-index: 1;
		bottom: calc(calc(20vw / 4) + 50px);
		font-family:'Podkova', serif;
		text-transform:uppercase;
		font-weight:bold;
		line-height:100%;
		font-size:18px;
		text-align: left;
		text-decoration: none!important;
		background: url("../images/icons/btn-download.png") no-repeat center left;
		background-size: 44px;
		padding:5px 0 0 50px;
		opacity: 0.9!important;
		pointer-events: none;
	}
	#site-wrapper.active figure.banner .btnDownload:hover {
		transform: scale(1.16);
		opacity: 1!important;
		color:#fff;
	}

}
@media only screen and (min-width : 1200px) and (max-width : 2200px) {
	#primary-nav .menu-wrap{
		position: fixed!important;
	}
	body.menu-visible header.inner_header{
		top: 0px;
		z-index: 9;
		position: fixed;
		height: 100px;
		padding: 0px 30px 0px 30px;
		background: rgba(0, 0, 0, 0.80);
	}
	body.menu-visible header.inner_header .hamburger{
		top:24px;
	}

}
@media only screen and (min-width : 1751px) and (max-width : 1850px) {


}
@media only screen and (min-width : 1700px) and (max-width : 1850px) {

}
@media only screen and (max-width: 1750px) {

}

@media  only screen and (min-width : 1601px) and (max-width : 1650px) {

}
@media only screen and (max-width: 1690px) {



}
@media only screen and (max-width: 1610px) {



}
@media  only screen and (min-width : 1501px) and (max-width : 1649px) {


}
@media only screen and (max-width: 1590px) {
	ul.nav-links > li.more_menu .news_subscribe{
		width:100%;
	}

	.chapter_section h1 {
		font-size: 70px!important;
	}

	.col-md-8.heder-raw h1{
		font-size: 64px !important;
	}

}

@media only screen and (max-width: 1500px) {



}



@media only screen and (min-width : 1580px) and (max-width : 1700px) {
	/*ul.nav-links > li:nth-child(1) > a div.menu_img{
		background-position-x: -2vw!important;
	}
	ul.nav-links > li:nth-child(2) > a div.menu_img{
		background-position-x: -2vw!important;
	}
	ul.nav-links > li:nth-child(3) > a div.menu_img{
		background-position-x:-4vw!important;
	}
	ul.nav-links > li:nth-child(4) > a div.menu_img{
		background-position-x: -5vw!important;
	}
	ul.nav-links > li:nth-child(5) > a div.menu_img{
		background-position-x: -4vw!important;
	}*/
}

@media only screen and (min-width : 1100px) and (max-width : 1579px) {

	/*ul.nav-links > li:nth-child(1) > a div.menu_img{
		background-position-x: -3vw!important;
	}
	ul.nav-links > li:nth-child(2) > a div.menu_img{
		background-position-x: -3vw!important;
	}
	ul.nav-links > li:nth-child(3) > a div.menu_img{
		background-position-x:-5vw!important;
	}
	ul.nav-links > li:nth-child(4) > a div.menu_img{
		background-position-x: -6vw!important;
	}
	ul.nav-links > li:nth-child(5) > a div.menu_img{
		background-position-x: -5vw!important;
	}
	.story_Page_4 .head_titl{
		max-width: 44vw;
	}
	.story_Page_4 .chapter_1 h1{
		font-size: 3.8vw;
	}
	.story_Page_4 .chapter_1 .row_1 {

		padding-right: 7%;

	}*/
}



@media only screen and (max-width: 1440px) {




}
@media only screen and (max-width: 1439px) {



}

@media only screen and (max-height : 800px){

}

@media only screen and (max-width: 1380px) {


	.news_subscribe{
		padding:35px;
	}




}
@media only screen and (max-width: 1370px) {


}
@media only screen and (max-width: 1300px) {


	.news_subscribe.more_subscribe input[type="submit"],
	.news_subscribe.more_subscribe .subscribe{
		margin-top:0px;
		clear: none;
	}
	.news_subscribe.more_subscribe p{
		max-width: 65%;
	}
	.next_story_dis .next_story_titl{
		width: 50%;
		padding-right: 30px;
	}
	figure.banner#inner_banner h1 {
		font-size: 90px;
	}
	figure.banner#inner_banner h1 span{
		font-size: 70px;
	}
	.col-md-8.heder-raw h1 {
		font-size: 56px !important;
	}

}
@media only screen and (max-width: 1290px) {

	.news_subscribe input[type="submit"], .news_subscribe a.subscribe{
		font-size: 15px;
		padding: 11px 12px 9px;
	}

}
@media only screen and (max-width: 1200px) {
	figure.banner h1{
		font-size: 80px;
	}
	figure.banner#inner_banner h1 {
		font-size: 90px;
	}
	figure.banner#inner_banner h1 span{
		font-size: 70px;
		line-height: 100%;
	}
	figure.chapter_banner{
		height: 650px;
	}
	footer{
		padding:30px;
		height: auto;
		background-size: cover!important;
	}
	ul.nav-links > li > a div.menu_cont, ul.nav-links > li > .more_story div.menu_cont {
	    padding: 5px 10px;
	}
	ul.nav-links li .menuText {
		font-size:18px;
	}

}


@media only screen and (max-width: 1099px) {
	section.inner_section {
		padding-top: 30px;
	}
	figure#home_banner h1{
		font-size: 6vw!important;
		line-height:100%;
	}
	figure#home_banner h1 .line2{
		font-size: 1.95vw!important;
		line-height:100%;
	}
	figure#home_banner h1 .line3{
		font-size: 4.5vw!important;
		line-height:100%;
	}
	figure.banner p {
		font-size: 24px;
		line-height: 100%;
	}
	figure.banner#inner_banner h1 {
		font-size: 70px;
	}
	figure.banner#inner_banner h1 span {
		font-size: 50px;
	}
	.logos-container img{
		height:80px;
	}

}

@media only screen and (max-width: 1050px){

}

@media only screen and (max-width: 990px) {

}

@media only screen and (max-width: 980px) {
	.menu_scroll{
		overflow: auto;
		max-height:calc(100vh - 20px);
	}
	section.inner_section .container-fluid {
		width: 92%;
	}
	h3.chap_head{
		text-align: left;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.col-md-4 .news_subscribe{
		display:none;
	}
	figure{
		overflow:hidden;
	}
    .banner_cont a {
        font-size: 2.3vw !important;
    }
	section.inner_section{
		overflow:hidden;
	}
	figure.chapter_banner{
		margin-left: -6vw;
	}
	.subscribe_cont, .subscribe_form{
		width:100%;
		padding-right:0;
		padding-left: 0;
		margin-bottom:15px;
		display:inline-block;
		position: relative;
	}
	.subscribe_form{
		padding-bottom: 50px;
		margin-bottom:0px;
	}
	.news_subscribe.more_subscribe input[type="submit"],
	.news_subscribe.more_subscribe .subscribe {
		position: absolute;
		bottom: 0px;
		left: -50%;
		right: -50%;
		margin: auto;
		width: 125px;
	}
	.news_subscribe.more_subscribe h3, .news_subscribe.more_subscribe p{
		text-align:center;
	}
	.news_subscribe.more_subscribe p{
		max-width:100%;
		float:none;
	}
	.more_subscribe form {
		display: inline-block;
		text-align: center;
	}
	.news_subscribe.more_subscribe input[type="email"], .news_subscribe .subscribe_form > .form__item .form__error {
		max-width: 100%;
	}
	figure.chapter_banner{
		background-position: unset!important;
	}
	figure#inner_banner{
		background-position-y: unset!important;
	}
	header{
		padding: 0px 30px 0px 30px;
	}
	.hamburger::after {
		font-size: 15px;
		left: 8px;
		bottom:-26px;
		opacity: 1;
	}
	.menu-visible .hamburger::after {
		opacity: 0;
	}
	.hamburger{
		top: 23px;
		height: 45px;
	}
	.test_row{
		width:100%;
	}

	ul.nav-links li .menuText {
		font-size:16px;
	}



}/*max-width: 980px*/

@media only screen and (max-height : 650px){
	ul.nav-links > li.more_menu > .more_story .menu_cont {
		font-size: 28px;
		line-height: 30px;
	}
	ul.nav-links > li.more_menu > .more_story span {
		font-size: 18px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 800px) {
	figure.banner h1 {
		font-size:60px;
	}
	footer{
    	background-position: -100vw;
	}
	footer .col-md-4{
		-ms-flex:100%;
		flex:100%;
		max-width:100%;
		padding-bottom:20px;
	}
	footer .sitemap, footer .ftr_contact{
		padding-left:15px!important;
	}
	footer h3{
		    margin-bottom: 20px;
	}
	#introduction figure.banner h1 {
	    width: 40%;	}

	figure#home_banner h1 {
		font-size: 7.6vw!important;
	}
	figure#home_banner h1 .line2{
		font-size: 2.45vw!important;
	}
	figure#home_banner h1 .line3{
		font-size: 5.6vw!important;

}
@media only screen and (max-width: 767px) {
	.menu_scroll {
		display:none;
	}
	.hone_section{
		position:relative;
		top:0;
	}
	ul.nav-links{
		height:auto;
		position:relative;
	}
	ul.nav-links li{
		width: 100%;
		height: 100px;
	}
	ul.nav-links.home_menu li{
		width: 100%;
		height: 100px;
	}
	ul.nav-links li:hover{
		width: 100%;
		height: 100px;
		transform: translate(0, 0);
		transform-origin: bottom left;
	}
	ul.nav-links li a .menuText{
		font-size:1.2em;
	}
	ul.nav-links li a .menuText .noShow, ul.nav-links li a:hover .menuText .navToShow {

		opacity:1;
		font-size:1em;
		line-height:120%;
	    display: inline-block;
	    transition: all 0.4s;
	}

	ul.nav-links > li:hover > a div.menu_img {
			transform:none;
	}
	ul.nav-links > li > a div.menu_img{
		background-size: cover!important;
	}
	ul.nav-links > li:nth-child(1) > a div.menu_img,
	ul.nav-links > li:nth-child(2) > a div.menu_img,
	ul.nav-links > li:nth-child(3) > a div.menu_img,
	ul.nav-links > li:nth-child(4) > a div.menu_img,
	ul.nav-links > li:nth-child(5) > a div.menu_img {
			background-position-x:0!important;
	}

	.more_menu .menu_cont span, .more_menu .news_subscribe{
		display:none!important;
	}
	.more_about{
		display:none;
	}
	h1.logo{
		margin-left:0;
	}
	figure.banner{
		background-size: cover!important;
	    background-position: center;
	}
	figure.banner h1 {
			font-size: 46px;
	}
	figure.banner#inner_banner h1 {
			font-size: 60px;
	}
	figure.banner#inner_banner h1 span {
			font-size: 42px;
	}
	figure.chapter_banner{
		position:relative;
	}
	figure.chapter_banner .banner_cont{
		width: 90%;
		bottom:0px;
		text-align: left;
		position:absolute;
	}
	figure.chapter_banner .banner_cont h1 {
			font-size: 33px;
	}
	h3.chap_head{
		font-size: 26px;
		margin-bottom: 10px;
	}

	ul.nav-links{
		flex-wrap: wrap;
	}
	#menuBar.fixed{
		position:static!important;
	}

}
@media only screen and (max-width: 740px) {

}

@media only screen and (max-width: 700px) {

	.chapter_section .col-md-8 h1, .chapter_section h1 {
		font-size: 42px!important;
		letter-spacing: 1.5px;
	}
	figure.banner#inner_banner h1{
		font-size: 50px;
	}
	figure.banner#inner_banner h1 span {
		font-size: 35px;
	}
	header.off-canvas.fixed{
		height: 80px;
	}
	header.off-canvas.fixed h1.logo {
		margin-top: 10px;
	}
	header.off-canvas.fixed .hamburger{
		top: 19px;
	}
	figure#inner_banner{
		background-position: center!important;
	}
	header.off-canvas.fixed .hamburger {
		top: 8px;
		right: -10px;
	}
	header.off-canvas.fixed .hamburger:after{
		left: 4px;
		top: 38px;
	}

	#introduction figure.banner h1 {
	    width: 60%;	}

	figure#home_banner h1 {
		font-size: 11.6vw!important;
	}
	figure#home_banner h1 .line2{
		font-size: 3.8vw!important;
	}
	figure#home_banner h1 .line3{
		font-size: 8.6vw!important;
	}

	.logos-container img{
		height:60px;
	}
	.accordionItem, .indenter {
	    padding: 0 2rem 2rem 2rem;
	}
}
/*--height--*/

@media only screen and (max-height: 650px) {
}/*max-height: 650px*/
@media only screen and (max-height: 500px) {
	figure.banner h1 {
		font-size: 30px;
	}
	figure.banner p{
		display:none;
	}
	figure.banner#inner_banner h1 span {
		font-size: 30px;
	}
	figure.banner#inner_banner h1 {
		font-size: 42px;
	}

	figure.chapter_banner .banner_cont h1 {
		font-size: 24px;
	}

	figure.banner .btnDownload {
	    right: 2rem;
	    top: 2rem;
	    bottom: inherit;
	}
	.scroll-down{display:none;}


}
/*--height end--*/


@media only screen and (max-height: 450px) {

}/*max-height: 450px*/

@media only screen and (max-width: 600px) {
	h1.logo{
		max-width:150px;
	}
	figure.banner#inner_banner h1 span {
		font-size: 30px;
	}
	figure.banner#inner_banner h1 {
		font-size: 42px;
	}
	ul.nav-links > li.more_menu > .more_story .menu_cont{
		font-size:30px;
	}
	figure.chapter_banner .banner_cont h1 {
		font-size: 24px;
	}
	.more_subscribe, .spotlight .col-md-7{
		padding-left: 55px;
		padding-right: 55px
	}

	ul.nav-links li{
		height:300px
	}
	figure.banner .btnDownload {
	    right: 25%;
		left:25%;
	    bottom: calc(calc(20vw / 4) + 115px);
	}

	#homepage footer, .inner_section {
	    margin-top: 0;
	}
	#content_section ul, #content_section p {
	    margin-bottom: 0;
	}
	.btnPrevious, .btnNext {
	    width:140px;
		font-size:12px;
	}
	.btnPrevious {
	    background-size: 30px;
	    padding: 0 35px 0 0;
	}
	.btnNext {
	    background-size: 30px;
	    padding: 0 0 0 35px;
	}
	.btnPrevious span, .btnNext span {
	    width: auto;
	}



	.download-roadmap {
		position: absolute;
		right: -50%;
		bottom: 20%;
		z-index: 2;
		left: -50%;
		width: 260px;
		margin: auto;
	}
	.download-roadmap .label, .download-roadmap .lang{
		width:100%;
		text-align: center;
		margin:3px 0px;
	}
}

@media only screen and (max-width: 500px) {
	figure.banner p{
		font-size: 18px;
		line-height: 26px;
	}
	.banner_cont{
		padding: 0px 20px;
	}
	.hamburger{
		width: 60px;
		top:15px;
		right: -10px;
	}
	header.off-canvas.fixed {
		height: 65px;
	}
	header.off-canvas.fixed h1.logo {
		margin-top: 5px;
	}
	header.off-canvas.fixed .hamburger {
		top: -5px;
		right: -10px;
	}
	.hamburger::after{
		font-size: 12px;
		left: 12px
	}
	figure.banner h1 {
		font-size: 32px;
	}
	ul.nav-links.home_menu li{
		height: 100px;
		max-height:100px;
	}
	/*ul.nav-links > li:nth-child(1){
		  border: 5px solid #4E8A8A;
	}
	ul.nav-links > li:nth-child(2){
		  border: 5px solid #2B418A;
	}
	ul.nav-links > li:nth-child(3){
		  border: 5px solid #1A3A57;
	}
	ul.nav-links > li:nth-child(4){
		  border: 5px solid #53A2D6;
	}
	ul.nav-links > li:nth-child(5){
		  border: 5px solid #4C2B69;
	}*/
	footer{
		padding: 30px 16px;
		background:url("../images/ftr-bg-mobile.jpg") no-repeat 36% 20%;
		background-size: cover;
	}
	#homepage footer, .inner_section {
	    margin-top: 0;
	}
	#content_section ul, #content_section p {
	    margin-bottom: 1rem;
	}
	section.inner_section .container-fluid {

		width: 95%;

	}
	.more_subscribe, .spotlight .col-md-7 {
		padding-left: 45px;
		padding-right: 45px;
	}

	header.off-canvas.fixed .hamburger:after{
		left: 12px!important;
		top: 42px!important;
	}

}
@media only screen and (max-width: 450px) {
	h3.chap_head {
		font-size: 24px;
	}
	figure#home_banner h1 {
		font-size: 32px !important;
		letter-spacing: 2px;
	}
	figure.banner#inner_banner h1 {
		font-size: 30px;
	}


}
@media only screen and (max-width: 400px) {
	.chapter_section h2 {
		font-size: 20px;
	}
	.chapter_section .col-md-8 h1, .chapter_section h1 {
		font-size: 28px!important;
	}
	figure.banner#inner_banner h1 span {
		font-size: 24px;
	}
	.news_subscribe h3{
		font-size:24px;
	}
	.spotlight h1 {
		font-size: 22px;
	}
	.next_story h2::after {
		width: 100%;
	}
	.story_Page_3 .chapter_3 .col-md-12 .gallery_sec{
		margin-left: -10vw!important;
		width: calc(100vw + 30px)!important;
	}
	.container-fluid{
		padding-left: 14px;
		padding-right: 14px;
	}
	.story_Page_5 .chapter_list li:first-child .chap_img img{
		min-height: 105px!important;
	}

	.story_Page_8 .chapter_1 .div_video{
		height:auto!important;
	}


}
@media only screen and (max-width: 350px) {
	ul.chapter_list li > div.chap_img{
		display:none;
	}
	ul.chapter_list li > div.chap_cont{
		padding-left: 0px;
	}
	.story_Page_8 .chapter_1_ftr_img {
		width: calc(100vw + 30vw);
	}
}