@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-d6a03c24dedd8c0ef2afa066694ff7e7c86d460ba0198eb4524853b39395e07a.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-d6a03c24dedd8c0ef2afa066694ff7e7c86d460ba0198eb4524853b39395e07a.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-26d8d54ffba77bf8786ef20d0048d56d22adec81faf23db67ab4bd14de6840ff.woff) format("woff"), url(/assets/proxima_nova_regular-webfont-6880d3930470892ab51dd7e8fbdae5dd4cfaa1f894331856b01f986fbdb14c9e.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-04f7c3ecfdf95598776a7d40a75f74653be98ac7b934a42808dfacde8c5975e1.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-faf9d5971fa68bb10e04a415e8f6985fedecebe83bc570c2d1469ba0201550b4.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-dad3c5e6898e6525f915bdc6033ab14fe3695e31df547fac0055d931f9bf773c.woff) format("woff"), url(/assets/Proxima-Nova-Black-dad3c5e6898e6525f915bdc6033ab14fe3695e31df547fac0055d931f9bf773c.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-e707b73b1ac3efd5b1a0f1a7a9f6dcf24ee3739b97ac43058b7f6cb9a9685bd6.woff) format("woff"), url(/assets/proxima-nova-extrabold-e707b73b1ac3efd5b1a0f1a7a9f6dcf24ee3739b97ac43058b7f6cb9a9685bd6.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-2512fe2406967be7244177e905465a68a3bbe38f05c5f526371c16dc5b27ff39.woff2) format("woff2"), url(/assets/proxima-nova-58bd64bf09bcb-webfont-f277901502f9517dc50d1accdd9165a9a17933c8f49408bce716223ad4bae452.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-ba3f3824e55c8403d88b201f072d18700d36912c20f0e8d7d9cc8682dfdccee6.woff2) format("woff2"), url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-5e4051f4ff344cfdb9f8591cdbbe2e8d55eb0608f6eae4da94869834ce230ebe.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-d6a03c24dedd8c0ef2afa066694ff7e7c86d460ba0198eb4524853b39395e07a.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-ac976a7ba8b6a3c14cfc451410f65fbcb51a5aa1c8f149f818d919373b21ed32.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-c9b5b90221b862a25d4020b69bf21d84c8f7834c9f5b7458b6b7f54dc8be15db.woff2) format("woff2"), url(/assets/proxima-nova-semibold-58bec9402bfb2-webfont-13b3a4cbbc1c56f04289dd78a74e6a8d612524dfc48e98676a24ecab50f1905e.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; } }