#page-container {

      min-height: 0 !important;

    }

    :root {

      --star-size: 20px;

      --star-color: #9090ad;

      --star-background: #fc0;

    }



    .Stars {

      --percent: calc(var(--rating) / 5 * 100%);



      display: inline-block;

      font-size: var(--star-size);

      font-family: Times; // make sure ★ appears correctly

      line-height: 1;



      &::before {

        content: "★★★★★";

        letter-spacing: 3px;

        background: linear-gradient(90deg,

            var(--star-background) var(--percent),

            var(--star-color) var(--percent));

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

      }

    }











    .box-profile-wrapper {

      margin-top: 20px;

    }

    .box-profile {

      background-color: #fff;

      border-radius: 8px;

      padding: 10px;

      border: 1px solid #ccc;

    }

    .box-profile ul {

      padding: 14px;

    }

    .box-profile ul li {

      margin-bottom: 6px;

    }

    .box-inner-profile {

      border: 0px solid #ccc;

      padding: 10px 0px 0px 0px;

      line-height: 16px;

    }

    .box-profile-inner {

      border-bottom: 1px solid #E1E8ED;

      padding-bottom: 20px;

    }

    .box-profile-inner p {

      font-size: 16px;

      line-height: 20px;

    }

    .btn-profile-love {

      background-color: #0698d0;

      color: #fff;

      margin: 0px;

      font-weight: bold;

    }

    .btn-profile-follow {

      border: 1px solid #0698d0;

      color: #0698d0;

      font-weight: bold;

      background: #fff;

    }

    .profile-buttons {

      margin: 0px 0px 20px 0px;

    }

    .box-inner-profile ul {

      margin: 0px;

      padding: 0px;

    }

    .box-inner-profile ul li {

      list-style-type: none;

    }

    .box-profile-user-title {

      font-size: 16px;

      font-weight: bold;

      color: #0076a3;

      padding: 3px;

      border-bottom: 1px solid #E1E8ED;

      margin-bottom: 5px;

    }

    .box-profile-title {

      font-size: 18px;

      font-weight: bold;

      color: #0076a3;

      padding: 3px;

      margin-top: 20px;

    }

    .box-profile-inner .fa-icon-profile-blue {

      width: 30px;

    }

    .txt-small-profile {

      font-family: roboto;

      font-size: 16px;

      font-weight: normal !important;

    }

    .fa-icon-profile {

      color: #333;

    }

    .fa-icon-profile-blue {

      color: #22abdd;

    }

    ul.fa-icon-interest li {

      font-size: 16px;

      border-bottom: 1px dotted #E1E8ED;

    }

    ul.fa-icon-interest li .fa-icon-profile-blue {

      width: 30px;

      height: 30px;

      font-size: 18px;

      line-height: 36px;

    }

    .box-profile-footer .count {

      color: #00BFFF;

      font-size: 16px;

      font-weight: bold;

    }

    .box-profile-footer .count-title {

      color: #66757F;

      font-size: 10px;

      font-weight: bold;

      text-transform: uppercase;

    }

    .box-profile-footer-center {

      padding: 0 !important;

      text-align: center;

      line-height: 16px;

    }

    .profile-buttons {

      position: absolute;

      top: 30px;

      right: 40px;

    }

    .profile-buttons-love {

      cursor: pointer;

      position: absolute;

      top: 150px;

      left: 100px;

    }

    .glyphicon-heart-love {

      font-size: 48px;

      padding: 0;

      color: #EF597B;

    }

    .glyphicon-heart-unlove {

      font-size: 48px;

      padding: 0;

      color: #fff;

    }

    .count-love {

      color: #fff;

      font-size: 32px;

    }

    a[data-action="follow"] .tooltip span {

      cursor: pointer;

      border: 1px solid #22abdd;

      font-weight: normal;

    }

    a[data-action="unfollow"] .tooltip span {

      cursor: pointer;

      border: 1px solid #22abdd;

      font-weight: normal;

    }

    a[data-action="follow"] .tooltip span:active,
    a[data-action="unfollow"] .tooltip span:active {

      box-shadow: 1px 2px 10px #22abdd;

      color: #f7941d !important;

    }



    /* START : Tags specialization */

    .tags-specialization {

      border: 1px solid #22abdd;

      border-radius: 4px;

      padding: 2px 5px;

      background: #22abdd;

      color: #fff;

      cursor: pointer;

      transition: .5s;

      margin: 5px;

      display: inline-block;

      font-size: 14px;

    }

    .tags-specialization:hover {

      background: #fff;

      color: #22abdd;

    }

    /* END : Tags specialization */





    /* START : Areas Of Interest */

    .info-box {

      display: block;

      width: 100%;

      box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);

      border-radius: 2px;

      margin-bottom: 15px;

    }

    .info-box small {

      font-size: 14px;

    }

    .info-box-content {

      padding: 5px 5px 5px 10px;

      text-align: left;

    }

    .info-box-number {

      display: block;

      font-weight: normal;

      font-size: 14px;

      color: #333;

    }

    .info-box-checkbox {

      float: right
    }

    .info-box-text {

      font-size: 15px;

      font-weight: normal;

      color: #66757F;

    }

    /* END : Areas Of Interest */





    /* START : Checkbox style */

    .chkboxCategory {

      width: 20px;

      margin: 0px auto;

      position: relative;

    }



    .chkboxCategory label {

      cursor: pointer;

      position: absolute;

      width: 20px;

      height: 20px;

      top: 1px;

      left: -4px;

      border-radius: 4px;



      -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);

      -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);

      box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);



      background: -webkit-linear-gradient(top, #ec971f 0%, #d58512 100%);

      background: -moz-linear-gradient(top, #ec971f 0%, #d58512 100%);

      background: -o-linear-gradient(top, #ec971f 0%, #d58512 100%);

      background: -ms-linear-gradient(top, #ec971f 0%, #d58512 100%);

      background: linear-gradient(top, #ec971f 0%, #d58512 100%);

      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);

    }



    .chkboxCategory label:after {

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      filter: alpha(opacity=0);

      opacity: 0;

      content: '';

      position: absolute;

      width: 11px;

      height: 7px;

      background: transparent;

      top: 5px;

      left: 4px;

      border: 3px solid #fcfff4;

      border-top: none;

      border-right: none;



      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      transform: rotate(-45deg);

    }



    .chkboxCategory label:hover::after {

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

      filter: alpha(opacity=30);

      opacity: 0;

    }



    .chkboxCategory input[type=checkbox]:checked+label:after {

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      filter: alpha(opacity=100);

      opacity: 1;

    }

    .contain {

      position: relative;

    }
	 .circle {

      position: absolute;

      bottom: 120px;

      left: 10px;

    }

    .dropdown.share.icon-ftr.profile {

      padding: 0px !important;

    }

    /* END : Checkbox style */











    .slider1 {

      /* --dots: 4; */
      --dots: 5;
      --dot-size: 1em;

      --dot-margin: 0.5em;

      --duration: 0.3s;

      --timing-ease: cubic-bezier(0.51, 0.92, 0.24, 1);

      --timing-bounce: cubic-bezier(0.51, 0.92, 0.24, 1.15);



      position: relative;

      width: 100%;

      height: 100%;

      overflow: hidden;

    }



    .slider__slides1 {

      position: relative;

      width: calc(var(--dots) * 100%);

      height: 100%;

      transition: transform var(--duration) var(--timing-ease);

      will-change: transform;

    }



    .slider__slide1 {

      float: left;

      width: calc(100% / var(--dots));

      height: 100%;

    }



    .slider__dots1 {

      display: flex;

      position: absolute;

      bottom: 1.5em;

      left: 50%;

      transform: translateX(-50%);

    }



    .slider__dot1 {

      display: block;

      margin: 0 var(--dot-margin);

      width: var(--dot-size);

      height: var(--dot-size);

      background: rgba(255, 255, 255, 0.5);

      border-radius: 50%;

    }



    .slider__indicator1 {

      position: absolute;

      background: white;

      width: var(--dot-size);

      height: var(--dot-size);

      border-radius: 50%;

      transition: left var(--duration) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .slider__indicator--left1 {

      transition: left var(--duration) var(--timing-bounce), right var(--duration) calc(var(--duration) / 3) var(--timing-bounce);

    }



    .slider__indicator--right1 {

      transition: left var(--duration) calc(var(--duration) / 3) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .center1 {

      display: flex;

      height: 50vh;

      justify-content: center;

      align-items: center;

    }



    .slider1 {

      max-width: 100%;

      max-height: 100%;

    }


    .slider__slide1 {
      background: #ffffff;
    }

    /* .slider__slide1:nth-child(1) {
      background: #309954;
    }

    .slider__slide1:nth-child(2) {
      background: #FFBD3C;
    }

    .slider__slide1:nth-child(3) {
      background: #F8593E;
    }

    .slider__slide1:nth-child(4) {
      background: #4086FA;
    }

    .slider__slide1:nth-child(5) {
      background: #FFBD3C;
    } */

    .slider2 {

      /* --dots: 4; */
      --dots: 5;
      --dot-size: 1em;

      --dot-margin: 0.5em;

      --duration: 0.3s;

      --timing-ease: cubic-bezier(0.51, 0.92, 0.24, 1);

      --timing-bounce: cubic-bezier(0.51, 0.92, 0.24, 1.15);



      position: relative;

      width: 100%;

      height: 100%;

      overflow: hidden;

    }



    .slider__slides2 {

      position: relative;

      width: calc(var(--dots) * 100%);

      height: 100%;

      transition: transform var(--duration) var(--timing-ease);

      will-change: transform;

    }



    .slider__slide2 {

      float: left;

      width: calc(100% / var(--dots));

      height: 100%;

    }



    .slider__dots2 {

      display: flex;

      position: absolute;

      bottom: 1.5em;

      left: 50%;

      transform: translateX(-50%);

    }



    .slider__dot2 {

      display: block;

      margin: 0 var(--dot-margin);

      width: var(--dot-size);

      height: var(--dot-size);

      background: rgba(255, 255, 255, 0.5);

      border-radius: 50%;

    }



    .slider__indicator2 {

      position: absolute;

      background: white;

      width: var(--dot-size);

      height: var(--dot-size);

      border-radius: 50%;

      transition: left var(--duration) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .slider__indicator--left2 {

      transition: left var(--duration) var(--timing-bounce), right var(--duration) calc(var(--duration) / 3) var(--timing-bounce);

    }



    .slider__indicator--right2 {

      transition: left var(--duration) calc(var(--duration) / 3) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .center2 {

      display: flex;

      height: 50vh;

      justify-content: center;

      align-items: center;

    }



    .slider2 {

      max-width: 100%;

      max-height: 100%;

    }

    .slider__slide2 {
      background: white;
    }

    /* 
    .slider__slide2:nth-child(1) {
      background: #309954;
    }

    .slider__slide2:nth-child(2) {
      background: #FFBD3C;
    }

    .slider__slide2:nth-child(3) {
      background: #F8593E;
    }

    .slider__slide2:nth-child(4) {
      background: #4086FA;
    }

    .slider__slide2:nth-child(5) {
      background: #F8593E;
    } */


    .slider3 {

      --dots: 4;

      --dot-size: 1em;

      --dot-margin: 0.5em;

      --duration: 0.3s;

      --timing-ease: cubic-bezier(0.51, 0.92, 0.24, 1);

      --timing-bounce: cubic-bezier(0.51, 0.92, 0.24, 1.15);



      position: relative;

      width: 100%;

      height: 100%;

      overflow: hidden;

    }



    .slider__slides3 {

      position: relative;

      width: calc(var(--dots) * 100%);

      height: 100%;

      transition: transform var(--duration) var(--timing-ease);

      will-change: transform;

    }



    .slider__slide3 {

      float: left;

      width: calc(100% / var(--dots));

      height: 100%;

    }



    .slider__dots3 {

      display: flex;

      position: absolute;

      bottom: 1.5em;

      left: 50%;

      transform: translateX(-50%);

    }



    .slider__dot3 {

      display: block;

      margin: 0 var(--dot-margin);

      width: var(--dot-size);

      height: var(--dot-size);

      background: rgba(255, 255, 255, 0.5);

      border-radius: 50%;

    }



    .slider__indicator3 {

      position: absolute;

      background: white;

      width: var(--dot-size);

      height: var(--dot-size);

      border-radius: 50%;

      transition: left var(--duration) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .slider__indicator--left3 {

      transition: left var(--duration) var(--timing-bounce), right var(--duration) calc(var(--duration) / 3) var(--timing-bounce);

    }



    .slider__indicator--right3 {

      transition: left var(--duration) calc(var(--duration) / 3) var(--timing-bounce), right var(--duration) var(--timing-bounce);

    }



    .center3 {

      display: flex;

      height: 50vh;

      justify-content: center;

      align-items: center;

    }



    .slider3 {

      max-width: 100%;

      max-height: 100%;

    }



    .slider__slide3:nth-child(1) {
      background: #309954;
    }

    .slider__slide3:nth-child(2) {
      background: #FFBD3C;
    }

    .slider__slide3:nth-child(3) {
      background: #F8593E;
    }

    .slider__slide3:nth-child(4) {
      background: #4086FA;
    }



    h4 {

      line-height: 1 !important;

    }

    a {

      color: none !important;

      text-decoration: none !important;

    }



    .custom-column {

      border: 1px solid #ddd;
      /* just for visualization */

      padding: 10px;

      text-align: center;

    }



    /* Media query for extra small devices (phones, less than 576px) */

    @media (max-width: 575.98px) {

      .custom-column {

        flex-basis: 100%;

        max-width: 100%;

      }

    }

    .profile-buttons-love {

      cursor: pointer;

      position: absolute;

      top: 34px !important;

      left: 57px !important;

    }

    .count-love {

      font-size: 15px !important;

      line-height: 43px;

    }
	 .track2 {

      padding-left: 0px;

      padding-right: 60px;

      text-align: center;

    }

    .tracks {

      margin-left: 70px;

    }
	 .button-vote {

    color: #fff!important;

    border: 1px solid #25729a;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    padding: 3px 8px;

    text-decoration: none;

    display: inline-block;

    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

    font-weight: bold;

 

    background-color: #3093c7;

  

    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);

        

    }

    

    .button-vote {

      margin-right: 10px!important

        

    }

   ul.single-line li {

            /* display: table-cell; */

            /* border: 1px solid #ff0000; */

            vertical-align: top!important;

            line-height: 14px;



      }

       .list-inline > li {

                  display: inline-block;

                  padding-right: 5px;

                  padding-left: 5px;

              }

.buzz-title {

      font-size: 16px;

      color: #000!important;

      font-weight: bold;

  }

  

     .img-responsive {

      display: block;

      max-width: 100%;

      height: auto;

  }

   

   

 input.radios:empty ~ label:before {

      position: absolute;

      display: block;

      top: 0;

      bottom: 0;

      left: -15px;

      

      width: 1.7em;

      background: #D1D3D4;

      border-radius: 100%;

  }



  .poll-radio label {

      width: 100%;

      border-radius: 3px;

      border: 0px solid #D1D3D4;

      font-size: 13px;

      font-weight: normal;

      /* top: 0px; */

  }



      .hero-text {

        text-align: center;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        color: white;

      }

      .imgcover {

        width: 800px;

        height: 280px;

        position: relative;

        background-size: cover
      }