@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-f0ead60a3c49b2662aec723049e96de6a356acca5c5e104cdcd46c7aa45a01d7.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-f0ead60a3c49b2662aec723049e96de6a356acca5c5e104cdcd46c7aa45a01d7.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-35fc99e9302f05b68df4407433656ce2afbf35c6031274f5b173ecc1e2f6d76a.woff) format("woff"), url(/assets/proxima_nova_regular-webfont-a13ae04675f242a86f5baa5074c9dd3bfe19ae0e28d36cc8cb12f57458603f5b.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-73685a9f9b8d480fa751868f0e5a449414ea5dd6b5eec3e69ffdfcff5d663804.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-dada1df661cdbc42197087d1ece1c8dfedee7dd0a50170c9aac4ef9e4af1a954.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-22c3a18610655fd1137d132ca738d9a61fd7ad841bba4d3216d1a0d9389b0e12.woff) format("woff"), url(/assets/Proxima-Nova-Black-22c3a18610655fd1137d132ca738d9a61fd7ad841bba4d3216d1a0d9389b0e12.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-ab07576134287b9c13696684b2783132e2b70a66bec31448b9975362ed163f31.woff) format("woff"), url(/assets/proxima-nova-extrabold-ab07576134287b9c13696684b2783132e2b70a66bec31448b9975362ed163f31.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-79e273162c51cd6715e4649684fc8f9c173eb331ea4f9ff8e602f217fc58d782.woff2) format("woff2"), url(/assets/proxima-nova-58bd64bf09bcb-webfont-8028e6f9461347a29334643f40617d75356f2cdafd28b97aa64ffbcf4dd4aef5.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-88a91f3f3637acf9026c4fe7eef8c858b4bfceffa83aaef295e21a582bcbfaf1.woff2) format("woff2"), url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-58785d69601ff6a11d28548018377286186ada4dd3c83d22b43a01a831c16160.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-f0ead60a3c49b2662aec723049e96de6a356acca5c5e104cdcd46c7aa45a01d7.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-ce2905736919b400694a47cc4c7023d5ec3067138e793b4b934f0fc38f581a05.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-1c07728729a5624176fa34402a9f478d2359771588e398ec86c47ac8252661e7.woff2) format("woff2"), url(/assets/proxima-nova-semibold-58bec9402bfb2-webfont-bac872b752c1fec58f75b97c923f221e55f8888bb53241bcee6a737b9b0b5aa2.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; } }