@charset "UTF-8";
/*** UTILITIES ***/
@import url("https://use.typekit.net/ycq7nwk.css");
/*** COLORS ***/
/*** BREAKPOINTS ***/
/*** PARTIALS ***/
header {
  background: #5f8096;
  /* Old browsers */
  background: -webkit-linear-gradient(left, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
  background: -o-linear-gradient(left, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
  background: linear-gradient(to right, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  position: fixed;
  z-index: 9;
  width: 100%;
  top: 0;
  padding: 7px 0; }
  @media (max-width: 768px) {
    header {
      height: 0;
      padding: 0;
      overflow-y: hidden;
      transition: 0.2s ease all; }
      header.open {
        height: 100vh;
        padding: 8px 0;
        overflow-y: visible;
        transition: 0.2s ease all; }
        header.open .navbar {
          height: 100vh; }
          header.open .navbar .main-nav li {
            line-height: 2; }
            header.open .navbar .main-nav li a {
              text-decoration: none;
              color: #143e4d; }
              header.open .navbar .main-nav li a:hover {
                color: #fff; } }
  header .social-icons a svg {
    fill: #fff;
    transition: 0.25s ease all; }
  header .social-icons a:hover svg {
    fill: #143e4d;
    transition: 0.25s ease all; }
  header .nav-rightside {
    text-align: right; }
    header .nav-rightside a {
      color: #fff;
      font-weight: 600;
      transition: 0.25s ease all;
      text-decoration: none; }
      header .nav-rightside a:hover {
        color: #143e4d;
        transition: 0.25s ease all; }
      @media (max-width: 991px) {
        header .nav-rightside a {
          font-size: 12px; } }
  header a {
    color: #143e4d;
    font-weight: 700;
    transition: 0.2s ease all; }
    header a:hover {
      text-decoration: none;
      transition: 0.2s ease all;
      color: #fff; }
    @media (max-width: 768px) {
      header a .desktop {
        display: none; } }
    header a .mobile {
      text-transform: uppercase; }
      @media (min-width: 769px) {
        header a .mobile {
          display: none; } }
  header .navbar {
    padding: 0; }
    header .navbar .main-nav {
      list-style: none;
      padding-left: 0;
      margin: auto; }
      header .navbar .main-nav li {
        margin: auto 15px;
        display: inline-block; }
        @media (max-width: 768px) {
          header .navbar .main-nav li.nav-item {
            display: block;
            font-size: 26px;
            margin-bottom: 10px; } }
        header .navbar .main-nav li.mobile-item {
          display: none; }
          @media (max-width: 768px) {
            header .navbar .main-nav li.mobile-item {
              display: block;
              font-size: 26px;
              margin-bottom: 10px; } }
          header .navbar .main-nav li.mobile-item.social-item {
            display: inline-block; }
            @media (min-width: 769px) {
              header .navbar .main-nav li.mobile-item.social-item {
                display: none; } }
            header .navbar .main-nav li.mobile-item.social-item svg {
              fill: #fff; }
        header .navbar .main-nav li .nav-link {
          display: block;
          padding: 0;
          font-weight: 500;
          text-transform: uppercase;
          color: #062c37;
          position: relative; }
          header .navbar .main-nav li .nav-link:hover {
            color: #fff; }
        @media (max-width: 991px) {
          header .navbar .main-nav li {
            margin: auto 8px;
            font-size: 12px; } }

.social-icons {
  list-style: none;
  padding-left: 0;
  margin: 0; }
  .social-icons li {
    margin: auto 5px;
    display: inline-block; }
    @media (max-width: 991px) {
      .social-icons li {
        margin: auto 3px; } }
    .social-icons li a {
      display: inline-block;
      transform: scale(1);
      transition: 0.2s linear all;
      font-size: 18px;
      line-height: 1; }
      @media (max-width: 991px) {
        .social-icons li a {
          width: 15px; } }
      .social-icons li a:hover {
        transform: scale(1.2);
        transition: 0.2s linear all;
        color: #052b36; }
      .social-icons li a img, .social-icons li a svg {
        height: 20px;
        width: auto;
        fill: #fff; }
        @media (max-width: 991px) {
          .social-icons li a img, .social-icons li a svg {
            width: 100%; } }

#mobile-nav {
  display: none;
  color: #fff;
  position: fixed;
  z-index: 10;
  background: transparent;
  border: none;
  top: 5px;
  right: 5px; }
  #mobile-nav:hover {
    cursor: pointer;
    color: #052b36; }
  @media (max-width: 768px) {
    #mobile-nav {
      display: block;
      font-size: 24px; } }
  #mobile-nav svg {
    fill: #fff; }
  #mobile-nav div {
    height: 20px;
    width: 30px;
    position: relative; }
    #mobile-nav div span {
      width: 30px;
      height: 2px;
      background: #fff;
      display: block;
      position: absolute; }
    #mobile-nav div span:nth-of-type(1) {
      top: 0px; }
    #mobile-nav div span:nth-of-type(2) {
      top: 9px;
      opacity: 1;
      transition: 0.2s linear all; }
    #mobile-nav div span:nth-of-type(3) {
      top: 18px; }
  #mobile-nav.active div span {
    background: #052b36; }
  #mobile-nav.active div span:nth-of-type(1) {
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: hamburgerTop;
    animation-play-state: running;
    animation-timing-function: linear; }
  #mobile-nav.active div span:nth-of-type(2) {
    opacity: 0;
    transition: 0.2s linear all; }
  #mobile-nav.active div span:nth-of-type(3) {
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: hamburgerBot;
    animation-play-state: running;
    animation-timing-function: linear; }
@keyframes hamburgerTop {
  0% {
    top: 0px;
    transform: rotate(0deg); }
  50% {
    top: 10px;
    transform: rotate(0deg); }
  100% {
    top: 10px;
    transform: rotate(45deg); } }
@keyframes hamburgerBot {
  0% {
    top: 18px;
    transform: rotate(0deg); }
  50% {
    top: 10px;
    transform: rotate(0deg); }
  100% {
    top: 10px;
    transform: rotate(-45deg); } }
  #mobile-nav.inactive div span:nth-of-type(1) {
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: hamburgerTopReverse;
    animation-play-state: running;
    animation-timing-function: linear; }
  #mobile-nav.inactive div span:nth-of-type(2) {
    opacity: 1;
    transition: 0.2s linear all; }
  #mobile-nav.inactive div span:nth-of-type(3) {
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: hamburgerBotReverse;
    animation-play-state: running;
    animation-timing-function: linear; }
@keyframes hamburgerTopReverse {
  0% {
    top: 10px;
    transform: rotate(45deg); }
  50% {
    top: 10px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(0deg); } }
@keyframes hamburgerBotReverse {
  0% {
    top: 10px;
    transform: rotate(-45deg); }
  50% {
    top: 10px;
    transform: rotate(0deg); }
  100% {
    top: 18px;
    transform: rotate(0deg); } }
