.alert-warning{
	position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.best-desktop{
	width: 100%;
	height: 20%;
	text-align: center;
	font-size: 22px;
	display: none !important;
}
.best-desktop p{
  margin-top: 5rem;
}
.best-desktop .close{
  opacity: 1;
}
.best-desktop .close span{
	font-size: 14px;
}

/*Suscribe*/
.suscribe .content-suscbribe{
    float: none;
    margin: 0 auto;
    margin-top: 15em;
    background-color: rgba(255, 255, 255, 0.8);
    padding:3em;
    width: 60%;
    overflow: hidden;
}
.suscribe ul{
  list-style: none;
}
.suscribe .subscription .subscription-links li a {
    background: #969F24;
    border: none;
    padding: 10px 40px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 15px;
    color: #FFF;
}
.suscribe .subscription .subscription-links li a:hover {
    opacity: 0.6;
}
.suscribe .subscription-links li{
  float: left;
}
.suscribe .title-h1{
    font-size: 20px;
    color: #9d9b9b;
    text-align: right;
    padding-top: 11px;
    margin-right: 3em;
}
.suscribe section:nth-child(1) {
  background-image: url(../images/section01.jpg);
  background-repeat: no-repeat, no-repeat;
  background-size: cover;
  background-position: 0 bottom, 0 0;
  overflow: hidden;
}
.nav-up {
	margin-top: -120px;
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s; 
}
.nav-down{
  transition:0.5s !important;
  -webkit-transition:0.5s !important;
  -moz-transition:0.5s !important; 
}

@media screen and (min-width: 768px) and (max-width: 1279px){
	body,
	html {
	overflow: auto;
	}
	.start-link{
		/*display: none;*/
	}

	.content-home{
		background-color: rgba(255, 255, 255, 0.8);
	}

	#section0{
		padding-top: 62px;
		height: 100vh;
	}

	#section0 h1{
		padding-top: 25px;
	}

	.onepage-wrapper .section{
		height: auto;
	}

	#section1 .content-full{
		padding: 7rem 0 7rem 0;
		height: auto;
	}

	#section1 .content ul{
		width:80%;
		margin:0 auto ;
	}

	#section2, 
	#section6
	{
		padding-bottom: 23vh;
	}

	#section4{
		padding-bottom: 15vh;	
	}

	#section2 .content{
		left: 0;
	}

	.row{
		margin-left: 0;
		margin-right: 0;
	}

	#section3, 
	#section5, 
	#section7{
		padding-top: 2em!important;
	}

	#section3 .content-chart .chart2, #section5 .content-chart .chart2, #section7 .content-chart .chart2{
		padding-top: 0;
	}

	#section3 .content-chart .chart3, #section5 .content-chart .chart3, #section7 .content-chart .chart3{
		padding-top: 0;
		margin-bottom:1em;
	}

	#section3, 
	#section5{
		padding-bottom: 3em;
	}

	#section5 .content-chart .chart2#chart52{
		margin-bottom: 10vh;
	}

	#section7 {
	    padding-bottom: 11em;
	}

	#section8{
		padding-top: 2vh !important;
		padding-bottom: 3em;
	}
	
	.subsection02{
		min-height: auto;
	}

	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		width: 100%;
	}

	#section8 form .submit{
		float: none;
		margin: 0;
		right: 4%;
		top: 110px;
		position: absolute;
	}

	#section8 form .g-recaptcha{
	  position: relative;
	  right: 0%;
	  float: right;
	  top: -56px;
	}

	footer ul.footer li{
		width: 13%;
	}
}

