@font-face {
  font-family: 'BebasNeue';
  src: url(../fonts/BebasNeue-Regular.ttf) format("truetype"), url(../fonts/BebasNeue-Regular.otf) format("otf"); }
.content-detail {
  margin-right: 0; }

body {
  overflow-x: hidden !important; }

.content-social-media {
  background-color: #fff;
  margin: 20px 0;
  padding: 20px;
  background-size: cover;
  font-family: BebasNeue, Arial; }
  .content-social-media .full-container {
    max-width: 1280px;
    margin: -20px auto 20px;
    border-radius: 230px; }
  .content-social-media .content-profile {
    background-size: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px; }
  .content-social-media .row.content-raw {
    margin-right: -20px;
    margin-left: -20px; }
    .content-social-media .row.content-raw > div {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px; }
  .content-social-media .progress {
    background-color: transparent;
    margin-bottom: 0; }
    .content-social-media .progress-bar {
      background-color: #c5ab91; }
  .content-social-media .theme-color,
  .content-social-media .percent-value {
    color: #c5ab91; }
  .content-social-media .desktop-statistic {
    display: none; }
  .content-social-media .mobile-statistic {
    display: block; }
  .content-social-media .carousel-control {
    height: calc(100% - 75px);
    top: 75px; }
    .content-social-media .carousel-control .glyphicon-chevron-left,
    .content-social-media .carousel-control .glyphicon-chevron-right {
      background-size: 100%;
      width: 75px;
      height: 75px;
      background-repeat: no-repeat;
      background-image: url("../../img/arrow.svg"); }
      .content-social-media .carousel-control .glyphicon-chevron-left::before,
      .content-social-media .carousel-control .glyphicon-chevron-right::before {
        content: none; }
    .content-social-media .carousel-control .glyphicon-chevron-left {
      margin-left: -30px; }
    .content-social-media .carousel-control .glyphicon-chevron-right {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-right: -30px; }

.glyphicon-chevron-right::after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.glyphicon-chevron-left::after,
.glyphicon-chevron-right::after {
  content: " ";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 20px 0 0 30px; }
.glyphicon-chevron-left.icon-youtube::after, .glyphicon-chevron-left.icon-instagram::after, .glyphicon-chevron-left.icon-instagram::after,
.glyphicon-chevron-right.icon-youtube::after,
.glyphicon-chevron-right.icon-instagram::after,
.glyphicon-chevron-right.icon-instagram::after {
  background-repeat: no-repeat;
  background-size: 100%; }
.glyphicon-chevron-left.icon-youtube::after,
.glyphicon-chevron-right.icon-youtube::after {
  background-image: url("../../img/youtube.svg"); }
.glyphicon-chevron-left.icon-instagram::after,
.glyphicon-chevron-right.icon-instagram::after {
  background-image: url("../../img/instagram.svg"); }
.glyphicon-chevron-left.icon-facebook::after,
.glyphicon-chevron-right.icon-facebook::after {
  background-image: url("../../img/facebook.svg"); }

.extended-infos {
  text-align: left;
  margin-top: 31px; }
  .extended-infos .item {
    margin-bottom: 15px !important; }
    .extended-infos .item strong {
      letter-spacing: -0.3px; }
    .extended-infos .item .percent-value {
      color: #c5ab91;
      font-size: 16px;
      margin: 11px 0 0;
      display: inline-block;
      letter-spacing: 3px;
      position: absolute;
      right: 0; }
  .extended-infos.countries .item strong {
    letter-spacing: 2.2px; }

.background-container {
  position: relative;
  background-position: top center;
  width: 100%;
  min-height: 421px;
  border-radius: 5px;
  margin-bottom: -75px; }

.item-icon {
  background-color: #0c255b;
  width: 152px;
  margin: 0 auto;
  height: 35px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  color: #ffffff;
  letter-spacing: 1.2px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0; }
  .item-icon .icon {
    display: inline-block;
    margin: -2px 5px -5px 0;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center center; }
.item-container {
  margin-bottom: 30px;
  text-align: center; }
  .item-container .up {
    display: none; }
  .item-container.toggled .down {
    display: none; }
  .item-container.toggled .up {
    display: inline-block; }
  .item-container a:focus,
  .item-container a:hover,
  .item-container a {
    font-size: 11px;
    color: #deb277;
    letter-spacing: 2.4px;
    margin: 15px 0 5px;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center; }
.item-value {
  display: block;
  font-size: 24px;
  letter-spacing: 4px;
  margin: -4px 0 -6px; }
.item-wrapper {
  padding: 15px 0;
  width: calc(100% - 60px);
  margin: 0 auto 0;
  background-color: #170c1e;
  border-radius: 25px; }
  .item-wrapper .title {
    margin-top: 0;
    padding: 0; }

.carousel .item-wrapper {
  max-width: 280px; }

#youtube-carousel .icon,
#youtube .icon {
  background-image: url("../../img/youtube_yellow.png"); }

#instagram-carousel .icon,
#instagram .icon {
  background-image: url("../../img/instagram_yellow.png"); }

