/*

font-family: "sofia-pro",sans-serif;
font-family: 'Josefin Sans', sans-serif;

/////// CSS INDEX ///////////

- rxx  / GENERIC
- rxx  / COLOR PALETTE
- rxx  / HEADER - NAV
- rxx  / FOOTER
- rxxx / HOME SLIDER
- rxxx / HOME INTRO
- rxxx / HOME BOX
- rxxx / SLIDER ACTIVIST
- rxxx / ACTIVIST INSIDE
- rxxx / MODAL
- rxxx / ZOOM
- rxxx / MEDIA QUERIES

*/
@import url('http://fonts.googleapis.com/css?family=Josefin+Sans:400,300,300italic,400italic,600,600italic,700,700italic');


a:hover, a:focus{
  text-decoration: none;
}
/* GENERIC */
italic{font-style: italic;}
.no-hor{
  overflow-x:hidden;
}
.home-table {
   display: table;
   width:100%;
   height: 100%;
}
.home-cell {
   display: table-cell;
   vertical-align: middle;
}
.home-cell-bot {
   display: table-cell;
   vertical-align: bottom;
}
.top-margin{margin-top:70px;}
.margin-bottom{margin-bottom:60px;}

.offset-0 {
    padding-left: 0;
    padding-right: 0;
}

.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}

/* COLOR PALETTE */