footer {
  position: relative;
  background: #577b8b;
  padding: 20px 0;
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 12px; }
  footer a {
    color: #fff;
    text-decoration: none; }
    footer a:hover {
      color: #e2d9cb;
      text-decoration: underline; }
  footer #photo-credits {
    margin-bottom: 0; }
  footer .copyright {
    margin-bottom: 7px; }
  footer .links {
    text-transform: uppercase;
    margin-bottom: 7px; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "filson-pro", helvetica neue, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  color: #435f70;
  line-height: 1.4;
  background-color: #000;
  overflow-x: hidden; }

h2, h3, h4 {
  letter-spacing: 4px; }

@media (min-width: 1200px) {
  .animate-zoom-in {
    transform: scale(0.8);
    transition: 2s ease all; }
    .animate-zoom-in.ready {
      transform: scale(1);
      opacity: 1;
      transition: 2s ease all;
      filter: blur(0); } }
@media (min-width: 992px) {
  .animate-zoom-in {
    transform: scale(0.9);
    transition: 2s ease all; }
    .animate-zoom-in.ready {
      transform: scale(1);
      opacity: 1;
      transition: 2s ease all;
      filter: blur(0); } }

@media (min-width: 1200px) {
  .animate-zoom-out {
    transform: scale(1.5);
    transition: 2s ease all; }
    .animate-zoom-out.ready {
      transform: scale(1);
      opacity: 1;
      transition: 2s ease all;
      filter: blur(0); } }
@media (min-width: 992px) {
  .animate-zoom-out {
    transform: scale(1.1);
    transition: 2s ease all; }
    .animate-zoom-out.ready {
      transform: scale(1);
      opacity: 1;
      transition: 2s ease all;
      filter: blur(0); } }

.animate-slide-up {
  transform: translateY(100px);
  transition: 2s ease all; }
  .animate-slide-up.ready {
    transform: translateY(0px);
    opacity: 1;
    transition: 2s ease all; }

@media (min-width: 992px) {
  .animate-slide-right {
    transform: translateX(-200px);
    transition: 2s ease all; }
    .animate-slide-right.ready {
      transform: translateX(0px);
      opacity: 1;
      transition: 2s ease all; } }

@media (min-width: 992px) {
  .animate-slide-left {
    transform: translateX(200px);
    transition: 2s ease all; }
    .animate-slide-left.ready {
      transform: translateX(0px);
      opacity: 1;
      transition: 2s ease all; } }

@media (min-width: 1400px) {
  .container-lg {
    max-width: 1399px; } }
@media (min-width: 769px) {
  #welcome-modal .modal-dialog {
    max-width: 700px; } }
@media (min-width: 1200px) {
  #welcome-modal .modal-dialog {
    max-width: 1000px; } }
#welcome-modal .modal-dialog .modal-content {
  background-color: transparent; }
  #welcome-modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    #welcome-modal .modal-dialog .modal-content .modal-body button {
      background: transparent;
      border: none;
      position: absolute;
      z-index: 2;
      top: 10px;
      right: 10px; }
      #welcome-modal .modal-dialog .modal-content .modal-body button svg {
        width: 20px;
        height: 20px;
        fill: #435f70;
        transform: rotate(0);
        transition: 0.2s ease all; }
      #welcome-modal .modal-dialog .modal-content .modal-body button:hover svg {
        fill: #632b58;
        transform: rotate(180deg);
        transition: 0.2s ease all; }
    #welcome-modal .modal-dialog .modal-content .modal-body .wrapper {
      text-align: center;
      margin: auto;
      position: relative;
      box-sizing: border-box;
      background-clip: padding-box;
      border: solid 3px transparent;
      z-index: 1; }
      #welcome-modal .modal-dialog .modal-content .modal-body .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        border-radius: 0px;
        background: #2b4f67;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4f67', endColorstr='#a5c2d5',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner {
        color: #435f70;
        padding: 60px;
        border-radius: 0px;
        background: #ddd2c0;
        background: -moz-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd2c0', endColorstr='#fefeff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
        #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 {
          display: block;
          letter-spacing: 0px;
          text-transform: uppercase;
          font-weight: 500;
          color: #632b58;
          font-size: 30px;
          margin-bottom: 20px; }
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 span {
            letter-spacing: 4px;
            font-family: "pf-marlet-display", georgia, serif;
            font-size: 90px;
            display: block;
            font-weight: 800;
            background: #294252;
            background: -webkit-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
            background: -moz-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
            background: linear-gradient(to right, #294252 0%, #83a1b4 50%, #294252 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0px 0px #00000000; }
        #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h3 {
          letter-spacing: 0;
          font-weight: 900;
          color: #632b58;
          font-size: 36px;
          text-transform: uppercase; }
        #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h4 {
          letter-spacing: 0;
          font-weight: 500; }
        #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner p {
          font-size: 20px;
          margin: auto; }
        #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner .btns {
          margin: 30px auto auto;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 575px) {
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner .btns {
              flex-direction: column; } }
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner .btns button {
            border: none;
            margin: 0 20px;
            padding: 6px 16px;
            display: inline-block;
            background-color: rgba(20, 62, 77, 0);
            transition: 0.35s ease all;
            border: 2px solid #143e4d;
            color: #143e4d;
            font-size: 18px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner .btns button:hover {
              color: #fff;
              padding: 6px 22px;
              text-decoration: none;
              transition: 0.35s ease all;
              background-color: #143e4d; }
        @media (min-width: 1200px) {
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner #about-copy {
            max-width: 80%;
            margin: auto; } }
        @media (max-width: 1199px) {
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner {
            padding: 50px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 {
              font-size: 20px; }
              #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 span {
                font-size: 55px;
                letter-spacing: 2px; } }
        @media (max-width: 991px) {
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner {
            padding: 50px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 {
              font-size: 20px; }
              #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 span {
                font-size: 35px;
                letter-spacing: 2px; } }
        @media (max-width: 575px) {
          #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner {
            padding: 20px 15px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 {
              font-size: 20px; }
              #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner h2 span {
                font-size: 22px;
                letter-spacing: 2px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner .btns a {
              margin: 10px 0px; }
            #welcome-modal .modal-dialog .modal-content .modal-body .wrapper .inner p {
              font-size: 18px; } }

#winners-modal {
  padding-right: 0 !important; }
  #winners-modal.show .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: auto; }
    #winners-modal.show .modal-dialog .modal-content {
      border: 30px solid rgba(0, 0, 0, 0.2); }
      @media (min-width: 960px) {
        #winners-modal.show .modal-dialog .modal-content {
          border: 100px solid rgba(0, 0, 0, 0.2); } }
    #winners-modal.show .modal-dialog button {
      background: transparent;
      border: none;
      position: fixed;
      right: 20px;
      color: #fff;
      font-size: 30px;
      width: 50px; }
      #winners-modal.show .modal-dialog button:hover {
        cursor: pointer; }
    #winners-modal.show .modal-dialog picture img {
      width: 100%; }

.insta-modal .modal-content {
  padding: 0;
  background: transparent; }
  .insta-modal .modal-content button {
    border: none;
    background: transparent;
    border: none;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px; }
    .insta-modal .modal-content button img {
      width: 20px; }
  .insta-modal .modal-content .instagram-media {
    width: 100%;
    max-width: 400px; }

