@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
body {
  font-family: 'Lato', sans-serif; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none !important; }

h1 {
  color: white;
  font-size: 48px;
  font-weight: 700;
  line-height: 57px; }
  h1.small {
    font-size: 32px; }
  h1.medium {
    font-size: 36px;
    line-height: 44px; }
  h1.dark {
    color: #16263b; }
  @media (max-width: 543px) {
    h1 {
      font-size: 38px;
      line-height: 42px; } }

h2 {
  color: #16263b;
  font-size: 24px;
  font-weight: 900;
  line-height: 29px; }

h3 {
  color: #16263b;
  font-family: Lato;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px; }

h4 {
  color: #16263b;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px; }
  h4.small {
    font-size: 16px;
    line-height: 26px; }

p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px; }
  p.small {
    font-size: 14px;
    line-height: 24px; }
  p.medium {
    font-size: 14px;
    line-height: 32px; }
  p.big {
    font-size: 16px;
    line-height: 28px; }
  p.light {
    color: #444; }
  p.white {
    color: #fff; }

.btn-oval {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  padding: 14px 27px;
  background-color: #e81d5c;
  border-radius: 100px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.31); }
  .btn-oval:hover {
    text-decoration: none;
    color: #fff; }
  .btn-oval.white {
    color: #101c2b;
    background-color: #fff; }

.btn-align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.subscribe-btn {
  background-color: #ee4073;
  border-radius: 2px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  border: none;
  padding: 13px 63px;
  vertical-align: top;
  margin-top: -2px; }

.success-btn {
  color: #3c763d;
  background-color: #dff0d8;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  border: none;
  padding: 13px 63px;
  vertical-align: top;
  margin-top: -2px; }
  @media (max-width: 991px) {
    .success-btn {
      display: block;
      width: 100%; } }

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
@media (max-width: 767px) {
  body.no-scroll {
    overflow: hidden; } }
.navbar-inverse .navbar-toggle {
  border: none !important;
  margin-top: 15px !important;
  margin-bottom: 15px;
  margin-right: 32px; }
  .navbar-inverse .navbar-toggle .icon-bar {
    width: 30px; }

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: transparent !important; }

.navbar-inverse.white-header {
  background-color: white; }
  .navbar-inverse.white-header .navbar-brand {
    padding: 7px; }
    @media (max-width: 767px) {
      .navbar-inverse.white-header .navbar-brand {
        padding: 10px; } }
    @media (max-width: 767px) {
      .navbar-inverse.white-header .navbar-brand .logo {
        height: 45px;
        width: 120px;
        margin-top: 0; } }
  .navbar-inverse.white-header .navbar-nav li.active a {
    color: #16263b; }
  .navbar-inverse.white-header .navbar-toggle {
    border-color: transparent;
    margin-top: 15px;
    margin-bottom: 15px; }
    .navbar-inverse.white-header .navbar-toggle .icon-bar {
      width: 30px;
      background-color: #16263b; }
  .navbar-inverse.white-header .navbar-nav li a {
    padding: 28px; }
    @media (max-width: 991px) {
      .navbar-inverse.white-header .navbar-nav li a {
        padding: 28px 20px; } }
    .navbar-inverse.white-header .navbar-nav li a:hover, .navbar-inverse.white-header .navbar-nav li a:focus {
      color: #16263b; }
  .navbar-inverse.white-header .navbar-nav li:last-child a {
    color: #16263b; }
    @media (max-width: 767px) {
      .navbar-inverse.white-header .navbar-nav li:last-child a {
        color: #9d9d9d;
        font-weight: normal; } }
  .navbar-inverse.white-header .navbar-nav .divider:after {
    background-color: #16263b;
    opacity: 0.3; }

.navbar-inverse {
  z-index: 10;
  background-color: transparent;
  border-color: transparent;
  position: absolute;
  width: 100%;
  border: none;
  border-radius: 0; }
  .navbar-inverse .close-navbar {
    width: 24px;
    height: 24px;
    background-image: url(../img/cross.svg);
    background-repeat: no-repeat; }
  .navbar-inverse.open {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000; }
    .navbar-inverse.open .navbar-brand .logo {
      background-image: url(/img/home/logo.svg) !important; }
    .navbar-inverse.open .navbar-toggle .close-navbar {
      display: block; }
    .navbar-inverse.open .navbar-toggle .icon-bar {
      display: none; }
  .navbar-inverse .navbar-toggle .close-navbar {
    display: none; }
  .navbar-inverse .active {
    border-top: 4px solid #e81d5c; }
    .navbar-inverse .active a {
      padding-top: 24px !important;
      background-color: transparent !important;
      color: #fff;
      opacity: 1 !important; }
    .navbar-inverse .active.divider:after {
      margin-top: 22px !important; }
  .navbar-inverse .navbar-toggle {
    border-color: none; }
    .navbar-inverse .navbar-toggle .icon-bar {
      height: 1px; }
    .navbar-inverse .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 7px; }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-toggle {
        margin-top: 20px;
        margin-right: 32px; } }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-toggle {
        z-index: 9999; } }
  @media (max-width: 767px) {
    .navbar-inverse.open .navbar-header {
      position: fixed;
      width: 100%; }
    .navbar-inverse.open .navbar-collapse {
      display: block;
      background-color: rgba(5, 10, 16, 0.8);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      max-height: none;
      overflow-y: scroll;
      background-image: url(../img/menu_blur.png);
      background-size: cover; } }
  .navbar-inverse .navbar-collapse {
    border: none;
    box-shadow: none;
    z-index: -1; }
  .navbar-inverse .navbar-nav {
    float: right !important; }
    @media (max-width: 991px) {
      .navbar-inverse .navbar-nav {
        margin: 0;
        padding-left: 20px;
        padding-right: 25px; } }
    .navbar-inverse .navbar-nav li:last-child a {
      font-size: 14px;
      font-weight: 700;
      color: #fff; }
      @media (max-width: 767px) {
        .navbar-inverse .navbar-nav li:last-child a {
          font-size: 18px; } }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-nav li:first-child a {
        margin-top: 90px; } }
    .navbar-inverse .navbar-nav .navbar-nav > li > a {
      opacity: 0.5;
      color: white;
      font-family: Lato;
      font-size: 14px;
      font-weight: 400;
      line-height: 17px;
      transition: all 0.2s ease-in; }
    .navbar-inverse .navbar-nav > li > a {
      padding: 28px; }
      @media (max-width: 991px) {
        .navbar-inverse .navbar-nav > li > a {
          padding-left: 15px !important;
          padding-right: 15px !important; } }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav .navbar-inverse .navbar-nav > .active > a:hover {
      background-color: none !important; }
      @media (max-width: 543px) {
        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav .navbar-inverse .navbar-nav > .active > a:hover {
          font-size: 18px !important;
          font-weight: 400 !important; } }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-nav {
        width: 100%; }
        .navbar-inverse .navbar-nav > li a {
          border-top: 1px solid rgba(216, 216, 216, 0.3);
          text-align: center;
          font-size: 18px;
          font-weight: 400;
          text-transform: uppercase; }
        .navbar-inverse .navbar-nav .active {
          border: none; }
        .navbar-inverse .navbar-nav .divider:after {
          content: none; } }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-brand {
      padding: 10px; } }
  .navbar-inverse .navbar-brand > .logo {
    margin-top: 4px;
    margin-left: 32px;
    background-repeat: no-repeat;
    height: 55px;
    width: 150px;
    background-size: contain; }
    @media (max-width: 767px) {
      .navbar-inverse .navbar-brand > .logo {
        height: 45px;
        width: 120px;
        margin-top: 0; } }

.header-social {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 30px; }
  .header-social a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    background-image: url("../img/socials.png"); }
    .header-social a:first-child {
      background-position: 32px 0; }
    .header-social a:last-child {
      background-position: 0px 0; }
    .header-social a:nth-child(2) {
      background-position: 73px 0; }
  @media (min-width: 544px) {
    .header-social {
      display: none; } }

.divider:after {
  content: "";
  width: 1px;
  height: 24px;
  opacity: 0.3;
  background-color: #fff;
  margin-top: 26px;
  display: block;
  position: absolute;
  top: 0;
  right: 0px; }

header {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
   * Set a base background for 1x environments.
   */
  background: url("../img/home/home_bg.png") center;
  background-size: cover;
  /*
   * Create an @2x-ish media query.
   */
  /*
   * Create media queries for all environments that the user has
   * provided images for.
   */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  height: 1000px; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    header {
      background: url("../img/home/home_bg@2x.png") center;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    header {
      background: url("../img/home/home_bg@2x.png") center;
      background-size: cover; } }
  @media (max-width: 991px) {
    header {
      height: 900px; } }
  @media (max-width: 767px) {
    header {
      padding-bottom: 62.5%; } }
  header .headerContent {
    text-align: center;
    margin-top: 180px; }
    @media (max-width: 991px) {
      header .headerContent {
        margin-top: 70px; } }
    header .headerContent p {
      margin-bottom: 50px; }
    @media (max-width: 767px) {
      header .headerContent h1 {
        margin-bottom: 0;
        font-size: 40px; } }
    @media (max-width: 543px) {
      header .headerContent h1 {
        text-align: center; } }
    @media (max-width: 320px) {
      header .headerContent h1 {
        font-size: 34px;
        margin-bottom: 90%; } }
    @media (max-width: 600px) {
      header .headerContent p {
        margin-bottom: 15px; } }
    @media (max-width: 543px) {
      header .headerContent a {
        display: block;
        margin-top: 85%; } }
    @media (max-width: 470px) {
      header .headerContent a {
        margin-top: 90%; } }
    @media (max-width: 430px) {
      header .headerContent a {
        margin-top: 100%; } }
  @media (max-width: 767px) {
    header {
      background-image: url(../img/home/mobile_home_bg.png);
      height: 900px; }
      header.resources-header, header.header-blog {
        padding-bottom: 0% !important; }
      header .headerContent p {
        margin-bottom: 30px; } }
  @media (max-width: 543px) {
    header {
      height: 655px; } }

/* Home page */
.why-repost .why-repost-heading {
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 767px) {
    .why-repost .why-repost-heading p {
      display: none; } }
  @media (max-width: 767px) {
    .why-repost .why-repost-heading {
      margin: 40px auto 35px; } }
.why-repost .btn-wrapper {
  position: relative;
  padding: 25px;
  margin-bottom: 90px; }
  @media (max-width: 767px) {
    .why-repost .btn-wrapper {
      display: none; } }
.why-repost .why-repost-unit {
  text-align: center;
  margin-top: 50px; }
  @media (max-width: 767px) {
    .why-repost .why-repost-unit {
      text-align: left;
      margin-right: 40px;
      padding: 0 20px; } }
  .why-repost .why-repost-unit img {
    margin-bottom: 30px;
    height: 123px; }
    @media (max-width: 767px) {
      .why-repost .why-repost-unit img {
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .why-repost .why-repost-unit img {
        margin: 15px 0 40px 0; } }
  .why-repost .why-repost-unit h4 {
    color: #16263b;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px; }
  .why-repost .why-repost-unit p {
    padding: 0 30px; }
    @media (max-width: 767px) {
      .why-repost .why-repost-unit p {
        display: none; } }
  .why-repost .why-repost-unit .why-repost-mobile {
    display: none; }
    @media (max-width: 767px) {
      .why-repost .why-repost-unit .why-repost-mobile {
        display: block;
        padding-left: 0;
        list-style: none;
        margin: 15px 0 35px 0; }
        .why-repost .why-repost-unit .why-repost-mobile li {
          color: #666;
          font-size: 16px;
          font-weight: 400;
          line-height: 34px; }
          .why-repost .why-repost-unit .why-repost-mobile li:before {
            padding: 0;
            content: "\2022";
            color: #539ad2;
            margin-right: 10px;
            line-height: 25px; } }
  @media (max-width: 767px) {
    .why-repost .why-repost-unit {
      margin-top: 0; } }

.why-repost-dots, .users-repost-dots {
  margin-bottom: 45px;
  height: 15px; }
  @media (max-width: 543px) {
    .why-repost-dots, .users-repost-dots {
      float: left;
      margin-left: 18px; } }

/* who repost */
.who-repost .who-repost-heading {
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 767px) {
    .who-repost .who-repost-heading {
      margin: 40px auto 0; } }
.who-repost .btn-wrapper {
  position: relative;
  padding: 25px;
  margin-bottom: 90px; }
.who-repost .who-repost-unit {
  text-align: center;
  margin-top: 50px; }
  .who-repost .who-repost-unit img {
    margin-bottom: 30px;
    height: 123px; }
    @media (max-width: 767px) {
      .who-repost .who-repost-unit img {
        margin: 0 auto 25px; } }
  .who-repost .who-repost-unit h4 {
    color: #16263b;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px; }
  .who-repost .who-repost-unit p {
    padding: 0 30px; }
  @media (max-width: 767px) {
    .who-repost .who-repost-unit {
      margin-top: 20px;
      margin-bottom: 0; } }

@media (max-width: 543px) {
  .users-repost {
    margin-bottom: 20px !important; } }

.who-repost-dots, .users-repost-dots {
  float: none;
  height: 15px; }

.earnings {
  background-image: url(../img/home/earnings_bg.png);
  background-size: cover;
  background-position: center;
  height: 0;
  padding-bottom: 37.5%;
  position: relative; }
  @media (min-width: 768px) {
    .earnings .earning-vertical-align {
      padding: 0;
      position: absolute;
      display: table;
      height: 100%; }
      .earnings .earning-vertical-align .earnings-content {
        display: table-cell;
        vertical-align: middle; } }
  .earnings .earnings-content p {
    margin-bottom: 30px; }
  @media (max-width: 767px) {
    .earnings .earnings-content {
      margin: 15% 0 0 0;
      text-align: center !important; } }
  @media (max-width: 343px) {
    .earnings .earnings-content {
      margin: 0 !important; } }
  @media (max-width: 543px) {
    .earnings .earnings-content a {
      display: block; } }
  @media (max-width: 767px) {
    .earnings {
      background-image: url(../img/home/earnings_mobile.png);
      height: 0;
      padding-bottom: 143%; } }

/* slick */
.testimonials {
  background-color: #16263B;
  position: relative; }
  .testimonials .home-slider {
    padding: 100px 0 50px 0; }
    @media (max-width: 991px) {
      .testimonials .home-slider {
        padding: 25px 0; } }
    .testimonials .home-slider .row {
      outline: none; }
  .testimonials .home-slider-left {
    padding-left: 38px; }
    @media (max-width: 991px) {
      .testimonials .home-slider-left {
        padding-left: 0; } }
    .testimonials .home-slider-left h1 {
      margin-bottom: 40px;
      font-size: 36px;
      line-height: 48px; }
    .testimonials .home-slider-left img {
      margin-left: -38px; }
      @media (max-width: 991px) {
        .testimonials .home-slider-left img {
          margin-left: 0;
          margin-top: -40px; } }
    .testimonials .home-slider-left title {
      display: block;
      min-width: 150px;
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 0 !important; }
    .testimonials .home-slider-left span {
      color: #ed1558;
      font-size: 18px;
      font-weight: 700; }
  .testimonials .home-slider-right img {
    max-width: 100%; }
  .testimonials .home-slider-dots {
    margin-left: 38px;
    position: absolute;
    bottom: 80px; }
    @media (max-width: 991px) {
      .testimonials .home-slider-dots {
        position: static;
        margin-left: 0; } }

.slick-next, .slick-prev {
  display: none !important; }

.slick-dots {
  text-align: center;
  padding: 0; }
  .slick-dots ul {
    margin: 0;
    padding: 0; }
  .slick-dots li {
    display: inline-block;
    cursor: pointer;
    margin: 0 6px;
    border: 2px solid #ed1558;
    border-radius: 50%;
    background-color: transparent !important;
    color: transparent;
    width: 12px !important;
    height: 12px !important; }
    .slick-dots li button {
      display: none !important; }
  .slick-dots .slick-active {
    width: 15px !important;
    height: 15px !important;
    margin-top: -2px;
    background-color: #ed1558 !important; }

/* end slick */
.users-repost {
  margin-bottom: 60px; }
  .users-repost .why-repost-unit span {
    color: #444; }

/* footer */
.footer-top {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #14202F; }
  @media (max-width: 543px) {
    .footer-top {
      padding-bottom: 40px; } }
  .footer-top .footer-top-left span {
    color: #fff;
    font-size: 16px;
    font-weight: 400; }
  .footer-top .footer-top-left img {
    margin-left: 3px !important;
    margin-bottom: 4px; }
  .footer-top .footer-top-left .venice {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400; }
  @media (max-width: 767px) {
    .footer-top .footer-top-left {
      text-align: center; } }
  .footer-top .footer-top-right {
    text-align: right; }
    @media (max-width: 767px) {
      .footer-top .footer-top-right {
        text-align: center; } }
    .footer-top .footer-top-right a {
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 15px; }
      @media (max-width: 767px) {
        .footer-top .footer-top-right a {
          margin: 0 5px; } }
      .footer-top .footer-top-right a:first-child {
        background-image: url("../img/soundcloud.svg");
        background-position: 32px 0; }
      .footer-top .footer-top-right a:nth-child(2) {
        background-image: url("../img/facebook.svg");
        background-position: 65px 0; }
      .footer-top .footer-top-right a:nth-child(3) {
        background-image: url("../img/twitter.svg");
        background-position: 65px 0; }
      .footer-top .footer-top-right a:last-child {
        background-image: url("../img/youtube.svg");
        background-position: 0px 0; }
    @media (max-width: 767px) {
      .footer-top .footer-top-right {
        margin: 25px auto 45px;
        width: 215px; } }
  .footer-top .footer-top-middle {
    line-height: 25.6px;
    text-align: center; }
    .footer-top .footer-top-middle a {
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      padding: 5px;
      opacity: 0.8; }
      .footer-top .footer-top-middle a::after {
        content: "|";
        margin-left: 10px; }
      .footer-top .footer-top-middle a:last-child::after {
        content: ""; }
      .footer-top .footer-top-middle a:hover {
        text-decoration: none; }

.footer-bottom {
  min-height: 64px;
  background-color: #0D1724;
  text-align: center;
  line-height: 64px; }
  .footer-bottom span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    opacity: 0.75; }
    @media (max-width: 543px) {
      .footer-bottom span {
        font-size: 14px; } }

/* AddThis */
.addthis-smartlayers-mobile {
  display: none !important; }

.privacy-policy {
  height: 640px; }
  @media (max-width: 991px) {
    .privacy-policy {
      height: inherit; } }
  @media (max-width: 767px) {
    .privacy-policy {
      height: 320px !important; } }

.partners-header {
  background-image: url("../img/partners/home_bg.png");
  background-color: #18293F;
  height: 300px; }
  @media (max-width: 767px) {
    .partners-header {
      padding-bottom: 0% !important; } }
  .partners-header .headerContent {
    margin-top: 120px; }
    @media (max-width: 767px) {
      .partners-header .headerContent {
        margin-top: 120px; } }
    @media (max-width: 543px) {
      .partners-header .headerContent h1 {
        text-align: center; } }
  .partners-header h1 {
    margin-bottom: 15px !important; }

.panel-group {
  margin-bottom: 0;
  margin-top: 50px; }

.panel {
  box-shadow: none;
  border: none; }

.partners-wrapper .partner-icon {
  position: relative;
  display: table;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px; }
  @media (max-width: 767px) {
    .partners-wrapper .partner-icon {
      padding-bottom: 25px;
      padding-top: 0; } }
  .partners-wrapper .partner-icon img {
    opacity: 1;
    transition: all 0.2s ease-in; }
  .partners-wrapper .partner-icon .collapsed img {
    opacity: 0.4; }
    .partners-wrapper .partner-icon .collapsed img:hover {
      opacity: 1; }
  .partners-wrapper .partner-icon i {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 0;
    background-image: url(../img/partners/arrow.png);
    width: 22px;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    display: none; }
  .partners-wrapper .partner-icon img {
    cursor: pointer; }
  .partners-wrapper .partner-icon > div {
    display: table-cell;
    vertical-align: middle;
    height: 80px; }
    .partners-wrapper .partner-icon > div img {
      max-width: 100%; }

.partner-description {
  background-image: linear-gradient(199deg, #d02262 0%, #533595 100%); }
  .partner-description .partner-desc-left {
    padding-top: 120px;
    padding-bottom: 170px;
    padding-left: 30px; }
    @media (max-width: 767px) {
      .partner-description .partner-desc-left {
        padding-top: 20px;
        padding-bottom: 40px; } }
    .partner-description .partner-desc-left ul {
      padding-left: 15px;
      color: #fff; }

.instagram {
  position: relative;
  top: 15px; }

.pricing-header {
  background-image: url("../img/pricing/pricing_bg.svg");
  background-color: #18293F;
  padding-bottom: none;
  height: inherit;
  padding-bottom: 90px;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .pricing-header {
      padding-bottom: 40px !important; } }
  .pricing-header .headerContent {
    margin-top: 220px; }
    .pricing-header .headerContent p {
      margin-bottom: 100px !important; }
      @media (max-width: 767px) {
        .pricing-header .headerContent p {
          margin-bottom: 50px !important;
          font-size: 16px;
          display: block !important; } }
    @media (max-width: 543px) {
      .pricing-header .headerContent {
        margin-top: 110px; } }
    @media (max-width: 543px) {
      .pricing-header .headerContent h1 {
        text-align: center; } }
  .pricing-header h1 {
    margin-bottom: 15px !important; }
    @media (max-width: 543px) {
      .pricing-header h1 {
        margin-right: 25px;
        margin-left: 25px; } }
  .pricing-header p {
    margin-bottom: 105px; }
    @media (max-width: 767px) {
      .pricing-header p {
        margin-bottom: 35px; } }

.plane-wrapper .plane {
  border-radius: 4px;
  background-color: #fff;
  padding-bottom: 15px;
  box-shadow: 0 30px 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  margin: 0 30px; }
  .plane-wrapper .plane .plane-title {
    background-color: #569cd3;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 17px;
    padding-top: 18px;
    padding-bottom: 18px; }
  .plane-wrapper .plane hr {
    margin: 0 20px;
    margin-bottom: 35px;
    border-color: #d8d8d8; }
  .plane-wrapper .plane .plane-amount {
    padding: 18px;
    margin: 0 auto;
    display: table; }
    .plane-wrapper .plane .plane-amount span {
      display: table-cell;
      vertical-align: middle;
      color: #16263b;
      font-weight: 700; }
      .plane-wrapper .plane .plane-amount span:nth-child(1) {
        font-size: 24px;
        letter-spacing: 3px;
        line-height: 29px; }
      .plane-wrapper .plane .plane-amount span:nth-child(2) {
        font-size: 64px;
        line-height: 77px;
        padding-left: 15px;
        padding-right: 15px; }
      .plane-wrapper .plane .plane-amount span:nth-child(3) {
        font-size: 24px;
        line-height: 29px; }
  .plane-wrapper .plane .plane-body ul {
    list-style-type: none;
    padding-left: 0; }
    .plane-wrapper .plane .plane-body ul li {
      color: #777;
      font-size: 14px;
      font-weight: 400;
      line-height: 17px;
      padding: 0 35px 18px 35px; }
@media (max-width: 991px) {
  .plane-wrapper div .plane {
    margin: 0 0 20px 0 !important; } }
@media (max-width: 543px) {
  .plane-wrapper div .plane {
    margin: 0 25px 20px 25px !important; } }
.plane-wrapper div:nth-child(1) .plane {
  margin-right: -40px;
  margin-left: 100px;
  padding-bottom: 65px; }
.plane-wrapper div:nth-child(2) {
  margin-top: -55px; }
  @media (max-width: 767px) {
    .plane-wrapper div:nth-child(2) {
      margin-top: 0; } }
  .plane-wrapper div:nth-child(2) .plane {
    padding-bottom: 45px; }
    .plane-wrapper div:nth-child(2) .plane .plane-title {
      background-color: #e81d5c; }
.plane-wrapper div:nth-child(3) .plane {
  margin-left: -40px;
  margin-right: 100px; }
.plane-wrapper div:nth-child(3) .plane-title {
  background-color: #7098b8; }

@media (max-width: 543px) {
  .pricing {
    padding-left: 10px;
    padding-right: 10px; } }
.pricing h1 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 70px; }
  @media (max-width: 543px) {
    .pricing h1 {
      margin-top: 0;
      margin-bottom: 40px; } }
.pricing .title {
  font-weight: 400 !important;
  color: #569cd3 !important;
  font-size: 16px; }
  @media (max-width: 543px) {
    .pricing .title {
      font-size: 13px !important;
      line-height: 38px !important; } }
.pricing .table {
  margin-bottom: 90px; }
  @media (max-width: 543px) {
    .pricing .table {
      margin-bottom: 60px; } }
  .pricing .table thead tr > th {
    border-bottom: 1px;
    padding-bottom: 15px; }
  .pricing .table thead tr th {
    text-align: center;
    color: #569cd3;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 17px; }
    @media (max-width: 543px) {
      .pricing .table thead tr th {
        letter-spacing: normal; } }
    .pricing .table thead tr th:nth-child(2) {
      width: 15%;
      color: #569cd3; }
    .pricing .table thead tr th:nth-child(3) {
      width: 15%;
      color: #e81d5c; }
    .pricing .table thead tr th:nth-child(4) {
      width: 15%;
      padding-right: 0;
      color: #7098b8; }
  .pricing .table tbody tr:not(:first-child) {
    text-align: center; }
    .pricing .table tbody tr:not(:first-child) td {
      vertical-align: middle; }
  .pricing .table tbody tr:last-child {
    border-bottom: 1px solid #ddd; }
  @media (max-width: 543px) {
    .pricing .table tbody tr td {
      padding: 0; } }
  .pricing .table tbody tr th {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
    padding: 0; }
    @media (max-width: 543px) {
      .pricing .table tbody tr th {
        line-height: 38px;
        font-size: 13px; } }
    @media (max-width: 767px) {
      .pricing .table tbody tr th {
        padding-left: 10px; } }

.faq-wrapper {
  background-color: #f7f7f7; }
  .faq-wrapper .faq-container {
    padding-bottom: 105px; }
    .faq-wrapper .faq-container h1 {
      text-align: center;
      margin-top: 130px;
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .faq-wrapper .faq-container h1 {
          margin-top: 40px; } }
    @media (max-width: 543px) {
      .faq-wrapper .faq-container h4 {
        font-size: 20px;
        line-height: 28px; } }
    @media (max-width: 543px) {
      .faq-wrapper .faq-container p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px; } }
    @media (max-width: 543px) {
      .faq-wrapper .faq-container {
        padding-bottom: 70px; } }

.form-group.error label {
  color: #c00c0c !important; }
.form-group.error input {
  border-color: #c00c0c !important; }
.form-group.error textarea {
  border-color: #c00c0c !important; }
.form-group.error div > input {
  border-color: #c00c0c !important; }

.apply-header {
  background-image: url("../img/apply/apply_bg.svg");
  background-color: #18293F;
  height: 640px;
  padding-bottom: 0 !important; }
  @media (max-width: 991px) {
    .apply-header .headerContent {
      margin-top: 180px; } }
  @media (max-width: 767px) {
    .apply-header .headerContent {
      margin-top: 105px; } }
  @media (max-width: 543px) {
    .apply-header .headerContent h1 {
      text-align: center; } }
  .apply-header h1 {
    margin-bottom: 15px !important; }
  .apply-header p {
    line-height: 28px;
    display: block !important; }

.apply-background {
  background-color: #f7f7f7; }
  .apply-background .apply-form {
    max-width: 860px;
    padding: 0;
    background-color: white;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 55px;
    margin-top: -275px; }
    @media (max-width: 767px) {
      .apply-background .apply-form {
        margin-top: -300px;
        margin-right: 20px;
        margin-left: 20px; } }
    @media (max-width: 543px) {
      .apply-background .apply-form {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        margin-bottom: 65px; } }
    .apply-background .apply-form .apply-head {
      padding: 35px 150px 30px 150px;
      text-align: center;
      background-color: rgba(83, 154, 210, 0.1); }
      @media (max-width: 767px) {
        .apply-background .apply-form .apply-head {
          padding: 30px 60px; } }
      @media (max-width: 543px) {
        .apply-background .apply-form .apply-head {
          padding: 30px 40px; } }
      .apply-background .apply-form .apply-head p {
        margin: 0;
        color: #444; }
        @media (max-width: 543px) {
          .apply-background .apply-form .apply-head p {
            font-size: 14px;
            line-height: 17px;
            color: #273950; } }
    .apply-background .apply-form .apply-body {
      padding: 15px 115px 0; }
      @media (max-width: 767px) {
        .apply-background .apply-form .apply-body {
          padding: 15px 60px 0; } }
      @media (max-width: 543px) {
        .apply-background .apply-form .apply-body {
          padding: 10px 15px 15px; } }
      .apply-background .apply-form .apply-body .datetimepicker {
        position: relative;
        padding: 0;
        margin-bottom: 20px; }
        .apply-background .apply-form .apply-body .datetimepicker img {
          position: absolute;
          right: 12px;
          top: 18px; }
      .apply-background .apply-form .apply-body .form-group {
        margin-top: 20px;
        margin-bottom: 0; }
        .apply-background .apply-form .apply-body .form-group.error label.error {
          color: #c00c0c; }
        .apply-background .apply-form .apply-body .form-group.error input {
          border-color: #c00c0c; }
        .apply-background .apply-form .apply-body .form-group.error textarea {
          border-color: #c00c0c; }
        .apply-background .apply-form .apply-body .form-group.error div > input {
          border-color: #c00c0c; }
        .apply-background .apply-form .apply-body .form-group.text-form {
          margin-top: 30px; }
          @media (max-width: 767px) {
            .apply-background .apply-form .apply-body .form-group.text-form textarea {
              height: 106px; } }
        .apply-background .apply-form .apply-body .form-group label {
          font-size: 16px;
          font-weight: 700;
          line-height: 19px;
          color: #16263b;
          margin-bottom: 8px; }
        .apply-background .apply-form .apply-body .form-group textarea {
          resize: none; }
        .apply-background .apply-form .apply-body .form-group span {
          float: right;
          color: #539ad2;
          font-size: 13px;
          font-weight: 400;
          line-height: 16px;
          margin-top: 3px; }
        .apply-background .apply-form .apply-body .form-group .form-control {
          height: auto;
          border-radius: 2px;
          border: 1px solid #d5d5d5;
          color: #999;
          font-family: Lato;
          font-size: 16px;
          font-weight: 400;
          line-height: 28px;
          padding-left: 18px;
          padding-right: 18px;
          box-shadow: none; }
          .apply-background .apply-form .apply-body .form-group .form-control:focus {
            color: #4a4a4a;
            border: 2px solid #539ad2;
            box-shadow: 0 0 6px rgba(83, 154, 210, 0.44);
            padding-top: 5px;
            padding-bottom: 5px; }
        .apply-background .apply-form .apply-body .form-group.checkbox-group {
          border-bottom: 1px solid #d2d2d2;
          margin-top: 32px;
          padding-bottom: 30px; }
          @media (max-width: 543px) {
            .apply-background .apply-form .apply-body .form-group.checkbox-group {
              padding-bottom: 0; } }
        .apply-background .apply-form .apply-body .form-group .checkboxes {
          float: left;
          width: 50%; }
          @media (max-width: 543px) {
            .apply-background .apply-form .apply-body .form-group .checkboxes {
              width: 100%; }
              .apply-background .apply-form .apply-body .form-group .checkboxes:first-child {
                margin-bottom: 30px; }
              .apply-background .apply-form .apply-body .form-group .checkboxes:last-child {
                margin-bottom: 10px; } }
          .apply-background .apply-form .apply-body .form-group .checkboxes label {
            display: block;
            margin-bottom: 17px;
            font-weight: normal; }
          .apply-background .apply-form .apply-body .form-group .checkboxes .radio-unit {
            display: inline-block;
            margin-right: 25px;
            color: #444;
            font-size: 16px;
            font-weight: 400;
            line-height: 19px;
            position: relative; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .radio-unit .radioBtn {
              position: absolute;
              left: 0;
              opacity: 0;
              width: 24px;
              height: 24px;
              top: 0;
              margin: 0;
              z-index: 100; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .radio-unit .radioBtn + label {
              width: 24px;
              margin-top: -2px;
              height: 24px;
              margin-right: 10px;
              float: left;
              background-image: url(../img/apply/radio_deselected.svg);
              background-repeat: no-repeat;
              border-radius: 50px;
              display: inline-block;
              position: relative; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .radio-unit .radioBtn:checked + label:after {
              content: ' ';
              width: 26px;
              height: 24px;
              border-radius: 50px;
              position: absolute;
              background-image: url(../img/apply/radio_selected.svg);
              background-repeat: no-repeat; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .radio-unit .radioBtn:checked + label {
              background-image: url(../img/apply/radio_selected.svg); }
          .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox {
            color: #444;
            font-size: 16px;
            font-weight: 400;
            line-height: 19px; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn {
              display: none; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn + label {
              width: 25px;
              height: 25px;
              float: left;
              margin-right: 10px;
              background-image: url(../img/apply/checkbox_deselected.svg);
              background-repeat: no-repeat;
              border-radius: 4px;
              display: inline-block;
              position: relative; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn + label:active, .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn:checked + label:active {
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
            .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn:checked + label {
              background-image: url(../img/apply/checkbox_selected.svg);
              background-repeat: no-repeat; }
            .apply-background .apply-form .apply-body .form-group .checkboxes .checkbox .checkboxBtn:checked + label:after {
              background-image: url(../img/apply/checkbox_selected.svg);
              background-repeat: no-repeat; }
      .apply-background .apply-form .apply-body .alert-danger {
        display: none; }
      .apply-background .apply-form .apply-body .alert.alert-success {
        display: none; }
      .apply-background .apply-form .apply-body .alert.alert-success, .apply-background .apply-form .apply-body .alert-danger {
        border-radius: 100px;
        border-color: transparent;
        font-size: 16px;
        margin-top: 40px;
        margin-bottom: 55px;
        text-align: center; }
        .apply-background .apply-form .apply-body .alert.alert-success span, .apply-background .apply-form .apply-body .alert-danger span {
          margin-right: 10px; }
      .apply-background .apply-form .apply-body .btn-wrapper {
        position: relative;
        padding: 25px;
        margin-top: 40px;
        margin-bottom: 55px; }
        @media (max-width: 543px) {
          .apply-background .apply-form .apply-body .btn-wrapper {
            margin-top: 30px;
            margin-bottom: 15px; } }
        .apply-background .apply-form .apply-body .btn-wrapper .btn-oval {
          border: none;
          padding-left: 115px;
          padding-right: 115px;
          box-shadow: none; }
          @media (max-width: 543px) {
            .apply-background .apply-form .apply-body .btn-wrapper .btn-oval {
              width: 100%; } }

.apply-bottom {
  max-width: 860px;
  padding: 30px 150px 25px 100px; }
  @media (max-width: 767px) {
    .apply-bottom {
      padding: 30px 60px 25; } }
  @media (max-width: 543px) {
    .apply-bottom {
      padding: 30px 20px 25px 20px; } }
  .apply-bottom p {
    color: #444;
    text-align: center; }
    .apply-bottom p a {
      color: #539ad2;
      text-decoration: underline; }

.resources-header {
  background-image: url("../img/resources/resources_bg.svg");
  background-color: #18293F;
  height: 300px; }
  .resources-header .headerContent {
    margin-top: 120px; }
    @media (max-width: 767px) {
      .resources-header .headerContent {
        margin-top: 120px; } }
  .resources-header h1 {
    margin-bottom: 30px !important; }
    @media (max-width: 767px) {
      .resources-header h1 {
        margin: 15px 30px !important;
        text-align: center; } }

.search {
  padding: 0 33%;
  width: 100%;
  z-index: 100;
  max-width: 100%; }
  @media (max-width: 991px) {
    .search {
      padding: 0 5%;
      z-index: 10; } }
  .search #results-container {
    background-color: white;
    list-style: none;
    padding-left: 75px;
    text-align: left;
    font-size: 18px;
    line-height: 2px;
    border-radius: 3px; }
    .search #results-container li a {
      padding: 15px;
      color: #16263b;
      display: block;
      line-height: 1; }
  .search .input-group-addon {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 18px; }
  .search input {
    height: 64px;
    border-radius: 4px;
    color: #9b9b9b;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px; }
    .search input:focus {
      box-shadow: none; }

.resources-wrapper {
  background-color: #f7f7f7;
  padding: 30px 0 25px 0; }
  .resources-wrapper .resources {
    max-width: 960px; }
    .resources-wrapper .resources .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap; }
      .resources-wrapper .resources .row > div {
        padding: 0 10px; }
      .resources-wrapper .resources .row > [class*='col-'] {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column; }
  .resources-wrapper .resources-unit {
    position: relative;
    height: 100%;
    padding: 25px 20px 25px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .resources-wrapper .resources-unit > span.topics {
        display: block;
        color: #9b9b9b;
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 20px; } }
    @media (max-width: 543px) {
      .resources-wrapper .resources-unit {
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px; } }
    .resources-wrapper .resources-unit:hover {
      box-shadow: 0 30px 40px rgba(0, 0, 0, 0.15); }
    .resources-wrapper .resources-unit h2 {
      margin: 0 0 15px 0; }
      @media (max-width: 543px) {
        .resources-wrapper .resources-unit h2 {
          font-size: 26px;
          line-height: 32px;
          margin-bottom: 0; } }
    .resources-wrapper .resources-unit .resources-unit-body {
      padding: 20px 0 10px;
      margin-bottom: 15px;
      border-top: 1px solid rgba(155, 154, 155, 0.25); }
      .resources-wrapper .resources-unit .resources-unit-body ul {
        padding: 0 20px;
        color: #539ad2;
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 767px) {
          .resources-wrapper .resources-unit .resources-unit-body ul {
            margin-bottom: 40px; } }
        @media (max-width: 543px) {
          .resources-wrapper .resources-unit .resources-unit-body ul {
            line-height: 44px;
            font-size: 22px; } }
        .resources-wrapper .resources-unit .resources-unit-body ul li {
          line-height: 1.15;
          margin: 7px 0; }
          .resources-wrapper .resources-unit .resources-unit-body ul li a {
            color: #4a678c;
            font-size: 16px;
            font-weight: 400; }
            .resources-wrapper .resources-unit .resources-unit-body ul li a:hover {
              text-decoration: none; }
      @media (max-width: 543px) {
        .resources-wrapper .resources-unit .resources-unit-body {
          padding: 10px 0 0px; } }
    .resources-wrapper .resources-unit .resources-unit-bottom {
      border-top: 1px solid rgba(155, 154, 155, 0.25);
      padding-top: 12px;
      position: absolute;
      bottom: 12px;
      right: 20px;
      left: 20px; }
      .resources-wrapper .resources-unit .resources-unit-bottom a {
        margin-left: 18px;
        color: #539ad2;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px; }
        @media (max-width: 543px) {
          .resources-wrapper .resources-unit .resources-unit-bottom a {
            color: #539ad2;
            font-size: 16px;
            line-height: 19px;
            text-decoration: underline; } }
    .resources-wrapper .resources-unit .topics {
      color: #c6c6c6;
      font-size: 14px;
      font-weight: 400;
      line-height: 17px; }

.report {
  text-align: center;
  color: #16263b;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  padding: 27px 20px; }
  .report img {
    margin-left: 10px; }

.not-found-header {
  background-image: url("/img/404/404_bg.svg");
  background-color: #18293F; }
  @media (max-width: 767px) {
    .not-found-header {
      background-image: url(../img/404/404_mobile_bg.svg); } }
  .not-found-header .headerContent {
    margin-top: 42%; }
    @media (max-width: 767px) {
      .not-found-header .headerContent {
        margin-top: 80%; } }
  .not-found-header h1 {
    margin-bottom: 30px !important; }
    @media (max-width: 767px) {
      .not-found-header h1 {
        margin: 15px 30px !important;
        text-align: center; } }

.blog-header {
  background-image: url("../img/blog/repost_resource_bg.svg");
  background-color: #18293F;
  height: 300px; }
  @media (max-width: 767px) {
    .blog-header {
      padding-bottom: 0% !important; } }
  .blog-header .headerContent {
    margin-top: 100px; }
    .blog-header .headerContent h1 {
      margin-bottom: 15px !important;
      text-align: center; }
    .blog-header .headerContent p {
      font-size: 18px;
      line-height: 22px; }
  .blog-header.blogposts {
    height: 230px; }
    @media (max-width: 767px) {
      .blog-header.blogposts {
        padding-bottom: 60% !important; } }
    .blog-header.blogposts .headerContent {
      margin-top: 120px; }

.blog-wrapper {
  background-color: #f7f7f7; }
  .blog-wrapper .blog {
    padding-left: 100px;
    padding-right: 100px; }
    @media (max-width: 767px) {
      .blog-wrapper .blog {
        padding-left: 15px;
        padding-right: 15px; } }
    .blog-wrapper .blog .arrow {
      display: inline-block;
      margin-left: 5px;
      margin-bottom: -2px;
      width: 16px;
      height: 14px;
      background-image: url(../img/blog/arrow_silver.svg); }
    .blog-wrapper .blog .blog-unit {
      padding-bottom: 45px;
      border-bottom: 1px solid #d8d8d8;
      margin-top: 50px; }
      .blog-wrapper .blog .blog-unit .blog-unit-top p {
        line-height: 24px;
        color: #9b9b9b;
        margin-bottom: 0; }
      .blog-wrapper .blog .blog-unit .blog-unit-top img {
        width: 100%; }
      .blog-wrapper .blog .blog-unit .blog-unit-top h3 {
        margin-top: 8px;
        margin-bottom: 22px; }
      .blog-wrapper .blog .blog-unit .blog-unit-bottom .avatar-box {
        margin: 20px 0 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 35px;
        color: #4a4a4a; }
        .blog-wrapper .blog .blog-unit .blog-unit-bottom .avatar-box a {
          color: #569cd3; }
          .blog-wrapper .blog .blog-unit .blog-unit-bottom .avatar-box a:hover {
            text-decoration: none; }
        .blog-wrapper .blog .blog-unit .blog-unit-bottom .avatar-box .avatar {
          width: 36px;
          height: 36px;
          float: left;
          background-size: cover;
          background-position: center;
          border-radius: 50%;
          margin-right: 8px; }
      .blog-wrapper .blog .blog-unit .blog-unit-bottom p {
        color: #4a4a4a;
        line-height: 32px;
        margin-bottom: 20px; }
      .blog-wrapper .blog .blog-unit .blog-unit-bottom a {
        color: #9b9b9b;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px; }
        .blog-wrapper .blog .blog-unit .blog-unit-bottom a:hover {
          text-decoration: none;
          color: #ee4073; }
          .blog-wrapper .blog .blog-unit .blog-unit-bottom a:hover .arrow {
            background-image: url(../img/blog/arrow_pink.svg); }
    .blog-wrapper .blog .pagination {
      margin: 35px 0 45px 0; }
      .blog-wrapper .blog .pagination a {
        padding: 4px 9px;
        float: left;
        margin-right: 8px;
        border: 1px solid #9b9b9b;
        color: #9b9b9b;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        border-radius: 100px; }
        .blog-wrapper .blog .pagination a.pg-active {
          text-decoration: none;
          background-color: #ee4073;
          color: #fff;
          border: 1px solid #ee4073; }
        .blog-wrapper .blog .pagination a:hover {
          text-decoration: none;
          background-color: #ee4073;
          color: #fff;
          border: 1px solid #ee4073; }
          .blog-wrapper .blog .pagination a:hover .arrow {
            background-image: url(../img/blog/arrow_white.svg); }
    .blog-wrapper .blog .subscribe {
      margin-bottom: 105px; }
      @media (max-width: 543px) {
        .blog-wrapper .blog .subscribe {
          margin-bottom: 25px; } }
      .blog-wrapper .blog .subscribe .subscribe-heading {
        position: relative;
        padding: 20px 0;
        margin-bottom: 10px; }
        .blog-wrapper .blog .subscribe .subscribe-heading h4 {
          color: #555;
          font-size: 22px;
          margin: 0; }
          .blog-wrapper .blog .subscribe .subscribe-heading h4::before {
            content: url(../img/blog/line.svg);
            position: absolute;
            bottom: 2px; }
      .blog-wrapper .blog .subscribe p {
        color: #555;
        font-size: 16px;
        font-weight: 300;
        line-height: 32px;
        opacity: 0.6; }
      @media (max-width: 991px) {
        .blog-wrapper .blog .subscribe .send-email .form-group {
          width: 100% !important; }
        .blog-wrapper .blog .subscribe .send-email .subscribe-btn {
          width: 100%; } }
      .blog-wrapper .blog .subscribe .send-email label {
        width: 100%;
        color: #555;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        display: block; }
      .blog-wrapper .blog .subscribe .send-email input[type="email"] {
        width: 405px;
        height: 44px;
        color: #9b9b9b;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        border: 1px solid #d2d2d2;
        border-radius: 2px;
        box-shadow: none;
        margin-top: -3px;
        margin-right: 7px; }
        @media (max-width: 991px) {
          .blog-wrapper .blog .subscribe .send-email input[type="email"] {
            width: 100%;
            margin: 0 0 10px 0; } }

.category-body {
  background-color: white;
  padding: 30px; }
  .category-body h1 {
    margin: 25px 0; }
  .category-body h3 {
    margin: 15px 0; }
  .category-body p {
    color: #4a4a4a;
    font-weight: 400;
    line-height: 1.5; }
  .category-body .date {
    color: #9b9b9b;
    font-style: italic; }

.blogpost-header {
  background-image: url("../img/partners/home_bg.png");
  background-color: #18293F;
  height: 300px; }
  @media (max-width: 767px) {
    .blogpost-header {
      padding-bottom: 0; } }
  .blogpost-header .headerContent {
    margin-top: 120px; }
    .blogpost-header .headerContent h1 {
      margin-bottom: 15px !important; }
    .blogpost-header .headerContent p {
      font-size: 18px;
      line-height: 22px; }

.mobile-background {
  display: none; }
  @media (max-width: 767px) {
    .mobile-background {
      display: block;
      padding-bottom: 80%;
      background-size: cover;
      background-repeat: no-repeat; } }

header.header-blog {
  padding-bottom: 40%;
  height: 300px; }

.blogpost-wrapper {
  background-color: #f1f1f1; }
  @media (max-width: 767px) {
    .blogpost-wrapper {
      padding-left: 15px;
      padding-right: 15px; } }
  .blogpost-wrapper .blogpost {
    margin-top: 35px;
    margin-bottom: 95px;
    background-color: #f7f7f7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    @media (max-width: 543px) {
      .blogpost-wrapper .blogpost {
        margin-bottom: 60px; } }
    .blogpost-wrapper .blogpost .blogpost-content {
      padding: 20px; }
      .blogpost-wrapper .blogpost .blogpost-content h2, .blogpost-wrapper .blogpost .blogpost-content p {
        color: #4a4a4a;
        font-weight: 400;
        line-height: 36px; }
        @media (max-width: 543px) {
          .blogpost-wrapper .blogpost .blogpost-content h2, .blogpost-wrapper .blogpost .blogpost-content p {
            color: #444;
            line-height: 28px; } }
      .blogpost-wrapper .blogpost .blogpost-content p {
        margin-bottom: 35px; }
      .blogpost-wrapper .blogpost .blogpost-content h2 {
        margin-bottom: 50px; }
      .blogpost-wrapper .blogpost .blogpost-content h4 {
        margin-top: 45px; }
      .blogpost-wrapper .blogpost .blogpost-content blockquote {
        border-left: 2px solid #eb256a; }
        .blogpost-wrapper .blogpost .blogpost-content blockquote p {
          color: #9b9b9b;
          font-size: 22px;
          font-weight: 400;
          line-height: 36px;
          padding: 0 15px 0 15px;
          margin: 0 30px 0 30px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blogpost-content blockquote p {
              margin: 0;
              font-size: 20px; } }
      .blogpost-wrapper .blogpost .blogpost-content li {
        line-height: 36px;
        font-size: 16px; }
    .blogpost-wrapper .blogpost.blog-page {
      background-color: transparent !important;
      box-shadow: none !important; }
      .blogpost-wrapper .blogpost.blog-page .blog-left-col {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-top: -300px; }
        @media (max-width: 767px) {
          .blogpost-wrapper .blogpost.blog-page .blog-left-col {
            margin-top: -130px; } }
    .blogpost-wrapper .blogpost .blog-left-col {
      background-color: #fff;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .blogpost-wrapper .blogpost .blog-left-col {
          margin-top: -130px; }
          .blogpost-wrapper .blogpost .blog-left-col .main-image {
            display: none; } }
      .blogpost-wrapper .blogpost .blog-left-col .blogpost-left {
        padding: 40px 0 25px 0; }
        @media (max-width: 543px) {
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left {
            padding: 20px 0 25px 0; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left h1 {
          color: #16263b;
          margin: 0 20px 30px 20px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left h1 {
              font-size: 28px;
              line-height: 34px;
              margin: 0 0 20px 0; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left img {
          width: 100%; }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box {
          margin: 25px 0 0 20px;
          font-size: 16px;
          font-weight: 400;
          line-height: 35px;
          color: #4a4a4a; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box {
              margin: 20px 0 0 0px;
              line-height: 20px;
              font-size: 14px; } }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box a {
            color: #569cd3; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box a:hover {
              text-decoration: none; }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box span {
            color: #9b9b9b; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box span:before {
              content: "|";
              margin: 0 15px; }
              @media (max-width: 543px) {
                .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box span:before {
                  display: none; } }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box .avatar {
            width: 36px;
            height: 36px;
            float: left;
            background-size: cover;
            background-position: center;
            border-radius: 50%;
            margin-right: 8px; }
            @media (max-width: 543px) {
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .avatar-box .avatar {
                width: 48px;
                height: 48px; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top h2, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top p, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle h2, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle p {
          color: #4a4a4a;
          font-weight: 400;
          line-height: 36px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top h2, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top p, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle h2, .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle p {
              color: #444;
              line-height: 28px; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top {
          padding: 0px 20px 20px 20px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top {
              padding: 0; } }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top p {
            padding-top: 35px; }
            @media (max-width: 543px) {
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top p {
                font-size: 16px;
                padding-top: 20px; }
                .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top p:last-of-type {
                  padding: 0; } }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-top h2 {
              font-size: 20px; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-middle {
          color: #9b9b9b;
          font-size: 22px;
          font-weight: 400;
          line-height: 36px;
          border-left: 2px solid #eb256a;
          padding: 0 15px 0 15px;
          margin: 0 30px 0 30px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .article-middle {
              margin: 0;
              font-size: 20px; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle {
          padding: 45px 20px 20px 20px; }
          @media (max-width: 543px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle {
              padding: 20px 0 0; } }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle h4 {
            margin-bottom: 5px; }
            @media (max-width: 543px) {
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle h4 {
                margin-bottom: 10px;
                font-size: 24px;
                line-height: 29px; } }
          @media (min-width: 992px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle p {
              padding-bottom: 40px; }
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .subtitle p:last-of-type {
                border-bottom: 1px solid #d8d8d8; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .share-buttons {
          padding: 20px; }
          @media (min-width: 344px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .share-buttons {
              padding: 5px 10px; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts {
          padding: 20px; }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts h5 {
            color: #9b9b9b;
            font-weight: bold; }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit {
            margin-top: 10px; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit .image {
              background-size: cover;
              background-position: center;
              height: 0;
              padding-bottom: 62.5%; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit p {
              color: #273950;
              font-weight: 700;
              line-height: 22px;
              margin-bottom: 10px; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit .avatar-box {
              margin: 0;
              font-size: 13px;
              font-weight: 400;
              line-height: 24px;
              color: #9b9b9b; }
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit .avatar-box span {
                font-size: 13px;
                font-weight: 400;
                line-height: 24px; }
                .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit .avatar-box span:before {
                  margin: 0 5px !important; }
                @media (max-width: 767px) {
                  .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related-posts .related-unit .avatar-box span {
                    display: block; } }
        .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related {
          display: none;
          padding: 15px 10px;
          border-top: 1px solid #d8d8d8; }
          @media (max-width: 991px) {
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related {
              display: block; } }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related span {
            color: #9b9b9b;
            font-size: 16px;
            font-weight: 700;
            line-height: 19px; }
          .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit {
            margin-top: 20px;
            width: 100%; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit img {
              float: left;
              height: 72px;
              width: auto;
              margin-right: 10px; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit p {
              color: #273950;
              font-weight: 700;
              line-height: 22px;
              margin-bottom: 0; }
            .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit .avatar-box {
              margin: 0;
              font-size: 13px;
              font-weight: 400;
              line-height: 24px;
              color: #9b9b9b; }
              .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit .avatar-box span {
                font-size: 13px;
                font-weight: 400;
                line-height: 24px; }
                @media (max-width: 543px) {
                  .blogpost-wrapper .blogpost .blog-left-col .blogpost-left .related .related-unit .avatar-box span:before {
                    margin: 0 5px !important; } }
    .blogpost-wrapper .blogpost .blog-right-col {
      padding: 0 10px; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit:first-child {
        margin-top: 20px; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit img {
        width: 100%; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit p {
        color: #273950;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .blogpost-right-heading {
        color: #539ad2;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 4px;
        line-height: 17px;
        border-bottom: 1px solid #d8d8d8;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 20px; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts {
        margin-bottom: 30px;
        position: relative; }
        .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .image {
          background-size: cover;
          background-position: center;
          height: 0;
          padding-bottom: 62.5%; }
        .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons {
          position: absolute;
          height: 60px;
          width: 100%;
          padding: 10px; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons .play {
            float: left;
            width: 41px;
            margin-right: 10px; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons .small-text {
            float: left; }
            .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons .small-text span {
              display: inline-block;
              background-color: #000;
              color: #fff;
              opacity: 0.7;
              margin-top: 2px;
              padding: 2px 15px 2px 5px;
              font-size: 12px;
              font-weight: 400;
              line-height: 15px; }
              .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons .small-text span:last-child {
                font-size: 14px;
                line-height: 16px; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .latest-posts .latest-posts-buttons .cloud {
            width: 36px;
            float: right; }
      .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials {
        padding: 0 0 75px 0;
        text-align: center !important; }
        .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials a {
          display: inline-block;
          width: 38px;
          height: 38px;
          margin-right: 15px;
          background-size: 38px; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials a:first-child {
            background-image: url("../img/soundcloud.svg");
            background-position: 38px 0; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials a:nth-child(2) {
            background-image: url("../img/facebook.svg");
            background-position: 75px 0; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials a:nth-child(3) {
            background-image: url("../img/twitter.svg");
            background-position: 75px 0; }
          .blogpost-wrapper .blogpost .blog-right-col .blogpost-right-unit .socials a:last-child {
            background-image: url("../img/youtube.svg");
            background-position: 0px 0;
            margin-right: 0 !important; }
      .blogpost-wrapper .blogpost .blog-right-col .playlist .latest-posts {
        margin-bottom: 20px; }
        .blogpost-wrapper .blogpost .blog-right-col .playlist .latest-posts img {
          margin-bottom: 5px; }
      .blogpost-wrapper .blogpost .blog-right-col .playlist .blogpost-right-heading {
        margin-bottom: 15px !important; }