@media screen and (min-width: 768px) and (max-width: 812px){
	section:nth-child(1) {
	  background-position: 0 bottom, 0px 0px !important;
	}
}

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

	html {
	  overflow-y: scroll !important;
	  height: auto;
	}
	body, .onepage-wrapper, html {
	  display: block;
	  position: static;
	  padding: 0;
	  width: 100%;

	}

	section:nth-child(1) { 
    background-image: url(../images/cover-top.png), url(../images/section01x2.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
    background-position: 0 bottom, 0 0;
    overflow: hidden;    
	}
	header{
		//position: relative;
		flex-wrap: initial;
		//width: 80%;
	}
	header label{
		margin-right: 0px;
	}

	header #social-icons{
		padding-right: 0px;
	}

	.onepage-wrapper .section{
		height: auto;
	}

	#section0 {
	    padding-top: 30vh;
	    font-size: 22px;
	}

	.start-link{
		display: none;
		height: auto;
	}
	#section0 .start-link {
	  width: auto;
	  height: 52px;
	  text-align: center;
	  position: absolute;
	  bottom: 0;
	  left: 44%;
	}
	#section0 .start-link a {
	  font-size: 1.4rem;
	}
	#section0 .start-link .start-text {
		  background: #f2f2f2;
		  color: #000;
		  padding: 5px 25px;
		  text-transform: uppercase;
		  border-bottom: 6px solid #C1CD27;
		}
	.content-home{
		background-color: rgba(255, 255, 255, 0.8);
	}

	#section2, 
	#section6
	{
		padding-bottom: 11vh;
	}

	#section4{
		padding-bottom: 15vh;	
	}

	#section2 .content{
		left: 0;
	}

	#section1 .content-full {
    	padding: 2rem 0 0;
    	height: 74vh;
	}

	#section1 .content ul{
    	margin-top: 5rem;
	}

	#section1 .content ul li{
		font-size: 1.2rem;
	}

	#section1 .content ul li a{
		font-size: 1.2rem;
	}

	#section1 .content ul li:nth-child(1) {
	    position: relative;
	    left: -5%;
	}

	#section1 .content ul li:nth-child(3) {
	    position: relative;
	    right: -3%;
	}

	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		width: 100%;
	}

	#section3 .content-chart .chart-wrapper .chart-position, #section5 .content-chart .chart-wrapper .chart-position, #section7 .content-chart .chart-wrapper .chart-position{
		width: 100%;
	}

	#section3 .chart-filters, #section5 .chart-filters, #section7 .chart-filters{
		width: 100%;
	}

	#section3 .content-chart .chart2, #section5 .content-chart .chart2, #section7 .content-chart .chart2{
		width: 100%;
	}

	#section3 .content-chart .chart2, #section5 .content-chart .chart2, #section7 .content-chart .chart2{
		padding-top: 0;
	}

	#section3 .content-chart .chart3, #section5 .content-chart .chart3, #section7 .content-chart .chart3{
		padding-top: 0;
		margin-bottom:1em;
	}

	#section3 .content-chart .chart3, #section5 .content-chart .chart3, #section7 .content-chart .chart3{
		width: 100%;
	}

	.row{
		margin-left: 0;
		margin-right: 0;
	}

	#section3 .content-chart .chart-wrapper h3, #section5 .content-chart .chart-wrapper h3, #section7 .content-chart .chart-wrapper h3{
		margin: 0px 0 1em;
	}

	#section3 .content-chart .chart-wrapper ul.chart-navigation, #section5 .content-chart .chart-wrapper ul.chart-navigation, #section7 .content-chart .chart-wrapper ul.chart-navigation{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#section3 .chart-filters, #section5 .chart-filters, #section7 .chart-filters{
		border-radius: 20px;
	}
	footer ul.footer {
	  padding: 0 5px;
	}
	footer ul.footer li:nth-child(3) {
    	text-align: left;
	}

	#section8{
		margin-top: 10em;
	}

	#section8 form{
		padding: 15px 15px 45px;
	}
	#section8 form .textfield-box .textfield {
	  width: 44%;
	  padding: 13px 12px;
	  font-style: italic;
	}
	#section8 .download-report{
    	margin: 20px 0%;
	}

	#section8 form .g-recaptcha{
		position: relative;
		right: 0%;
	}

	#section8 form .submit{
		float: none;
		margin-right: 0px;
	}

	svg text{
		font-size: 9px;
	}
	svg{
		height: 550px!important;
	}
	svg text {
	  font-size: 10px;
	}
	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		height: 550px!important;
	}

	.chart-filters label{
		float: left;
	    padding-top: 5px;
	    width: auto;
	    clear: both;
	    min-width: 66px;
	}

	.chart-filters select{
		word-wrap: break-word;      /* IE*/
		white-space: -moz-pre-wrap; /* Firefox */
		white-space: pre-wrap;      /* other browsers */
		width:82%!important;
		display:inline-block;
		clear:both;
		min-height: 28px;
	}
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) { 
	html {
	  overflow-y: scroll !important;
		height: auto;
	}
	body, .onepage-wrapper, html {
	  display: block;
	  position: static;
	  padding: 0;
	  width: 100%;

	}	
	circle[class^='lollipop']{
	   r: 6px;
	}
	svg text{
		font-size: 12px;
	}
	svg{
		height: 650px!important;
		width: 100vw !important;
	}
	svg > g {
	  transform: translate(155px, 75px) !important;
	}
	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		height: 650px!important;
	}
	#section3 .content-chart .chart-wrapper , 
	#section5 .content-chart .chart-wrapper , 
	#section7 .content-chart .chart-wrapper{
	  width: 100%;
	}
	section:nth-child(1) {
	  background-position: 0 bottom, -100px 0px;
	}
	section:nth-child(3) { 
	  background-image: url(../images/cover-bottom.png), url(../images/section02.jpg);
	  background-repeat: no-repeat, no-repeat;
	  background-size:contain, cover;
  	background-position: 0 top, 0vw 0;
	  overflow: hidden;  
	}
	section:nth-child(5) {
	  background-position: -30vw 0vw;
	}
	section:nth-child(6) {
	  background-size:auto;
	}
	section:nth-child(7) {
	  background-position: -55vh 0;
	}
	section:nth-child(8) {
	  background-size: auto;
	}

	header {
	  box-shadow: 0px 0px 10px #748B78;
	}
	#section0 {
	  padding-top: 15vh;
	  height: 100vh;
	  font-size: 18px;
	}
	#section0 h1 {
	  font-size: 58px;
	}
	#section0 .content-form-home {
  	margin-top: 3vh;
  }
	.content-home {
	  padding-bottom: 25px;
	  width: 62%;
	  float: right;
    background-color: transparent;
	}
	#section1 .content-full {
	  padding: 20vh 0 0;
	  height: 80vh !important;
	}
  #section1 .content {
      width: 100%;
  } 
	#section1 .content ul li:nth-child(1) {
	  position: relative;
	  left: -14%;
	}
	#section1 .content ul li:nth-child(3) {
	  position: relative;
	  right: -14%;
	}
	#section1 .content ul li a {
	  font-size: 2.2rem;
	}
	#section1 .content .content-animation p {
	  opacity: 1;
	}
	#section1 .content ul {
	  margin: 15vh auto;
	}
	#section1 .content ul li a {
	  padding: 12vh 0 0 0;
	}
	#section1 .content .content-animation p {
	  opacity: 0;
	}
	#section2, #section4, #section6  {
	  padding-top: 20vh;
	  padding-bottom: 60vh;
	}
	#section2 .content, #section4 .content, #section6 .content {
	  width: 90%;
	 // opacity: 0;
	}
	#section6 h2 {
    margin: 2rem 0 1rem !important;
	}
	#section3, 
	#section5, 
	#section7 {
	  padding-top: 9em!important;
	  padding-bottom: 10em!important;
	}	
	#section3 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li a {
	  height: 52px;
	}
	#section3 .content-chart, 
	#section5 .content-chart, 
	#section7 .content-chart {
	  margin-top: 4rem;
	  float: left;
	  width: 100%;
	}
	#section3 .content-chart .chart-wrapper .legend, 
	#section5 .content-chart .chart-wrapper .legend, 
	#section7 .content-chart .chart-wrapper .legend {
	    margin-top:-6vh;
	}
	#section8 form .textfield-box .textfield {
	  width: 55%;
	}
	#section8 .cd-horizontal-timeline {
	  margin: 5em auto 8rem;
	}
	.cd-horizontal-timeline .timeline {
	  margin: 5rem auto 2rem;
	}
	footer ul.footer li:nth-child(3) {
	  float: right;
	  margin-right: 15px;
	}
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 
	html {
  	overflow-y: scroll !important;
		height: auto;
	}
	body, .onepage-wrapper, html {
	  display: block;
	  position: static;
	  padding: 0;
	  width: 100%;

	}
	circle[class^='lollipop']{
	   r: 8px;
	}
	svg text{
		font-size: 13px;
	}
	svg{
		height: 650px!important;
		width: 100vw !important;
		transform: translateX(-15px) !important;
	}
	svg > g{
		  transform: translate(155px, 75px) !important;
	}
	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		height: 650px!important;
	}
	#section3 .content-chart .chart-wrapper , 
	#section5 .content-chart .chart-wrapper , 
	#section7 .content-chart .chart-wrapper{
	  width: 100%;
	}
	section:nth-child(1) { 
    background-image: url(../images/cover-top.png), url(../images/section01x768.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
    background-position: 0 bottom, 0 0;
    overflow: hidden;    
	}
	section:nth-child(3) { 
	  background-image: url(../images/cover-bottom.png), url(../images/section02x768.jpg);
	  background-position: 0 top, 0vw 0;
	  background-size: contain, auto;
	}
	section:nth-child(5) {
	  background-position: -70vw 0vw;
	}
	section:nth-child(6) {
	  background-size:auto;
	}
	section:nth-child(7) {
	  background-position: -82vh 0;
	}
	section:nth-child(8) {
	  background-size: auto;
	}
	header {
	  width: 100%;
	}
	header #social-icons {
		position: relative;
	  right: 0;
	}
	#section0 {
	  padding-top: 20vh;
	  height: 100vh;
	  font-size: 18px;
	}
	#section0 h1 {
	  font-size: 58px;
	}
	#section0 p {
	  color: #000;
	}
	#section0 .content-form-home {
	  margin-top: 3vh;
	  color: #000;
	}
	.content-home {
		padding-bottom: 25px;
	  width: 71%;
	  float: right;
	  background-color: rgba(255, 255, 255, 0.6);
	}
	.start-link{
		display: block;
	  width: auto !important;
	}
	#section1 .content-full {
	  padding: 20vh 0 0;
	  height: 90vh;
	}
	section .content-full, section .content {
		padding-left:25px !important;
		padding-right:25px !important;
	}
	#section1 .content ul {
	  margin: 10rem auto;
	}
	#section1 .content ul li:nth-child(1) {
	  position: relative;
	  left: -14%;
	}
	#section1 .content ul li:nth-child(3) {
	  position: relative;
	  right: -14%;
	}
	#section1 .content ul li a {
	  font-size: 2.2rem;
	}
	#section1 .content .content-animation p {
	  opacity: 1;
	}
	#section2, #section6 {
	  padding-bottom: 50vh;
	  padding-top: 30vh;
	}
	#section4{
	  padding-bottom: 60vh;
	  padding-top: 0vh;
	}
	#section3, #section5, #section7 {
	  padding-top: 9em!important;
	  padding-bottom: 10em!important;
	}
	#section3 .chart-filters, 
	#section5 .chart-filters, 
	#section7 .chart-filters {
	  margin-top: 25px;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li a {
	  height: 52px;
	}
	#section3 .content-chart, 
	#section5 .content-chart, 
	#section7 .content-chart {
	  margin-top: 4rem;
	  float: left;
	  width: 100%;
	}
	#section3 .content-chart .chart-wrapper .chart-filters select, 
	#section5 .content-chart .chart-wrapper .chart-filters select, 
	#section7 .content-chart .chart-wrapper .chart-filters select, 
	#section3 .content-chart .chart-wrapper .chart-filters label, 
	#section5 .content-chart .chart-wrapper .chart-filters label, 
	#section7 .content-chart .chart-wrapper .chart-filters label{
	  margin-bottom: 15px;
	}
	#section3 .content-chart .chart-wrapper .legend, 
	#section5 .content-chart .chart-wrapper .legend, 
	#section7 .content-chart .chart-wrapper .legend {
	     margin-top: 1vh !important;
	     position: relative;
	     z-index: 99999;
	}
	#section8 .cd-horizontal-timeline {
	  margin: 5em auto 8rem;
	}
	.cd-horizontal-timeline .timeline {
	  margin: 5rem auto 2rem;
	}
	footer ul.footer li:nth-child(3) {
	  float: right;
	  margin-right: 15px;
	}
}