/*** SECTIONS ***/
.intro {
  min-height: 100vh;
  width: 100%;
  position: relative;
  backface-visibility: hidden;
  overflow: hidden;
  background: url("../img/hero-bg.jpg") no-repeat center center/cover; }
  .intro::before {
    content: "";
    position: absolute;
    height: 50vh;
    width: 400%;
    top: 0;
    left: 0;
    animation: hero-wipe-left 5s;
    animation-iteration-count: infinite;
    backface-visibility: hidden;
    animation-delay: 1s;
    animation-timing-function: linear;
    background: linear-gradient(to right, rgba(0, 7, 32, 0) 0%, rgba(0, 7, 32, 0) 25%, #000720 33%, #000720 60%, rgba(0, 7, 32, 0) 75%, rgba(0, 7, 32, 0) 100%); }
@keyframes hero-wipe-left {
  0% {
    left: 0; }
  50% {
    left: -250%; }
  100% {
    left: -250%; } }
  .intro::after {
    content: "";
    position: absolute;
    height: 50vh;
    width: 400%;
    bottom: 0;
    right: 0;
    animation: hero-wipe-right 5s;
    animation-iteration-count: infinite;
    backface-visibility: hidden;
    animation-delay: 1s;
    animation-timing-function: linear;
    background: linear-gradient(to right, rgba(0, 7, 32, 0) 0%, rgba(0, 7, 32, 0) 25%, #000720 40%, #000720 67%, rgba(0, 7, 32, 0) 75%, rgba(0, 7, 32, 0) 100%); }
@keyframes hero-wipe-right {
  0% {
    right: 0; }
  50% {
    right: -250%; }
  100% {
    right: -250%; } }
  .intro .bottom-fade {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 7, 32, 0) 0%, rgba(0, 7, 32, 0.5) 61%, #000720 100%);
    height: 100px;
    position: absolute;
    bottom: 0; }
  .intro .congrats-text {
    position: relative;
    z-index: 1;
    font-size: 26px;
    display: inline-block;
    letter-spacing: 1px;
    margin: 100px auto auto;
    font-weight: 500;
    text-transform: uppercase;
    background: linear-gradient(to right, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
    background: -moz-linear-gradient(to right, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5f8096 0%, #a3c1d3 50%, #5f8096 100%);
    /* Chrome10-25,Safari5.1-6 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75)); }
    @media (max-width: 575px) {
      .intro .congrats-text {
        margin: 75px auto 100px;
        font-size: 1.75rem; } }
  .intro .logo {
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 50vh; }
    .intro .logo img {
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
    @media (max-width: 575px) {
      .intro .logo {
        height: 45vh; } }
  .intro .intro-arrow {
    background: transparent;
    background-repeat: no-repeat;
    border: 0;
    margin-top: 20px;
    display: inline-block;
    position: relative;
    z-index: 2; }
    .intro .intro-arrow:hover {
      cursor: pointer; }
    .intro .intro-arrow svg {
      width: 50px;
      height: 33px;
      fill: url(#scrollArrowGrad); }
  .intro .seemore {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
    display: block;
    text-transform: uppercase; }
  .intro .hashtag {
    position: relative;
    z-index: 1;
    position: relative;
    z-index: 2;
    display: block;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 500; }

#about {
  overflow-x: hidden;
  background: #010721;
  padding: 10px 0; }
  #about .wrapper {
    text-align: center;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border: solid 3px transparent;
    z-index: 1; }
    #about .wrapper:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      margin: -5px;
      border-radius: 0px;
      background: #2b4f67;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4f67', endColorstr='#a5c2d5',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
    #about .wrapper .inner {
      color: #435f70;
      padding: 100px;
      border-radius: 0px;
      background: #ddd2c0;
      background: -moz-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd2c0', endColorstr='#fefeff',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
      #about .wrapper .inner h2 {
        display: block;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-weight: 500;
        color: #632b58;
        font-size: 30px;
        margin-bottom: 20px; }
        #about .wrapper .inner h2 span {
          letter-spacing: 4px;
          font-family: "pf-marlet-display", georgia, serif;
          font-size: 90px;
          display: block;
          font-weight: 800;
          background: #294252;
          background: -webkit-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
          background: -moz-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
          background: linear-gradient(to right, #294252 0%, #83a1b4 50%, #294252 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          text-shadow: 0px 0px #00000000; }
      #about .wrapper .inner p {
        font-size: 20px;
        margin: auto; }
      #about .wrapper .inner .btns {
        margin: 30px auto auto;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 575px) {
          #about .wrapper .inner .btns {
            flex-direction: column; } }
        #about .wrapper .inner .btns button {
          border: none;
          margin: 0 20px;
          padding: 6px 16px;
          display: inline-block;
          background-color: rgba(20, 62, 77, 0);
          transition: 0.35s ease all;
          border: 2px solid #143e4d;
          color: #143e4d;
          font-size: 18px; }
          #about .wrapper .inner .btns button:hover {
            color: #fff;
            padding: 6px 22px;
            text-decoration: none;
            transition: 0.35s ease all;
            background-color: #143e4d; }
      @media (min-width: 1200px) {
        #about .wrapper .inner #about-copy {
          max-width: 80%;
          margin: auto; } }
      @media (max-width: 1199px) {
        #about .wrapper .inner {
          padding: 50px; }
          #about .wrapper .inner h2 {
            font-size: 20px; }
            #about .wrapper .inner h2 span {
              font-size: 55px;
              letter-spacing: 2px; } }
      @media (max-width: 991px) {
        #about .wrapper .inner {
          padding: 50px; }
          #about .wrapper .inner h2 {
            font-size: 20px; }
            #about .wrapper .inner h2 span {
              font-size: 35px;
              letter-spacing: 2px; } }
      @media (max-width: 575px) {
        #about .wrapper .inner {
          padding: 20px 15px; }
          #about .wrapper .inner h2 {
            font-size: 20px; }
            #about .wrapper .inner h2 span {
              font-size: 22px;
              letter-spacing: 2px; }
          #about .wrapper .inner .btns a {
            margin: 10px 0px; }
          #about .wrapper .inner p {
            font-size: 18px; } }

#awards {
  overflow-x: hidden;
  background: url("../img/pop-bg-tall-3.jpg") no-repeat center center/cover;
  position: relative; }
  #awards::before {
    content: "";
    background: -moz-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    height: 200px;
    width: 100%;
    top: 0; }
  #awards::after {
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    height: 150px;
    width: 100%;
    bottom: 0; }
  #awards .heading {
    padding: 200px 0 0; }
    #awards .heading h2 {
      background: #ab8751;
      background: -webkit-linear-gradient(left, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
      background: -moz-linear-gradient(left, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
      background: linear-gradient(to right, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0px 0px #00000000;
      filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75));
      display: inline-block;
      font-size: 70px;
      text-transform: uppercase;
      font-family: "pf-marlet-display", georgia, serif; }
    #awards .heading p {
      font-size: 20px; }
    #awards .heading svg {
      position: relative;
      z-index: 1;
      width: 200px;
      fill: #ff0000; }
  #awards .award-type1 {
    padding: 100px 50px 50px 0; }
    @media (max-width: 991px) {
      #awards .award-type1 {
        padding: 100px 20px 100px 0; } }
    #awards .award-type1 .wrapper {
      margin: auto;
      position: relative;
      box-sizing: border-box;
      background-clip: padding-box;
      z-index: 1; }
      #awards .award-type1 .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        background: #ddd2c2;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #ddd2c2 0%, #ffffff 50%, #ddd2c2 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #ddd2c2 0%, #ffffff 50%, #ddd2c2 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #ddd2c2 0%, #ffffff 50%, #ddd2c2 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd2c2', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #awards .award-type1 .wrapper .inner {
        color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
        background: #577b8b;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #577b8b 0%, #7899a7 50%, #577b8b 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #577b8b 0%, #7899a7 50%, #577b8b 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #577b8b 0%, #7899a7 50%, #577b8b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7899a7', endColorstr='#577b8b',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
        #awards .award-type1 .wrapper .inner .container {
          margin-right: 0; }
          #awards .award-type1 .wrapper .inner .container h3 {
            font-weight: 600;
            margin-bottom: 40px;
            letter-spacing: 0;
            font-size: 50px;
            color: #ffffff;
            display: block;
            text-transform: capitalize;
            font-family: "pf-marlet-display", georgia, serif;
            background: #dbc2a0;
            background: -webkit-linear-gradient(left, #dbc2a0 0%, #fffdfa 50%, #dbc2a0 100%);
            background: -moz-linear-gradient(left, #dbc2a0 0%, #fffdfa 50%, #dbc2a0 100%);
            background: linear-gradient(to right, #dbc2a0 0%, #fffdfa 50%, #dbc2a0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0px 0px #00000000;
            filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25)); }
          #awards .award-type1 .wrapper .inner .container a {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 30px;
            color: #ffffff;
            letter-spacing: 1px;
            display: inline-block;
            text-decoration: none;
            margin-bottom: 20px;
            transform: scale(1);
            transition: 0.25s ease all; }
            #awards .award-type1 .wrapper .inner .container a img {
              display: inline-block;
              width: 60px;
              border-width: 0px;
              margin-right: 0;
              transition: 0.25s ease all; }
            #awards .award-type1 .wrapper .inner .container a:hover {
              transition: 0.25s ease all; }
              #awards .award-type1 .wrapper .inner .container a:hover img {
                transform: scale(1.1);
                transition: 0.25s ease all;
                margin-right: 10px; }
          #awards .award-type1 .wrapper .inner .container h4 {
            text-transform: uppercase;
            font-weight: 600; }
            #awards .award-type1 .wrapper .inner .container h4 a {
              font-weight: 600; }
          #awards .award-type1 .wrapper .inner .container img {
            width: 100%;
            border-width: 3px;
            border-style: solid;
            border-image: linear-gradient(-45deg, #492a52, #d0b8d7, #492a52) 1; }
          #awards .award-type1 .wrapper .inner .container ul li {
            color: #ffffff;
            font-weight: 600; }
          #awards .award-type1 .wrapper .inner .container ul:first-of-type {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0; }
            #awards .award-type1 .wrapper .inner .container ul:first-of-type li {
              display: block; }
          #awards .award-type1 .wrapper .inner .container ul:last-of-type {
            list-style: none;
            padding: 0;
            margin: 0; }
            #awards .award-type1 .wrapper .inner .container ul:last-of-type li {
              font-style: italic;
              display: block;
              font-weight: 300; }
    #awards .award-type1.publishers {
      position: relative;
      z-index: 1; }
      #awards .award-type1.publishers img {
        max-width: 60%;
        margin: auto;
        border-width: 0px; }
  #awards .award-type2 {
    padding: 100px 0 50px 50px; }
    @media (max-width: 991px) {
      #awards .award-type2 {
        padding: 100px 0 100px 20px; } }
    #awards .award-type2 .wrapper {
      margin: auto;
      position: relative;
      box-sizing: border-box;
      background-clip: padding-box;
      z-index: 1; }
      #awards .award-type2 .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        background: #2b4f67;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #2b4f67 0%, #a5c2d5 50%, #2b4f67 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4f67', endColorstr='#a5c2d5',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #awards .award-type2 .wrapper .inner {
        color: #435f70;
        padding-top: 50px;
        padding-bottom: 50px;
        background: #ddd2c0;
        background: -moz-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ddd2c0 0%, #fefeff 50%, #ddd2c0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd2c0', endColorstr='#fefeff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
        #awards .award-type2 .wrapper .inner .container {
          margin-left: 0; }
          #awards .award-type2 .wrapper .inner .container h3 {
            font-weight: 100;
            margin-bottom: 40px;
            letter-spacing: 0;
            font-size: 50px;
            color: #294252;
            display: block;
            text-transform: capitalize;
            font-family: "pf-marlet-display", georgia, serif;
            background: #294252;
            background: -webkit-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
            background: -moz-linear-gradient(left, #294252 0%, #83a1b4 50%, #294252 100%);
            background: linear-gradient(to right, #294252 0%, #83a1b4 50%, #294252 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0px 0px #00000000;
            filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25)); }
          #awards .award-type2 .wrapper .inner .container h4 {
            letter-spacing: 1px;
            font-weight: 600;
            color: #632b58; }
            #awards .award-type2 .wrapper .inner .container h4 a {
              font-weight: 600;
              color: #632b58; }
          #awards .award-type2 .wrapper .inner .container a {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 30px;
            color: #632b58;
            letter-spacing: 1px;
            display: inline-block;
            text-decoration: none;
            margin-bottom: 20px;
            transform: scale(1);
            transition: 0.25s ease all; }
            #awards .award-type2 .wrapper .inner .container a img {
              display: inline-block;
              width: 60px;
              border-width: 0px;
              margin-right: 0;
              transition: 0.25s ease all; }
            #awards .award-type2 .wrapper .inner .container a:hover {
              transition: 0.25s ease all; }
              #awards .award-type2 .wrapper .inner .container a:hover img {
                transform: scale(1.1);
                transition: 0.25s ease all;
                margin-right: 10px; }
          #awards .award-type2 .wrapper .inner .container .award-copy {
            font-weight: 500;
            color: #435f70;
            /*@include md-min {
            	display: flex;
            	flex-direction: column;
            	justify-content: center;
            }*/ }
            @media (max-width: 768px) {
              #awards .award-type2 .wrapper .inner .container .award-copy {
                margin-bottom: 20px; } }
            #awards .award-type2 .wrapper .inner .container .award-copy ul {
              list-style: none;
              padding: 0;
              margin: 0 0 20px 0; }
              #awards .award-type2 .wrapper .inner .container .award-copy ul li {
                display: block;
                color: #435f70;
                font-weight: 500; }
          #awards .award-type2 .wrapper .inner .container img {
            width: 100%;
            border-width: 3px;
            border-style: solid;
            border-image: linear-gradient(-45deg, #385c73, #a4c1d3, #385c73) 1; }
    #awards .award-type2.swoty h4 a {
      display: inline-block;
      background: linear-gradient(to bottom, #DFB063 0%, #FAF7F0 100%);
      background: -moz-linear-gradient(top, #dfb063 0%, #faf7f0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #dfb063 0%, #faf7f0 100%);
      /* Chrome10-25,Safari5.1-6 */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfb063', endColorstr='#faf7f0',GradientType=0 );
      /* IE6-9 */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    #awards .award-type2.soty .wrapper .inner .container h3 {
      font-weight: 600 !important;
      margin-bottom: 20px !important; }
    #awards .award-type2.soty .wrapper .inner .container ul:last-of-type li {
      display: inline; }
      #awards .award-type2.soty .wrapper .inner .container ul:last-of-type li:not(:last-child)::after {
        content: "/";
        margin-left: 6px;
        margin-right: 3px; }
    #awards .award-type2.soty .wrapper .inner .container .photo {
      padding-right: 1.3%; }
    #awards .award-type2.publishers {
      position: relative;
      z-index: 1; }
      #awards .award-type2.publishers img {
        max-width: 60%;
        margin: auto;
        border-width: 0px !important; }
  #awards .award-type3 {
    padding: 100px 50px 50px 0; }
    @media (max-width: 991px) {
      #awards .award-type3 {
        padding: 100px 20px 100px 0; } }
    #awards .award-type3 .wrapper {
      margin: auto;
      position: relative;
      box-sizing: border-box;
      background-clip: padding-box;
      z-index: 1; }
      #awards .award-type3 .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        background: #0016a2;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #c6aa83 0%, #fef8ec 50%, #c6aa83 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #c6aa83 0%, #fef8ec 50%, #c6aa83 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #c6aa83 0%, #fef8ec 50%, #c6aa83 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6aa83', endColorstr='#fef8ec',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #awards .award-type3 .wrapper .inner {
        padding-top: 50px;
        padding-bottom: 50px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        background: #0cada9;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #37796b 0%, #6ca69a 50%, #37796b 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #37796b 0%, #6ca69a 50%, #37796b 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #37796b 0%, #6ca69a 50%, #37796b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37796b', endColorstr='#6ca69a',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
        #awards .award-type3 .wrapper .inner .container {
          margin-right: 0; }
          #awards .award-type3 .wrapper .inner .container h3 {
            font-weight: 600;
            margin-bottom: 40px;
            letter-spacing: 0;
            font-size: 40px;
            color: #ffffff;
            display: block;
            text-transform: capitalize;
            font-family: "pf-marlet-display", georgia, serif;
            background: #efc983;
            background: -webkit-linear-gradient(left, #eeeac7 0%, #ffffff 50%, #eeeac7 100%);
            background: -moz-linear-gradient(left, #eeeac7 0%, #ffffff 50%, #eeeac7 100%);
            background: linear-gradient(to right, #eeeac7 0%, #ffffff 50%, #eeeac7 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0px 0px #00000000;
            filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.5)); }
          #awards .award-type3 .wrapper .inner .container h4 {
            letter-spacing: 2px;
            font-weight: 600; }
            #awards .award-type3 .wrapper .inner .container h4 a {
              font-weight: 600; }
          #awards .award-type3 .wrapper .inner .container a {
            font-weight: 600;
            font-size: 30px;
            color: #ffffff;
            letter-spacing: 1px;
            color: #ffffff;
            display: inline-block;
            text-decoration: none;
            margin-bottom: 20px; }
            #awards .award-type3 .wrapper .inner .container a img {
              display: inline-block;
              width: 60px;
              border-width: 0px; }
          #awards .award-type3 .wrapper .inner .container img {
            width: 100%;
            border-width: 3px;
            border-style: solid;
            border-image: linear-gradient(45deg, #ffffff, #eeeac7) 1; }
          #awards .award-type3 .wrapper .inner .container .writers {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0; }
            #awards .award-type3 .wrapper .inner .container .writers li {
              display: block;
              font-weight: 500; }
          #awards .award-type3 .wrapper .inner .container .publishers {
            list-style: none;
            padding: 0;
            margin: 0; }
            #awards .award-type3 .wrapper .inner .container .publishers li {
              font-style: italic;
              display: block;
              font-weight: 500; }
          #awards .award-type3 .wrapper .inner .container ul {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0; }
            #awards .award-type3 .wrapper .inner .container ul li {
              display: block;
              font-weight: 500; }
    #awards .award-type3.publishers {
      position: relative;
      z-index: 1; }
      #awards .award-type3.publishers img {
        max-width: 60%;
        margin: auto;
        border-width: 0px; }
  #awards .videos .video {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    align-items: center; }
    #awards .videos .video a {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center; }
      #awards .videos .video a img {
        margin: auto; }
      #awards .videos .video a svg {
        opacity: 0.75;
        display: inline-block;
        margin: auto;
        width: 150px;
        transform: scale(1);
        transition: 0.2s ease all; }
        #awards .videos .video a svg path {
          fill: #ffffff; }
        #awards .videos .video a svg polygon {
          fill: #ffffff; }
      #awards .videos .video a:hover svg {
        opacity: 1;
        transform: scale(1.05);
        transition: 0.2s ease all; }
  #awards .videos p {
    color: #fff;
    margin: 15px 0 0 0;
    font-size: 20px; }