.txt-cyan{color:#0199d6} 
.txt-purple{color:#79257d;} 
.txt-yellow{color:#f6ab1c;} 
.txt-grey{color:#939598;} 
.txt-black{color:#565656;}
.txt-white{color:#fff;}

.back-light-grey{background:#f2f2f2;} 
.back-cyan{background:#0199d6}
.back-purple{background:#79257d}
.back-yellow{background:#f6ab1c}
.back-black{background:#2c2c2b}
.back-black2{background:#282727}

.vertical-border{
  border-right: 1px solid #fff;
}

.splitBg-cp{
  background-color:#0199d6;
  position:relative;
  overflow:hidden;
}
.splitBg-cp:after{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  content:"";
  display:block;
  height:100%;
  background-color:#79257d;
  z-index:1;
}

.splitBg-pp{
  background-color:#79257d;
  position:relative;
  overflow:hidden;
}
.splitBg-pp:after{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  content:"";
  display:block;
  height:100%;
  background-color:#79257d;
  z-index:1;
}

.splitBg-py{
  background-color:#79257d;
  position:relative;
  overflow:hidden;
}
.splitBg-py:after{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  content:"";
  display:block;
  height:100%;
  background-color:#f6ab1c;
  z-index:1;
}

.splitBg-bt{
  background-color:#2c2c2b;
  position:relative;
  overflow:hidden;
}
.splitBg-bt:after{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  content:"";
  display:block;
  height:100%;
  background-color:transparent;
}

.splitBg-by{
  background-color:#f6ab1c;
  position:relative;
  overflow:hidden;
}
.splitBg-by:after{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  content:"";
  display:block;
  height:100%;
  background-color:transparent;
}

/* HEADER - NAV */

body{font-family: "sofia-pro",sans-serif;color:#565656;}
.navbar-inverse {
  background-color: #fff;
  border-color: #fff;
}
.navbar-inverse .navbar-brand {
  color: #0199d6;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #79257d;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #79257d;
}
.navbar-inverse .navbar-nav{
  margin-top:8px;
  padding-bottom: 21px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #565656;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #79257d;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > li > a.active:hover,
.navbar-inverse .navbar-nav > li > a.active:focus,
.navbar-inverse .navbar-nav > li > a.contribuisci:hover,
.navbar-inverse .navbar-nav > li > a.contribuisci:focus,
.footer-menu ul li a.active {
  color: #79257d;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #0199d6;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #0199d6;
}
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #565656;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #fff;
}
.navbar-inverse .navbar-nav > .open,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #79257d;
  background-color: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
}
.navbar-right{
  padding-right: 27px;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 0 35px;
  font-size: 18px;
  line-height: 22px;
  margin: -36px;
}
.navbar-brand img{
  width: 350px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.navbar-inverse .caret {
  margin-top:-4px;
}

.dropdown-menu {
  position: absolute;
  top: 155%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "sofia-pro",sans-serif;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #565656;
  white-space: nowrap;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  text-transform: uppercase;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #79257d;
  text-decoration: none;
  background-color: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #79257d;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
}

.lang{
  margin: 35px -15px 0 0;
  float: right;
}
.lang li{
  display: inline-block;
  font-size: 13px;
  color: #939598;
  font-weight: 100;
  letter-spacing: 1px;
}
.lang li a{
  font-size: 13px;
  color: #939598;
  font-weight: 100;
  letter-spacing: 1px;
}
.lang li a:hover,
.lang li a:focus{
  color: #0f2f7e;
}
.social{
  margin: 27px 18px 0 0;
  float: right;
}
.social li{
  display: inline-block;
  font-size: 24px;
  margin:0 3px 0 3px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
}
.social li a{
  font-size: 12px;
  color: #939598;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
}
.social li a i{
  display: inline-block;
  font-size: 16px;
  color: #939598;
}
.social li a:hover i, .lang li a:hover, .social li a:hover, .social li a:focus, .social li a:focus i, .lang li a:focus{color:#0199d6;text-decoration: none;}

/* FOOTER */

footer.footer{
  padding-top:3%;
  padding-bottom: 3%;
}
footer.footer p{
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  line-height: 200%;
  font-size: 16px;
}
footer.footer p a{
  color:#939598;
}
footer.footer p strong{
  font-weight: 400;
}
footer.footer .social-footer{margin: -10px 0 0 0;}
footer.footer .social-footer li{
  margin: 0;
  list-style: none;
}
footer.footer .social-footer li a{
  color:#939598;
  list-style: none;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  line-height: 200%;
  font-size: 16px;
}
footer.footer .social-footer li a:hover, footer.footer .social-footer li a:focus, footer.footer p a:hover, footer.footer p a:focus{
  text-decoration: none;
  color: #79257d;
}

/* HOME SLIDER */

.ms-fullscreen-template{
  min-height: 250px;
}
.master-slider{
  height: 100%;
}

/* HOME INTRO */

.home-intro{
  padding: 10% 0 10% 0;
}
.reco-intro{
  padding: 16% 0 16% 0;
}
.home-intro h1{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
  margin:15px 0 4px 0;
}
.home-intro h2{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  margin:90px 0 4px 0;
}
.download-intro{
  padding: 10% 0 10% 0;
}
.download-intro h1{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  margin-bottom:10px;
}
.download-intro h2{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
  margin-bottom:10px;
  border-bottom: 1px solid #f2f2f2;
}
.fact h3{
  color: #56565;
  font-size: 16px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  vertical-align: middle;
  line-height: 28px;
}
.fact h3 span {margin-left: 10px}
.fact h3 span a i{
  color: #565656;
  font-weight: 100;
  vertical-align: middle;
  line-height: 24px;
  font-size: 18px;
  margin: 0 3px 0 3px;
}
.fact h3 span a i.icon-mail{
  font-size: 14px;
  margin:0;
}
.fact h3 span a:hover i{
  color:#0199d6;
}
.panel-title a{
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  font-size: 20px;
  line-height: 26px;
}
.panel-title a:hover, .panel-title a:focus{
  color: #007bac;
}
.panel-heading .txt-yellow a:hover{
  color: #cc901e;
}
.home-intro p{
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  width: 90%;
}
.download-intro ul{
  margin: 0 0 60px -17px;
}
.download-intro p, .download-intro ul li a, .download-intro ul li{
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  width: 90%;
  color:#565656;
}
.download-intro ul li a:hover, .download-intro ul li a:focus{
  color: #79257d;
  text-decoration: none;
}

/* HOME PANEL ACCORDION */

.panel-group{
  margin:0 0 0 0;
}
.panel {
  margin-bottom: 10px;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.panel-body {
  padding: 15px 0 15px 0;
}
.panel-heading {
  padding: 30px 0 30px 0;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 0;
}
.panel-default {
  border-color: transparent;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: transparent;
  border-color: transparent;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: transparent;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-body ul{
  margin: -6px 0 0 -18px;
}
.panel-body ul li{
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  width: 90%;
  margin-bottom:15px;
}

/* HOME CAROUSEL */

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a .home-box h1,
.nav-pills > li.active > a .home-box h2,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: transparent;
}
.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: transparent;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.carousel-inner > .item {
  padding: 120px 0 120px 0;
}

.carousel-inner > .item h2{
  width: 85%;
  margin-top:11%;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 35px;
}
.home-graph-title{
  font-size: 18px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  margin-bottom:40px;
}

#tabs1, #tabs2, #tabs3, #tabs4{
  padding: 5% 0 8% 0;
}

#tab-container h4{
  font-family: "sofia-pro",sans-serif;
  font-weight: 400;
  font-size: 80px;
  line-height: 86px;
  margin: 0;
}
#tab-container h4.small{
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 100px;
  line-height: 35px;
  margin-top:60px;
}
#tab-container h2{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  width: 90%;
}
#tab-container h2.inside{
  font-family: "sofia-pro",sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  width: 90%;
}
#tab-container h3{
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 22px;
}
#tab-container h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 17px;
  line-height: 25px;
  margin-top:40px;
}
#tab-container ul.list-data-home{
  margin: 0 0 0 -39px;
}
#tab-container ul.list-data-home li{
  display: inline-block;
  vertical-align: top;
  margin: 0 1% 0 0;
  width: 22%;
}
#tab-container ul.list-data-home li h1{
  color: #fff;
  font-size: 80px;
  margin: 0;
}
#tab-container ul.list-data-home li h2{
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
}
.title-in-tab{
  margin-left:2.5%;
  text-transform: uppercase;
}
.margin-left-border{
  margin-left: 12%;
  width: 87%;
}

/* HOME BOX */

.home-box-start{
  min-height: 10px;
  /*float: left;
  width: 50%;*/
  padding-top: 5%;
  padding-bottom: 10%;
  z-index:2;
}
.home-box-start-data{
  min-height: 10px;
  /*float: left;
  width: 50%;*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top:12px;
  padding-bottom:10px;
  z-index:99;
  background:#f6ab1c;
}
.home-box-start h1{
  font-size: 70px;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  margin: 20px 0 0 0;
}
.home-box-start h2{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  margin: 5px 0 8px 4px;
}
.home-box-start-data h1{
  font-size: 50px;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  line-height: 1.2;
}
.home-box-start-data h2{
  font-size: 24px;
  line-height: 1.2;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  margin: 4px 0 4px 4px;
}
.home-box-start h3{
  font-size: 20px;
  color: #fff;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  margin: 4px 0 0 0;
}

.home-box-start2{
  min-height: 10px;
  /*float: left;
  width: 50%;*/
  padding-top: 5%;
  padding-bottom: 10%;
  z-index:2;
}
.home-box-start2 h1{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 90px;
  margin: 40px 0 0 0;
  text-transform: uppercase;
}
.home-box-start2 h2{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  margin: 0 0 0 4px;
  font-style: italic;
}

.home-box{
  min-height: 10px;
  /*float: left;
  width: 50%;*/
  padding-top: 5%;
  padding-bottom: 5%;
  z-index:2;
}
.home-box h1{
  font-size: 200px;
  color: #4e1a50;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  width: 85%;
}
.home-box h2{
  font-size: 20px;
  line-height: 31px;
  color: #4e1a50;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  width: 85%;
}
.embed .home-box h2{
  font-weight: 100;
  font-family: 'Josefin Sans', sans-serif;
}
#tab-container .home-box h2{
  font-size: 25px;
  line-height: 31px;
  color: #4e1a50;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  width: 90%;
}
#tab-container ul li.tab a:hover .home-box h2, #tab-container ul li.tab a:active .home-box h2{
  color:#fff;
}
#tab-container ul li.active a:hover .home-box h2, #tab-container ul li.active a .home-box h2, #tab-container ul li.active a .home-box h1{
  color: #f6ab1c;
}

.home-box-r{
  min-height: 10px;
  /*float: left;
  width: 50%;*/
  padding-top: 5%;
  padding-bottom: 5%;
  z-index:2;
}
.home-box-r h1{
  font-size: 200px;
  color: #fff;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  width: 85%;
  margin-left:6%;
}
.home-box-r h2{
  font-size: 30px;
  color: #fff;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  width: 85%;
  margin-left:6%;
}
.home-read-more{
  color: #f6ab1c;
  font-size: 20px;
  display: inline-block;
  margin-top:60px;
}
.home-read-more img{max-width: 80px;}
.home-read-more:hover{
  color: #0199d6;
  text-decoration: none;
}

.home-box a:hover, .home-box a:focus, .home-box-r a:hover, .home-box-r a:focus, .home-box-start a:hover, .home-box-start a:focus, .home-box-start2 a:hover, .home-box-start2 a:focus{
  text-decoration: none;
}

.back-purple a:hover h1, .back-purple a:hover h2{
  color: #fff;
}
.back-cyan a:hover h1, .back-cyan a:hover h2, .back-cyan a:hover h3{
  color: #007bac;
}
.home-box-start a:hover h2, .home-box-start2 a:hover h2{
  color: #fff;
}
.back-yellow a:hover h1, .back-yellow a:hover h2{
  color: #cc901e;
}

/* SECTION PART */

section.section-infog{
  padding: 2% 0 0 0;
}
section.section-part{
  padding: 5% 0 10% 0;
}
section.section-part h1{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  margin-bottom:40px;
}
section.section-part ul{
  margin: 0 0 0 -20px;
}
section.section-part p, section.section-part ul li{
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  /*width: 90%;*/
}
section.section-part a{
  margin-top:20px;
  display: inline-block;
  font-size: 20px;
  color: #0199d6;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "sofia-pro",sans-serif;
}
section.section-part a img{
  max-width: 40px;
}
section.section-part a:hover, section.section-part a:focus{
  text-decoration: none;
  color: #f6ab1c;
}
section.section-part h2{
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
  /*width: 90%;*/
}
section.section-part h3{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-size: 34px;
  line-height: 40px;
  /*width: 90%;*/
}
section.section-part h3 strong{
  font-weight: 600;
}

.padding-bottom{
  padding-bottom:5%;
}

.part-title{
  margin-top:200px;
}
.part-title h1{
  font-size: 100px;  
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  line-height: 100%;
  margin: 0;
}
.part-title h2{
  color: #fff;
  font-size: 48px;
  line-height: 120%;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  margin: 0;
}
.part-title-chapter{
  margin-top:155px;
}
.part-title-chapter h1{
  font-size: 200px;  
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  line-height: 100%;
  margin: 0;
}
.part-title-chapter h2{
  color: #fff;
  font-size: 48px;
  line-height: 120%;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  margin: 0;
}
.part-title h3{
  color: #fff;
  font-size: 23px;
  line-height: 29px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.part-title h3.subtitle{
  color: #fff;
  font-size: 46px;
  line-height: 52px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.part-title h4{
  color: #fff;
  font-size: 20px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  width: 60%;
  text-transform: uppercase;
  float: left;
  margin-top:90px;
}
.part-title h5{
  color: #fff;
  font-size: 40px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-top:20%;
}
.part-title h6{
  color: #fff;
  font-size: 20px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  text-transform: uppercase;
}
.part-title h3 strong{
  font-weight: 700;
}
.part-title-embed h5{
  color: #fff;
  font-size: 30px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-top:20%;
}
.part-title-embed h6{
  color: #fff;
  font-size: 14px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 200;
  width: 80%;
}
.data-part{
  margin-top:220px;
}
.part-download{
  border-top:1px dotted #fff;
  border-bottom:1px dotted #fff;
  padding-top:20px;
  padding-bottom: 10px;
  margin-top:200px;
}
.part-download ul{
  border-bottom:1px dotted #fff;
  padding-bottom: 10px;
}
.part-download ul li{
  margin-bottom:14px;
  line-height: 22px;
}
.part-download ul li a i{
  font-size: 22px;
  vertical-align: middle;
  line-height: 22px;
}
.part-download ul li a{
  color: #fff;
  font-size: 13px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  vertical-align: middle;
  line-height: 28px;
}
.part-download ul li a:hover, .part-download ul li a:focus, .part-download h3 span a:hover i, .part-download h3 span a:focus{
  color: #0199d6;
  text-decoration: none;
}
.part-download h3{
  color: #fff;
  font-size: 16px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  vertical-align: middle;
  line-height: 28px;
}
.part-download h3 span {margin-left: 10px}
.part-download h3 span a i{
  color: #fff;
  font-weight: 100;
  vertical-align: middle;
  line-height: 28px;
  font-size: 25px;
  margin: 0 3px 0 3px;
}
.part-download h3 span a i.icon-mail{
  font-size: 19px;
  margin:0;
}
.infog-source p{
  color: #fff;
  text-align: center;
  padding-bottom: 80px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 12px;
  width: 100%;
}
.section-part .infog-source p{
  color: #565656;
  text-align: left;
  margin-top:20px;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 12px;
  line-height: 18px;
}
.section-part h1.graph-title{
  font-weight: 400;
  font-family: "sofia-pro",sans-serif;
  font-size: 16px;
  margin: 0 0 5px 0;
  line-height: 22px;
}
.section-part h2.graph-title{
  font-weight: 100;
  font-family: "sofia-pro",sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
}

/*  SLIDER ACTIVIST  */

.blackbox{
  position: absolute;
  width:100%;
  height: 569px;
  margin:0;
  z-index:2;
  background: #2c2c2b;
}
.blackbox h1{
  font-weight: 100;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 20px 0;
  font-family: 'Josefin Sans', sans-serif;
  font-style: italic;
}
.blackbox h1 img{
  max-width: 80px;
}
.blackbox h2{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}
.blackbox h3{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 24px;
  line-height: 30px;
  margin: 15px 0 15px 0;
  font-style: italic;
}
.blackbox h4{
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  font-family: "sofia-pro",sans-serif;
}
.blackbox a:hover, .blackbox a:focus, .blackbox a:hover h2, .blackbox a:hover h3, .blackbox a:hover h4{
  text-decoration: none;
}
.blackbox a:hover h2{
  color: #0199d6;
}
.blackbox a:hover h3{
  color: #fff;
}

.yellowbox{
  position: absolute;
  width:100%;
  height: 569px;
  margin:0;
  z-index:2;
  background: #f6ab1c;
}
.yellowbox h1{
  font-weight: 100;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 20px 0;
  font-family: 'Josefin Sans', sans-serif;
  font-style: italic;
}
.yellowbox h2{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  text-transform: uppercase;
}
.yellowbox h3{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 24px;
  line-height: 30px;
  margin: 15px 0 15px 0;
  font-style: italic;
}
.yellowbox h4{
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  font-family: "sofia-pro",sans-serif;
}
.yellowbox a:hover, .yellowbox a:focus, .yellowbox a:hover h2, .yellowbox a:hover h3, .yellowbox a:hover h4{
  text-decoration: none;
}
.yellowbox a:hover h2{
  color: #fff;
}
.yellowbox a:hover h3{
  color: #0199d6;
}


.arrow-right {
  position: absolute;
  left:103%;
  width: 0; 
  height: 0; 
  border-top: 284px solid transparent;
  border-bottom: 284px solid transparent;
  border-left: 284px solid #2c2c2b;
  z-index:1;
  height: 568px;
  z-index: 2;
}
.arrow-righty {
  position: absolute;
  left:103%;
  width: 0; 
  height: 0; 
  border-top: 284px solid transparent;
  border-bottom: 284px solid transparent;
  border-left: 284px solid #f6ab1c;
  z-index:1;
  height: 568px;
  z-index: 2;
}
#arrow-slider{
  position: relative;
  color: #fff;
  z-index: 2;
  margin-top:72%;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 30px;
}
#arrow-slider #prev{
  float: left;
}
#arrow-slider #prev:hover, #arrow-slider #next:hover{
  color: #79257d;
  text-decoration: none;
  cursor: pointer;
}
#arrow-slider #next{
  float: left;
  margin-left: 40px;
}
#arrow-slider2{
  position: relative;
  color: #fff;
  z-index: 2;
  margin-top:74%;
  font-family: "sofia-pro",sans-serif;
  font-weight: 100;
  font-size: 30px;
}
#arrow-slider2 #prev2{
  float: left;
}
#arrow-slider2 #prev2:hover, #arrow-slider2 #next2:hover{
  color: #79257d;
  text-decoration: none;
  cursor: pointer;
}
#arrow-slider2 #next2{
  float: left;
  margin-left: 40px;
}
#slider1-wrapper{
  z-index: 1;
}