@media only screen 
and (min-width : 300px) 
and (max-width : 736px)
and (orientation : portrait) { 
	.highlighted text {
	  font-size: 9px;
	  fill: #eb8b0b !important;
	}
	header{
	  width: 100%;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
	}
	ul.onepage-pagination-mobile {
	  position: fixed;
	  top: 50%;
	  right: 10px;
	  z-index: 10;
	}
	body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
	  position: inherit;
	}
	header .logo a img {
	  width: 85px;
	}
	.nav-up {
	    top: -90px;
	}
	header h1{
		display: none;
	}
	header label{
		margin-right: 0px;
		display: none;
	}
	header #social-icons > li {
	  margin: 4px 30px;
	}
	header #social-icons > li a .label {
	  display: none;
	}
	header #social-icons .social-links {
	  right: 0%;
	}
	header select {
	  padding: 1rem 1rem 1rem 1rem;
	}
	header #social-icons {
	  padding-right: 0px;
	  width: auto;
	  padding: 0;
	}
	section:nth-child(1) {
	  background-size: contain, auto;
	   background-position: 0 bottom, 0 -40px;
	}
	section:nth-child(3) { 
	  background-image: url(../images/cover-bottom.png), url(../images/section02x2.jpg);
	  background-repeat: no-repeat, no-repeat;
	  background-size:contain, contain;
  	background-position: 0 top, 0vw 0;
	  overflow: hidden;  
	}
	section:nth-child(5) {
	  background-image: url(../images/section04x2.jpg);
	  background-repeat: no-repeat;
	  background-size: contain;
	  background-position: 0 0;
	  overflow: hidden;
	}
	section:nth-child(6) {
	  background-size:auto;
	}
	section:nth-child(7) {
		background-image: url(../images/section06x2.jpg);
		background-size: contain;
  	background-position:0vh 0;
	}
	section:nth-child(8) {
	  background-size: auto;
	}
	#section0 {
	  padding-top: 85px;
	  padding-bottom: 0px;
	  font-size: 16px;
	  min-height: 100vh;
	}
	#section0 h1 {
	  font-size: 30px;
	  background-color: rgba(255, 255, 255, 0.8);
	  margin-bottom:80px;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 95%;
	  margin-left: 5%;
	}
	#section0 p.nofloat{
	  padding: 0 5%;
	}
	#section0 .content-form-home {
	  margin-top: 0vh;
    padding: 0 5%;
  }
	#section0 .content-form-home .form-home-filters ul {
	  margin: 0;
	}
	.content-home {
		padding-bottom: 20px;
	  padding-top: 10px;
	  padding-right: 0;
	  padding-left: 0;
	  width: 100%;
	  margin: auto;
	  background: transparent !important;
	}
	#section0 .content-form-home .form-home-filters {
		//background: rgba(255, 255, 255, 0.9);
		padding: 15px 10px;
	  border-top: 0px solid #C1CD27;
	  margin-top: 0px;
	  margin-bottom: 16px;
	  background: #f2f2f2;
	}
	#section0 .content-form-home .form-home-filters ul li {
	  width: 100%;
	}
	#section0 .content-form-home .form-home-filters ul li select {
	  margin-bottom: 0rem;
	  background: transparent url(../images/select-arrow-lang.png) no-repeat right;
	}
	#section0 .content-form-home .form-home-filters ul li label {
	  display: block;
	  border-bottom: 2px solid #C1CD27;
	  font-size: 16px;
	  font-weight: 400;
	}
	#section0 .start-link a .fa-angle-down {
	  color: #000;
  }
	#section1 .content-full {
	  padding: 8rem 0 0;
	  height: 65vh !important;
	}
	#section1 .content ul li a {
	  font-size: 1.8rem;
	}
	#section1 .content {
	  font-size: 1.6rem;
	}
	#section1 .content .content-animation p {
	  opacity: 1;
	  position: relative;
	  font-size: 16px;
	}
	#section2, 
	#section4, 
	#section6 {
	  padding-top: 0vh;
	  padding-bottom:0vh;
	}
	#section6{
		min-height: 100vw;
	}
	#section2 .content, 
	#section4 .content, 
	#section6 .content {
	  background:transparent;
	  padding: 2rem 0;
	  font-size: 16px;
	}
	#section2 .content > .col-lg-offset-2.column, 
	#section4 .content > .col-lg-offset-2.column, 
	#section6 .content > .col-lg-offset-2.column {
	  padding: 0;
	}
	
	#section2 .content > .col-lg-offset-2.column p, 
	#section4 .content > .col-lg-offset-2.column p,  
	#section6 .content > .col-lg-offset-2.column p{
		padding: 0 5%;
		font-size: 16px;
	}
	#section2 h2, 
	#section4 h2 {
	  font-size: 42px;
	  background-color: rgba(255, 255, 255, 0.8);
	  margin: 8rem 0 49% !important;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 97%;
	  float: right;
	  clear: both;
	}
	#section6 h2 {
	  font-size: 42px;
	  background-color: rgba(255, 255, 255, 0.8);
    margin: 2rem 0 48% !important;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 97%;
	  float: right;
	  clear: both;
	}
	#section3 h2, 
	#section5 h2, 
	#section7 h2 {
		display: none;
	}

	#section7 {
	  padding-top: 0em!important;
	  padding-bottom:7em!important;
	}
	#section5 {
	  padding-top: 0em!important;
	  padding-bottom: 2em!important;
	}
	#section3{
	  padding-top: 0em!important;
		padding-bottom: 5em!important;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li a {
	  height: 52px;
	}
	#section3 .content-chart, 
	#section5 .content-chart, 
	#section7 .content-chart {
	  margin-top: 5rem;
	  float: left;
    padding: 0 10px 0 0;
	  width: 100%;
	}
	#section3 .content-chart .chart-wrapper , 
	#section5 .content-chart .chart-wrapper , 
	#section7 .content-chart .chart-wrapper{
	  width: 120%;
	}
	#section3 .content-chart .chart-wrapper .chart-position, 
	#section5 .content-chart .chart-wrapper .chart-position, 
	#section7 .content-chart .chart-wrapper .chart-position{
		width: 100%;
		margin-top: -6vh;
		height: auto;
	}	
	svg {
	  height: 500px!important;
	  width: 100% !important;
	}
	#section3 .content-chart .chart-wrapper .legend, 
	#section5 .content-chart .chart-wrapper .legend, 
	#section7 .content-chart .chart-wrapper .legend {
		margin-top: -20px;
		margin-left: 0%;
		 width: 100%;
	}
	#section3 .content-chart .chart-wrapper .legend ul li, 
	#section5 .content-chart .chart-wrapper .legend ul li, 
	#section7 .content-chart .chart-wrapper .legend ul li {
		display: inline-block;
		text-align: left;
		margin: 0.5rem auto;
		width: auto !important;
		clear: both;
		max-width: 100%;
	}
	#section3 .chart-filters, 
	#section5 .chart-filters, 
	#section7 .chart-filters {
	  width: 100%;
	  border-radius: 0;
	  margin-left: 0%;
	}
	#section3 .content-chart .chart-wrapper .chart-filters label, 
	#section5 .content-chart .chart-wrapper .chart-filters label, 
	#section7 .content-chart .chart-wrapper .chart-filters label {
	  margin: 0;
	}
	#section3 .content-chart .chart-wrapper .chart-filters select, 
	#section5 .content-chart .chart-wrapper .chart-filters select, 
	#section7 .content-chart .chart-wrapper .chart-filters select {
  	background: url(../images/select-arrow.png) no-repeat 80% 0px !important;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation {
	  width: 82%;
	  padding: 0;
	  margin: 0;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2), 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2), 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2) {
	  width: auto;
	  max-width: 86%;
	  top: 0px;
	  position: relative;
	}
	#section7 .content-chart .chart-wrapper h3 {
	  width: 100%;
	}
	#section8 {
  margin-top: 1em;
	}
	#section8 .subscription .report-img {
	  width: auto;
	  margin: auto;
	  float: none;
	  text-align: center;
	}
	#section8 .download-report {
	  margin: 20px 10%;
	  width: 80%;
	}
	#section8 .download-report a {
	  padding: 10px 10px;
	}
	#section8 form .check-items li label {
	  display: inline-block;
	  width: auto;
	  vertical-align: text-top;
	  font-size: 14px;
	  font-weight: 400;
	  padding-left: 5px;
	  width: 90%;
	}
	#section8 form .textfield-box .textfield {
	  width: 100%;
	}
	.initial {
  width: 4299px !important;
	  transform: translateX(-3850px);
	  z-index: 2;
	}
	.cd-horizontal-timeline ul, 
	.cd-horizontal-timeline ol {
	  list-style-type: none;
	  padding: 0;
	}
	#section8 .cd-horizontal-timeline {
	  margin: 5em auto 8rem;
	}
	.cd-horizontal-timeline .timeline {
	  margin: 5rem auto 2rem;
	}
	.cd-horizontal-timeline .events-content h2.no-month{
	  font-size: 24px;
	  width: 100%;
	  text-align: left;
	}
	footer ul.footer {
	  list-style: none;
	  padding: 0;
	}
	footer ul.footer li {
	  display: inline-block;
	  width: auto;
	  padding-right: 5px;
	  color: #FFF;
	  position: relative;
	  top: 4px;
	}
	footer ul.footer li:nth-child(3) {
	  float: right;
	  margin-right: 0;
	}
	.chart-filters select {
	  width: 100%!important;
	  display: block;
	}
	.go-to {
	  right: 10px;
	}
}

