@charset "UTF-8";
@media print {
  body {
    height: auto !important;
    overflow: visible !important;
  }
  .navbar-banner, #main-menu, #fb-root, footer .container {
    display:none !important;
  }
  .swiper-container {
    height: auto !important;
    overflow: visible !important;
  }
  .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px) !important;
    height: auto !important;
    overflow: visible !important;
  }
  .swiper-slide {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    margin-top: 0 !important;
    max-height: 250px;
    padding: 0 !important;
  }
  .slide-text__content {
    width: 100% !important;
  }
  
  .slide-text:after {
    display: none !important;
  }
  
  .slide-text {
    overflow: hidden !important;
    transform: none !important;
    position: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
  .slide-out, .back-to-top, .fa-chevron-up, .explore, .swiper-pagination-wrapper, .share, .panel, .slide-in, .share-popup, .side-menu, .copyright, .swiper-notification, .swiper-menu, .story-published-date  {
    display: none;
  }
  .slide-body {
    padding: 0 !important;
    margin: 0 !important;
  }
  .slide-body .slide-text {
    -webkit-transform: none;
    transform: none;
  }
  .slide-text-content {
    color: #000 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }
  .slide-text h2{
    font-size: 26px !important;
    margin-bottom: 15px !important;
  }
}
.slide-text__content a, .side-menu .menu-item ul a {
   text-decoration: none;
   color: white;
}
@font-face {
     font-family: 'bernini-sans';
     src: url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Regular.eot');
    /* IE9 Compat Modes */
     src: url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Regular.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Regular.woff') format('woff'), 
    /* Pretty Modern Browsers */
     url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Regular.eot?#iefix') format('embedded-opentype') 
    /* IE6-IE8 */
}
 @font-face {
     font-family: 'bernini-sans-bold';
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Bold.eot");
    /* IE9 Compat Modes */
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Bold.woff2") format("woff2"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Bold.woff") format("woff"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Bold.eot?#iefix") format("embedded-opentype");
}
 @font-face {
     font-family: 'bernini-sans-semibold';
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Semibold.eot");
    /* IE9 Compat Modes */
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Semibold.woff2") format("woff2"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Semibold.woff") format("woff"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-Semibold.eot?#iefix") format("embedded-opentype");
}
 @font-face {
     font-family: 'bernini-sans-bolditalic';
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-BoldItalic.eot");
    /* IE9 Compat Modes */
     src: url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-BoldItalic.woff2") format("woff2"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-BoldItalic.woff") format("woff"), url("/media/oecdorg/styleassets/responsive/lib/swiper/fonts/BerniniSans-Web-OECD-BoldItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: 'oecd';
  src:  url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/oecd.eot');
  src:  url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/oecd.eot?#iefix') format('embedded-opentype'),
    url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/oecd.ttf') format('truetype'),
    url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/oecd.woff') format('woff'),
    url('/media/oecdorg/styleassets/responsive/lib/swiper/fonts/oecd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ic_"], [class*=" ic_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'oecd' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic_down:before {
  content: "\e900";
}
.ic_left:before {
  content: "\e901";
}
.ic_right:before {
  content: "\e902";
}
.ic_top:before {
  content: "\e903";
}
.ic_up:before {
  content: "\e904";
}
.ic_share:before {
  content: "\e905"; 
}
 html, body {
     font-family: 'bernini-sans', 'Arial';
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
     max-width: 100vw;
     position: relative;
     color: #000f2b;
     background: #eee;
     font-size: 14px;
}
 html.overflow, body.overflow {
     overflow: hidden;
}
.ui-wrapper {
     max-width: 1180px;
     margin: 0 auto;
     padding: 0 20px;
}
.swiper-button-next, .swiper-button-prev {
  background-image:none;
  color: white;
  font-size: 30px;
  top:20%;
}
 @media (min-width: 768px) and (max-width: 1023px) {
     .ui-wrapper {
         padding: 0 25px;
    }
}
 @media (max-width: 767px) {
     .ui-wrapper {
         padding: 0 0px;
    }
}
 * {
     box-sizing: border-box;
}
 body a {
     color: inherit;
}
 body a:focus {
     color: inherit !important;
     text-decoration: none !important;
}
 .hidden {
     display: none;
}
 .text {
     font-size: 14px;
     line-height: 18px;
}
 .mainTitle {
     padding: 50px 0;
}
 @media (max-width: 767px) {
     .mainTitle {
         padding: 30px 30px;
    }
}
 .mainTitle-title {
     font-size: 42px;
     color: #000f2b;
     margin: 0;
}
 @media (max-width: 767px) {
     .mainTitle-title {
         font-size: 27px;
    }
}
 .mainTitle-subtitle {
     font-size: 17px;
     margin: 0;
}
 @media (max-width: 767px) {
     .mainTitle-subtitle {
         font-size: 14px;
    }
}
 .ticket {
     overflow: hidden;
     display: block;
     text-transform: uppercase;
     font-size: 12px;
     font-family: "bernini-sans-bolditalic";
}
 .ticket-wrapper {
     color: white;
     padding: 4px 20px 4px 20px;
     display: inline-block;
     transform: skew(-20deg);
     position: relative;
     margin: 0 0 0 -10px;
}
 .ticket-content {
     transform: skewX(20deg);
     display: inline-block;
}
 .iconCircle {
     padding: 5px;
     padding-bottom: 4px;
     border: 3px solid white;
     border-radius: 50%;
     margin-left: 5px;
     color: white;
}
 .iconCircle.gray {
     color: #e2e2e2;
     border-color: #e2e2e2;
}
 body {
     transition: 0.5s ease background;
}
 body.inactif {
     background: #116a9b !important;
}
 html, body {
     position: relative;
     height: 100%;
}
 .swiper-menu, .swiper-container {
     font-family: "bernini-sans";
}
 #content, #content .container {
     padding: 0 !important;
     width: 100% !important;
}
 #wrapper {
     position: absolute;
     top: 0;
     bottom: 50px;
     left: 0;
     right: 0;
}
 .breadcrumb {
     display: none !important;
}
 .swiper-menu {
     position: relative;
     color: #fff;
     background-color: #000f2b;
     height: 60px;
     line-height: 60px;
     font-size: 25px;
     padding: 0 30px;
     z-index: 2;
     transition: 0.5s ease opacity;
}
 .swiper-menu.inactif {
     opacity: 0.5;
     pointer-events: none;
}
 .swiper-menu + .back-to-top {
     position: absolute;
     display: none;
     bottom: 65px;
     right: 5px;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     margin-bottom: 0;
     text-align: center;
     background-color: #000f2b;
     opacity: 1;
     z-index: 2;
     color: #f2f2f2;
     font-size: 25px;
}
 .swiper-menu + .back-to-top:hover {
     cursor: pointer;
     opacity: 1;
}
 .swiper-menu + .back-to-top:before, .swiper-menu + .back-to-top span {
     opacity: 0.3;
}
 .swiper-menu + .back-to-top span {
     top: 4px;
}
 .swiper-menu + .back-to-top:before {
     position: absolute;
     content: '';
     left: 13px;
     bottom: 12px;
     width: 18px;
     height: 3px;
     background-color: #f2f2f2;
}
 .swiper-menu .share {
     float: left;
     margin-left: 10px;
}
 .swiper-menu .explore {
     float: left;
     margin-top: -1px;
}
 .swiper-menu * {
     display: inline-block;
}
 .swiper-menu .swiper-menu-indicators {
     position: relative;
     height: 22px;
     float: right;
     margin-top: 20px;
     text-align: right;
}
 .swiper-menu .swiper-menu-indicators .swiper-pagination-bullet {
     float: left;
     margin-right: 26px;
     width: 3px;
     height: 12px;
     background-color: #f2f2f2;
     opacity: 1;
     opacity: 0.3;
     transition: width .3s;
     border-radius: 0;
}
 .swiper-menu .swiper-menu-indicators .swiper-pagination-bullet:last-child {
     margin-right: 0;
}
 .swiper-menu .swiper-menu-indicators .swiper-pagination-bullet:hover {
     height: 22px;
     background-color: #86c35d;
     opacity: 1;
}
 .swiper-menu .swiper-menu-indicators .swiper-pagination-bullet-active {
     height: 22px;
     background-color: #86c35d;
     opacity: 1;
}
 .swiper-container {
     width: 100%;
     height: 100%;
     z-index: 2;
     background: #000f2b;
}
 .swiper-container.first-slide.popupOpen {
     overflow: visible;
     z-index: 10;
}
 .swiper-container .slimScrollDiv {
     width: 100% !important;
}
 .swiper-container .swiper-slide {
     font-size: 18px;
     background: #fff;
     overflow: hidden;
    /* Center slide text vertically */
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
}
 .swiper-container .swiper-slide .slide-body {
     height: 100%;
     width: 100%;
     padding: 20px 60px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
 @media (max-width: 767px) {
     .swiper-container .swiper-slide .slide-body {
         background-position: bottom;
    }
}
 .swiper-container .swiper-slide .slide-body__content {
     max-width: 1100px;
     margin: 0 auto;
}
 .swiper-container .swiper-slide .slide-body .slide-text {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 60px 95px 60px 0;
     color: white;
     font-size: 14px;
    /*margin-top: 100px;
    */
}
@media (max-width: 767px) {
    .swiper-container .swiper-slide .slide-body__content {
        height:100%;
        overflow-y: scroll;
        margin: 0 7%;
    }
    .swiper-container .swiper-slide .slide-body .slide-text {
         display: block;
         position: static !important;
         height: auto !important;
         margin: 8% 0 !important;
        /*margin-top: 100px;
        */
    }
    .copyright {
         position: static !important;
         display: block;
         margin-bottom: 10px;
         text-align: right;
    }
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out:not(.enable) {
     pointer-events: none;
}
 .swiper-container .swiper-slide .slide-body .slide-text__content {
     width: 445px;
}
 .swiper-container .swiper-slide .slide-body .slide-text h1, .swiper-container .swiper-slide .slide-body .slide-text h2 {
     font-family: "bernini-sans-bold";
     margin-top: 0;
}
 .swiper-container .swiper-slide#slide-0 .slide-body .slide-text h2 {
     font-size: 66px;
     margin-bottom: 35px;
}
 .swiper-container .swiper-slide .slide-body .slide-text h2 {
     font-size: 26px;
     margin-bottom: 30px;
}
 .swiper-container .swiper-slide .slide-body .slide-text ul {
     list-style: none;
     margin: 10px 0 0 30px;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-text-content {
     margin-bottom: 30px;
     line-height: 20px;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-text-content li {
     position: relative;
     margin-bottom: 10px;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-text-content li:before {
     position: absolute;
     content: '';
     left: -14px;
     top: 1px;
     bottom: 1px;
     height: calc(100% - 2px);
     width: 4px;
     background-color: #86c35d;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out {
     position: relative;
     width: 320px;
     height: 56px;
     font-size: 13px;
     margin-bottom: 10px;
     background-color: rgba(134, 195, 93, 0.3);
     font-family: "bernini-sans-semibold";
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out:hover {
     cursor: pointer;
     background-color: #86c35d;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out:hover .button-text span, .swiper-container .swiper-slide .slide-body .slide-text .slide-out:hover .button-text span {
     background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/button-corner-active.png);
} {
     background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/button-corner-active.png);
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out * {
     display: inline-block;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out .button-text {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 14px;
     text-align: left;
     height: 100%;
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out .button-text span {
     position: absolute;
     display: inline-block;
     content: '';
     height: 100%;
     right: -20px;
     top: 0;
     width: 20px;
     background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/button-corner-inactive.png);
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out .button-thumbnail {
     float: left;
     height: 56px;
     width: 56px;
     line-height: 56px;
     text-align: center;
     background-color: #fff;
     background-repeat: no-repeat;
}
.thumbnail-video, .thumbnail-dataviz, .thumbnail-keyfact, .thumbnail-chart {
  background-size: 32px 31px;
  background-position: center;
}
.thumbnail-video {
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_btn_video.png);
}
.thumbnail-dataviz {
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_btn_dataviz.png);
}
.thumbnail-keyfact {
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_btn_keyfact.png);
}
.thumbnail-chart {
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_btn_chart.png);
}
 .swiper-container .swiper-slide .slide-body .slide-text .slide-out .button-thumbnail + .button-text {
     margin-left: 56px;
}
 .swiper-container .swiper-slide.slide-0.swiper-slide-active {
     overflow: visible;
}
 .swiper-container .swiper-slide.slide-0 .slide-text {
     bottom: auto;
     top: 50%;
     transform: translateY(-50%);
     background-color: transparent;
     padding-right: 0px;
     z-index: 3;
}
 .swiper-container .swiper-slide.slide-0 .slide-text__content {
     width: 530px;
}
 .swiper-container .swiper-slide.slide-0 .slide-text .slide-text-content {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 35px;
}
 .slide-in {
     z-index: 3;
     height: 100px;
     margin-top: -50px;
     top: 100px;
     left: 0;
     width: 60px;
     height: 60px;
     position: absolute;
     background-color: #1f1f1f;
     border-radius: 0;
     background-image: url("/media/oecdorg/styleassets/responsive/lib/swiper/img/ic_close.png");
     background-size: 25px;
     background-position: center;
     background-repeat: no-repeat;
}
 @media (max-width: 767px) {
     .slide-in {
         top: 120px;
    }
}
 .slide-in:hover {
     cursor: pointer;
}
 .slide-in span {
     color: #fff;
     font-size: 25px;
     top: 36%;
     left: 7px;
     position: absolute;
}
 .swiper-pagination-wrapper {
     background-color: #000f2b;
     z-index: 1;
     position: absolute;
     right: 0;
     height: 100%;
     width: 60px;
     top: 0;
     transition: 0.5s ease opacity;
}
 .swiper-pagination-wrapper.inactif {
     opacity: 0.5;
     pointer-events: none;
}
 .swiper-pagination-wrapper > .swiper-pagination-bullets {
     right: 10px;
     top: 25%;
}
 .swiper-pagination-wrapper .explore {
     color: white;
     opacity: .3;
     text-transform: uppercase;
     font-weight: bold;
     width: 100px;
     font-size: 25px;
     margin-left: 20px;
     transition: color .3s;
}
 .swiper-pagination-wrapper .explore:hover {
     cursor: pointer;
     opacity: 1;
}
 .swiper-pagination-wrapper .back-to-top {
     position: absolute;
     bottom: 0;
     color: white;
     font-size: 25px;
     right: 16px;
     margin-bottom: 5px;
     z-index: 2;
     opacity: .3;
}
 .swiper-pagination-wrapper .back-to-top:hover {
     cursor: pointer;
     opacity: 1;
}
 .swiper-pagination-wrapper .share {
     font-size: 20px;
     opacity:0.3;
     color: #fff;
     right: 19px;
     top: 7px;
     margin-left: 20px;
     margin-top: 13px;
}
 .swiper-pagination-wrapper .share:hover {
     cursor: pointer;
     opacity: 1;
}
 .share-popup {
     transition: all 500ms;
     position: absolute;
     right: 60px;
     z-index: 2;
     padding: 20px 20px 40px;
     color: white;
     background-color: #000f2b;
     visibility: hidden;
     width: 300px;
}
 .share-popup.open {
     opacity: 1;
     visibility: visible;
}
 .share-option {
     color: #fff;
     width: 121px;
     height: 75px;
     line-height: 75px;
     display: inline-block;
     text-align: center;
     background-color: #2f2f2f;
     cursor: pointer;
}
 .share-option.active, .share-option:hover {
     background-color: #df6563;
}
 .share-header {
     display: inline-block;
     width: 100%;
     margin-bottom: 20px;
}
 #this-page {
     float: left;
}
 #this-story {
     float: right;
}
 .share-buttons {
     float: left;
     margin-top: 40px;
}
 .side-menu {
     background-color: #000f2b;
     color: white;
     z-index: 3;
     position: absolute;
     right: 0;
     height: 100%;
     width: 500px;
     top: 0;
     overflow-y: scroll;
     transition: all 500ms;
}
 .side-menu.closed {
     transition: all 500ms;
     visibility: visible;
}
 .side-menu .menu-header {
     padding: 20px;
}
 .side-menu .menu-swiper-pagination {
     padding: 40px 50px 0 20px;
}
 .side-menu .menu-swiper-pagination .swiper-pagination-bullet {
     position: relative;
     height: 3px;
     width: 22px;
     vertical-align: top;
     margin-top: 8px;
}
 .side-menu .menu-swiper-pagination .swiper-pagination-bullet:before {
     position: absolute;
     content: '';
     right: 0;
     width: 12px;
     height: 3px;
     background-color: #f2f2f2;
}
 .side-menu .menu-swiper-pagination .swiper-pagination-bullet-active:before {
     width: 22px;
     background-color: #86c35d;
}
 .side-menu .menu-swiper-pagination .swiper-pagination-bullet-active + ul {
     color: red;
}
 .side-menu .menu-item {
     text-align: left;
     margin: 0 20px 15px 20px;
}
 .side-menu .menu-item.active li span.active {
    display: block;
    width: 16px;
    height: 14px;
}
 .side-menu .menu-item.active li span.inactive {
  display: none;
  width: 16px;
  height: 14px;
}
.menu-video-active {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_video_small_active.png);
}
.menu-video-inactive {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_video_small.png);
}
.menu-chart-active {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_chart_small_active.png);
}
.menu-chart-inactive {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_chart_small.png);
}
.menu-keyfact-active {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_keyfact_small_active.png);
}
.menu-keyfact-inactive {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_keyfact_small.png);
}
.menu-dataviz-active {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_dataviz_small_active.png);
}
.menu-dataviz-inactive {
  background-repeat: no-repeat;
  background-image: url(/media/oecdorg/satellitesites/inclusivegrowth/storytelling/ic_dataviz_small.png);
}
 .side-menu .menu-item:hover .swiper-pagination-bullet:before {
     width: 22px;
     background-color: #86c35d;
}
 .side-menu .menu-item .slide-title {
     margin-left: 10px;
     position: relative;
}
 .side-menu .menu-item .slide-title:hover {
     cursor: pointer;
}
 .side-menu .menu-item span {
     display: inline-block;
}
 .side-menu .menu-item ul {
     margin-top: 15px;
     padding-left: 20px;
}
 .side-menu .menu-item ul li {
     position: relative;
     display: block;
     margin-bottom: 10px;
     padding-left: 30px;
     cursor: pointer;
}
 .side-menu .menu-item ul li:hover span.active {
  display: block;
  width: 16px;
  height: 14px;
}
 .side-menu .menu-item ul li:hover span.inactive {
  display: none;
}
 .side-menu .menu-item ul li span.active {
  display: none;
}
 .side-menu .menu-item ul li span.inactive {
  display: block;
  width: 16px;
  height: 14px;
}
 .side-menu .menu-item ul li span {
     position: absolute;
     left: 0;
     margin-right: 12px;
}
 .black {
     transition: all 500ms;
     background-color: black;
}
 .close {
     float: right;
     color: white;
     opacity: .3;
     font-size: 25px;
     text-shadow: none;
     font-weight: inherit;
}
 .close:hover {
     color: white;
     opacity: 1;
}
 .swiper-pagination {
     right: 0 !important;
     position: relative;
     width: 22px;
     margin: 0 20px 0 20px;
     text-align: right;
}
 .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
     float: right;
     margin-top: 26px;
     height: 3px;
     width: 12px;
     background-color: #f2f2f2;
     opacity: 1;
     opacity: 0.3;
     transition: width .3s;
}
 .swiper-pagination .swiper-pagination-bullet:hover {
     width: 22px;
     background-color: #86c35d;
     opacity: 1;
}
 .swiper-pagination .swiper-pagination-bullet-active {
     width: 22px;
     background-color: #86c35d;
     opacity: 1;
}
 .story-published-date {
     color: #fff;
     text-align: left;
     font-size: 1.3rem;
}
 .panel {
     padding: 20px;
     color: black;
     border: 20px solid #1f1f1f;
     background-size: 90% 90%;
     width: 100%;
     height: 100%;
     position: absolute;
     left: 100%;
     top: 0;
}
 .panel img {
     opacity: 1;
     width: auto !important;
     height: auto !important;
     max-width: 100% !important;
     max-height: 100% !important;
}
 .panel .article {
     height: 100%;
     overflow: auto;
     margin: 0 30px;
}
 .panel .article img {
     width: auto !important;
     height: auto !important;
     max-width: 100%;
}
 #slide-out-1-2-panel .panel-container {
     background-color: #9CADCE;
}
 #slide-out-1-3-panel .panel-container {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