/*  ACTIVIST INSIDE  */

section.section-activist{
  padding: 10% 0 10% 0;
}
section.section-activist-title{
  padding: 4% 0 3% 0;
}
section.section-video{
  padding: 2% 0 0 0;
}
section.section-activist p{
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  width: 90%;
}
.activist-title{
  width: 40%;
  margin:0 0 0 0;
  background: rgba(255, 255, 255, 0.2);
  padding: 20px
}
.section-activist-title .activist-title{
  width: 100%;
  margin:120px 0 0 30px;
  background: transparent;
  padding: 0px;
}
.activist-title h2{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  font-size: 65px;
  line-height: 71px;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  color: #fff;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);*/
}
.section-activist-title .activist-title h2{
  color: #fff;
}
.activist-title h1{
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  font-style: italic;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);*/
}
.activist-title h1 img{
  max-width: 110px;
}
.activist-title h3{
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  margin: 0 0 20px 0;
  font-family: 'Josefin Sans', sans-serif;
  font-style: italic;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);*/
  letter-spacing: 1px;
}
#masterslider .activist-caption{
  width: 100%;
}
#masterslider2 .activist-caption{
  width: 40%;
}
.read-more-story{
  margin-bottom:150px;
}
.activist-caption h1{
  font-family: "sofia-pro",sans-serif;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);*/
  font-size: 12px;
  line-height: 20px;
  margin-bottom:60px;
}
.content p.story-credits{
  font-size: 12px;
  line-height: 18px;
  border-top: 1px solid #565656;
  margin-top:20px;
  padding-top: 20px;
}
.content p.story-credits a{color: inherit;}
.content p.story-credits a:hover,.content p.story-credits a:focus{color: #0199d6;text-decoration: none;}
.share-inside{
  border-bottom:1px dotted #939598;
  border-top:1px dotted #939598;
  padding-bottom: 10px;
  margin-top:10px;
}
.share-inside h3{
  color: #939598;
  font-family: "sofia-pro",sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 16px;
  line-height: 48px;
  vertical-align: middle;
}
.share-inside h3 span a{
  color: #939598;
  vertical-align: middle;
  line-height: 48px;
  font-size: 25px;
}
.share-inside h3 span a i{
  color: #939598;
  vertical-align: middle;
  line-height: 48px;
  font-size: 25px;
  margin-right: 8px;
  margin-top:-10px;
}
.share-inside h3 span a i.icon-mail{
  font-size: 18px;
  margin-top:-12px;
  margin-left: -2px;
  display: inline-block;
}
.share-inside h3 span{
  margin-left:20px;
}
.video-story{
  margin: 30px 0 80px 0;
  border-bottom:1px dotted #939598;
  padding-bottom: 30px;
}
.video-story h1{
  font-size: 20px;
  line-height: 26px;
  margin-bottom:10px;
  font-weight: 100px;
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
}
.video-story ul{
  margin: 0 0 0 -39px;
}
.video-story ul li{
  list-style: none;
  font-weight: 100px;
  font-size:20px;
  line-height: 30px;
}
.video-story ul li a{
  color:#0199d6;
  font-weight: 100px;
  font-size:20px;
  line-height: 26px;
  font-weight: 100px;
  font-family: 'Josefin Sans', sans-serif;
}
.video-story ul li a:hover, .video-story ul li a:focus{color:#79257d;text-decoration: none;} 
.back{
  margin-top:20px;
  padding: 20px;
  text-align: right;
  height: 56px;
  margin-right: -20px;
  font-size: 16px;
  margin-bottom:150px;
}
.back h3{
  background: #0199d6;
  float: right;
  margin: 0;
  width: 93%;
  height: 76px;
  vertical-align: middle;
  padding-right: 20px;
  padding-top: 29px;
  color: #fff;
  font-size: 16px;
  font-weight: 200;
  font-family: "sofia-pro",sans-serif;
  text-transform: uppercase;
}
.back h3 strong{font-weight: 700;}

.back a {
    background: #0199d6;
    border: none;
    display: inline-block;
    height: 53px;
    line-height: 53px;
    position: relative;
    text-decoration: none;
    width: 100%;
    font-weight: 200;
    font-family: "sofia-pro",sans-serif;
    padding-right: 10px;
}

.back a:before{
    background: #0199d6;
    border: none;
    content: '';
    display: block;
    height: 38px;
    left: -19px;
    position: absolute;
    top: 7px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 38px;
}
.back a button {
    color: #fff;
    background: none;
    border: none;
    font-weight: 200;
    position: relative;
    height: 50px;
    line-height: 50px;
}
.back a button strong{
  font-weight: 700;
}
.back a:hover button{
  color: #79257d;
}
.arrow-left {
  float: left;
  width: 0; 
  padding: 0;
  margin-left:-14.9px;
  height: 0; 
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-right: 38px solid #0199d6;
  z-index:1;
  height: 38px;
}
.quote{
  margin-top:10px;
  text-align: right;
  font-weight: 100;
}
.quote h1{
  font-weight: 400;
  font-family: 'Josefin Sans', sans-serif;
  /*text-decoration: underline;*/
}


/*  MODAL  */

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-content {
  position: relative;
  background-color: transparent;
  background-clip: none;
  border: 0;
  border: 0;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.info-container h1{
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  font-family: "sofia-pro",sans-serif;
}
#myModal4 .info-container h1{
  font-size: 26px;
  line-height: 32px;
  font-weight: 100;
  font-family: 'Josefin Sans', sans-serif;
}
.info-container{
  width: 500px;
  margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
  text-align: center;
}
.info-container ul{
  margin: 0;
  padding: 0;
}
.info-container ul li{
  list-style: none;
  padding: 0;
  margin: 15px 0 15px 0;
}
.info-container ul li a{
  font-size:22px;
  line-height: 28px;
  color: #2c2c2b;
  font-weight: 200;
  font-family: "sofia-pro",sans-serif;
}
.info-container ul li a:hover, .info-container ul li a:focus{
  text-decoration: none;
  color: #0199d6;
}
.info-container a.closem{
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-family: "sofia-pro",sans-serif;
  color: #0199d6;
  display: inline-block;
  margin-top:60px;
}
.info-container a.closem:hover, .info-container a.closem:focus{
  color: #2c2c2b;
  text-decoration: none;
}

/*  TIMELINE  */

.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 16px;
  background: url(../img/vline.jpg) no-repeat;
  left: 50%;
  margin-left: -8px;
  }

.timeline > li {
  margin-bottom: 20px;
  position: relative;
  text-align: right;
  }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
  }

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
  }