@media only screen 
and (min-width : 300px) 
and (max-width : 736px)
and (orientation : landscape) { 
	.highlighted text {
	  font-size: 9px;
	  fill: #eb8b0b !important;
	}
	header{
	  width: 100%;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
	}
	ul.onepage-pagination-mobile {
	  position: fixed;
	  top: 50%;
	  right: 10px;
	  z-index: 10;
	}
	body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
	  position: inherit;

	}
	header .logo a img {
	  width: 85px;
	}
	.nav-up {
	    top: -90px;
	}
	header h1{
		display: none;
	}
	header label{
		margin-right: 0px;
		display: none;
	}
	header #social-icons > li {
	  margin: 4px 30px;
	}
	header #social-icons > li a .label {
	  display: none;
	}
	header #social-icons .social-links {
	  right: 0%;
	}
	header select {
	  padding: 1rem 1rem 1rem 1rem;
	}
	header #social-icons {
	  padding-right: 0px;
	  width: auto;
	  padding: 0;
	}
	section:nth-child(1) {
	  background-size: contain, auto;
	   background-position: 0 bottom, 0 -40px;
	}
	section:nth-child(3) { 
	  background-image: url(../images/cover-bottom.png), url(../images/section02x2.jpg);
	  background-repeat: no-repeat, no-repeat;
	  background-size:contain, contain;
  	background-position: 0 top, 0vw 0;
	  overflow: hidden;  
	}
	section:nth-child(5) {
	  background-image: url(../images/section04x2.jpg);
	  background-repeat: no-repeat;
	  background-size: contain;
	  background-position: 0 0;
	  overflow: hidden;
	}
	section:nth-child(6) {
	  background-size:auto;
	}
	section:nth-child(7) {
		background-image: url(../images/section06x2.jpg);
		background-size: contain;
  	background-position:0vh 0;
	}
	section:nth-child(8) {
	  background-size: auto;
	}
	#section0 {
	  padding-top: 85px;
	  padding-bottom: 0px;
	  font-size: 16px;
	  min-height: 100vh;
	}
	#section0 h1 {
	  font-size: 30px;
	  background-color: rgba(255, 255, 255, 0.8);
	  margin-bottom:80px;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 95%;
	  margin-left: 5%;
	}
	#section0 p.nofloat{
	  padding: 0 5%;
	}
	#section0 .content-form-home {
	  margin-top: 0vh;
    padding: 0 5%;
  }
	#section0 .content-form-home .form-home-filters ul {
	  margin: 0;
	}
	.content-home {
		padding-bottom: 20px;
	  padding-top: 10px;
	  padding-right: 0;
	  padding-left: 0;
	  width: 100%;
	  margin: auto;
	  background: transparent !important;
	}
	#section0 .content-form-home .form-home-filters {
		//background: rgba(255, 255, 255, 0.9);
		padding: 15px 10px;
	  border-top: 0px solid #C1CD27;
	  margin-top: 0px;
	  margin-bottom: 16px;
	  background: #f2f2f2;
	}
	#section0 .content-form-home .form-home-filters ul li {
	  width: 100%;
	}
	#section0 .content-form-home .form-home-filters ul li select {
	  margin-bottom: 0rem;
	  background: transparent url(../images/select-arrow-lang.png) no-repeat right;
	}
	#section0 .content-form-home .form-home-filters ul li label {
	  display: block;
	  border-bottom: 2px solid #C1CD27;
	  font-size: 16px;
	  font-weight: 400;
	}
	#section0 .start-link a .fa-angle-down {
	  color: #000;
  }
	#section1 .content-full {
	  padding: 8rem 0 0;
	  height: 80vh;
	}
	#section1 .content ul li a {
	  font-size: 1.8rem;
	}
	#section1 .content {
	  font-size: 1.6rem;
	}
	#section1 .content .content-animation p {
	  opacity: 1;
	  position: relative;
	  font-size: 16px;
	}
	#section2, 
	#section4, 
	#section6 {
	  padding-top: 0vh;
	  padding-bottom:0vh;
	  background-size: 100%;
	  min-height: 40vw;
	}
	#section2 .content, 
	#section4 .content, 
	#section6 .content {
	  background:transparent;
	  padding: 2rem 0;
	  font-size: 16px;
	}
	#section2 .content > .col-lg-offset-2.column, 
	#section4 .content > .col-lg-offset-2.column, 
	#section6 .content > .col-lg-offset-2.column {
	  padding: 0;
	}
	
	#section2 .content > .col-lg-offset-2.column p, 
	#section4 .content > .col-lg-offset-2.column p,  
	#section6 .content > .col-lg-offset-2.column p{
		padding: 0 5%;
		font-size: 16px;
	}
	#section2 h2 {
	  font-size: 42px;
	  background-color: rgba(255, 255, 255, 0.8);
	  margin: 8rem 0 38rem !important;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 97%;
	  float: right;
	  clear: both;
	}
	#section4 h2 {
	  font-size: 42px;
	  background-color: rgba(255, 255, 255, 0.8);
	  margin: 8rem 0 44rem !important;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 97%;
	  float: right;
	  clear: both;	
	}
	#section6 h2 {
	  font-size: 42px;
	  background-color: rgba(255, 255, 255, 0.8);
    margin: 8rem 0 44rem !important;
	  position: relative;
	  padding: 10px 10px 10px 5%;
	  width: 97%;
	  float: right;
	  clear: both;
	}
	#section3 h2, 
	#section5 h2, 
	#section7 h2 {
		display: none;
	}

	#section7 {
	  padding-top: 0em!important;
	  padding-bottom:7em!important;
	}
	#section5 {
	  padding-top: 0em!important;
	  padding-bottom: 0em!important;
	}
	#section3{
	  padding-top: 0em!important;
		padding-bottom: 5em!important;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li a, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li a {
	  height: 52px;
	}
	#section3 .content-chart, 
	#section5 .content-chart, 
	#section7 .content-chart {
	  margin-top: 5rem;
	  float: left;
    padding: 0 10px 0 0;
	  width: 100%;
	}
	#section3 .content-chart .chart-wrapper , 
	#section5 .content-chart .chart-wrapper , 
	#section7 .content-chart .chart-wrapper{
	  width: 120%;
	}
	#section3 .content-chart .chart-wrapper .chart-position, 
	#section5 .content-chart .chart-wrapper .chart-position, 
	#section7 .content-chart .chart-wrapper .chart-position{
		width: 100%;
		margin-top: -6vh;
		height: auto;
	}	
	svg {
	  height: 500px!important;
	  width: 100% !important;
	}
	#section3 .content-chart .chart-wrapper .legend, 
	#section5 .content-chart .chart-wrapper .legend, 
	#section7 .content-chart .chart-wrapper .legend {
		margin-top: -20px;
		margin-left: 0%;
		width: 83%;
	}
	#section3 .content-chart .chart-wrapper .legend ul li, 
	#section5 .content-chart .chart-wrapper .legend ul li, 
	#section7 .content-chart .chart-wrapper .legend ul li {
	  display: inline-block;
	  text-align: center;
	  margin: 0.5rem 0;
		width: 100%;
		clear: both;
		max-width: 100%;
	}
	#section3 .chart-filters, 
	#section5 .chart-filters, 
	#section7 .chart-filters {
	  width: 100%;
	  border-radius: 0;
	  margin-left: 0%;
	}
	#section3 .content-chart .chart-wrapper .chart-filters label, 
	#section5 .content-chart .chart-wrapper .chart-filters label, 
	#section7 .content-chart .chart-wrapper .chart-filters label {
	  margin: 0;
	}
	#section3 .content-chart .chart-wrapper .chart-filters select, 
	#section5 .content-chart .chart-wrapper .chart-filters select, 
	#section7 .content-chart .chart-wrapper .chart-filters select {
  	background: url(../images/select-arrow.png) no-repeat 80% 0px !important;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation {
	  width: 82%;
	  padding: 0;
	  margin: 0;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2), 
	#section5 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2), 
	#section7 .content-chart .chart-wrapper ul.chart-navigation li:nth-child(2) {
	  width: auto;
	  max-width: 86%;
	  top: 0px;
	  position: relative;
	}
	#section7 .content-chart .chart-wrapper h3 {
	  width: 80%;
	}
	#section8 {
  margin-top: 1em;
	}
	#section8 .subscription .report-img {
	  width: auto;
	  margin: auto;
	  float: none;
	  text-align: center;
	}
	#section8 .download-report {
	  margin: 20px 10%;
	  width: 80%;
	  text-align: center;
	}
	#section8 form .textfield-box .textfield {
	  width: 100%;
	}
	#section8 form .check-items li label {
	  display: inline-block;
	  width: auto;
	  vertical-align: text-top;
	  font-size: 14px;
	  font-weight: 400;
	  padding-left: 5px;
	  width: 90%;
	}
	.initial {
  width: 4299px !important;
  transform: translateX(-3850px);
	  z-index: 2;
	}

	.cd-horizontal-timeline ul, 
	.cd-horizontal-timeline ol {
	  list-style-type: none;
	  padding: 0;
	}
	#section8 .cd-horizontal-timeline {
	  margin: 5em auto 8rem;
	}
	.cd-horizontal-timeline .timeline {
	  margin: 5rem auto 2rem;
	}
	.cd-horizontal-timeline .events-content h2.no-month{
	  font-size: 24px;
	  width: 100%;
	  text-align: left;
	}
	footer ul.footer {
	  list-style: none;
	  padding: 0;
	}
	footer ul.footer li {
	  display: inline-block;
	  width: auto;
	  padding-right: 5px;
	  color: #FFF;
	  position: relative;
	  top: 4px;
	}
	footer ul.footer li:nth-child(3) {
	  float: right;
	  margin-right: 0;
	}
	.chart-filters select {
	  width: 100%!important;
	  display: block;
	}
	.go-to {
	  right: 10px;
	}
}