#highlights {
  padding: 100px 0 20px;
  background: url("../img/pop-bg-tall-2.jpg") no-repeat center center/cover;
  position: relative; }
  #highlights::before {
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#515c5e+0,515c5e+100&0+0,1+100 */
    background: -moz-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    height: 100px;
    width: 100%;
    top: 0; }
  #highlights::after {
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#515c5e+0,515c5e+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 7, 32, 0) 0%, #000720 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0; }
  #highlights .heading {
    text-align: center;
    padding-bottom: 50px;
    color: #fff;
    flex-direction: column; }
    #highlights .heading h2 {
      background: #04a7a9;
      background: -webkit-linear-gradient(left, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      background: -moz-linear-gradient(left, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      background: linear-gradient(to right, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0px 0px #00000000;
      filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75));
      display: inline-block;
      font-size: 60px;
      text-transform: uppercase;
      font-family: "pf-marlet-display", georgia, serif; }
    #highlights .heading p {
      font-size: 20px;
      color: #fff; }
    #highlights .heading svg {
      position: relative;
      z-index: 1;
      width: 200px;
      fill: #ff0000;
      margin: 20px auto; }
  #highlights p {
    color: #fff; }
  #highlights .photos-heading {
    flex-direction: column; }
    #highlights .photos-heading svg {
      width: 150px;
      fill: #fff;
      margin: 5px auto 20px; }
    #highlights .photos-heading h2 {
      background: #04a7a9;
      background: -webkit-linear-gradient(left, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      background: -moz-linear-gradient(left, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      background: linear-gradient(to right, #f5edd6 0%, #ffffff 50%, #fce1ce 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0px 0px #00000000;
      filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75));
      display: inline-block;
      font-size: 40px;
      text-transform: uppercase;
      font-family: "pf-marlet-display", georgia, serif; }
  #highlights h3 {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0px; }
  #highlights .video {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
    align-items: center;
    margin-bottom: 20px; }
    #highlights .video a {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center; }
      #highlights .video a img {
        margin: auto; }
      #highlights .video a svg {
        opacity: 0.75;
        display: inline-block;
        margin: auto;
        width: 150px;
        transform: scale(1);
        transition: 0.2s ease all; }
        #highlights .video a svg path {
          fill: #ffffff; }
        #highlights .video a svg polygon {
          fill: #ffffff; }
      #highlights .video a:hover svg {
        opacity: 1;
        transform: scale(1.05);
        transition: 0.2s ease all; }
  @media (max-width: 575px) {
    #highlights .swiper-col {
      padding-right: 0px;
      padding-left: 0px; } }
  #highlights .swiper-col .swiper-button-next-1, #highlights .swiper-col .swiper-button-prev-1, #highlights .swiper-col .swiper-button-next-2, #highlights .swiper-col .swiper-button-prev-2 {
    top: 240px;
    color: #fff; }
    @media (max-width: 1199px) {
      #highlights .swiper-col .swiper-button-next-1, #highlights .swiper-col .swiper-button-prev-1, #highlights .swiper-col .swiper-button-next-2, #highlights .swiper-col .swiper-button-prev-2 {
        top: 205px; } }
    @media (max-width: 991px) {
      #highlights .swiper-col .swiper-button-next-1, #highlights .swiper-col .swiper-button-prev-1, #highlights .swiper-col .swiper-button-next-2, #highlights .swiper-col .swiper-button-prev-2 {
        top: 180px; } }
    @media (max-width: 768px) {
      #highlights .swiper-col .swiper-button-next-1, #highlights .swiper-col .swiper-button-prev-1, #highlights .swiper-col .swiper-button-next-2, #highlights .swiper-col .swiper-button-prev-2 {
        top: 130px; } }
    @media (max-width: 575px) {
      #highlights .swiper-col .swiper-button-next-1, #highlights .swiper-col .swiper-button-prev-1, #highlights .swiper-col .swiper-button-next-2, #highlights .swiper-col .swiper-button-prev-2 {
        display: none; } }
    #highlights .swiper-col .swiper-button-next-1:hover, #highlights .swiper-col .swiper-button-prev-1:hover, #highlights .swiper-col .swiper-button-next-2:hover, #highlights .swiper-col .swiper-button-prev-2:hover {
      color: #ff0000; }
  #highlights .swiper-col .swiper-pagination, #highlights .swiper-col .swiper-pagination-2 {
    top: 285px; }
    @media (min-width: 576px) {
      #highlights .swiper-col .swiper-pagination, #highlights .swiper-col .swiper-pagination-2 {
        display: none; } }
    #highlights .swiper-col .swiper-pagination .swiper-pagination-bullet, #highlights .swiper-col .swiper-pagination-2 .swiper-pagination-bullet {
      background: #fff; }
      #highlights .swiper-col .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, #highlights .swiper-col .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff; }
  #highlights .swiper-col .swiper-slide {
    color: #fff;
    text-align: center; }
    #highlights .swiper-col .swiper-slide img {
      width: auto;
      margin: auto auto 30px;
      height: 520px; }
      @media (max-width: 1199px) {
        #highlights .swiper-col .swiper-slide img {
          height: 450px; } }
      @media (max-width: 991px) {
        #highlights .swiper-col .swiper-slide img {
          height: 400px; } }
      @media (max-width: 768px) {
        #highlights .swiper-col .swiper-slide img {
          height: 300px; } }
      @media (max-width: 575px) {
        #highlights .swiper-col .swiper-slide img {
          height: 275px; } }
    #highlights .swiper-col .swiper-slide p {
      font-size: 20px; }
      #highlights .swiper-col .swiper-slide p span {
        margin-top: 10px;
        display: block;
        font-size: 16px; }
      @media (max-width: 575px) {
        #highlights .swiper-col .swiper-slide p {
          padding: 0 15px; } }