.timeline > li:after {
  clear: both;
  }

.timeline > li > .timeline-panel {
  width: 50%;
  float: left;
  position: relative;
  padding: 0 0 0 0;
  min-height: 120px;
  }

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timelineo{
  margin: 0 0 0 -60px;
}
.timelineo:before {
  top: 15px;
  left: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 78%;
  background: url(../img/oline.jpg) no-repeat;
  margin-left: 28px;
  height: 15px;
}
.timelineo > li{
  list-style: none;
}
.timelineo > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
    text-align: center;
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  }
.timelineo > li > .timeline-body{
  margin: 70px 0 0 26px;
  position: absolute;
  width: 250%;
  }
.timelineo > li > .timeline-body p{
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  }

.timeline > li > .timeline-badge:hover {
  color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 2em;
    text-align: center;
    position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -40px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timelineo > li > .timeline-badge:hover {
  color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 2em;
    text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -40px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted{
  text-align: left;
  }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  width: 44.5%;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }

.timeline-badge.tb1 {
    background-color: #FBAB18 !important;
  }
.txt-t1{color: #FBAB18 !important;}
.timeline-badge.tb2 {
    background-color: #FBAB18 !important;
  }
.txt-t2{color: #FBAB18 !important;}
.timeline-badge.tb3 {
    background-color: #CA7E5A !important;
  }
.txt-t3{color: #CA7E5A !important;}
.timeline-badge.tb4 {
    background-color: #B46A68 !important;
  }
.txt-t4{color: #B46A68 !important;}
.timeline-badge.tb5 {
    background-color: #9C4678 !important;
  }
.txt-t5{color: #9C4678 !important;}
.timeline-badge.tb6 {
    background-color: #9463A6 !important;
  }
.txt-t6{color: #9463A6 !important;}
.timeline-badge.tb7 {
    background-color: #7B75B4 !important;
  }
.txt-t7{color: #7B75B4 !important;}
.timeline-badge.tb8 {
    background-color: #4464AD !important;
  }
.txt-t8{color: #4464AD !important;}
.timeline-badge.tb9 {
    background-color: #009DDC !important;
  }
.txt-t9{color: #009DDC !important;}
.timeline-badge.tb10 {
    background-color: #009DDC !important;
  }
.txt-t10{color: #009DDC !important;}

.txt-t1, .txt-t2, .txt-t3, .txt-t4, .txt-t5, .txt-t6, .txt-t7, .txt-t8, .txt-t9, .txt-t10{
  display: none;
  }
.timeline-badge:hover {
  cursor: pointer;
  }


.timeline-title {
    margin-top: 0;
    color: inherit;
  }

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
  }

.timeline-body > p {
    margin-top: 5px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
}

.download-booklet a{
  font-family: 'Josefin Sans', sans-serif;
    color: #fff;
  font-size: 30px;
  }
.download-booklet a:hover, .download-booklet a:focus{
  color: #0199d6;
  text-decoration: none;
}

.download-booklet-lg a{
  font-family: 'Josefin Sans', sans-serif;
    color: #fff;
  font-size: 18px;
  }
.download-booklet-lg a:hover, .download-booklet-lg a:focus{
  color: #0199d6;
  text-decoration: none;
  }

.chapter-nav{
  padding:3% 0 4% 0;
  text-transform: uppercase;
  }
.prev-chapter{
  border-right: 1px solid #565656;
  }
.prev-chapter a{
  font-size: 24px;
  line-height: 30px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
  }
.next-chapter a{
  font-size: 24px;
  line-height: 30px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 100;
}
.next-chapter a:hover, .next-chapter a:focus, .prev-chapter a:hover,  .prev-chapter a:focus{
  text-decoration: none;
  color: #79257d;
} 
#logo{
  width: 360px;
  margin-top:10px;
}
.fact{
  margin: 40px 0 40px 0;
}

.embed-title {
  margin-bottom:40px;
}
.embed-title h1{
  font-size: 25px;
  font-weight: bold;
}
.embed-title h1 strong{
  text-transform: uppercase;
  display: block;
  margin: 0 0 8px 0;
}
.embed-title h2{
  font-size: 20px;
}
.embed-title h3{
  font-size: 15px;
  font-weight: bold;
  margin: 40px 0 0 0;
}
.embed-title h4.graph-title img{
  width: 25px;
}
.embed-title h4.graph-title{
  font-weight: 100;
  font-family: "sofia-pro",sans-serif;
  font-size: 12px;
  line-height: 22px;
  font-style: italic;
}

/*  MEDIA QUERIES  */

@media only screen and (max-width : 1500px) {
  .ms-caption{
    padding: 0 60px 0;
  }
  #masterslider .part-title{
    margin: 200px 0 0 40px;
  }
  #masterslider .activist-title{
    margin: 0 0 0 40px;
  }
  #arrow-slider, #arrow-slider2{
    margin-top:90%;
  }
  .part-title{
    margin: 200px 0 0 0px;
  }
  .part-download{
    margin-right: 40px;
  }
  .part-title h3{
    color: #fff;
    font-size: 21px;
    line-height: 27px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 8px 0;
  }
  .part-title h3.subtitle{
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
  }
  .timeline > li > .timeline-body p{
    font-size: 17px;
    line-height: 24px;
  }
  .timelineo > li > .timeline-body p{
    font-size: 17px;
    line-height: 24px;
  }
  .download-booklet-lg a{
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 14px;
  }
}
@media only screen and (max-width : 1200px) {
  #masterslider5 .ms-slide{
    margin-left: -600px;
    min-width: 160%;
  }
  #masterslider5 .ms-slide img{padding-left:400px;}
  .timelineo:before {
    top: 15px;
    left: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 78%;
    background: url(../img/oline-1200.jpg) no-repeat;
    margin-left: 28px;
    height: 15px;
  }
  #arrow-slider, #arrow-slider2{
    margin-top:102%;
  }
  
  .activist-title h2{
    font-size: 45px;
    line-height: 51px;
    margin: 0 0 15px 0;
  }
  .activist-title h1{
    font-size: 28px;
    line-height: 35px;
    margin: 0 0 20px 0;
    width: 90%;
  }
  .activist-title h3{
    font-size: 32px;
    line-height: 38px;
  }
  .part-title h3{
    color: #fff;
    font-size: 19px;
    line-height: 25px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 8px 0;
  }
  .part-title h3.subtitle{
    color: #fff;
    font-size: 38px;
    line-height: 44px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
  }
  .timeline > li > .timeline-body p{
    font-size: 15px;
    line-height: 21px;
  }
  .timelineo > li > .timeline-body p{
    font-size: 15px;
    line-height: 21px;
  }
  .download-booklet-lg a{
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 14px;
  }
  .download-booklet{
    text-align: center;
  }
}

@media only screen and (max-width : 1090px){
  .navbar-brand img{
    width: 280px;
    margin-top:14px;
  }
  #logo{
    width: 300px;
    margin-top:22px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .download-intro ul{
    margin: 0 0 -20px -17px;
  }
  .home-box h1{
    width: 100%;
    text-align: center;
  }
  .home-box h2{
    width: 100%;
    text-align: center;
  }
  .home-box-r h1{
    width: 100%;
    text-align: center;
    margin-left:0%;
  }
  .home-box-r h2{
    width: 100%;
    text-align: center;
    margin-left:0%;
  }
  .blackbox, .yellowbox{
    position: absolute;
    width:91%;
    height: 530px;
    text-align: center;
  }
  .blackbox h1, .yellowbox h1{
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 20px 0;
  }
  .blackbox h2, .yellowbox h2{
    font-size: 30px;
    line-height: 36px;
  }
  .blackbox h3, .yellowbox h3{
    font-size: 30px;
    line-height: 36px;
  }
  .blackbox h4, .yellowbox{
    font-size: 30px;
    line-height: 36px;
  }
  #arrow-slider{
    color: #fff;
    z-index: 2;
    margin-top:45%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 30px;
    width: 120px;
    padding-bottom: 20px;
  }
  #arrow-slider2{
    color: #fff;
    z-index: 2;
    margin-top:48%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 30px;
    width: 120px;
    padding-bottom: 20px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 12px;
  }
  #masterslider .part-title{
    margin: 165px 0 0 40px;
  }
  .part-title{
    margin-top:165px;
  }
  .part-title h1{
    font-size: 200px;
  }
  .part-title h2{
    font-size: 30px;
    width: 80%;
  }
  .part-title-chapter h1{
    font-size: 200px;
  }
  .part-title-chapter h2{
    font-size: 30px;
    width: 80%;
  }
  .part-title-embed h5{
    font-size: 20px;
    margin-top:20%;
  }
  .part-title-embed h6{
    font-size: 12px;
    width: 80%;
  }
  .part-download{
    margin-top: 100px;
    padding-bottom:10px;
  }
  .part-download ul li a i{
    font-size: 32px;
    line-height: 32px;
  }
  .part-download ul li a{
    font-size: 14px;
    line-height: 34px;
  }
  .part-download h3{
    font-size: 14px;
    line-height: 34px;
  }
  .part-download h3 span {margin-left: 10px}
  .part-download h3 span a i{
    line-height: 38px;
    font-size: 18px;
  }
  .part-download h3 span a i.icon-mail{
    font-size: 16px;
    margin:0;
  }
  .part-download-mobile{
    margin-left:40px;
    margin-top: 40px;
  }
  .part-download-mobile ul li a i{
    font-size: 22px;
    line-height: 22px;
    color: #fff;
  }
  .part-download-mobile ul li a{
    font-size: 14px;
    line-height: 34px;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    color: #fff;
  }
  .part-download-mobile h3{
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    margin: -10px 0 0 4px;
    font-family: "sofia-pro",sans-serif;
    font-weight:400;
  }
  .part-download-mobile h3 span {margin-left: 10px}
  .part-download-mobile h3 span a i{
    line-height: 38px;
    font-size: 18px;
    color: #fff;
  }
  .part-download-mobile h3 span a i.icon-mail{
    font-size: 16px;
    margin:0;
    color: #fff;
  }
  .part-title h3{
    font-size: 17px;
    line-height: 23px;
  }
  .part-title h3.subtitle{
    font-size: 30px;
    line-height: 36px;
  }
  .part-title-embed h5{
    font-size: 20px;
    margin-top:20%;
  }
  .part-title-embed h6{
    font-size: 12px;
    width: 80%;
  }
  .share-inside{
    width: 100%;
    margin-bottom:30px;
  }
  .share-inside h3{
    font-size: 14px;
    line-height: 44px;
  }
  .share-inside h3 span a{
    line-height: 42px;
    font-size: 22px;
  }
  .share-inside h3 span a i{
    line-height: 42px;
    font-size: 22px;
    margin-right: 4px;
    margin-top:-10px;
  }
  .share-inside h3 span a i.icon-mail{
    font-size: 16px;
    margin-top:-12px;
    margin-left: -2px;
    display: inline-block;
  }
  .share-inside h3 span{
    margin-left:20px;
  }
  .share-inside{
    float: left;
    width: 40%;
  }
  .back{
    float: right;
    width: 55%;
    margin:10px 0 100px 0;
  }
  .back a {
    font-size: 13px
  }
  .quote{
    margin-top:50px;
    margin-bottom:50px;
    text-align: left;
    display: block;
    clear: both;
  }
  .quote h1{
    font-size: 25px
  }
  .activist-title{
    width: 45%;
    margin:0 0 0 10px;
  }
  .activist-title h2{
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }
  .activist-title h1{
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px 0;
  }
  .activist-title h3{
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 20px 0;
  }
  #masterslider5, #masterslider6{
    height: 100px;
  }
  #tab-container .home-box h2{
    font-size: 22px;
    line-height: 28px;
    color: #4e1a50;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    width: 90%;
  }
  .navbar-brand img{
    width: 220px;
    margin-top:25px;
  }
  #logo{
      width: 250px;
      margin-top:25px;
    }
  .vertical-border{
    border-right: 0;
    border-bottom: 1px solid #fff;
  }
  .margin-left-border{
    margin-left: 0%;
    width: 100%;
    margin-top:40px;
  }
  .home-read-more{
    margin-bottom:40px;
  }
  #tab-container .home-box h2{
    font-size: 25px;
    line-height: 31px;
    color: #4e1a50;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    width: 100%;
  }
  .home-box h1{
    font-size: 160px;
  }
  .home-box-start h1{
    font-size: 60px;
  }
  .home-box-start2 h1{
    font-size: 64px;
  }
  .embed-title {
    margin-bottom:40px;
  }
  .embed-title h1{
    font-size: 22px;
    font-weight: bold;
  }
  .embed-title h2{
    font-size: 20px;
  }
  .embed-title h3{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 0 0;
  }
  .embed-title h4.graph-title img{
    width: 22px;
  }
  .embed-title h4.graph-title{
    font-weight: 100;
    font-family: "sofia-pro",sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-style: italic;
  }
  .home-box-start-data h1{
    font-size: 40px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    line-height: 1.2;
  }
  .home-box-start-data h2{
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    margin: 4px 0 4px 4px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
  .home-box-start-data h1{
    font-size: 30px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    line-height: 1.2;
  }
  .home-box-start-data h2{
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    margin: 4px 0 4px 4px;
  }
  footer.footer{
    padding-top:6%;
    padding-bottom: 6%;
  }
  footer.footer p{
    font-size: 13px;
  }
  footer.footer .social-footer li a{
    font-size: 13px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 10px;
  }
  .social{
    margin: 22px 18px 0 0;
  }
  .social li{
    font-size: 16px;
  }
  .social li a{
    font-size: 12px;
  }
  .social li a i{
    font-size: 16px;
  }
  #arrow-slider{
    color: #fff;
    z-index: 2;
    margin-top:60%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 30px;
    width: 120px;
    padding-bottom: 20px;
  }
  #arrow-slider2{
    color: #fff;
    z-index: 2;
    margin-top:68%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 30px;
    width: 120px;
    padding-bottom: 20px;
  }
  .blackbox{
    height: 600px;
  }
  .yellowbox{
    height: 700px;
  }
  #masterslider5, #masterslider6{
    height: 100px;
  }
  .navbar-brand img{
    width: 200px;
    margin-top:28px;
  }
  #logo{
      width: 240px;
      margin-top:25px;
    }
  .home-box h1{
    font-size: 130px;
  }
  #tab-container .home-box h2{
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width : 767px) {
  section.section-activist-title{
    padding: 0;
  }
  .section-activist-title .activist-title{
    width:90%;
    margin:120px 0 0 10px;
    background: transparent;
    padding: 0px;
  }
  .prev-chapter a{
    font-size: 18px;
    line-height:24px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
  }
  .next-chapter a{
    font-size:18px;
    line-height: 24px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
  }
  .home-box-start h1{
    font-size: 25px;
  }
  .home-box-start2 h1{
    font-size: 29px;
  }
  .home-box-start h2, .home-box-start2 h2{
    font-size: 15px;
  }
  .home-box-start h3{
    font-size: 12px;
  }
  .home-box h1{
    font-size: 100px;
  }
  .home-box h2{
    font-size: 20px;
  }
  .home-box-r h1{
    font-size: 100px;
  }
  .home-box-r h2{
    font-size: 20px;
  }
  .home-intro h1{
    font-size: 20px;
    line-height: 26px;
  }
  .home-intro p{
    font-size: 16px;
    line-height: 22px;
    width: 100%;
  }
  .download-intro h1{
    font-size: 20px;
    line-height: 26px;
  }
  .download-intro p{
    font-size: 16px;
    line-height: 22px;
    width: 100%;
  }
  .blackbox, .yellowbox{
    position: absolute;
    width:91%;
    height: 390px;
    text-align: center;
  }
  .blackbox h1, .yellowbox h1{
    font-size: 18px;
    line-height: 23px;
    margin: 0 0 20px 0;
  }
  .blackbox h2, .yellowbox h2{
    font-size: 18px;
    line-height: 23px;
  }
  .blackbox h3, .yellowbox h3{
    font-size: 18px;
    line-height: 23px;
  }
  .blackbox h4, .yellowbox h4{
    font-size: 18px;
    line-height: 23px;
  }
  #arrow-slider{
    color: #fff;
    z-index: 2;
    margin-top:49%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width: 90px;
    padding-bottom: 20px;
  }
  #arrow-slider2{
    color: #fff;
    z-index: 2;
    margin-top:49%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width: 90px;
    padding-bottom: 20px;
  }
  .social{
    margin: 16px 18px 0 0;
  }
  .social li{
    font-size: 12px;
    display: block;
    text-align: right;
  }
  .social li a{
    font-size: 10px;
  }
  .social li a i{
    font-size: 12px;
  }
  .navbar-brand{
    margin-top:8px;
  }
  .navbar-brand img{
    width: 200px;
    margin-top:7px;
    margin-left:10px;
  }
  #logo{
    width: 250px;
    margin-top:9px;
    margin-left:10px;
  }

  .navbar-toggle {
    position: relative;
    float: right;
    padding: 19px 0px 20px 0;
    margin-top: 10px;
    margin-right: 35px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 0;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .navbar-collapse .navbar-nav{
    text-align: center;
    margin-top:20px;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 100%;
    color: #565656;
    white-space: nowrap;
    font-family: "sofia-pro",sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
  }
  .dropdown-menu > li > a:hover{
    color: #79257d;
  }
  section.section-part h1{
    font-size: 22px;
    line-height: 28px;
    margin-bottom:40px;
  }
  section.section-part p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
    width: 90%;
  }
  section.section-part h2{
    font-size: 30px;
    line-height: 36px;
    width: 90%;
    margin-bottom:170px;
  }
  section.section-activist p{
    font-size: 16px;
    line-height: 22px;
    width: 100%;
  }
  .activist-title{
    width: 55%;
  }
  .activist-title h2{
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px 10px;
  }
  .activist-title h1{
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px 0;
  }
  .activist-title h1{
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 20px 0;
  }
  #tab-container ul.list-data-home li{
    width: 100%;
  }
  ul.timeline:before {
      left: 40px;
  }

  ul.timeline > li > .timeline-panel, .timeline > li.timeline-inverted > .timeline-panel {
    float: left;
    max-width: 60%;
    margin:20px 0 0 100px;
    text-align: left;
    min-height: 95px;
  }
  ul.timeline > li > .timeline-panel {
      width: calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: -webkit-calc(100% - 90px);
  }

  ul.timeline > li > .timeline-badge {
      left: 15px;
      margin-left: 0;
      top: 16px;
  }
  ul.timeline > li > .timeline-badge:hover {
      left: 0px;
      margin-left: 0;
      top: 16px;
  }

  ul.timeline > li > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
  }
  #masterslider .part-title{
    margin: 110px 0 0 10px;
  }
  .part-title{
    margin:110px 0 0 10px;
  }
  .part-title h3{
    font-size: 15px;
    line-height: 21px;
  }
  .part-title h3.subtitle{
    font-size: 24px;
    line-height: 30px;
  }
  .panel-title a{
    font-size: 16px;
    line-height: 21px;
  }
  .panel-body ul li{
    font-size: 16px;
    line-height: 21px;
  }
  .download-booklet{
    text-align: left;
  }
  .part-title h5{
    color: #fff;
    font-size: 20px;
    font-family: "sofia-pro",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-top:20%;
  }  
  .part-title-embed h5{
    font-size: 18px;
    margin-top:20%;
  }
  .part-title-embed h6{
    font-size: 12px;
    width: 80%;
  }
  .embed-title {
    margin-bottom:40px;
  }
  .embed-title h1{
    font-size: 18px;
    font-weight: bold;
  }
  .embed-title h2{
    font-size: 18px;
  }
  .embed-title h3{
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 0 0;
  }
  .embed-title h4.graph-title img{
    width: 18px;
  }
  .embed-title h4.graph-title{
    font-weight: 100;
    font-family: "sofia-pro",sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-style: italic;
  }
  .part-title-embed h5{
    font-size: 18px;
    margin-top:20%;
  }
  .part-title-embed h6{
    font-size: 12px;
    width: 80%;
  }
  .home-box-start-data h1{
    font-size: 18px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    line-height: 1.2;
  }
  .home-box-start-data h2{
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    margin: 4px 0 4px 4px;
  }
}