@media only screen 
and (max-width : 640px) {
	svg > g{
		  transform: translate(125px, 75px) !important;
	}
	.cd-horizontal-timeline .events-content h2.no-month{
	  font-size: 24px !important;
	}	
	svg{
		height: 600px!important;
	}

	svg text {
	  font-size: 9px;
	}
	#section3 .content-chart .chart-wrapper, #section5 .content-chart .chart-wrapper, #section7 .content-chart .chart-wrapper{
		height: 600px!important;
		width: 100% !important;
	}
	#section8 form .textfield-box .textfield {
	  width: 100%;
	  padding: 13px 12px;
	  font-style: italic;
	}
	#section8 .cd-horizontal-timeline .events-content {
	  overflow: visible;
	}
	#section8 .cd-horizontal-timeline .events-content .feature {
	  position: initial;
	  border-left: 0px;
	  padding-left: 0rem;
	  min-height: auto;
	}
}

@media only screen 
and (min-width : 440px) 
and (max-width:500px){
	#section2 h2 {
	   margin: 7rem 0 23rem;
	}
	#section4 h2 {
	   margin: 7rem 0 28rem;
	}
	#section6 h2 {
	  margin: 7rem 0 28rem;
	}	
}

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

	section:nth-child(7) {
	  background-position: 0 -10vh;
	}
	#section1 .content-full {
	  height: 100vh;
	}
	#section1 .content ul li a {
	  font-size: 1.6rem;
	}
	#section2 h2, #section4 h2 {
	  font-size: 32px;
	  width: 95%;
	  margin: 2rem 0 19rem;
	}
	#section6 h2 {
	  font-size: 32px;
	  width: 95%;
	  margin: 2rem 0 11rem;
	}
	#section3 {
	  padding-top: 0em!important;
		padding-bottom: 8em!important;
	}
	#section3 .content-chart .chart-wrapper ul.chart-navigation, 
	#section5 .content-chart .chart-wrapper ul.chart-navigation, 
	#section7 .content-chart .chart-wrapper ul.chart-navigation {
	  width: 100%;
	  padding: 0;
	  margin: 0;
	}
	#section3 .content-chart .chart-wrapper,
	#section7 .content-chart .chart-wrapper {
	  		width: 100% !important;
	}
	#section5 .content-chart .chart-wrapper{
				width: 100% !important;
	}
	#section5 .content-chart .chart-wrapper .chart-position {
	  width: 100%;
	  margin-top: -6vh;
	  height: auto;
	}
	#section3 .content-chart .chart-wrapper .legend,
	#section7 .content-chart .chart-wrapper .legend {
	    margin-top: -40px !important;
	}

	#section5 {
	  padding-top: 0em!important;
	  padding-bottom: 5em!important;
	}
	#section5 .content-chart .chart-wrapper .legend {
	  margin-top: -40px !important;
	}
	#section5 .content-chart .chart2#chart52 {
	  margin-bottom: 25vh;
	}
}

