@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; }

body {
  margin: 0;
  padding: 0; }

.serch_bar {
  top: -60px; }

.absolute-footer {
  position: fixed;
  bottom: 0;
  left: 0; }

.wrapper {
  position: relative;
  min-height: 100%;
  top: 180px;
  text-align: center; }

.opacity-black {
  margin-top: -100px; }

.card-box-half-image {
  height: 360px;
  width: 100%;
  overflow: hidden; }
  .card-box-half-image img {
    width: 100%; }

.card-unorder-list {
  padding: 0;
  margin: 0; }

.card-list {
  display: inline;
  list-style-type: none;
  color: #41515D;
  font-size: 14px;
  font-family: "ProximaNova-Regular"; }

.orange--color {
  color: #FF9000;
  border-right: 1px solid #41515D;
  padding-right: 7px; }

.info-graphics__description {
  font-family: "ProximaNova-Regular";
  color: #373737;
  margin-bottom: 50px;
  font-size: 17px;
  line-height: 1.5; }

.info-graphics {
  margin-top: 120px; }
  .info-graphics__heading {
    font-family: "proxima_novasemibold";
    text-align: center;
    color: #373737;
    padding-bottom: 10px;
    font-size: 1.375rem; }
    @media only screen and (min-width: 40.0625em) {
      .info-graphics__heading {
        font-size: 1.6875rem; } }
    @media (max-width: 767px) {
      .info-graphics__heading {
        padding-bottom: 20px;
        width: 90%;
        margin: 0 auto;
        font-size: 20px; } }
  .info-graphics__container {
    width: 1120px;
    margin: 0 auto; }
    .info-graphics__container .info-graphics-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .info-graphics__container .info-graphics-grid__card {
        margin-bottom: 20px;
        width: 31%; }
      .info-graphics__container .info-graphics-grid .card-box {
        text-decoration: none;
        display: block;
        transition: 0.5s; }
        .info-graphics__container .info-graphics-grid .card-box .card-tittle {
          font-size: 22px;
          color: #373737;
          font-family: "proxima_novasemibold";
          transition: 0.5s;
          padding-top: 20px; }
        .info-graphics__container .info-graphics-grid .card-box .card-unorder-list {
          padding: 0; }
        .info-graphics__container .info-graphics-grid .card-box .card-list {
          display: inline;
          list-style-type: none;
          font-family: "ProximaNova-Regular";
          color: #41515D;
          font-size: 14px; }
        .info-graphics__container .info-graphics-grid .card-box .orange--color {
          color: #FF9000;
          border-right: 1px solid #41515D;
          padding-right: 7px; }
        .info-graphics__container .info-graphics-grid .card-box .card-box-img {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-tittle {
        color: #FF9000;
        transition: 0.5s; }
    .info-graphics__container .load-more {
      margin-top: 15px;
      text-align: center; }
      .info-graphics__container .load-more__btn {
        text-align: center;
        background-color: transparent;
        border: 1px solid #FF9000;
        width: 150px;
        height: 40px;
        line-height: 8px;
        border-radius: 40px;
        margin-bottom: -2px;
        font-size: 15px;
        color: #FF9000;
        font-family: "ProximaNova-Regular";
        outline: none;
        cursor: pointer; }

@media (min-width: 1024px) and (max-width: 1366px) {
  .card-box-half-image {
    height: 280px; }
  .card-list {
    font-size: 13px; }
  .info-graphics {
    margin-top: 160px; }
    .info-graphics__container {
      width: 80%; }
      .info-graphics__container .info-graphics-grid .card-box .card-tittle {
        font-size: 18px; }
      .info-graphics__container .info-graphics-grid .card-box .card-unorder-list {
        padding: 0; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .load-more__btn {
        font-size: 15px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .gp-blue-bg {
    display: none; }
  .card-box-half-image {
    height: 210px; }
  .card-list {
    font-size: 13px; }
  .info-graphics {
    margin-top: 160px; }
    .info-graphics__container {
      width: 80%; }
      .info-graphics__container .info-graphics-grid .card-box .card-tittle {
        font-size: 16px; }
      .info-graphics__container .info-graphics-grid .card-box .card-unorder-list {
        padding: 0; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .load-more__btn {
        font-size: 15px; } }

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .footer {
    margin-top: 40px !important; }
  .card-box-half-image {
    height: 323px; }
  .card-list {
    display: inline;
    list-style-type: none;
    font-family: "ProximaNova-Regular";
    font-size: 13px; }
  .info-graphics {
    margin-top: 160px; }
    .info-graphics__container {
      width: 90%; }
      .info-graphics__container .info-graphics-grid__card {
        width: 96%;
        margin-bottom: 25px; }
      .info-graphics__container .info-graphics-grid .card-box {
        text-decoration: none;
        margin-bottom: 0; }
        .info-graphics__container .info-graphics-grid .card-box .card-tittle {
          font-size: 18px;
          font-family: "proxima_nova_rgbold"; }
        .info-graphics__container .info-graphics-grid .card-box .card-unorder-list {
          padding: 0; }
        .info-graphics__container .info-graphics-grid .card-box .orange--color {
          color: #FF9000;
          border-right: 1px solid #41515D;
          padding-right: 7px; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-tittle {
        color: #FF9000;
        transition: 0.5s; }
      .info-graphics__container .load-more {
        text-align: center;
        margin-top: 6px; }
        .info-graphics__container .load-more__btn {
          height: 36px;
          font-size: 13px;
          width: 112px;
          height: 33px;
          line-height: 0;
          padding: 0; } }

@media only screen and (max-width: 375px) {
  .card-box-half-image {
    height: 323px; }
  .info-graphics__container .load-more {
    margin-top: 8px; }
  .card-list {
    display: inline;
    list-style-type: none;
    font-family: "ProximaNova-Regular";
    font-size: 12px; }
  .info-graphics {
    margin-top: 150px; }
    .info-graphics__container {
      width: 90%; }
      .info-graphics__container .info-graphics-grid__card {
        width: 96%;
        margin-bottom: 25px; }
      .info-graphics__container .info-graphics-grid .card-box {
        text-decoration: none;
        margin-bottom: 0; }
        .info-graphics__container .info-graphics-grid .card-box .card-tittle {
          padding-top: 9px;
          font-size: 18px;
          font-family: "proxima_nova_rgbold"; }
        .info-graphics__container .info-graphics-grid .card-box .card-unorder-list {
          padding: 0; }
        .info-graphics__container .info-graphics-grid .card-box .orange--color {
          color: #FF9000;
          border-right: 1px solid #41515D;
          padding-right: 7px; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-box-img {
        filter: brightness(60%);
        transition: 0.5s; }
      .info-graphics__container .info-graphics-grid .card-box:hover .card-tittle {
        color: #FF9000;
        transition: 0.5s; }
      .info-graphics__container .load-more {
        text-align: center; }
        .info-graphics__container .load-more__btn {
          width: auto;
          line-height: 0; } }

.only_mobile {
  display: none; }
  @media (max-width: 1024px) {
    .only_mobile {
      display: block; } }