/*  ZOOM  */

.zoom img::selection { background-color: #fff; }
#ex1 { margin-right:5px; background-color: #fff;}
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }
#ex1 span, #ex2 span { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif; }

/*  MEDIA QUERIES  */


@media only screen and (max-width : 598px) {
  .blackbox, .yellowbox{
    position: absolute;
    width:91%;
    height: 420px;
    text-align: center;
  }
   #arrow-slider{
    color: #fff;
    z-index: 2;
    margin-top:76%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width: 70px;
    padding-bottom: 20px;
  }
  #arrow-slider2{
    color: #fff;
    z-index: 2;
    margin-top:76%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width: 70px;
    padding-bottom: 20px;
  }
  .part-title h1{
    font-size: 120px;
  }
  .part-title h2{
    font-size: 20px;
    width: 80%;
  }
  .part-title-chapter h1{
    font-size: 120px;
  }
  .part-title-chapter h2{
    font-size: 20px;
    width: 80%;
  }
  .part-title h3{
    font-size: 18px;
  }
  .activist-title{
    width: 70%;
    float: left;
  }
  .activist-title h2{
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px 0;
  }
  .activist-title h1{
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 20px 0;
  }
  .activist-title h3{
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 20px 0;
  }
  .share-inside{
    float: none;
    width: 100%;
  }
  .back{
    float: right;
    width: 100%;
    margin:10px -20px 100px 0;
  }
  .info-container{
    width: 200px;
    margin: auto;
      top: 0; left: 0; bottom: 0; right: 0;
    text-align: center;
  }
  .info-container h1{
    font-size: 18px;
    line-height: 24px;
  }
  .info-container ul li a{
    font-size:15px;
    line-height: 21px;
  }
  .info-container a.closem{
    font-size: 13px;
    line-height: 19px;
  }
  #masterslider5{
    height: 30px;
  }
  #masterslider .part-title{
    margin: 110px 0 0 10px;
  }
  .part-title{
    margin:110px 0 0 10px;
  }
  .part-title h3{
    font-size: 13px;
    line-height: 19px;
  }
  .part-title h3.subtitle{
    font-size: 20px;
    line-height: 26px;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  .navbar-brand img{
    width: 220px;
    margin-top:0px;
  }
  .social{
    display: none;
  }
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 0px 10px 0;
    margin-top: 17px;
    margin-right: 35px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
  }
   #arrow-slider{
    color: #fff;
    z-index: 2;
    margin-top:120%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width:70px;
    padding-bottom: 20px;
  }
  #arrow-slider2{
    color: #fff;
    z-index: 2;
    margin-top:90%;
    margin-left: auto;
    margin-right: auto;
    font-family: "sofia-pro",sans-serif;
    font-weight: 100;
    font-size: 20px;
    width:70px;
    padding-bottom: 20px;
  }
  section.section-part h2{
    font-size: 26px;
    line-height: 32px;
    width: 90%;
    margin-bottom:110px;
  }
  #masterslider5, #masterslider6{
    height: 100px;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


