@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-8eee610eaa9e4d89694138f1c70297282d77692bc73251f4e10d0b25d6ab2381.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-8eee610eaa9e4d89694138f1c70297282d77692bc73251f4e10d0b25d6ab2381.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/*----- Proxima Nova Regular  -----*/
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url(/assets/ProximaNova-Regular-7d590a99e193e69b97f86af69f903be9040729565f8ba5a3f8dddbfb03ee97ad.woff) format("woff"), url(/assets/proxima_nova_regular-webfont-631d71b715369416af01b4e8e8890666ab44a283d7fbab3776620df25d57227a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/*----- Proxima Nova Semi Bold-----*/
@font-face {
  font-family: 'proxima_novasemibold';
  src: url(/assets/proxima_nova_semi_bold-webfont-ac841d18ad230eb5a1ec2e9b522cb216c70dd8ea7b7ec3da1395370ae7c184cd.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-2041571fb6f24c637b03dce17b74ede9a8388de19d88901c57b225ae2037dacc.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/*----- Proxima Nova Black -----*/
@font-face {
  font-family: 'Proxima Nova Black';
  src: url(/assets/Proxima-Nova-Black-9aa4a7a730be9a343f066f48ea8b3a59d05d1475a21da569fbf99ff94d343155.woff) format("woff"), url(/assets/Proxima-Nova-Black-9aa4a7a730be9a343f066f48ea8b3a59d05d1475a21da569fbf99ff94d343155.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
/*----- Proxima Nova Extra Bold-----*/
@font-face {
  font-family: 'Proxima Nova Extrabold';
  src: url(/assets/proxima-nova-extrabold-2c37551b16fe3a49b92d7572c0b7bcd7e943a1318ae32ba9d35712359e14bdd2.woff) format("woff"), url(/assets/proxima-nova-extrabold-2c37551b16fe3a49b92d7572c0b7bcd7e943a1318ae32ba9d35712359e14bdd2.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'greenpal-regular';
  src: url(/assets/proxima-nova-58bd64bf09bcb-webfont-b6673d516728feb572a67344ac43ff667193c7db0468a74f0989ef4ca87643b3.woff2) format("woff2"), url(/assets/proxima-nova-58bd64bf09bcb-webfont-3dd076e8a26c079f665a5514bb5d59a312def5981d64210d051b23b24c1b1564.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'greenpal-light';
  src: url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-175f659486ad363101cab36572c6cc089a9aab6ccb25f744535d0c15d01267de.woff2) format("woff2"), url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-26d814aeb3c7ed6d72ab68cf13c12723c5d892bf3b5899b59559db902246e5b2.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'greenpal-bold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-8eee610eaa9e4d89694138f1c70297282d77692bc73251f4e10d0b25d6ab2381.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-98b7367e2ac31a4b497c845366f5554be8044c387db909ca6272e83c1fb7ac76.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'greenpal-semibold';
  src: url(/assets/proxima-nova-semibold-58bec9402bfb2-webfont-74ddae0bf994cad8925e4c1220d10cd5a98f3574dde74441bc9b39367e5db0b6.woff2) format("woff2"), url(/assets/proxima-nova-semibold-58bec9402bfb2-webfont-e0a18fa1549892d46e2e7fc0cb470b1a756af73c767965c8db8cbf19f4918d01.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
input[type="text"]:focus {
  box-shadow: none;
  background: #fff; }

a {
  text-decoration: none; }

.clicable-post-title:hover {
  color: #FF9000 !important; }

p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }

.article-social-header {
  visibility: hidden;
  margin: 0 auto;
  line-height: 33px;
  padding-top: 18px;
  padding-left: 35px; }
  .article-social-header .article-social__underlist {
    margin: 0;
    padding: 0; }
    .article-social-header .article-social__underlist .article-social__list {
      display: inline-block;
      margin-right: 10px;
      cursor: pointer; }
      .article-social-header .article-social__underlist .article-social__list .article-social__link {
        color: #C7C6C6; }
        .article-social-header .article-social__underlist .article-social__list .article-social__link .fb-bg, .article-social-header .article-social__underlist .article-social__list .article-social__link .tw-bg, .article-social-header .article-social__underlist .article-social__list .article-social__link .pin-bg, .article-social-header .article-social__underlist .article-social__list .article-social__link .envelope-bg {
          height: 34px;
          width: 34px;
          border: 1px solid #C7C6C6;
          text-align: center;
          line-height: 32px;
          border-radius: 100%;
          transition: 0.5s;
          font-size: 14px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.3); }

.header-fixed {
  position: fixed;
  box-shadow: 0 1px 6px 0 rgba(55, 55, 55, 0.12);
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
  top: 0; }

.pa-search-bar {
  width: 1245px;
  display: none;
  margin: 0 auto;
  box-shadow: none;
  height: 70px; }
  @media (min-width: 768px) and (max-width: 1365px) {
    .pa-search-bar {
      width: 100%; } }
  .pa-search-bar .search-post {
    box-shadow: none;
    border: none;
    text-align: center;
    font-family: "ProximaNova-Regular";
    padding-top: 20px;
    height: 100%;
    margin-bottom: 0;
    font-size: 21px;
    width: 100%; }
    @media (max-width: 320px) {
      .pa-search-bar .search-post {
        font-size: 18px;
        padding: 0.5rem; } }
    .pa-search-bar .search-post:focus {
      outline: none; }

.mob-nav-botton {
  display: none; }

.search-submit-btn {
  float: right;
  position: relative;
  top: -24px; }
  @media (min-width: 768px) and (max-width: 1365px) {
    .search-submit-btn {
      right: 46px; } }

.logo-btn__container {
  width: 1245px;
  margin: 0 auto; }
.logo-btn .logo-btn-grid {
  display: grid;
  grid-template-columns: 24% 51% auto;
  margin: 10px 0 24px 0;
  transition: 0.2s; }
  .logo-btn .logo-btn-grid .color-full-logo {
    width: 261px;
    margin: 0 auto;
    padding-left: 11px;
    padding-top: 2px; }
    .logo-btn .logo-btn-grid .color-full-logo .logo-pros {
      font-size: 32px;
      color: #FFC000;
      font-family: 'Proxima Nova Black';
      font-weight: 900;
      position: relative;
      top: 6px;
      left: 9px;
      font-style: italic; }
  .logo-btn .logo-btn-grid .logo-small-text {
    font-size: 11px;
    margin: 0;
    color: #0A3755;
    font-family: "proxima_novasemibold";
    text-align: center;
    line-height: 9px; }
  .logo-btn .logo-btn-grid .logo-btn-orange {
    margin-top: 16px; }
    .logo-btn .logo-btn-grid .logo-btn-orange__link {
      text-align: center;
      border: 1px solid #FF9000;
      border-radius: 24.5px;
      height: 40px;
      display: block;
      padding: 0 16px;
      text-decoration: none;
      line-height: 39px;
      font-size: 18px;
      width: 257px;
      color: #FF9000;
      font-family: "proxima_novasemibold"; }

.orange-navbar {
  background-color: #FF9000;
  box-shadow: 0 1px 6px 0 rgba(55, 55, 55, 0.12); }
  .orange-navbar__container {
    width: 1245px;
    margin: 0 auto; }
  .orange-navbar .orange-navbar-grid {
    display: grid;
    grid-template-columns: 90% auto; }
    .orange-navbar .orange-navbar-grid .orange-unorder-list {
      margin: 0;
      margin-left: 12%;
      text-align: center;
      height: 60px;
      line-height: 56px; }
      .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item {
        display: inline;
        padding: 0 17px; }
      .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link {
        padding: 20px 0;
        opacity: 0.699999988079071;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        border-bottom: 2px solid #FF9000;
        font-family: "proxima_novasemibold";
        transition: 0.5s; }
        .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link:hover {
          opacity: 1;
          border-bottom: 2px solid #fff;
          transition: 0.5s; }
    .orange-navbar .orange-navbar-grid .orange-navbar-search {
      text-align: center;
      padding-top: 21px; }
      .orange-navbar .orange-navbar-grid .orange-navbar-search img {
        vertical-align: unset; }

@media (min-width: 1024px) and (max-width: 1366px) {
  .article-social-header {
    display: none; }

  .header-fixed {
    top: -1px;
    right: -1px;
    left: -1px; }

  .logo-btn__container {
    width: 70%;
    margin: 0 auto; }
  .logo-btn .logo-btn-grid {
    display: grid;
    grid-template-columns: 77% auto;
    margin: 15px 0px 30px 0;
    margin: 25px 0;
    transition: 0.2s; }
    .logo-btn .logo-btn-grid .color-full-logo {
      width: 100%;
      margin-left: 28%; }
      .logo-btn .logo-btn-grid .color-full-logo .logo-pros {
        font-size: 32px;
        color: #FFC000;
        font-family: "proxima_nova_rgbold";
        font-weight: 900;
        position: relative;
        top: 6px;
        left: 9px;
        font-style: italic; }
    .logo-btn .logo-btn-grid .logo-small-text {
      font-size: 11px;
      margin: 0;
      color: #0A3755;
      font-family: "proxima_novasemibold";
      text-align: left;
      padding-left: 5%;
      line-height: 11px; }
    .logo-btn .logo-btn-grid .logo-btn-orange {
      margin-top: 10px; }
      .logo-btn .logo-btn-grid .logo-btn-orange__link {
        border: 1px solid #FF9000;
        border-radius: 24.5px;
        height: 40px;
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 40px;
        font-size: 16.5px;
        color: #FF9000;
        font-family: "proxima_novasemibold";
        width: 250px;
        float: right;
        text-align: center; }

  .orange-navbar {
    background-color: #FF9000;
    box-shadow: 0 1px 6px 0 rgba(55, 55, 55, 0.12); }
    .orange-navbar__container {
      width: 80%;
      margin: 0 auto; }
    .orange-navbar .orange-navbar-grid {
      display: grid;
      grid-template-columns: 90% auto; }
      .orange-navbar .orange-navbar-grid .orange-unorder-list {
        margin: 0;
        text-align: center;
        height: 60px;
        line-height: 56px; }
        .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item {
          display: inline;
          padding: 0 15px; }
        .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link {
          padding: 20px 0;
          opacity: 0.699999988079071;
          font-size: 15px;
          color: #fff;
          text-decoration: none;
          border-bottom: 2px solid #FF9000;
          font-family: "proxima_novasemibold";
          transition: 0.5s; }
          .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link:hover {
            opacity: 1;
            border-bottom: 2px solid #fff;
            transition: 0.5s; }
      .orange-navbar .orange-navbar-grid .orange-navbar-search {
        text-align: right;
        padding-top: 21px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .header-fixed {
    top: -1px; }

  .article-social-header {
    display: none; }

  .logo-btn__container {
    width: 80%;
    margin: 0 auto; }
  .logo-btn .logo-btn-grid {
    display: grid;
    grid-template-columns: 62% auto;
    margin: 15px 0px 30px 0;
    margin: 25px 0;
    transition: 0.2s; }
    .logo-btn .logo-btn-grid .color-full-logo {
      width: 260px;
      margin-left: 24%; }
      .logo-btn .logo-btn-grid .color-full-logo .logo-pros {
        font-size: 32px;
        color: #FFC000;
        font-family: "proxima_nova_rgbold";
        font-weight: 900;
        position: relative;
        top: 6px;
        left: 5px;
        font-style: italic; }
    .logo-btn .logo-btn-grid .logo-small-text {
      font-size: 11px;
      margin: 0;
      color: #0A3755;
      font-family: "proxima_novasemibold";
      text-align: center;
      line-height: 11px; }
    .logo-btn .logo-btn-grid .logo-btn-orange {
      margin-top: 10px; }
      .logo-btn .logo-btn-grid .logo-btn-orange__link {
        border: 1px solid #FF9000;
        border-radius: 24.5px;
        height: 40px;
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 40px;
        font-size: 16.5px;
        color: #FF9000;
        font-family: "proxima_novasemibold";
        text-align: center;
        width: 250px;
        float: right; }

  .orange-navbar {
    background-color: #FF9000;
    box-shadow: 0 1px 6px 0 rgba(55, 55, 55, 0.12); }
    .orange-navbar__container {
      width: 80%;
      margin: 0 auto; }
    .orange-navbar .orange-navbar-grid {
      display: grid;
      grid-template-columns: 90% auto; }
      .orange-navbar .orange-navbar-grid .orange-unorder-list {
        margin: 0;
        text-align: center;
        height: 60px;
        line-height: 56px; }
        .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item {
          display: inline;
          padding: 0 8px; }
        .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link {
          padding: 20px 0;
          opacity: 0.699999988079071;
          font-size: 13px;
          color: #fff;
          text-decoration: none;
          border-bottom: 2px solid #FF9000;
          font-family: "proxima_novasemibold";
          transition: 0.5s; }
          .orange-navbar .orange-navbar-grid .orange-unorder-list .orange-navbar-list__item--link:hover {
            opacity: 1;
            border-bottom: 2px solid #fff;
            transition: 0.5s; }
      .orange-navbar .orange-navbar-grid .orange-navbar-search {
        text-align: right;
        padding-top: 21px; } }
@media (max-width: 767px) {
  .header-fixed {
    border-bottom: 1px solid rgba(184, 184, 184, 0.4);
    box-shadow: none; }

  .article-social-header {
    display: none; }

  .pa-search-bar {
    position: absolute;
    top: 61px;
    width: 100%; }
    .pa-search-bar form {
      height: 80%; }

  .search-submit-btn {
    top: -28px;
    left: -25px; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .search-submit-btn {
      top: -37px; } }

@media (max-width: 767px) {
  #myNav {
    display: block; }

  .overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.999);
    overflow-y: hidden;
    transition: 0.5s;
    opacity: 1; }
    .overlay .overlay-content {
      position: relative;
      top: 2%;
      width: 100%;
      text-align: center;
      margin-top: 11px; }
      .overlay .overlay-content .mob-menu-link {
        padding: 10.2px;
        text-decoration: none;
        font-size: 24px;
        color: #373737;
        display: block;
        transition: 0.3s;
        font-family: "ProximaNova-Regular";
        margin-bottom: 0; }
        .overlay .overlay-content .mob-menu-link:hover {
          color: #FF9000; }

  .overlay a:hover, .overlay a:focus {
    color: #f1f1f1; }

  .overlay .closebtn {
    position: absolute;
    top: 17px;
    right: 21px; }
    .overlay .closebtn .close-btn-img {
      width: 18px;
      right: 0; }

  .closebtn {
    z-index: 999; }

  .logo-btn__container {
    width: 100%; }
  .logo-btn .logo-btn-grid {
    grid-template-columns: 66% auto;
    margin: 0;
    box-shadow: 0 1px 6px 0 rgba(55, 55, 55, 0.12);
    height: 60px;
    padding: 6px 0; }
    .logo-btn .logo-btn-grid .color-full-logo {
      width: 223px;
      margin-left: 8px;
      padding-top: 0; }
      .logo-btn .logo-btn-grid .color-full-logo .mob-logo {
        width: 55%; }
      .logo-btn .logo-btn-grid .color-full-logo .logo-pros {
        font-size: 22px;
        top: 3px;
        left: 3px; }
    .logo-btn .logo-btn-grid .logo-small-text {
      font-size: 8.7px;
      text-align: left;
      line-height: 6px;
      padding-left: 2px; }
    .logo-btn .logo-btn-grid .logo-btn-orange {
      margin-top: 14px; }
      .logo-btn .logo-btn-grid .logo-btn-orange__link {
        display: none; }
      .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn {
        display: block; }
        .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn .mobile-menu-grid {
          display: grid;
          grid-template-columns: 49% auto; }
          .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn .mobile-menu-grid .mobile-menu-search {
            display: grid;
            justify-content: right; }
            .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn .mobile-menu-grid .mobile-menu-search .mobile-search-img {
              width: 19px; }
          .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn .mobile-menu-grid .mobile-menu-icon {
            display: grid;
            justify-content: center;
            padding-left: 11px;
            padding-top: 2px; }
            .logo-btn .logo-btn-grid .logo-btn-orange .mobile-menu-search-btn .mobile-menu-grid .mobile-menu-icon .menu-icon {
              width: 22px; }

  .orange-navbar {
    display: none; }

  .mob-nav-botton {
    display: block; }
    .mob-nav-botton__button {
      text-align: center;
      border: 1px solid #FF9000;
      border-radius: 24.5px;
      height: 47px;
      display: block;
      padding: 0 23px;
      text-decoration: none;
      line-height: 46px;
      font-size: 18.2px;
      color: #FF9000;
      font-family: "proxima_nova_rgbold";
      background-color: transparent;
      margin: 11px auto 11px auto;
      outline: none;
      cursor: pointer;
      width: 275px; }
    .mob-nav-botton__button:hover, .mob-nav-botton__button:focus {
      color: #FF9000; }
    .mob-nav-botton .mob-border-gray {
      height: 1px;
      width: 100%;
      background-color: #D8D8D8;
      margin-bottom: 0; } }
@media (max-width: 375px) {
  .menu-icon {
    width: 20px !important; }

  .mobile-search-img {
    width: 18px !important; }

  .mobile-menu-grid .mobile-menu-icon {
    justify-content: right !important; }

  .mobile-menu-grid {
    grid-template-columns: 50% 37% !important; }

  .mob-nav-botton__button {
    width: 250px !important;
    font-size: 16px !important; }

  .bottom-social-link-tag {
    line-height: 40px !important;
    font-size: 18px !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 13px !important; }

  .signup-blog__button {
    height: 43px !important;
    line-height: 42px !important; }

  .color-full-logo {
    width: 193px !important;
    margin-left: 7px !important; }

  .logo-pros {
    font-size: 20px !important; }

  .logo-btn-grid {
    height: 55px !important; }

  .logo-btn-orange {
    margin-top: 10px !important; }

  .mob-nav-botton__button {
    height: 45px !important;
    line-height: 44px !important; } }