#songwriters {
  padding: 150px 0 100px;
  background: url("../img/pop-bg-tall.jpg") no-repeat center center/cover;
  position: relative; }
  #songwriters::before {
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#515c5e+0,515c5e+100&0+0,1+100 */
    background: -moz-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000720 0%, rgba(0, 7, 32, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    height: 100px;
    width: 100%;
    top: 0; }
  #songwriters .top {
    position: relative;
    z-index: 1; }
    #songwriters .top h2 {
      position: relative; }
      #songwriters .top h2 .line1 {
        font-weight: 100;
        text-align: center;
        margin-bottom: 0;
        font-size: 32px;
        display: inline-block;
        color: #b0b0b0;
        letter-spacing: 0;
        background: #cfb7d7;
        background: -webkit-linear-gradient(left, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        background: -moz-linear-gradient(left, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        background: linear-gradient(to right, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 0px 0px #00000000;
        filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75)); }
        @media (max-width: 767px) {
          #songwriters .top h2 .line1 {
            font-size: 30px; } }
      #songwriters .top h2 .line2 {
        letter-spacing: 4px;
        text-align: center;
        font-size: 60px;
        background: #ab8751;
        background: -webkit-linear-gradient(left, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
        background: -moz-linear-gradient(left, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
        background: linear-gradient(to right, #ab8751 0%, #fffdfa 50%, #ab8751 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 0px 0px #00000000;
        filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75));
        display: block;
        text-transform: uppercase;
        font-family: "pf-marlet-display", georgia, serif;
        position: relative;
        /*&::before {
        	content: "Most Performed Songs";
        	display: block;
        	position: absolute;
        	left: 0;
        	right: 0;
        	z-index: -1;
        	text-shadow: 4px 4px 0px rgba(0,0,0,0.5);
        }*/ }
        @media (max-width: 767px) {
          #songwriters .top h2 .line2 {
            font-size: 30px; } }
      #songwriters .top h2 .line3 {
        letter-spacing: 0;
        font-weight: 100;
        text-align: center;
        font-size: 32px;
        display: inline-block;
        color: #b0b0b0;
        line-height: 1;
        background: #cfb7d7;
        background: -webkit-linear-gradient(left, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        background: -moz-linear-gradient(left, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        background: linear-gradient(to right, #cfb7d7 0%, #fff 50%, #cfb7d7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 0px 0px #00000000;
        filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.75)); }
        @media (max-width: 767px) {
          #songwriters .top h2 .line3 {
            font-size: 30px; } }
    #songwriters .top svg {
      width: 200px;
      fill: #ff0000; }
    #songwriters .top hr {
      border-top: 2px dotted #D7B492;
      margin: auto auto 20px auto;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      background: transparent; }
    #songwriters .top #top-songs-copy {
      color: #fff;
      position: relative;
      font-size: 20px; }
    #songwriters .top #first-time-copy {
      color: #fff;
      font-size: 24px; }
      #songwriters .top #first-time-copy span {
        color: #ff0000;
        display: inline-block; }
      @media (max-width: 575px) {
        #songwriters .top #first-time-copy {
          font-size: 1.1rem; } }
    #songwriters .top .share {
      text-align: center; }
      #songwriters .top .share a {
        margin: 0 20px;
        padding: 6px 16px;
        display: inline-block;
        background-color: rgba(218, 206, 187, 0);
        transition: 0.35s ease all;
        border: 2px solid #dacebb;
        color: #dacebb;
        font-size: 18px;
        text-decoration: none;
        font-weight: 500;
        /*border: none;
        margin: auto;
        width: 360px;
        height: 52px;
        padding: 2px;
        display: inline-block;
        background: #04a7a9;
        background: -moz-linear-gradient(left,  #6aa498 0%, #37796b 100%);
        background: -webkit-linear-gradient(left,  #6aa498 0%, #37796b 100%); 
        background: linear-gradient(to right, #6aa498 0%,  #37796b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa498', endColorstr='#37796b',GradientType=1 );
        border-radius: 24px;
        background-size: 100%;
        background-position: right;
        transition: 0.5s ease all;
        span {
        	padding: 10px 20px;
        	width: 356px;
        	height: 48px;
        	display: inline-block;
        	background: #008d92;
        	background: -moz-linear-gradient(left,  #37796b 0%, #6aa498 100%);
        	background: -webkit-linear-gradient(left,  #37796b 0%,#6aa498 100%);
        	background: linear-gradient(to right,  #37796b 0%,#6aa498 100%);
        	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37796b', endColorstr='#6aa498',GradientType=1 );
        	color: #fff;
        	font-weight: 600;
        	font-size: 18px;
        	border-radius: 22px;
        	transition: 0.5s ease all;
        	background-size: 100%;
        	background-position: right;
        	svg {
        		fill: #1db954;
        		width: 20px;
        		margin-right: 10px;
        		transition: 0.5s ease all;
        	}
        }
        &:hover {
        	color: #fff;
        	text-decoration: none;
        	transition: 0.5s ease all;
        	background-size: 300%;
        	span {
        		color: #fff;
        		text-decoration: none;
        		transition: 0.5s ease all;
        		background-size: 300%;
        		svg {
        			fill: #ffffff;
        			transition: 0.5s ease all;
        		}
        	}
        }*/ }
        #songwriters .top .share a svg {
          fill: #1db954;
          width: 20px;
          margin-right: 10px;
          transition: 0.5s ease all; }
        #songwriters .top .share a:hover {
          color: #143e4d;
          padding: 6px 22px;
          text-decoration: none;
          transition: 0.35s ease all;
          background-color: #dacebb; }
          #songwriters .top .share a:hover svg {
            fill: #143e4d;
            transition: 0.5s ease all; }
  #songwriters #songwriters-winners {
    margin-top: 50px; }
    #songwriters #songwriters-winners .song-col .song-card-wrap {
      padding-top: 65px;
      margin-bottom: 80px; }
      @media (max-width: 575px) {
        #songwriters #songwriters-winners .song-col .song-card-wrap {
          margin-bottom: 30px; } }
      #songwriters #songwriters-winners .song-col .song-card-wrap .song-card {
        width: 100%;
        margin: auto;
        padding: 3px;
        position: relative; }
        @media (max-width: 575px) {
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card {
            max-width: 341px; } }
        #songwriters #songwriters-winners .song-col .song-card-wrap .song-card::after {
          content: "";
          display: block;
          padding-bottom: 100%; }
        #songwriters #songwriters-winners .song-col .song-card-wrap .song-card:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          background: #4a2953;
          /* Old browsers */
          background: -moz-linear-gradient(-45deg, #4a2953 0%, #cfb6d5 50%, #4a2953 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(-45deg, #4a2953 0%, #cfb6d5 50%, #4a2953 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(135deg, #4a2953 0%, #cfb6d5 50%, #4a2953 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfb6d5', endColorstr='#ffffff',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */ }
        #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
          position: absolute;
          width: calc(100% - 6px);
          height: calc(100% - 6px);
          padding: 35px 10px 0 10px;
          text-align: center;
          background: #dbd0be;
          background: -moz-linear-gradient(left, #dbd0be 0%, #f9f7f4 50%, #dbd0be 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, #dbd0be 0%, #f9f7f4 50%, #dbd0be 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, #dbd0be 0%, #f9f7f4 50%, #dbd0be 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7f4', endColorstr='#dbd0be',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */ }
          @media (max-width: 1399px) {
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
              padding: 55px 10px 0 10px; } }
          @media (max-width: 1199px) {
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
              padding: 30px 10px 0 10px; } }
          @media (max-width: 991px) {
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
              padding: 50px 10px 0 10px; } }
          @media (max-width: 768px) {
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
              padding: 110px 10px 0 10px; } }
          @media (max-width: 575px) {
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner {
              padding: 50px 10px 0 10px; } }
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner div {
            margin-bottom: 10px; }
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img {
            position: absolute;
            top: -70px;
            left: 0;
            right: 0;
            width: 30%;
            margin: auto;
            z-index: 2;
            transition: 0.2s ease all; }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img::after {
              content: "";
              width: 100%;
              height: 100%;
              background-color: #2A142A;
              opacity: 0;
              transition: 0.2s ease all;
              left: 0;
              position: absolute; }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img img {
              width: 100%; }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img:hover {
              cursor: pointer;
              transition: 0.2s ease all; }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img:hover::after {
                opacity: 0.5;
                transition: 0.2s ease all; }
                @media (max-width: 768px) {
                  #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img:hover::after {
                    opacity: 0; } }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .song-img.active {
              top: 0;
              width: 100%;
              transition: 0.2s ease all; }
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner h4 {
            color: #062c37;
            font-weight: 900;
            letter-spacing: 0;
            font-size: 20px; }
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers {
            margin-bottom: 7px;
            list-style: none;
            padding: 0;
            color: #435f70;
            display: block;
            line-height: 16px; }
            @media (min-width: 1200px) and (max-width: 1399px) {
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers {
                line-height: 16px; } }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li {
              font-weight: 600;
              display: inline-block;
              font-size: 15px; }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li:not(:last-child)::after {
                content: "• ";
                margin-left: 3px;
                margin-right: 3px; }
              @media (min-width: 1200px) and (max-width: 1399px) {
                #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li {
                  font-size: 15px; } }
              @media (max-width: 575px) {
                #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li {
                  font-size: 19px; } }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li .star {
                color: #ff0000;
                padding-right: 5px;
                padding-left: 5px;
                font-size: 14px;
                position: relative; }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers li .affiliation {
                font-weight: 100; }
            @media (max-width: 1399px) {
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .writers {
                margin-bottom: 5px; } }
          #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers {
            list-style: none;
            padding: 0;
            line-height: 14px; }
            @media (min-width: 1200px) and (max-width: 1399px) {
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers {
                line-height: 15px; } }
            #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers li {
              display: inline-block;
              color: #435f70;
              font-size: 13px;
              font-weight: 400;
              font-style: italic; }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers li:not(:last-child)::after {
                content: "• ";
                margin-left: 3px;
                margin-right: 3px; }
              @media (min-width: 1200px) and (max-width: 1399px) {
                #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers li {
                  display: inline;
                  font-size: 14px; } }
              #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers li span {
                padding-right: 3px; }
                #songwriters #songwriters-winners .song-col .song-card-wrap .song-card .inner .publishers li span.asterisk {
                  color: #D1B35D; }
    #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner h4, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner h4, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner h4 {
      margin-bottom: 0; }
      @media (min-width: 1200px) and (max-width: 1399px) {
        #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner h4, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner h4, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner h4 {
          margin-bottom: 5px; } }
    #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .writers, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .writers, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .writers {
      margin-bottom: 5px;
      line-height: 13px; }
      #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .writers li, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .writers li, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .writers li {
        display: inline;
        font-size: 13px; }
      @media (min-width: 1200px) and (max-width: 1399px) {
        #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .writers, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .writers, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .writers {
          line-height: 15px; }
          #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .writers li, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .writers li, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .writers li {
            font-size: 14px; } }
    #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .publishers, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .publishers, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .publishers {
      line-height: 13px; }
      #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .publishers li, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .publishers li, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .publishers li {
        display: inline;
        font-size: 12px; }
      @media (min-width: 1200px) and (max-width: 1399px) {
        #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .publishers, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .publishers, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .publishers {
          line-height: 14px; }
          #songwriters #songwriters-winners .song-col:nth-child(32) .song-card-wrap .song-card .inner .publishers li, #songwriters #songwriters-winners .song-col:nth-child(46) .song-card-wrap .song-card .inner .publishers li, #songwriters #songwriters-winners .song-col:nth-child(48) .song-card-wrap .song-card .inner .publishers li {
            font-size: 13px; } }
  #songwriters .winners-list {
    margin: 0 20px;
    padding: 6px 16px;
    display: inline-block;
    background-color: rgba(218, 206, 187, 0);
    transition: 0.35s ease all;
    border: 2px solid #dacebb;
    color: #dacebb;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    /*border: none;
    margin: auto;
    width: 360px;
    height: 50px;
    padding: 2px;
    display: inline-block;
    background: #04a7a9; 
    background: -moz-linear-gradient(left,  #6aa498 0%, #37796b 100%);
    background: -webkit-linear-gradient(left,  #6aa498 0%, #37796b 100%); 
    background: linear-gradient(to right, #6aa498 0%,  #37796b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa498', endColorstr='#37796b',GradientType=1 );
    border-radius: 24px;
    transition: 0.25s ease all;
    background-size: 100%;
    background-position: right;
    span {
    	padding: 10px 20px;
    	width: 356px;
    	height: 46px;
    	display: inline-block;
    	background: #008d92;
    	background: -moz-linear-gradient(left,  #37796b 0%, #6aa498 100%);
    	background: -webkit-linear-gradient(left,  #37796b 0%,#6aa498 100%); 
    	background: linear-gradient(to right,  #37796b 0%,#6aa498 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37796b', endColorstr='#6aa498',GradientType=1 ); 
    	color: #fff;
    	font-weight: 600;
    	font-size: 18px;
    	border-radius: 22px;
    	transition: 0.25s ease all;
    	background-size: 100%;
    	background-position: right;
    }
    &:hover {
    	color: #fff;
    	text-decoration: none;
    	transition: 0.25s ease all;
    	background-size: 300%;
    	span {
    		color: #fff;
    		text-decoration: none;
    		transition: 0.25s ease all;
    		background-size: 300%;
    	}
    }*/ }
    #songwriters .winners-list svg {
      fill: #1db954;
      width: 20px;
      margin-right: 10px;
      transition: 0.5s ease all; }
    #songwriters .winners-list:hover {
      color: #143e4d;
      padding: 6px 22px;
      text-decoration: none;
      transition: 0.35s ease all;
      background-color: #dacebb; }
      #songwriters .winners-list:hover svg {
        fill: #143e4d;
        transition: 0.5s ease all; }

#photos {
  padding: 100px 0;
  background: #000; }
  #photos .heading, #photos h2 {
    text-align: center;
    padding-bottom: 50px; }
    #photos .heading h2, #photos h2 h2 {
      text-transform: uppercase;
      background: -webkit-linear-gradient(to right, #DB9E58 0%, #876838 50%, #B79961 100%);
      background: -moz-linear-gradient(to right, #DB9E58 0%, #876838 50%, #B79961 100%);
      background: linear-gradient(to right, #DB9E58 0%, #876838 50%, #B79961 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 0px 0px #00000000;
      display: block;
      font-size: 50px;
      font-weight: 100; }
    #photos .heading p, #photos h2 p {
      font-size: 20px; }
  @media (max-width: 575px) {
    #photos .swiper-col {
      padding-right: 0px;
      padding-left: 0px; } }
  #photos .swiper-col .mySwiper .swiper-button-next, #photos .swiper-col .mySwiper .swiper-button-prev {
    top: 240px;
    color: #FE5752; }
    @media (max-width: 1199px) {
      #photos .swiper-col .mySwiper .swiper-button-next, #photos .swiper-col .mySwiper .swiper-button-prev {
        top: 205px; } }
    @media (max-width: 991px) {
      #photos .swiper-col .mySwiper .swiper-button-next, #photos .swiper-col .mySwiper .swiper-button-prev {
        top: 180px; } }
    @media (max-width: 768px) {
      #photos .swiper-col .mySwiper .swiper-button-next, #photos .swiper-col .mySwiper .swiper-button-prev {
        top: 130px; } }
    @media (max-width: 575px) {
      #photos .swiper-col .mySwiper .swiper-button-next, #photos .swiper-col .mySwiper .swiper-button-prev {
        display: none; } }
    #photos .swiper-col .mySwiper .swiper-button-next:hover, #photos .swiper-col .mySwiper .swiper-button-prev:hover {
      color: #fff; }
  #photos .swiper-col .mySwiper .swiper-pagination {
    top: 285px; }
    @media (min-width: 576px) {
      #photos .swiper-col .mySwiper .swiper-pagination {
        display: none; } }
    #photos .swiper-col .mySwiper .swiper-pagination .swiper-pagination-bullet {
      background: #fff; }
      #photos .swiper-col .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff; }
  #photos .swiper-col .mySwiper .swiper-slide {
    text-align: center; }
    #photos .swiper-col .mySwiper .swiper-slide img {
      width: auto;
      margin: auto auto 30px;
      height: 520px; }
      @media (max-width: 1199px) {
        #photos .swiper-col .mySwiper .swiper-slide img {
          height: 450px; } }
      @media (max-width: 991px) {
        #photos .swiper-col .mySwiper .swiper-slide img {
          height: 400px; } }
      @media (max-width: 768px) {
        #photos .swiper-col .mySwiper .swiper-slide img {
          height: 300px; } }
      @media (max-width: 575px) {
        #photos .swiper-col .mySwiper .swiper-slide img {
          height: 275px; } }
    #photos .swiper-col .mySwiper .swiper-slide p {
      font-size: 20px;
      font-weight: 500; }
      #photos .swiper-col .mySwiper .swiper-slide p span {
        margin-top: 10px;
        display: block;
        font-size: 12px; }
      @media (max-width: 575px) {
        #photos .swiper-col .mySwiper .swiper-slide p {
          padding: 0 15px; } }