.controls{
  padding: 2%;
  background: #333;
  color: #fff;
}

label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}

button{
  display: inline-block;
  padding: .4em .8em;
  background: #666;
  border: 0;
  color: #ddd;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
}

button.active{
  background: #68b8c4;
}

button:focus{
  outline: 0 none;
}

button + label{
  margin-left: 1em;
}



#mixit .mix{
  display: none;
}

.download{
    text-align: center;   
    margin: 0 0 20px 0; 
    background: #fbfafa;
    border: 4px solid #fbfafa;
}
.download a img{
    margin: 0 0 8px 0;
}
.download:hover{
    background: #f1f1f1;
}
.download a h1{
    font-size: 15px;
    line-height: 25px;
    color: #333132;
    font-weight: 400;
    margin: 0;
    padding:10px 0;
}
.download h2{
    font-size: 10px;
    line-height: 28px;
    color: #333132;
    font-weight: 400;
    margin: 0;
    padding:0;
}

.st_email {
  cursor: pointer;
}

.sideactive {
  opacity: 1;
}

.embed-nav{
  padding: 5px 10px 10px 10px;
  z-index: 99999;
}
.embed-nav img{
  width: 180px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
.embed-nav.white img{
  border-bottom: 1px solid #000;
}
.embed-nav.white a{
  display: block;
  margin: 2px 0 0 34px;
  font-size: 10px;
  color: #000; 
  font-weight: 100;
  text-transform: uppercase;
}
.embed-nav a{
  display: block;
  margin: 2px 0 0 34px;
  font-size: 10px;
  color: #fff; 
  font-weight: 100;
  text-transform: uppercase;
}

#container{
  margin-top:50px;
}