#facebook-carousel .icon,
#facebook .icon {
  background-image: url("../../img/facebook_yellow.png"); }

.item-wrapper .main-item strong {
  color: #deb277; }
.item-wrapper strong {
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
  line-height: 1;
  min-width: auto; }
.item-wrapper .follower-gender .item {
  padding: 0 0 0 0; }
.item-wrapper .item {
  color: #fff;
  padding: 0 20px 0 10px;
  margin-bottom: 8px; }
  .item-wrapper .item-header {
    padding: 0 26px;
    background-color: #0c255b;
    font-family: BebasNeue;
    font-weight: bold;
    color: #f4f4f4;
    margin-bottom: 13px; }
    .item-wrapper .item-header strong {
      margin: 0 0 3px 0;
      letter-spacing: 3px;
      font-size: 20px;
      display: inline-block;
      padding: 4px 0 0; }
.item-wrapper .progress {
  height: 3px;
  margin: -3px 0 0 0; }

.follower-gender span {
  display: inline-block;
  width: 65px;
  height: 65px;
  border: solid 5px #deb277;
  border-radius: 100%;
  padding-top: 14px; }
.follower-gender .item-wrapper .item {
  padding: 0 10px 0 10px; }
.follower-gender .item {
  max-width: 217px;
  margin: 0 auto;
  text-align: center; }
  .follower-gender .item strong {
    font-size: 16px;
    letter-spacing: 3px;
    margin: -1px 0 6px 0;
    display: block; }

.female-follower::after {
  content: " ";
  width: 3.5px;
  height: 41px;
  background-color: #32394b;
  display: block;
  margin-left: -28px;
  margin-top: -32px;
  border-radius: 1.5px; }

.follower-age .item-wrapper strong {
  letter-spacing: -0.5px; }

.intro-talha, .intro-joni {
  background-size: cover; }
.intro-joni {
  background: url("../../img/projects/joni/joni.jpg") no-repeat 0 center; }
.intro-talha {
  background: url("../../img/projects/talha/talha.jpeg") no-repeat 0 center; }

.hidden-xs {
  display: none !important; }

@media all and (min-width: 520px) {
  .content-social-media .carousel-control .glyphicon-chevron-left,
  .content-social-media .carousel-control .glyphicon-chevron-right {
    width: 110px;
    height: 110px; }

  .glyphicon-chevron-left::after,
  .glyphicon-chevron-right::after {
    width: 50px;
    height: 51px;
    margin: 29px 0 0 44px; }

  .female-follower::after {
    margin-left: -36px;
    margin-top: -33px; } }
@media all and (min-width: 720px) {
  .content-social-media .row.content-raw > div {
    max-width: 33.3333%; }
  .content-social-media .desktop-statistic {
    display: block; }
  .content-social-media .mobile-statistic {
    display: none; }

  .background-container {
    min-height: 500px;
    background-position: center top; }

  .follower-gender span {
    width: 75px;
    height: 75px;
    border: solid 8px #deb277;
    padding-top: 18px; }
  .follower-gender .item {
    max-width: 180px; }

  .female-follower::after {
    margin-left: -25px;
    margin-top: -36px; } }
@media all and (min-width: 1170px) {
  .content-social-media .row.content-raw > div {
    max-width: 286px; }

  .background-container {
    min-height: auto;
    width: 50%;
    position: absolute;
    right: 0;
    left: 50%;
    bottom: 0;
    height: 100%;
    margin-bottom: 0;
    margin-left: 5px;
    background-position: left center; }

  .content-social-media .full-container {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 180px auto 180px; }
  .content-social-media .content-profile {
    border-top-right-radius: 230px;
    border-bottom-right-radius: 230px; }

  .extended-infos {
    display: block; }
    .extended-infos .item .percent-value {
      right: 18px; }

  .item-container {
    margin-bottom: 0;
    max-width: 100%; }
  .item-wrapper {
    border-radius: 44px; }

  .hidden-lg {
    display: none !important; } }
.container-nav {
  max-width: 600px;
  width: 100%; }

.arrow-pop {
  margin-left: 65px;
  display: none; }

.impressum .close-btn {
  position: fixed;
  top: 60px;
  right: 60px;
  z-index: 6500 !important;
  cursor: pointer; }

.impressum-content h2 {
  font-size: 24px; }
.impressum-content h3 {
  display: inline-block; }
.impressum-content .item-block {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
.impressum-content p {
  display: block;
  font-weight: 300;
  font-family: "Montserrat";
  font-size: 15px;
  text-align: justify; }
  .impressum-content p.text-center {
    text-align: center; }
.impressum-content li {
  font-size: 18px;
  font-family: "Montserrat"; }
  .impressum-content li ul {
    text-align: left;
    margin-left: 20px; }
  .impressum-content li li {
    font-size: 16px; }
.impressum-content .company-info {
  font-size: 17px; }
.impressum-content a,
.impressum-content a:active,
.impressum-content a:focus,
.impressum-content a:hover {
  text-decoration: none;
  color: white; }

.item-block.title-projet {
  position: initial;
  display: block; }
  .item-block.title-projet > div {
    font-weight: normal;
    display: block;
    height: auto;
    width: auto; }

.content-detail {
  margin-left: 0; }

/**
 * Content specified
 */
.item-container.column-instagram .item-impression {
  visibility: hidden; }

.modal .content-social-media {
  background-image: url("../../img/projects/modal-bg.jpg");
  margin: 40px 20px 0;
  padding: 0;
  border-radius: 20px 20px 0 0; }
  .modal .content-social-media.barry .background-container {
    background-image: url("../../img/mobile/bodyformus.jpg?time=123"); }
  .modal .content-social-media.uncle-d .background-container {
    background-image: url("../../img/mobile/uncled.jpg?time=123"); }
  .modal .content-social-media.talha .background-container {
    background-image: url("../../img/mobile/talha.jpg?time=123"); }
  .modal .content-social-media.nelson .background-container {
    background-image: url("../../img/mobile/nelson.jpg?time=123"); }
  .modal .content-social-media.mahan .background-container {
    background-image: url("../../img/mobile/mahan.jpg?time=123"); }

@media all and (min-width: 526px) {
  .content-social-media {
    background-position: top center; }
    .content-social-media .carousel-inner {
      max-width: 300px;
      margin: 0 auto; }

  .modal .content-social-media.barry .background-container {
    background-image: url("https://yt3.ggpht.com/a-/AAuE7mDGQb2Btg-bdvQK4jHSqKGiu6niwaDgBGPVMA=s1024-mo-c-c0xffffffff-rj-k-no?time=123"); }
  .modal .content-social-media.uncle-d .background-container {
    background-image: url("../../img/projects/uncle-d/uncle-d.jpg?time=123"); }
  .modal .content-social-media.talha .background-container {
    background-image: url("../../img/projects/talha/talha.jpeg?time=123"); }
  .modal .content-social-media.nelson .background-container {
    background-image: url("../../img/projects/nelson/nelson.jpg?time=123"); }
  .modal .content-social-media.mahan .background-container {
    background-image: url("../../img/projects/mahan/mahan-left.jpg?time=123"); }

  .item-wrapper {
    border-radius: 30px; } }
@media all and (min-width: 720px) {
  .item-icon {
    letter-spacing: 0.5px;
    font-size: 20px; }
  .item-wrapper {
    border-radius: 35px;
    border: solid 3px #0c255c;
    width: 100%; }
    .item-wrapper .item {
      padding: 0 30px 0 30px; }
  .item-container {
    text-align: left; }

  .content-social-media .content {
    max-width: none;
    margin: 0 10px !important; }
  .content-social-media .row.content-raw > div {
    padding-right: 10px;
    padding-left: 10px; }

  .full-container.column-2 .statistic-wrapper {
    max-width: 580px;
    margin: 0 auto; }
  .full-container.column-2 .row.content-raw > div {
    max-width: 50%; } }
@media all and (min-width: 1170px) {
  .full-container.column-1 {
    max-width: 800px; }
    .full-container.column-1 .background-container {
      width: 90%;
      left: 10%; }
  .full-container.column-2 {
    max-width: 1024px; }
    .full-container.column-2 .statistic-wrapper {
      max-width: 540px;
      margin: 0 0 auto; }
    .full-container.column-2 .background-container {
      width: 70%;
      left: 30%; }

  .item-wrapper {
    border-radius: 45px; }

  .item-container {
    margin-top: -38px; }

  .modal .content-social-media {
    margin: 0;
    padding: 30px;
    border-radius: 0; }

  .content-social-media .content {
    max-width: none;
    margin: 0 -20px !important; } }

/*# sourceMappingURL=extended.css.map */