.panel-container p{
     height:100%;
     width:100%;
}
 .ssk-group {
     display: inline-block;
     margin-left: 20px;
}
 .ssk-group * {
     margin: 0 10px;
}
 .copyright {
     position: absolute;
     bottom: 10px;
     right: 70px;
     color: white;
     font-size: 13px;
}
 @media all and (max-width: 1080px) {
     .swiper-container .swiper-slide .slide-body .slide-text {
         padding-left: 40px;
         padding-right: 40px;
    }
}
 @media all and (min-width: 768px) {
     .side-menu {
         width: 500px;
    }
     .side-menu.closed {
         right: -500px;
    }
    .share-popup {
        top: 0;
    }
}
 @media all and (max-width: 767px) {
     #wrapper.swiper-menu-open {
         bottom: 0;
    }
     #wrapper.swiper-menu-open .back-to-top {
         display: none !important;
    }
     .swiper-container {
         height: calc(100% - 60px);
    }
     .swiper-container.first-slide {
         height: 100%;
    }
     .swiper-container.first-slide .swiper-slide:first-child {
         height: 100% !important;
    }
     .swiper-container .swiper-slide:not(:first-child) .slide-body {
         background: none;
    }
     .swiper-container .swiper-slide.slide-0 .copyright {
         display: none;
    }
     .swiper-container .swiper-slide.slide-0 .mobile-image {
         display: none;
    }
     .swiper-container .swiper-slide.slide-0 .slide-body .slide-text {
         width: 100%;
         height: auto;
         padding: 30px;
         bottom: 0px;
         top: auto;
         background-color: transparent;
         transform: none;
    }
    /* .swiper-container .swiper-slide.slide-0 .slide-body .slide-text:after {
         position: absolute;
         font-family: "oecd";
         content: "\e900";
         bottom: 15px;
         left: 50%;
         transform: translateX(-50%);
         font-size: 25px;
         display: inline-block;
         font-style: normal;
         font-weight: normal;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
    } */
     .swiper-container .swiper-slide.slide-0 .slide-body .slide-text__content {
         width: auto;
    }
     .swiper-container .swiper-slide.slide-0 .slide-body .slide-text .slide-text-content {
         font-size: 17px;
         line-height: 24px;
         margin-bottom: 25px;
    }
     .swiper-container .swiper-slide.slide-0 .slide-body .slide-text h2 {
         font-size: 36px !important;
         margin-bottom: 35px;
    }
     .swiper-container .swiper-slide .mobile-image {
         width: 100%;
         height: 230px;
         background-size: cover;
    }
     .swiper-container .swiper-slide .slide-body {
         padding: 0;
    }
     .swiper-container .swiper-slide .slide-body .slide-text {
         bottom: 0px;
         padding: 30px;
         height: calc(100% - 230px);
         overflow: auto;
         width: 100% !important;
         margin-top: 0;
         overflow-y: scroll;
    }
     .swiper-container .swiper-slide .slide-body .slide-text__content {
         width: auto;
    }
     .swiper-container .swiper-slide#slide-0 .slide-body .slide-text h1 {
         font-size: 66px;
    }
     .swiper-container .swiper-slide .slide-body .slide-text h2 {
         margin-bottom: 20px;
         font-size: 17px;
    }
     .swiper-container .swiper-slide .slide-body .slide-text .slide-out {
         width: 92%;
    }
     .swiper-container .swiper-slide .slide-body .slide-text .slide-out:last-child {
         margin-bottom: 30px;
    }
     .copyright {
         top: 210px;
         bottom: auto;
         font-size: 12px;
    }
     .side-menu {
         width: 100%;
         height: 100%;
    }
     .side-menu.closed {
         top: 767px;
    }
     .side-menu .menu-item {
         margin: 0 0 15px 0;
    }
     .side-menu .menu-item .slide-title {
         width: calc(100% - 34px);
    }
     .side-menu .menu-item ul {
         padding-left: 35px;
    }
     .side-menu .menu-item ul li {
         padding-left: 25px;
    }
     .share-popup {
         right: 0;
         width: 100%;
         bottom: 0;
    }
     .share-buttons {
         width: 100%;
         bottom: 0;
    }
     .share-option {
         width: 50%;
    }
     .panel .article img {
         width: 100%;
    }
}
 .panel {
     background-color: rgba(17, 106, 155, 0.9);
     padding: 110px 60px 0px 0;
     border: none;
     z-index: 10;
     transform: translateY(-50px);
     height: calc(100vh - 22px);
}
 .panel.panel-keyfact .content-wrapper {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     height: 100%;
     width: 100%;
     padding: 40px;
     background-color: #ffffff;
}
 .panel.panel-keyfact .content-wrapper .illustration {
     display: inline-block;
     width: 48%;
     height: 100%;
}
 .panel.panel-keyfact .content-wrapper .illustration img {
     width: 100%;
     height: auto;
}
 .panel.panel-keyfact .content-wrapper .illustration.empty {
     background-color: #aeaeae;
}
 .panel.panel-keyfact .content-wrapper .panel-content {
     width: 48%;
}
 .panel.panel-keyfact .content-wrapper .panel-content .panel-title {
     display: block;
     font-size: 26px;
     margin-bottom: 30px;
}
 .panel.panel-keyfact .content-wrapper .panel-content ul li {
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 30px;
}
 @media (min-width: 768px) {
     .slide-0 .panel {
         margin-top: 95px;
         padding: 60px 60px 0px 0;
         transform: translateY(-160px);
         height: calc(100vh - 95px);
    }
     .slide-0 .panel .slide-in {
         top: 50px;
    }
}
 @media (max-width: 767px) {
     .panel {
         padding: 130px 0px 70px 0;
         transform: translateY(-46px);
         height: 100vh;
    }
}
 .panel-container {
     width: 100%;
     height: 100%;
     border: 10px solid #73a7d0;
     background: #73a7d0;
     background: white;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .panel-container iframe {
     max-height: 100%;
     margin: 0 !important;
}
 @media (max-width: 337px) {
  .swiper-menu .swiper-menu-indicators .swiper-pagination-bullet {
     margin-right: 23px;
  }
 }
 @media (max-width: 767px) {
     .panel-container {
         border: none;
    }
}
@media (min-width: 767px) {
  .fold-menu .navbar-header {
    height: 0;
    display: none;
  }

  .fold-menu #main-menu {
    top: 0;
  }

  .fold-menu #content {
    margin-top: 20px;
  }
}