.cont-svg{
  width: 100%;
  height: inherit;
  padding-top: 140%;
  position: relative;
}
.cont-svg2{
  width: 100%;
  height: inherit;
  padding-top: 60%;
  position: relative;
}
.cont-svg2a{
  width: 100%;
  height: inherit;
  padding-top: 60%;
  position: relative;
}
.cont-svg2b{
  width: 100%;
  height: inherit;
  padding-top: 68%;
  position: relative;
}
.cont-svg3{
  width: 100%;
  height: inherit;
  padding-top: 140%;
  position: relative;
}
.cont-svg4{
  width: 100%;
  height: inherit;
  padding-top: 160%;
  position: relative;
}
.cont-svg5{
  width: 100%;
  height: inherit;
  padding-top: 2%;
  position: relative;
}
.cont-svg6{
  width: 100%;
  height: inherit;
  padding-top: 30%;
  position: relative;
}
svg {
  position: absolute;
  top: 0;
  left: 0;
}
#wsvg{
  width: 100%;
  height: inherit;
  padding-top:67%;
  position: relative;
}

#mapcontainer {
    height: 600px;
    width: 100%;
    margin: 0;
}
#info {
    position: absolute;
    width: 450px;
    bottom: 100px;
    right: 100px;
    border:0;
    background: #f5f5f5;
    padding: 20px;
    height: inherit;
}
#info h2 {
    display: inline;
    font-size: 13pt;
}
#info .f32 .flag {
    vertical-align: bottom !important;
}