@media only screen 
and (max-width : 320px){
	#section1 .content-full {
	  padding: 8rem 0 0;
	  height: 100vh !important;
	}	
}

@media only screen 
and (min-width : 1024px) 
and (max-width : 1280px) 
and (orientation : portrait) {
	section:nth-child(3) {
	  background-image: url(../images/cover-bottom.png), url(../images/section02.jpg);
	  background-position: 0 top, -60vw 0;
	  background-size: contain, cover;
	}
}

@media screen 
and (max-width : 767px) 
and (min-height:731px){
	.start-link{
		display: block;
		height: auto;
	}
	#section0 .start-link {
	  position: absolute;
	  bottom: 0;
	  left: 40%;
	}
}

@media screen and (min-height:732px) and (max-height:820px){
	#section1 .content-full {
	  height: 60vh;
	}
	#section6 h2 {
	  margin: 2rem 0 35%;
	}
	#section8 .cd-horizontal-timeline {
	  margin: 2em auto 5rem;
	}
	footer ul.footer {
	  padding: 0 10px;
	}
	#section8 .download-report, #section8 .subscription-intro  {
	  font-size: 16px;
	}
	#section8 .cd-horizontal-timeline .timeline-intro {
	  font-size: 16px;
	}
}

@media screen and (max-height:731px){
	.start-link{
		display: none;
		height: auto;
	}
}

@media screen and (max-height:460px){
	svg > g{
		  transform: translate(110px, 75px) !important;
	}
	section:nth-child(3) {
	  background-position: 0 top, 0vw -17vh;
	}
	section:nth-child(7) {
	  background-position: 0 top, 0vw -10vh;
	}
	#section0 h1 {
	    margin-bottom: 107px;
	}
	#section1 .content-full {
	  padding: 8rem 0 0;
	  height: 110vh;
	}
	#section1 .content ul li a {
	  padding: 15vh 0 0 0;
	}
	#section3 {
	  padding-top: 0em!important;
	  padding-bottom: 10em!important;
	}
	#section5 {
	  padding-top: 0em!important;
	  padding-bottom: 7em!important;
	}
	#section7 {
	  padding-top: 0em!important;
	  padding-bottom: 12em!important;
	}
	#section3 .content-chart .chart-wrapper, 
	#section5 .content-chart .chart-wrapper, 
	#section7 .content-chart .chart-wrapper {
	  width: 100%;
	}
	#section2 h2, #section4 h2, #section6 h2 {
	  font-size: 32px;
	  margin: 0 0 0;
	}
	#section6 h2 {
	  font-size: 32px;
	   margin: 9rem 0 65%;
	}
}