@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700italic,900italic,700,500italic,500,400italic,300italic,300,100,100italic);
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,400i,700,800,800i,900,900i");
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300,700italic,400italic,300italic);
body {
  height: 100% !important;
  background: #fafafa;
  color: #58595b;
  overflow-x: hidden; }

.wrapper {
  height: auto !important;
  position: relative;
  z-index: 0; }

footer {
  background: #2c4096;
  min-height: 70px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left;
  line-height: 1.4; }
  footer .top_line {
    border-top: 2px solid #fafafa;
    padding-top: 20px;
    color: #fafafa; }
    footer .top_line * {
      font-size: 0.8em;
      color: #fafafa; }
    footer .top_line a {
      font-weight: 500; }

.banner_box {
  position: relative; }
  .banner_box .banner_content {
    position: absolute;
    top: 0;
    width: 100%; }
    .banner_box .banner_content .nav_box {
      z-index: 20; }
      .banner_box .banner_content .nav_box nav ul {
        list-style: none; }
        .banner_box .banner_content .nav_box nav ul li a {
          display: block;
          color: #fafafa;
          font-weight: 600;
          text-transform: uppercase; }
    .banner_box .banner_content .banner_text {
      font-style: italic; }
      .banner_box .banner_content .banner_text h3 {
        font-family: "Muli", Helvetica;
        font-weight: 900;
        color: #2c4096;
        margin: 0 0 0.5em; }
      .banner_box .banner_content .banner_text p {
        font-weight: 400;
        color: #000; }
  @media (max-width: 47.99em) and (orientation: portrait) {
    .banner_box .banner_content {
      height: 100vh;
      background: rgba(0, 0, 0, 0.4); }
      .banner_box .banner_content .nav_box {
        width: 100%;
        display: block;
        position: fixed;
        right: 0;
        top: 54px; }
        .banner_box .banner_content .nav_box nav {
          background: rgba(32, 47, 111, 0.8); }
          .banner_box .banner_content .nav_box nav ul {
            padding: 30px 0;
            margin: 0; }
            .banner_box .banner_content .nav_box nav ul li {
              display: block;
              text-align: right; }
              .banner_box .banner_content .nav_box nav ul li a {
                height: 44px;
                line-height: 44px;
                padding: 0 50px 0 80px;
                position: relative; }
            .banner_box .banner_content .nav_box nav ul li.active a:after {
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              content: '\f100';
              font-family: 'FontAwesome';
              width: 50px;
              height: 100%;
              text-align: center; }
      .banner_box .banner_content .logo_box .logo {
        width: 60%;
        margin: 120px auto 40px; }
      .banner_box .banner_content .banner_text {
        position: absolute;
        bottom: 100px;
        width: 100%;
        padding: 30px; }
        .banner_box .banner_content .banner_text * {
          text-align: right; }
        .banner_box .banner_content .banner_text h3 {
          font-size: 2.4em; }
        .banner_box .banner_content .banner_text p {
          font-size: 1.2em;
          line-height: 1.6; }
        .banner_box .banner_content .banner_text .scroll_down {
          margin-right: 30px; } }
  @media (max-width: 47.99em) and (orientation: landscape) {
    .banner_box .banner_content {
      height: 100vh;
      background: rgba(0, 0, 0, 0.4); }
      .banner_box .banner_content .nav_box {
        width: 100%;
        display: block;
        position: fixed;
        right: 0;
        top: 54px; }
        .banner_box .banner_content .nav_box nav {
          height: auto;
          height: calc(100vh - 54px);
          background: rgba(32, 47, 111, 0.7);
          padding: 10px 0; }
          .banner_box .banner_content .nav_box nav ul {
            width: 100%;
            padding: 0px 0;
            margin: 0;
            overflow: hidden; }
            .banner_box .banner_content .nav_box nav ul li {
              display: inline-block;
              width: 50%;
              text-align: right;
              float: left; }
              .banner_box .banner_content .nav_box nav ul li a {
                height: 44px;
                line-height: 44px;
                padding: 0 40px 0 20px;
                position: relative; }
            .banner_box .banner_content .nav_box nav ul li.active a:after {
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              content: '\f100';
              font-family: 'FontAwesome';
              width: 40px;
              height: 100%;
              text-align: center; }
      .banner_box .banner_content .logo_box .logo {
        width: 30%;
        max-width: 180px;
        margin: 80px auto 0px; }
      .banner_box .banner_content .banner_text {
        width: 100%;
        padding: 30px; }
        .banner_box .banner_content .banner_text * {
          text-align: center; }
        .banner_box .banner_content .banner_text h3 {
          font-size: 1.6em;
          margin-top: 0; }
        .banner_box .banner_content .banner_text p {
          font-size: 0.8em;
          line-height: 1.4; }
        .banner_box .banner_content .banner_text .scroll_down {
          margin-right: 30px;
          position: relative;
          bottom: 5px;
          width: 140px;
          margin: 0 auto;
          left: 9px; } }
  @media (min-width: 48em) and (max-width: 84.99em) {
    .banner_box .banner_content {
      height: 100vh;
      background: -webkit-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: -moz-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: -o-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%); }
      .banner_box .banner_content ul.social {
        margin-right: 30px; }
      .banner_box .banner_content .nav_box {
        width: auto;
        display: inline-block;
        position: absolute;
        right: 0; }
        .banner_box .banner_content .nav_box nav {
          background: rgba(32, 47, 111, 0.7); }
          .banner_box .banner_content .nav_box nav ul {
            padding: 30px 0;
            margin: 0; }
            .banner_box .banner_content .nav_box nav ul li {
              display: block;
              text-align: right; }
              .banner_box .banner_content .nav_box nav ul li a {
                height: 44px;
                line-height: 44px;
                padding: 0 50px 0 80px;
                position: relative; }
            .banner_box .banner_content .nav_box nav ul li.active a:after {
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              content: '\f100';
              font-family: 'FontAwesome';
              width: 50px;
              height: 100%;
              text-align: center; }
      .banner_box .banner_content .logo_box .logo {
        width: 40%;
        margin: 50px auto; }
      .banner_box .banner_content .banner_text {
        position: absolute;
        bottom: 50px;
        right: 30px;
        width: 100%;
        margin-right: 30px; }
        .banner_box .banner_content .banner_text * {
          text-align: right; }
        .banner_box .banner_content .banner_text h3 {
          font-size: 2.8em; }
        .banner_box .banner_content .banner_text p {
          font-size: 1.2em;
          line-height: 1.6; } }
  @media (min-width: 85em) {
    .banner_box .banner_content {
      height: 100vh;
      background: -webkit-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: -moz-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: -o-linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%);
      background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 30%, rgba(250, 250, 250, 0.8) 100%); }
      .banner_box .banner_content ul.social {
        margin-right: 110px; }
      .banner_box .banner_content .nav_box {
        overflow: hidden; }
        .banner_box .banner_content .nav_box nav {
          background: rgba(32, 47, 111, 0.5);
          width: auto;
          display: inline-block;
          float: right; }
          .banner_box .banner_content .nav_box nav ul {
            padding: 0;
            margin: 0 14px 0 0; }
            .banner_box .banner_content .nav_box nav ul li {
              display: inline-block;
              float: left; }
              .banner_box .banner_content .nav_box nav ul li a {
                font-size: 13px;
                padding: 14px;
                box-shadow: inset 0 0px rgba(82, 171, 68, 0);
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                .banner_box .banner_content .nav_box nav ul li a:hover {
                  box-shadow: inset 0 -4px #52ab44; }
            .banner_box .banner_content .nav_box nav ul li.active {
              box-shadow: inset 0 -4px rgba(82, 171, 68, 0.8); }
      .banner_box .banner_content .logo_box {
        margin: 50px 0;
        width: 100%;
        display: block;
        overflow: hidden; }
        .banner_box .banner_content .logo_box .logo {
          width: 25%;
          float: right;
          margin-right: 110px; }
      .banner_box .banner_content .banner_text {
        position: absolute;
        bottom: 100px;
        right: 0;
        width: 100%;
        margin-right: 110px; }
        .banner_box .banner_content .banner_text * {
          text-align: right; }
        .banner_box .banner_content .banner_text h3 {
          font-size: 2.8em;
          line-height: 1.2; }
        .banner_box .banner_content .banner_text p {
          font-size: 1.4em;
          line-height: 1.4; }
    .banner_box .nope_nav {
      display: none; } }

.blured {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  pointer-events: none; }

.links_pictures_box ul.links_pictures {
  padding: 0;
  margin: 0;
  list-style: none; }
  .links_pictures_box ul.links_pictures li {
    float: left;
    position: relative; }
    .links_pictures_box ul.links_pictures li a {
      display: block; }
      .links_pictures_box ul.links_pictures li a img {
        position: relative;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%); }
      .links_pictures_box ul.links_pictures li a .cover {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .links_pictures_box ul.links_pictures li a span {
        width: 100%;
        text-align: right;
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 1em;
        line-height: 1;
        font-weight: 600; }
      .links_pictures_box ul.links_pictures li a .cover, .links_pictures_box ul.links_pictures li a img, .links_pictures_box ul.links_pictures li a span {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
@media (max-width: 47.99em) {
  .links_pictures_box ul.links_pictures {
    overflow: hidden; }
    .links_pictures_box ul.links_pictures li {
      display: block;
      width: 100%; }
      .links_pictures_box ul.links_pictures li a .cover {
        background: rgba(250, 250, 250, 0.6); }
      .links_pictures_box ul.links_pictures li a img {
        display: block;
        width: 100%;
        height: 120px;
        object-fit: cover;
        object-position: 50% 50%; }
      .links_pictures_box ul.links_pictures li a span {
        width: 100%;
        color: #222;
        font-weight: 600;
        font-size: 1.2em;
        font-family: "Muli", Helvetica;
        text-align: center;
        padding: 0;
        line-height: 120px; } }
@media (min-width: 48em) {
  .links_pictures_box {
    height: 13.33333vw; }
    .links_pictures_box ul.links_pictures li {
      display: inline-block;
      width: 20%; } }
@media (min-width: 48em) and (max-width: 64.0525em) {
  .links_pictures_box ul.links_pictures li a .cover {
    background: rgba(0, 0, 0, 0.6); }
  .links_pictures_box ul.links_pictures li a span {
    max-width: 180px;
    color: #222;
    font-weight: 600;
    font-family: "Roboto Condensed", Helvetica; } }
@media (min-width: 64.0625em) {
  .links_pictures_box ul.links_pictures li a .cover {
    background: rgba(0, 0, 0, 0.4); }
  .links_pictures_box ul.links_pictures li a span {
    color: #fafafa; }
  .links_pictures_box ul.links_pictures li a:hover {
    z-index: 10; }
    .links_pictures_box ul.links_pictures li a:hover .cover, .links_pictures_box ul.links_pictures li a:hover img, .links_pictures_box ul.links_pictures li a:hover span {
      z-index: 10; }
    .links_pictures_box ul.links_pictures li a:hover .cover, .links_pictures_box ul.links_pictures li a:hover img {
      -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
      transform: scale(1.08); }
    .links_pictures_box ul.links_pictures li a:hover .cover {
      background: rgba(0, 0, 0, 0.4); }
    .links_pictures_box ul.links_pictures li a:hover img {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%); }
    .links_pictures_box ul.links_pictures li a:hover span {
      color: #fafafa; } }

.content_box {
  position: relative; }
  .content_box a.link {
    font-weight: 400;
    font-size: 1.1em;
    color: #202f6f; }
    .content_box a.link:hover {
      color: #151e47; }
  @media (max-width: 64.0525em) {
    .content_box {
      padding: 50px 0 0; }
      .content_box .main {
        padding: 0 50px; } }
  @media (min-width: 64.0625em) {
    .content_box {
      padding: 100px 0 0; } }

.bg_pic {
  width: 100%;
  background: url("../images/bg_picture.jpg") center;
  background-size: cover;
  margin: 100px 0 0; }
  .bg_pic .apla {
    padding: 40px;
    background: #2c4096;
    position: relative;
    margin: 0; }
    .bg_pic .apla h3 {
      margin-top: 0;
      font-family: "Muli", Helvetica;
      font-weight: 400; }
  @media (max-width: 40.0525em) {
    .bg_pic {
      padding-top: 300px;
      background-position: center -200px;
      background-size: 200%; }
      .bg_pic .apla h3 {
        font-size: 2.6em; } }
  @media (min-width: 40.0625em) and (max-width: 47.99em) {
    .bg_pic {
      padding-top: 300px;
      background-position: center -100px;
      background-size: 100%; }
      .bg_pic .apla h3 {
        font-size: 2.6em; } }
  @media (min-width: 48em) and (max-width: 64.0525em) {
    .bg_pic .apla {
      min-height: 500px; }
      .bg_pic .apla h3 {
        font-size: 2.6em; } }
  @media (min-width: 64.0625em) {
    .bg_pic .apla {
      min-height: 500px; }
      .bg_pic .apla h3 {
        font-size: 3em; } }

.bottom_box {
  width: 100%;
  background: #2c4096;
  color: #fafafa;
  min-height: 400px; }
  .bottom_box h3 {
    font-size: 3.5em;
    font-family: "Roboto", Helvetica;
    font-weight: 200;
    margin: 0 0 0.5em; }
  .bottom_box ul.links {
    list-style: none;
    padding: 0;
    margin: 0; }
    .bottom_box ul.links li {
      margin: 0;
      margin-left: -20px;
      line-height: 2;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .bottom_box ul.links li a {
        font-weight: 200;
        text-transform: uppercase;
        color: #fafafa; }
        .bottom_box ul.links li a:before {
          display: inline-block;
          width: 20px;
          height: auto;
          content: '\f101';
          font-family: 'FontAwesome';
          opacity: 0;
          text-align: center; }
      .bottom_box ul.links li:hover {
        padding-left: 20px; }
        .bottom_box ul.links li:hover a:before {
          opacity: 1; }
  .bottom_box address, .bottom_box .contact {
    font-weight: 200; }
    .bottom_box address a, .bottom_box .contact a {
      color: #fafafa; }
  .bottom_box ul.areas {
    padding: 0;
    margin: 0; }
    .bottom_box ul.areas li {
      display: inline-block;
      margin-right: 1em;
      font-weight: 200;
      text-transform: uppercase;
      line-height: 2.1;
      font-family: "Roboto", Helvetica; }
  .bottom_box p {
    text-align: left !important; }
  @media (max-width: 47.99em) {
    .bottom_box {
      padding: 3em 1em; } }
  @media (min-width: 48em) and (max-width: 64.0525em) {
    .bottom_box {
      padding: 3em 2em; } }
  @media (min-width: 64.0625em) {
    .bottom_box {
      padding: 3em 3em; } }

.push_down-large {
  margin-top: 50px; }

.fb-page {
  width: 100%; }
  .fb-page iframe {
    width: 100%;
    height: 500px; }

@media (max-width: 47.99em) {
  h2 {
    font-size: 2.4em;
    line-height: 1.2;
    font-weight: 400;
    margin: 0.0em 0 0.5em 0; }

  h3 {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 300;
    margin: 1.1em 0 0.5em 0; }

  h4 {
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  h5 {
    font-size: 0.9em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  p {
    font-size: 0.9em;
    line-height: 1.6;
    font-weight: 300;
    margin: 0.0em 0 1.0em 0; }

  ul.basic
  li, ul.bullet
  li, ul.leaf
  li, ul.tick
  li, ul.tick_box
  li {
    font-size: 0.9em;
    line-height: 1.3;
    font-weight: 300; } }
@media (min-width: 48em) and (max-width: 64.0525em) {
  h2 {
    font-size: 2.8em;
    line-height: 1.2;
    font-weight: 400;
    margin: 0.0em 0 0.5em 0; }

  h3 {
    font-size: 1.6em;
    line-height: 1.2;
    font-weight: 300;
    margin: 1.1em 0 0.5em 0; }

  h4 {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  h5 {
    font-size: 1.0em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  p {
    font-size: 1.0em;
    line-height: 1.6;
    font-weight: 300;
    margin: 0.0em 0 1.0em 0; }

  ul.basic
  li, ul.bullet
  li, ul.leaf
  li, ul.tick
  li, ul.tick_box
  li {
    font-size: 1.0em;
    line-height: 1.3;
    font-weight: 300; } }
@media (min-width: 64.0625em) {
  h2 {
    font-size: 3.0em;
    line-height: 1.2;
    font-weight: 900;
    margin: 0.0em 0 0.5em 0; }

  h3 {
    font-size: 1.6em;
    line-height: 1.2;
    font-weight: 600;
    margin: 0.0em 0 1.0em 0; }

  h4 {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  h5 {
    font-size: 1.0em;
    line-height: 1.2;
    font-weight: 600;
    margin: 1.1em 0 0.5em 0; }

  p {
    font-size: 1.0em;
    line-height: 1.6;
    font-weight: 400;
    margin: 0.0em 0 1.0em 0; }

  ul.basic
  li, ul.bullet
  li, ul.leaf
  li, ul.tick
  li, ul.tick_box
  li {
    font-size: 1.0em;
    line-height: 1.3;
    font-weight: 400; } }
p, a, h4, h5 {
  font-family: "Roboto", Helvetica; }

h2, h3, h4 {
  text-align: left; }

h2 {
  font-family: "Muli", Helvetica;
  width: 100%;
  color: #2c4096;
  font-style: italic; }

h3 {
  font-family: "Roboto Condensed", Helvetica; }

.content_box h3 {
  text-transform: uppercase; }

p {
  text-align: justify; }

a {
  text-decoration: none; }

.box, .box-white, .box-grey, .box-darkgrey, .box-color {
  padding: 1.6em 1.8em;
  margin-bottom: 1em; }
  .box h3:first-child, .box-white h3:first-child, .box-grey h3:first-child, .box-darkgrey h3:first-child, .box-color h3:first-child, .box h4:first-child, .box-white h4:first-child, .box-grey h4:first-child, .box-darkgrey h4:first-child, .box-color h4:first-child, .box h5:first-child, .box-white h5:first-child, .box-grey h5:first-child, .box-darkgrey h5:first-child, .box-color h5:first-child, .box h6:first-child, .box-white h6:first-child, .box-grey h6:first-child, .box-darkgrey h6:first-child, .box-color h6:first-child, .box p:first-child, .box-white p:first-child, .box-grey p:first-child, .box-darkgrey p:first-child, .box-color p:first-child, .box ul:first-child, .box-white ul:first-child, .box-grey ul:first-child, .box-darkgrey ul:first-child, .box-color ul:first-child {
    margin-top: 0 !important; }
  .box h3:last-child, .box-white h3:last-child, .box-grey h3:last-child, .box-darkgrey h3:last-child, .box-color h3:last-child, .box h4:last-child, .box-white h4:last-child, .box-grey h4:last-child, .box-darkgrey h4:last-child, .box-color h4:last-child, .box h5:last-child, .box-white h5:last-child, .box-grey h5:last-child, .box-darkgrey h5:last-child, .box-color h5:last-child, .box h6:last-child, .box-white h6:last-child, .box-grey h6:last-child, .box-darkgrey h6:last-child, .box-color h6:last-child, .box p:last-child, .box-white p:last-child, .box-grey p:last-child, .box-darkgrey p:last-child, .box-color p:last-child, .box ul:last-child, .box-white ul:last-child, .box-grey ul:last-child, .box-darkgrey ul:last-child, .box-color ul:last-child {
    margin-bottom: 0 !important; }

.box-white {
  background: #fafafa;
  border-bottom: 3px solid #52ab44; }

.box-grey {
  background: #eee;
  border-bottom: 3px solid #52ab44; }

.box-darkgrey {
  background: #58595b;
  color: #fafafa; }

.box-color {
  background: #52ab44;
  color: #fafafa; }

.box_h, .box_h-white, .box_h-grey, .box_h-darkgrey, .box_h-color {
  padding: 0.6em 1.0em;
  margin-bottom: 1em; }
  .box_h h3:first-child, .box_h-white h3:first-child, .box_h-grey h3:first-child, .box_h-darkgrey h3:first-child, .box_h-color h3:first-child, .box_h h4:first-child, .box_h-white h4:first-child, .box_h-grey h4:first-child, .box_h-darkgrey h4:first-child, .box_h-color h4:first-child, .box_h h5:first-child, .box_h-white h5:first-child, .box_h-grey h5:first-child, .box_h-darkgrey h5:first-child, .box_h-color h5:first-child, .box_h h6:first-child, .box_h-white h6:first-child, .box_h-grey h6:first-child, .box_h-darkgrey h6:first-child, .box_h-color h6:first-child, .box_h p:first-child, .box_h-white p:first-child, .box_h-grey p:first-child, .box_h-darkgrey p:first-child, .box_h-color p:first-child {
    margin-top: 0 !important; }
  .box_h h3:last-child, .box_h-white h3:last-child, .box_h-grey h3:last-child, .box_h-darkgrey h3:last-child, .box_h-color h3:last-child, .box_h h4:last-child, .box_h-white h4:last-child, .box_h-grey h4:last-child, .box_h-darkgrey h4:last-child, .box_h-color h4:last-child, .box_h h5:last-child, .box_h-white h5:last-child, .box_h-grey h5:last-child, .box_h-darkgrey h5:last-child, .box_h-color h5:last-child, .box_h h6:last-child, .box_h-white h6:last-child, .box_h-grey h6:last-child, .box_h-darkgrey h6:last-child, .box_h-color h6:last-child, .box_h p:last-child, .box_h-white p:last-child, .box_h-grey p:last-child, .box_h-darkgrey p:last-child, .box_h-color p:last-child {
    margin-bottom: 0 !important; }

.box_h-white {
  background: #fafafa;
  border-bottom: 3px solid #52ab44; }

.box_h-grey {
  background: #eee;
  border-bottom: 3px solid #52ab44; }

.box_h-darkgrey {
  background: #58595b;
  color: #fafafa; }

.box_h-color {
  background: #52ab44;
  color: #fafafa; }

.justify_align {
  text-align: justify; }

.center_align, .center_align * {
  text-align: center !important; }

.left_align {
  text-align: left; }

.right_align {
  text-align: right; }

.italic {
  font-style: italic; }

.light {
  font-weight: 300 !important; }

.reg, .content_text ul li {
  font-weight: 400 !important; }

.bold {
  font-weight: 600 !important; }

.bolder {
  font-weight: 900 !important; }

.uppercase {
  text-transform: uppercase; }

.underline {
  border-bottom: 2px solid #58595b; }

.color {
  color: #52ab44; }

.white {
  color: #fafafa !important; }

.color {
  color: #52ab44; }

.p_top30 {
  padding-top: 30px; }

.p_H30 {
  padding: 30px 0; }

.m_top0 {
  margin-top: 0px !important; }

.m_left {
  margin-left: 20px; }

.m_auto {
  margin-right: auto;
  margin-left: auto; }

.m_right {
  margin-right: 20px; }

.m_0, .m_0 * {
  margin: 0 !important; }

.p_0, .p_0 * {
  padding: 0 !important; }

#map_canvas {
  height: 70vh;
  min-height: 300px;
  max-height: 500px;
  width: 100%;
  margin: 0;
  z-index: 5; }

.video {
  width: 100%;
  margin-bottom: 10px; }

ul.social {
  list-style: none;
  padding: 0;
  text-align: right; }
  ul.social li {
    padding: 0;
    display: inline-block;
    margin: 5px;
    font-size: 1.4em;
    text-align: center;
    position: relative;
    cursor: pointer; }
    ul.social li a {
      display: block; }
    ul.social li i {
      display: block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      position: relative;
      top: 0;
      color: #38742e;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    ul.social li span {
      display: none; }
  ul.social .phone_numbers {
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    ul.social .phone_numbers a {
      font-size: 16px;
      color: #38742e;
      font-weight: 600;
      display: inline-block;
      padding: 0 20px; }
  ul.social .phone_numbers-visible {
    opacity: 1; }
  @media (max-width: 47.99em) {
    ul.social {
      background: rgba(0, 0, 0, 0.8);
      position: fixed;
      top: 0;
      margin: 0;
      width: 100%;
      z-index: 20; }
      ul.social li:last-child {
        margin-right: 20px; } }
  @media (max-width: 47.99em) {
    ul.social .phone_numbers, ul.social .phone_triger {
      display: none; } }
  @media (min-width: 48em) {
    ul.social .phone_numbers-small {
      display: none; } }
  @media (min-width: 48em) and (max-width: 64.0525em) {
    ul.social {
      margin: 14px 0 14px; } }
  @media (min-width: 64.0625em) {
    ul.social {
      margin: 23px 0; }
      ul.social li:hover i {
        top: -4px; }
      ul.social li.phone_triger:hover:after {
        content: 'click to see phone number';
        width: 180px;
        height: 20px;
        display: block;
        position: absolute;
        left: 0px;
        font-size: 10px;
        font-weight: 400;
        font-family: "Roboto", Helvetica;
        text-transform: uppercase;
        text-align: left;
        color: #38742e; } }

address {
  font-style: normal; }

ul.contact_det {
  list-style: none;
  padding: 0;
  text-align: right;
  margin-right: 10px; }
  ul.contact_det li {
    padding: 0;
    display: inline-block;
    font-size: 18px;
    font-family: "Roboto", Helvetica;
    color: #58595b;
    text-align: right; }
    ul.contact_det li i {
      margin-right: 10px; }
    ul.contact_det li a {
      color: #58595b;
      font-family: "Roboto", Helvetica;
      font-weight: 400; }
      ul.contact_det li a:hover {
        color: #418735; }
  @media (max-width: 47.99em) and (orientation: portrait) {
    ul.contact_det {
      position: absolute;
      bottom: 0;
      width: 100%;
      margin-bottom: 0; }
      ul.contact_det li {
        width: 33.33333%;
        height: 100px;
        margin: 0;
        float: left;
        background: red;
        display: inline-block;
        position: relative; }
        ul.contact_det li a {
          display: block;
          width: 100%;
          height: inherit;
          position: absolute;
          top: 0; }
        ul.contact_det li i {
          font-size: 3em;
          color: #fafafa;
          width: 100%;
          line-height: 100px;
          text-align: center; }
        ul.contact_det li span {
          display: none; }
      ul.contact_det .email_box {
        background: #2c4096; }
      ul.contact_det .phone_box {
        background: #5eb94f; }
      ul.contact_det .mobile_box {
        background: #6ec062; } }
  @media (max-width: 47.99em) and (orientation: landscape) {
    ul.contact_det {
      position: absolute;
      bottom: 0;
      width: 100%;
      margin-bottom: 0; }
      ul.contact_det li {
        width: 33.33333%;
        height: 60px;
        margin: 0;
        float: left;
        background: red;
        display: inline-block;
        position: relative; }
        ul.contact_det li a {
          display: block;
          width: 100%;
          height: inherit;
          position: absolute;
          top: 0; }
        ul.contact_det li i {
          font-size: 2em;
          color: #fafafa;
          width: 100%;
          line-height: 60px;
          text-align: center; }
        ul.contact_det li span {
          display: none; }
      ul.contact_det .email_box {
        background: #2c4096; }
      ul.contact_det .phone_box {
        background: #5eb94f; }
      ul.contact_det .mobile_box {
        background: #6ec062; } }
  @media (min-width: 48em) and (max-width: 64.0525em) {
    ul.contact_det {
      margin: 0 20px 0 0; }
      ul.contact_det li {
        margin: 5px 0 0 20px; }
        ul.contact_det li a {
          font-size: 16px; }
      ul.contact_det li.email_box {
        width: 100%;
        margin: 5px 0 0; } }
  @media (min-width: 64.0625em) {
    ul.contact_det {
      margin: 1.3em 0; }
      ul.contact_det li {
        margin: 5px; } }

address, .contact, .business_det {
  font-weight: 300;
  text-transform: uppercase;
  line-height: 2.1;
  font-family: "Roboto", Helvetica; }

.contact {
  text-transform: lowercase;
  margin-left: -20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .contact a {
    color: #58595b; }
  .contact:before {
    display: inline-block;
    width: 20px;
    height: auto;
    content: '\f101';
    font-family: 'FontAwesome';
    text-align: center;
    opacity: 0; }
  .contact:hover {
    padding-left: 20px; }
    .contact:hover:before {
      opacity: 1; }

.button {
  display: inline-block;
  font-family: "Roboto Condensed", Helvetica;
  font-weight: 600;
  font-size: 1em;
  padding: 0.5em 1em;
  margin: 0 0 10px;
  text-transform: uppercase;
  text-align: center;
  color: #151e47;
  border: 2px solid #151e47;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button i {
    margin-right: 0.5em; }
  .button:hover {
    background: #151e47;
    color: #fafafa; }

.scroll_down {
  position: absolute;
  right: 10px;
  bottom: -30px;
  overflow: visible;
  height: 44px;
  width: 0;
  padding: 0;
  cursor: pointer;
  font-size: 18px;
  font-family: "Roboto", Helvetica;
  line-height: 44px;
  text-transform: uppercase;
  -webkit-transition: width 0.1s ease;
  -moz-transition: width 0.1s ease;
  -ms-transition: width 0.1s ease;
  -o-transition: width 0.1s ease;
  transition: width 0.1s ease;
  -webkit-transition: letter-spacing 0.3s ease;
  -moz-transition: letter-spacing 0.3s ease;
  -ms-transition: letter-spacing 0.3s ease;
  -o-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease; }
  .scroll_down:before, .scroll_down:after {
    content: '';
    height: 50px;
    position: absolute;
    top: -2px; }
  .scroll_down:before {
    background: url("../images/scroll_before-light.png") no-repeat left center;
    width: 26px;
    left: -26px; }
  .scroll_down:after {
    background: url("../images/scroll_after-light.png") no-repeat left center;
    width: 9px;
    right: -10px; }
  @media (max-width: 64.0525em) {
    .scroll_down {
      color: black;
      padding: 0 5px;
      width: auto;
      letter-spacing: 1px; } }
  @media (min-width: 64.0625em) {
    .scroll_down {
      font-weight: 400;
      letter-spacing: -10px;
      color: transparent; }
      .scroll_down:hover {
        color: black;
        padding: 0 5px;
        width: auto;
        letter-spacing: 1px; } }

span.empty {
  display: none; }

.scroll_to_top {
  position: fixed;
  z-index: 20;
  bottom: 20px;
  right: 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #0f1633;
  color: #fafafa;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  opacity: 0; }
  .scroll_to_top:hover {
    background: #090e20;
    font-size: 30px; }

.illustration, .illustration img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 10px; }

.illustration_floating-right {
  float: right;
  margin-bottom: 10px; }
  @media (min-width: 64.0625em) {
    .illustration_floating-right {
      width: 40%;
      margin-left: 1em; } }
  @media (min-width: 40.0625em) and (max-width: 64.0525em) {
    .illustration_floating-right {
      width: 40%;
      max-width: 300px;
      margin-left: 1em; } }

.w100px, .w100px img {
  width: 100px; }

.w200px, .w200px img {
  width: 200px; }

.w260px, .w260px img {
  width: 260px; }

.w300px, .w300px img {
  width: 300px; }

.mw200px img {
  max-width: 200px;
  width: 100%; }

.h100px {
  height: 100px; }

.h200px {
  height: 200px; }

.h250px {
  height: 250px; }

.h300px {
  height: 300px; }

.w50pc {
  width: 50%; }

.w80pc {
  width: 80%; }

.content_text ul {
  margin: 0 0 20px;
  list-style: none;
  line-height: 1.3;
  padding: 0 0 0 10px; }
  .content_text ul li {
    margin-bottom: 5px; }
    .content_text ul li:before {
      content: '';
      width: 18px;
      height: 14px;
      margin-right: 12px;
      display: inline-block;
      background: url("../images/list_basic-dark.png") no-repeat bottom;
      background-size: 80%; }

ul.basic, ul.bullet, ul.leaf, ul.tick, ul.tick_box {
  margin: 0 0 20px;
  list-style: none;
  line-height: 1.3;
  padding: 0 0 0 10px; }
  ul.basic li, ul.bullet li, ul.leaf li, ul.tick li, ul.tick_box li {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative; }
    ul.basic li:before, ul.bullet li:before, ul.leaf li:before, ul.tick li:before, ul.tick_box li:before {
      width: 20px;
      height: inherit;
      font-family: 'FontAwesome';
      position: absolute;
      left: 0; }

ul.bullet li:before {
  content: '\f101';
  font-size: 0.8em;
  top: 0.2em; }

ul.leaf li:before {
  content: '\f06c'; }

ul.tick li:before {
  content: '\f00c'; }

ul.tick_box li:before {
  content: '\f14a'; }

ul.color1 li:before {
  color: #52ab44; }

ul.color2 li:before {
  color: #2c4096; }

ul.white li:before {
  color: #fafafa; }

@media (max-width: 47.99em) {
  .columns-2 {
    -webkit-columns: 1;
    -moz-columns: 1;
    -ms-columns: 1;
    -o-columns: 1;
    columns: 1; } }
@media (min-width: 48em) {
  .columns-2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    -ms-columns: 2;
    -o-columns: 2;
    columns: 2; } }

@media (max-width: 47.99em) {
  .columns-3 {
    -webkit-columns: 1;
    -moz-columns: 1;
    -ms-columns: 1;
    -o-columns: 1;
    columns: 1; } }
@media (min-width: 48em) {
  .columns-3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    -ms-columns: 3;
    -o-columns: 3;
    columns: 3; } }

@media (max-width: 47.99em) {
  .columns-4 {
    -webkit-columns: 1;
    -moz-columns: 1;
    -ms-columns: 1;
    -o-columns: 1;
    columns: 1; } }
@media (min-width: 48em) {
  .columns-4 {
    -webkit-columns: 4;
    -moz-columns: 4;
    -ms-columns: 4;
    -o-columns: 4;
    columns: 4; } }

ol.simple_box {
  list-style-type: none;
  margin: 0;
  margin-left: 3em;
  padding: 0;
  counter-reset: li-counter; }
  ol.simple_box li {
    position: relative;
    margin-bottom: 26px;
    min-height: 1.8em;
    font-size: 1em;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left; }
    ol.simple_box li h3 {
      font-size: 1.5em;
      text-transform: uppercase;
      font-weight: 400;
      font-family: "Muli", Helvetica;
      letter-spacing: 2px; }
    ol.simple_box li:before {
      position: absolute;
      top: 2px;
      right: 103%;
      font-size: 1.5em;
      width: 36px;
      padding: 6px 0;
      text-align: center;
      color: #fafafa;
      background: #2c4096;
      font-family: "Roboto", Helvetica;
      font-weight: 700;
      content: counter(li-counter);
      counter-increment: li-counter; }

#formdiv {
  padding-top: 50px;
  margin-bottom: 50px; }
  #formdiv .columns {
    min-height: 68px;
    padding-right: 1em !important; }
  #formdiv label, #formdiv input, #formdiv textarea {
    width: 100%;
    min-height: 44px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }
  #formdiv label {
    color: #aaa;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.1; }
  #formdiv input, #formdiv textarea {
    outline: none;
    border: none;
    padding: 10px;
    background-color: #fafafa;
    color: #151e47;
    border: 1px solid #151e47;
    font-family: "Roboto", Helvetica;
    margin-bottom: 0.5em; }
  @media (min-width: 64.0625em) {
    #formdiv input:hover {
      box-shadow: inset 330px 0 #a8b4e6; }
    #formdiv textarea:hover {
      box-shadow: inset 1000px 0 #a8b4e6; } }
  #formdiv #captcha {
    float: left;
    width: calc(100% - 44px);
    height: 44px; }
  #formdiv .refresh {
    float: left;
    width: 44px;
    height: 44px;
    display: block;
    color: #2c4096;
    background: #fafafa;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    #formdiv .refresh span {
      display: none; }
    #formdiv .refresh i {
      line-height: 44px;
      width: 44px;
      height: 44px; }
    #formdiv .refresh:hover {
      background: #52ab44; }
      #formdiv .refresh:hover i {
        color: #fafafa;
        -webkit-animation: spin 1s linear;
        -moz-animation: spin 1s linear;
        -o-animation: spin 1s linear;
        animation: spin 1s linear; }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes spin {
  100% {
    -o-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #formdiv #submitbutton input {
    display: inline-block;
    font-family: "Roboto Condensed", Helvetica;
    font-weight: 300;
    font-size: 1em;
    padding: 0.2em 1em;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    background-color: #fafafa;
    color: #151e47;
    border: 1px solid #151e47;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #formdiv #submitbutton input:hover {
      background: #151e47;
      color: #fafafa;
      box-shadow: none; }

/* GALLERY */
h3.gallery_title {
  padding-top: 40px;
  margin-top: 0; }

.gallery {
  margin-bottom: 60px; }
  .gallery ul {
    text-decoration: none;
    padding: 0;
    margin: 0; }
    .gallery ul li {
      display: inline; }
      .gallery ul li .gallery_thumbs {
        padding: 0;
        position: relative;
        left: 0px;
        top: 0px;
        display: inline-block;
        overflow: hidden; }
        .gallery ul li .gallery_thumbs .photo_description {
          display: table-cell;
          line-height: 1.2; }
    @media (max-width: 47.99em) {
      .gallery ul {
        text-align: left; }
        .gallery ul li .gallery_thumbs {
          display: inline-block;
          margin: 5px 20px 20px 0 !important;
          width: 120px; }
          .gallery ul li .gallery_thumbs a img {
            width: 120px;
            height: 120px; }
          .gallery ul li .gallery_thumbs .photo_description {
            font-size: 12px;
            height: 40px;
            margin: 10px 0 0 !important;
            padding: 10px 0 0 !important; } }
    @media (min-width: 48em) {
      .gallery ul {
        text-align: left; }
        .gallery ul li .gallery_thumbs {
          display: inline-block;
          margin: 5px 20px 20px 0 !important;
          width: 173px; }
          .gallery ul li .gallery_thumbs a img {
            width: 173px;
            height: 173px; }
          .gallery ul li .gallery_thumbs .photo_description {
            font-size: 12px;
            height: 40px;
            margin: 10px 0 0 !important;
            padding: 10px 0 0 !important; }
          .gallery ul li .gallery_thumbs:after {
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            position: absolute;
            top: 100%;
            content: '\f067';
            font-family: 'FontAwesome';
            font-size: 40px;
            color: #fafafa;
            line-height: 100%;
            text-align: center;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            pointer-events: none; }
          .gallery ul li .gallery_thumbs:hover:after {
            height: 100%;
            line-height: 180px;
            top: 0; } }

/*TESTIMONIALS*/
.testimonial {
  width: 100%;
  margin: 0px auto 30px auto;
  padding: 40px;
  position: relative; }
  .testimonial h3 {
    color: #52ab44; }

.testimonial:before, .testimonial:after {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0.2;
  z-index: 0; }

.testimonial:before {
  content: url("../images/quotes-01.png");
  bottom: 40px;
  left: 10px; }

.testimonial:after {
  content: url("../images/quotes-02.png");
  top: 0px;
  right: 20px; }

.work_description, .review, .client {
  position: relative;
  z-index: 1; }

.work_description {
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 0.9;
  color: #8b8c8e;
  font-weight: 600;
  text-align: right; }

.review {
  margin-bottom: 5px;
  text-align: justify; }
  .review p {
    line-height: 1.4;
    font-weight: 300 !important; }
  .review p:first-child {
    text-indent: 7%; }

.client {
  text-align: right !important;
  font-weight: 600;
  color: #6ec062 !important;
  text-transform: uppercase;
  font-size: 110%;
  font-family: "Roboto Condensed", Helvetica;
  margin-bottom: 0; }

/* testimonials */
.slider_bg {
  height: auto;
  width: 100%;
  margin-bottom: 0; }
  .slider_bg .slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%; }
  .slider_bg .slick-prev, .slider_bg .slick-next {
    width: 60px;
    height: 100%;
    top: 0;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .slider_bg .slick-prev:before, .slider_bg .slick-next:before {
      font-family: 'FontAwesome';
      position: absolute;
      left: 0;
      width: 60px; }
  .slider_bg .slick-prev {
    left: 0; }
    .slider_bg .slick-prev:before {
      content: '\f053'; }
  .slider_bg .slick-next {
    right: 0; }
    .slider_bg .slick-next:before {
      content: '\f054'; }

@media (max-width: 47.99em) and (orientation: portrait) {
  .slider_bg .slide img {
    height: 100vh; } }
@media (max-width: 47.99em) and (orientation: landscape) {
  .slider_bg .slide img {
    height: 100vh; }
  .slider_bg .slide_on_otherpages img {
    height: 60vh; } }
@media (max-width: 47.99em) {
  .slider_bg .slick-prev, .slider_bg .slick-next {
    opacity: 1; }
    .slider_bg .slick-prev:before, .slider_bg .slick-next:before {
      top: calc(50% + 30px); } }
@media (min-width: 48em) and (max-width: 64.0525em) {
  .slider_bg .slide img {
    height: 100vh; }
  .slider_bg .slick-prev, .slider_bg .slick-next {
    opacity: 1; }
    .slider_bg .slick-prev:before, .slider_bg .slick-next:before {
      top: calc(50% + 70px); }

  .scroll_down_box {
    display: none; } }
@media (min-width: 64.0625em) {
  .slider_bg .slide img {
    height: 100vh; }
  .slider_bg .slick-prev:before, .slider_bg .slick-next:before {
    top: calc(50% + 70px); }
  .slider_bg:hover .slick-prev, .slider_bg:hover .slick-next {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3); }

  .scroll_down_box {
    display: none; } }
.slider_gallery {
  width: 100%;
  margin-bottom: 0; }
  .slider_gallery .slide_gallery img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: 50% 50%; }
  .slider_gallery .slick-prev, .slider_gallery .slick-next {
    height: 100%;
    top: 0;
    margin-top: 0;
    opacity: 0;
    text-align: center;
    z-index: 5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .slider_gallery .slick-prev:before, .slider_gallery .slick-next:before {
      font-family: 'FontAwesome';
      position: absolute;
      left: 0;
      width: 100%;
      font-size: 40px; }
  .slider_gallery .slick-prev {
    left: 0; }
    .slider_gallery .slick-prev:before {
      content: '\f100'; }
  .slider_gallery .slick-next {
    right: 0; }
    .slider_gallery .slick-next:before {
      content: '\f101'; }
  @media (max-width: 40.0525em) {
    .slider_gallery .slick-prev, .slider_gallery .slick-next {
      width: 44px;
      opacity: 1;
      background: rgba(0, 0, 0, 0.6); }
      .slider_gallery .slick-prev:before, .slider_gallery .slick-next:before {
        top: calc(50% - 20px); } }
  @media (min-width: 40.0625em) and (max-width: 56.24em) {
    .slider_gallery .slick-prev, .slider_gallery .slick-next {
      width: calc(100%/3);
      opacity: 1;
      background: rgba(0, 0, 0, 0.6); }
      .slider_gallery .slick-prev:before, .slider_gallery .slick-next:before {
        top: calc(50% - 20px); } }
  @media (min-width: 56.25em) and (max-width: 64.0525em) {
    .slider_gallery .slick-prev, .slider_gallery .slick-next {
      width: 20%;
      opacity: 1;
      background: rgba(0, 0, 0, 0.6); }
      .slider_gallery .slick-prev:before, .slider_gallery .slick-next:before {
        top: calc(50% - 20px); } }
  @media (min-width: 64.0625em) {
    .slider_gallery .slick-prev, .slider_gallery .slick-next {
      width: 20%; }
      .slider_gallery .slick-prev:before, .slider_gallery .slick-next:before {
        top: calc(50% - 20px); }
    .slider_gallery:hover .slick-prev, .slider_gallery:hover .slick-next {
      opacity: 1;
      background: rgba(0, 0, 0, 0.6); } }