#info h4 {
    margin: 1em 0 0 0;
}
#info img {
    height:50px;
    width: 45px;
    float: left;
}
.amcharts-map-area {
  -webkit-transition: -webkit-transform .5s cubic-bezier(0,.45,.15,2);
  -webkit-transform-origin: 50% 50%;
  transition: transform .5s cubic-bezier(0,.45,.15,2);
  transform-origin: 50% 50%;
}

#postclick{
  font-family: "sofia-pro";
  font-weight: bold;
  color: #79257d;
  text-transform: uppercase;
}
#postclick:hover{
  text-decoration: none;
  color: #0199d6;
}

.embed-infografico{
  padding-top:40px;
  padding-bottom:50px;
}
.embed-code{
  background:#e7e7e7;
  text-align: center;
  margin-top:50px;
}
.source-embed{
  width: 100%;
}
.source-embed p{
  font-size: 12px;
}
.syntaxhighlighter table td.code .line {
    padding: 6px 1em !important;
}
.syntaxhighlighter table td.gutter .line {
    text-align: right !important;
    padding: 6px 0.5em 0 1em !important;
}
.syntaxhighlighter .line.alt2 {
    background-color: #f5f5f5 !important;
}
.syntaxhighlighter .toolbar, .syntaxhighlighter table td.gutter  {
  display: none !important;
}
.syntaxhighlighter div{
  font-size: 11px !important;
}

.legenda h1{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.legenda ul{
  padding: 0;
  margin: 20px 0 30px 0;
}
.legenda ul li{
  display: inline-block;
}

#bollo1, #bollo2, #bollo3, #bollo4, #bollo5, #bollo6, #bollo7, #dollaro:hover, #sx-australia:hover, #sx-germany:hover, #sx-southafrica:hover, #sx-sweden:hover, #sx-us:hover, #sx-denmark:hover, #sx-japan:hover, #sx-poland:hover, #sx-brazil:hover, #sx-czech:hover, #sx-hungary:hover, #sx-skorea:hover, #sx-colombia:hover, #sx-mexico:hover, #sx-italy:hover, #sx-guatemala:hover, #sx-india:hover, #sx-china:hover{
  cursor: pointer;
}
.embed-cont{
  padding-left: 15px;
  padding-right: 15px;
}
.symbol {
  width:20px;
  height:20px;
  margin-right:20px;
  float:left;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.serieName {
  float:left;
  cursor:pointer;
}

.item {
  height:40px;
  clear:both;
}
.inactive{
  opacity: 0.2;
}
.embed-toggle{
  text-align: center;
  background: #f6ab1c;
  display: inline-block;
  margin-top:20px;
  margin-bottom:40px;
  width: 130px;
  left: auto;
  right: auto;
  font-family: "sofia-pro";
  font-weight: bold;
  color: #fff;
  padding: 4px 3px 2px 3px;
}
.embed-toggle:hover{
  cursor: pointer;
  background: #cc901e;
}
.modal-header {
    min-height: 16.4286px;
    padding: 0px;
    border-bottom:0;
}
.modal-title{
  font-family: "sofia-pro";
  font-weight: bold;
}
.modal-body {
  padding: 0;
}
.modal-body pre {
    display: block;
    padding: 8px 0 0 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.42857;
    color: #333;
    word-break: initial;
    word-wrap: break-word;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: left;
    text-indent: -55px;
}
#res{
  font-size: 10px;
  text-transform: uppercase;
  color: #565656;
  font-weight: bold;
}