@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap");
.container::after {
  clear: both;
  content: "";
  display: block; }
@media screen and (min-width: 1140px) {
  .container {
    padding: 0 50px; } }
@media screen and (min-width: 1380px) {
  .container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0; } }
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1500px; } }
.container.fluid {
  max-width: unset;
  width: 100%; }

.col-1 {
  width: calc(8.3333333333% - 32.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-1 {
  width: calc(8.3333333333%);
  float: left;
  margin-left: 0; }

.col-2 {
  width: calc(16.6666666667% - 35px);
  float: left;
  margin-left: 30px; }

.col-fluid-2 {
  width: calc(16.6666666667%);
  float: left;
  margin-left: 0; }

.col-3 {
  width: calc(25% - 37.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-3 {
  width: calc(25%);
  float: left;
  margin-left: 0; }

.col-4 {
  width: calc(33.3333333333% - 40px);
  float: left;
  margin-left: 30px; }

.col-fluid-4 {
  width: calc(33.3333333333%);
  float: left;
  margin-left: 0; }

.col-5 {
  width: calc(41.6666666667% - 42.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-5 {
  width: calc(41.6666666667%);
  float: left;
  margin-left: 0; }

.col-6 {
  width: calc(50% - 45px);
  float: left;
  margin-left: 30px; }

.col-fluid-6 {
  width: calc(50%);
  float: left;
  margin-left: 0; }

.col-7 {
  width: calc(58.3333333333% - 47.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-7 {
  width: calc(58.3333333333%);
  float: left;
  margin-left: 0; }

.col-8 {
  width: calc(66.6666666667% - 50px);
  float: left;
  margin-left: 30px; }

.col-fluid-8 {
  width: calc(66.6666666667%);
  float: left;
  margin-left: 0; }

.col-9 {
  width: calc(75% - 52.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-9 {
  width: calc(75%);
  float: left;
  margin-left: 0; }

.col-10 {
  width: calc(83.3333333333% - 55px);
  float: left;
  margin-left: 30px; }

.col-fluid-10 {
  width: calc(83.3333333333%);
  float: left;
  margin-left: 0; }

.col-11 {
  width: calc(91.6666666667% - 57.5px);
  float: left;
  margin-left: 30px; }

.col-fluid-11 {
  width: calc(91.6666666667%);
  float: left;
  margin-left: 0; }

.col-12 {
  width: calc(100% - 60px);
  float: left;
  margin-left: 30px; }

.col-fluid-12 {
  width: calc(100%);
  float: left;
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .col-1-s {
    width: calc(8.3333333333% - 32.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-1-s {
    width: calc(8.3333333333%);
    float: left;
    margin-left: 0; }

  .col-2-s {
    width: calc(16.6666666667% - 35px);
    float: left;
    margin-left: 30px; }

  .col-fluid-2-s {
    width: calc(16.6666666667%);
    float: left;
    margin-left: 0; }

  .col-3-s {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-3-s {
    width: calc(25%);
    float: left;
    margin-left: 0; }

  .col-4-s {
    width: calc(33.3333333333% - 40px);
    float: left;
    margin-left: 30px; }

  .col-fluid-4-s {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0; }

  .col-5-s {
    width: calc(41.6666666667% - 42.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-5-s {
    width: calc(41.6666666667%);
    float: left;
    margin-left: 0; }

  .col-6-s {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px; }

  .col-fluid-6-s {
    width: calc(50%);
    float: left;
    margin-left: 0; }

  .col-7-s {
    width: calc(58.3333333333% - 47.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-7-s {
    width: calc(58.3333333333%);
    float: left;
    margin-left: 0; }

  .col-8-s {
    width: calc(66.6666666667% - 50px);
    float: left;
    margin-left: 30px; }

  .col-fluid-8-s {
    width: calc(66.6666666667%);
    float: left;
    margin-left: 0; }

  .col-9-s {
    width: calc(75% - 52.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-9-s {
    width: calc(75%);
    float: left;
    margin-left: 0; }

  .col-10-s {
    width: calc(83.3333333333% - 55px);
    float: left;
    margin-left: 30px; }

  .col-fluid-10-s {
    width: calc(83.3333333333%);
    float: left;
    margin-left: 0; }

  .col-11-s {
    width: calc(91.6666666667% - 57.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-11-s {
    width: calc(91.6666666667%);
    float: left;
    margin-left: 0; }

  .col-12-s {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; }

  .col-fluid-12-s {
    width: calc(100%);
    float: left;
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .col-1-m {
    width: calc(8.3333333333% - 32.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-1-m {
    width: calc(8.3333333333%);
    float: left;
    margin-left: 0; }

  .col-2-m {
    width: calc(16.6666666667% - 35px);
    float: left;
    margin-left: 30px; }

  .col-fluid-2-m {
    width: calc(16.6666666667%);
    float: left;
    margin-left: 0; }

  .col-3-m {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-3-m {
    width: calc(25%);
    float: left;
    margin-left: 0; }

  .col-4-m {
    width: calc(33.3333333333% - 40px);
    float: left;
    margin-left: 30px; }

  .col-fluid-4-m {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0; }

  .col-5-m {
    width: calc(41.6666666667% - 42.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-5-m {
    width: calc(41.6666666667%);
    float: left;
    margin-left: 0; }

  .col-6-m {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px; }

  .col-fluid-6-m {
    width: calc(50%);
    float: left;
    margin-left: 0; }

  .col-7-m {
    width: calc(58.3333333333% - 47.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-7-m {
    width: calc(58.3333333333%);
    float: left;
    margin-left: 0; }

  .col-8-m {
    width: calc(66.6666666667% - 50px);
    float: left;
    margin-left: 30px; }

  .col-fluid-8-m {
    width: calc(66.6666666667%);
    float: left;
    margin-left: 0; }

  .col-9-m {
    width: calc(75% - 52.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-9-m {
    width: calc(75%);
    float: left;
    margin-left: 0; }

  .col-10-m {
    width: calc(83.3333333333% - 55px);
    float: left;
    margin-left: 30px; }

  .col-fluid-10-m {
    width: calc(83.3333333333%);
    float: left;
    margin-left: 0; }

  .col-11-m {
    width: calc(91.6666666667% - 57.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-11-m {
    width: calc(91.6666666667%);
    float: left;
    margin-left: 0; }

  .col-12-m {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; }

  .col-fluid-12-m {
    width: calc(100%);
    float: left;
    margin-left: 0; } }
@media screen and (min-width: 1140px) {
  .col-1-l {
    width: calc(8.3333333333% - 32.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-1-l {
    width: calc(8.3333333333%);
    float: left;
    margin-left: 0; }

  .col-2-l {
    width: calc(16.6666666667% - 35px);
    float: left;
    margin-left: 30px; }

  .col-fluid-2-l {
    width: calc(16.6666666667%);
    float: left;
    margin-left: 0; }

  .col-3-l {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-3-l {
    width: calc(25%);
    float: left;
    margin-left: 0; }

  .col-4-l {
    width: calc(33.3333333333% - 40px);
    float: left;
    margin-left: 30px; }

  .col-fluid-4-l {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0; }

  .col-5-l {
    width: calc(41.6666666667% - 42.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-5-l {
    width: calc(41.6666666667%);
    float: left;
    margin-left: 0; }

  .col-6-l {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px; }

  .col-fluid-6-l {
    width: calc(50%);
    float: left;
    margin-left: 0; }

  .col-7-l {
    width: calc(58.3333333333% - 47.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-7-l {
    width: calc(58.3333333333%);
    float: left;
    margin-left: 0; }

  .col-8-l {
    width: calc(66.6666666667% - 50px);
    float: left;
    margin-left: 30px; }

  .col-fluid-8-l {
    width: calc(66.6666666667%);
    float: left;
    margin-left: 0; }

  .col-9-l {
    width: calc(75% - 52.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-9-l {
    width: calc(75%);
    float: left;
    margin-left: 0; }

  .col-10-l {
    width: calc(83.3333333333% - 55px);
    float: left;
    margin-left: 30px; }

  .col-fluid-10-l {
    width: calc(83.3333333333%);
    float: left;
    margin-left: 0; }

  .col-11-l {
    width: calc(91.6666666667% - 57.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-11-l {
    width: calc(91.6666666667%);
    float: left;
    margin-left: 0; }

  .col-12-l {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; }

  .col-fluid-12-l {
    width: calc(100%);
    float: left;
    margin-left: 0; } }
@media screen and (min-width: 1380px) {
  .col-1-xl {
    width: calc(8.3333333333% - 32.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-1-xl {
    width: calc(8.3333333333%);
    float: left;
    margin-left: 0; }

  .col-2-xl {
    width: calc(16.6666666667% - 35px);
    float: left;
    margin-left: 30px; }

  .col-fluid-2-xl {
    width: calc(16.6666666667%);
    float: left;
    margin-left: 0; }

  .col-3-xl {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-3-xl {
    width: calc(25%);
    float: left;
    margin-left: 0; }

  .col-4-xl {
    width: calc(33.3333333333% - 40px);
    float: left;
    margin-left: 30px; }

  .col-fluid-4-xl {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0; }

  .col-5-xl {
    width: calc(41.6666666667% - 42.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-5-xl {
    width: calc(41.6666666667%);
    float: left;
    margin-left: 0; }

  .col-6-xl {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px; }

  .col-fluid-6-xl {
    width: calc(50%);
    float: left;
    margin-left: 0; }

  .col-7-xl {
    width: calc(58.3333333333% - 47.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-7-xl {
    width: calc(58.3333333333%);
    float: left;
    margin-left: 0; }

  .col-8-xl {
    width: calc(66.6666666667% - 50px);
    float: left;
    margin-left: 30px; }

  .col-fluid-8-xl {
    width: calc(66.6666666667%);
    float: left;
    margin-left: 0; }

  .col-9-xl {
    width: calc(75% - 52.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-9-xl {
    width: calc(75%);
    float: left;
    margin-left: 0; }

  .col-10-xl {
    width: calc(83.3333333333% - 55px);
    float: left;
    margin-left: 30px; }

  .col-fluid-10-xl {
    width: calc(83.3333333333%);
    float: left;
    margin-left: 0; }

  .col-11-xl {
    width: calc(91.6666666667% - 57.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-11-xl {
    width: calc(91.6666666667%);
    float: left;
    margin-left: 0; }

  .col-12-xl {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; }

  .col-fluid-12-xl {
    width: calc(100%);
    float: left;
    margin-left: 0; } }
@media screen and (min-width: 1380px) {
  .col-1-xl {
    width: calc(8.3333333333% - 32.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-1-xl {
    width: calc(8.3333333333%);
    float: left;
    margin-left: 0; }

  .col-2-xl {
    width: calc(16.6666666667% - 35px);
    float: left;
    margin-left: 30px; }

  .col-fluid-2-xl {
    width: calc(16.6666666667%);
    float: left;
    margin-left: 0; }

  .col-3-xl {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-3-xl {
    width: calc(25%);
    float: left;
    margin-left: 0; }

  .col-4-xl {
    width: calc(33.3333333333% - 40px);
    float: left;
    margin-left: 30px; }

  .col-fluid-4-xl {
    width: calc(33.3333333333%);
    float: left;
    margin-left: 0; }

  .col-5-xl {
    width: calc(41.6666666667% - 42.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-5-xl {
    width: calc(41.6666666667%);
    float: left;
    margin-left: 0; }

  .col-6-xl {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px; }

  .col-fluid-6-xl {
    width: calc(50%);
    float: left;
    margin-left: 0; }

  .col-7-xl {
    width: calc(58.3333333333% - 47.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-7-xl {
    width: calc(58.3333333333%);
    float: left;
    margin-left: 0; }

  .col-8-xl {
    width: calc(66.6666666667% - 50px);
    float: left;
    margin-left: 30px; }

  .col-fluid-8-xl {
    width: calc(66.6666666667%);
    float: left;
    margin-left: 0; }

  .col-9-xl {
    width: calc(75% - 52.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-9-xl {
    width: calc(75%);
    float: left;
    margin-left: 0; }

  .col-10-xl {
    width: calc(83.3333333333% - 55px);
    float: left;
    margin-left: 30px; }

  .col-fluid-10-xl {
    width: calc(83.3333333333%);
    float: left;
    margin-left: 0; }

  .col-11-xl {
    width: calc(91.6666666667% - 57.5px);
    float: left;
    margin-left: 30px; }

  .col-fluid-11-xl {
    width: calc(91.6666666667%);
    float: left;
    margin-left: 0; }

  .col-12-xl {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px; }

  .col-fluid-12-xl {
    width: calc(100%);
    float: left;
    margin-left: 0; } }
.push-1 {
  margin-left: calc(8.3333333333% - 32.5px + 60px); }

.push-2 {
  margin-left: calc(16.6666666667% - 35px + 60px); }

.push-3 {
  margin-left: calc(25% - 37.5px + 60px); }

.push-4 {
  margin-left: calc(33.3333333333% - 40px + 60px); }

.push-5 {
  margin-left: calc(41.6666666667% - 42.5px + 60px); }

.push-6 {
  margin-left: calc(50% - 45px + 60px); }

.push-7 {
  margin-left: calc(58.3333333333% - 47.5px + 60px); }

.push-8 {
  margin-left: calc(66.6666666667% - 50px + 60px); }

.push-9 {
  margin-left: calc(75% - 52.5px + 60px); }

.push-10 {
  margin-left: calc(83.3333333333% - 55px + 60px); }

.push-11 {
  margin-left: calc(91.6666666667% - 57.5px + 60px); }

.push-12 {
  margin-left: calc(100% - 60px + 60px); }

@media screen and (min-width: 768px) {
  .push-1-s {
    margin-left: calc(8.3333333333% - 32.5px + 60px); }

  .push-2-s {
    margin-left: calc(16.6666666667% - 35px + 60px); }

  .push-3-s {
    margin-left: calc(25% - 37.5px + 60px); }

  .push-4-s {
    margin-left: calc(33.3333333333% - 40px + 60px); }

  .push-5-s {
    margin-left: calc(41.6666666667% - 42.5px + 60px); }

  .push-6-s {
    margin-left: calc(50% - 45px + 60px); }

  .push-7-s {
    margin-left: calc(58.3333333333% - 47.5px + 60px); }

  .push-8-s {
    margin-left: calc(66.6666666667% - 50px + 60px); }

  .push-9-s {
    margin-left: calc(75% - 52.5px + 60px); }

  .push-10-s {
    margin-left: calc(83.3333333333% - 55px + 60px); }

  .push-11-s {
    margin-left: calc(91.6666666667% - 57.5px + 60px); }

  .push-12-s {
    margin-left: calc(100% - 60px + 60px); } }
@media screen and (min-width: 1024px) {
  .push-1-m {
    margin-left: calc(8.3333333333% - 32.5px + 60px); }

  .push-2-m {
    margin-left: calc(16.6666666667% - 35px + 60px); }

  .push-3-m {
    margin-left: calc(25% - 37.5px + 60px); }

  .push-4-m {
    margin-left: calc(33.3333333333% - 40px + 60px); }

  .push-5-m {
    margin-left: calc(41.6666666667% - 42.5px + 60px); }

  .push-6-m {
    margin-left: calc(50% - 45px + 60px); }

  .push-7-m {
    margin-left: calc(58.3333333333% - 47.5px + 60px); }

  .push-8-m {
    margin-left: calc(66.6666666667% - 50px + 60px); }

  .push-9-m {
    margin-left: calc(75% - 52.5px + 60px); }

  .push-10-m {
    margin-left: calc(83.3333333333% - 55px + 60px); }

  .push-11-m {
    margin-left: calc(91.6666666667% - 57.5px + 60px); }

  .push-12-m {
    margin-left: calc(100% - 60px + 60px); } }
@media screen and (min-width: 1140px) {
  .push-1-l {
    margin-left: calc(8.3333333333% - 32.5px + 60px); }

  .push-2-l {
    margin-left: calc(16.6666666667% - 35px + 60px); }

  .push-3-l {
    margin-left: calc(25% - 37.5px + 60px); }

  .push-4-l {
    margin-left: calc(33.3333333333% - 40px + 60px); }

  .push-5-l {
    margin-left: calc(41.6666666667% - 42.5px + 60px); }

  .push-6-l {
    margin-left: calc(50% - 45px + 60px); }

  .push-7-l {
    margin-left: calc(58.3333333333% - 47.5px + 60px); }

  .push-8-l {
    margin-left: calc(66.6666666667% - 50px + 60px); }

  .push-9-l {
    margin-left: calc(75% - 52.5px + 60px); }

  .push-10-l {
    margin-left: calc(83.3333333333% - 55px + 60px); }

  .push-11-l {
    margin-left: calc(91.6666666667% - 57.5px + 60px); }

  .push-12-l {
    margin-left: calc(100% - 60px + 60px); } }
@media screen and (min-width: 1380px) {
  .push-1-xl {
    margin-left: calc(8.3333333333% - 32.5px + 60px); }

  .push-2-xl {
    margin-left: calc(16.6666666667% - 35px + 60px); }

  .push-3-xl {
    margin-left: calc(25% - 37.5px + 60px); }

  .push-4-xl {
    margin-left: calc(33.3333333333% - 40px + 60px); }

  .push-5-xl {
    margin-left: calc(41.6666666667% - 42.5px + 60px); }

  .push-6-xl {
    margin-left: calc(50% - 45px + 60px); }

  .push-7-xl {
    margin-left: calc(58.3333333333% - 47.5px + 60px); }

  .push-8-xl {
    margin-left: calc(66.6666666667% - 50px + 60px); }

  .push-9-xl {
    margin-left: calc(75% - 52.5px + 60px); }

  .push-10-xl {
    margin-left: calc(83.3333333333% - 55px + 60px); }

  .push-11-xl {
    margin-left: calc(91.6666666667% - 57.5px + 60px); }

  .push-12-xl {
    margin-left: calc(100% - 60px + 60px); } }
@media screen and (min-width: 1380px) {
  .push-1-xl {
    margin-left: calc(8.3333333333% - 32.5px + 60px); }

  .push-2-xl {
    margin-left: calc(16.6666666667% - 35px + 60px); }

  .push-3-xl {
    margin-left: calc(25% - 37.5px + 60px); }

  .push-4-xl {
    margin-left: calc(33.3333333333% - 40px + 60px); }

  .push-5-xl {
    margin-left: calc(41.6666666667% - 42.5px + 60px); }

  .push-6-xl {
    margin-left: calc(50% - 45px + 60px); }

  .push-7-xl {
    margin-left: calc(58.3333333333% - 47.5px + 60px); }

  .push-8-xl {
    margin-left: calc(66.6666666667% - 50px + 60px); }

  .push-9-xl {
    margin-left: calc(75% - 52.5px + 60px); }

  .push-10-xl {
    margin-left: calc(83.3333333333% - 55px + 60px); }

  .push-11-xl {
    margin-left: calc(91.6666666667% - 57.5px + 60px); }

  .push-12-xl {
    margin-left: calc(100% - 60px + 60px); } }
@media only screen and (min-width: 760px) {
  body {
    -moz-transform: scale(0.8, 0.8);
    /* Moz-browsers */
    zoom: 0.85;
    /* Other non-webkit browsers */
    zoom: 85%;
    /* Webkit browsers */ } }
@media only screen and (max-width: 1400px) and (min-width: 1250px) {
  .paragraph-2 {
    font-size: 16px !important; } }
.clear {
  float: left;
  width: 100%; }

.section-padding {
  padding: 32px 0; }
  @media screen and (min-width: 768px) {
    .section-padding {
      padding: 48px 0; } }
  @media screen and (min-width: 1380px) {
    .section-padding {
      padding: 64px 0; } }
  @media screen and (min-width: 1600px) {
    .section-padding {
      padding: 80px 0; } }

#breadcrumbs ul {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  color: #262626; }
  @media screen and (min-width: 768px) {
    #breadcrumbs ul {
      font-size: 24px; } }
  #breadcrumbs ul a {
    color: #6a6a6a; }

.icon-block {
  position: relative;
  width: 55px;
  height: 55px;
  background-color: #686565;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%; }
  .icon-block i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .icon-block.color-1 {
    background-color: #686565; }
    .icon-block.color-1.ghost {
      background-color: transparent;
      border: 2px solid #686565; }
      .icon-block.color-1.ghost i {
        color: #686565; }
  .icon-block.color-2 {
    background-color: #938f8f; }
    .icon-block.color-2.ghost {
      background-color: transparent;
      border: 2px solid #938f8f; }
      .icon-block.color-2.ghost i {
        color: #938f8f; }
  .icon-block.white {
    background-color: #fff; }
    .icon-block.white i {
      color: #686565; }
    .icon-block.white.ghost {
      background-color: transparent;
      border: 2px solid #fff; }
      .icon-block.white.ghost i {
        color: #fff; }
  .icon-block.ghost {
    background-color: transparent; }
  .icon-block.hover {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    .icon-block.hover:hover {
      background-color: #938f8f;
      border: 2px solid #938f8f; }
      .icon-block.hover:hover i {
        color: #fff; }

.btn {
  display: inline-block;
  border: 2px solid #686565;
  color: #6a6a6a;
  padding: 16px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 800; }
  .btn:hover {
    background: #686565;
    color: #fff; }
  @media screen and (min-width: 1024px) {
    .btn {
      padding: 16px 24px; } }
  @media screen and (min-width: 1140px) {
    .btn {
      padding: 12px 18px;
      font-size: 14px; } }
  @media screen and (min-width: 1380px) {
    .btn {
      padding: 24px; } }
  @media screen and (min-width: 1600px) {
    .btn {
      padding: 24px 32px; } }
  .btn.inverse {
    border-color: #fff;
    color: #fff; }
    .btn.inverse:hover {
      background: #fff;
      color: #686565; }

.btn-small {
  display: inline-block;
  border-bottom: 2px solid #686565;
  color: #686565;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 800; }
  .btn-small:hover {
    border-left: 2px solid #686565;
    padding-left: 8px; }
  .btn-small.inverse {
    border-color: #fff;
    color: #fff; }
    .btn-small.inverse:hover {
      border-color: #fff; }

.btn-icon {
  display: block;
  border: 2px solid #686565;
  color: #686565;
  font-size: 16px;
  text-align: center;
  width: 56px;
  height: 56px;
  padding: 16px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }
  .btn-icon:hover {
    background: #686565;
    color: #fff;
    cursor: pointer; }
  @media screen and (min-width: 1380px) {
    .btn-icon {
      padding: 24px 0;
      width: 67px;
      height: 67px; } }
  .btn-icon.inverse {
    border-color: #fff;
    color: #fff; }
    .btn-icon.inverse:hover {
      background: #fff;
      color: #686565; }

@media only screen and (max-width: 1400px) {
  header .btn {
    padding: 16px 24px !important; } }
.sharethis-inline-share-buttons .st-btn {
  position: relative !important;
  background: transparent !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  height: 60px !important;
  min-width: unset !important;
  width: 60px !important;
  border: 4px solid #938f8f !important;
  font-size: 16px;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  border-radius: 100% !important;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important; }
  @media screen and (min-width: 768px) {
    .sharethis-inline-share-buttons .st-btn {
      height: 80px !important;
      width: 80px !important;
      padding: 20px; } }
  .sharethis-inline-share-buttons .st-btn:hover {
    background-color: #938f8f !important;
    top: 0 !important;
    opacity: 1 !important; }
    .sharethis-inline-share-buttons .st-btn:hover:before {
      color: #fff !important; }
  .sharethis-inline-share-buttons .st-btn:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    font-size: 16px;
    color: #938f8f;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .sharethis-inline-share-buttons .st-btn > img {
    display: none !important; }
  .sharethis-inline-share-buttons .st-btn > span {
    display: none !important; }
  .sharethis-inline-share-buttons .st-btn[data-network="facebook"]:before {
    content: "\f39e"; }
  .sharethis-inline-share-buttons .st-btn[data-network="twitter"]:before {
    content: "\f099"; }
  .sharethis-inline-share-buttons .st-btn[data-network="linkedin"]:before {
    content: "\f0e1"; }
  .sharethis-inline-share-buttons .st-btn[data-network="instagram"]:before {
    content: "\f16d"; }
  .sharethis-inline-share-buttons .st-btn[data-network="pinterest"]:before {
    content: "\f231"; }

.content-generic-container .content-generic > ul {
  margin: 20px 0;
  width: 100%;
  float: left; }
  .content-generic-container .content-generic > ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    width: 100%;
    font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #262626;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .content-generic-container .content-generic > ul li {
        font-size: 24px; } }
    .content-generic-container .content-generic > ul li:before {
      content: "\f061";
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 12px;
      color: #686565;
      position: absolute;
      top: 0;
      left: 0; }
    .content-generic-container .content-generic > ul li a {
      font-weight: 700; }

.text-feature-container .text-feature {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding: 40px 0; }
  @media screen and (min-width: 1024px) {
    .text-feature-container .text-feature {
      padding: 60px 0; } }
  @media screen and (min-width: 1600px) {
    .text-feature-container .text-feature {
      padding: 80px 0; } }
  .text-feature-container .text-feature .title {
    margin: 0; }
  .text-feature-container .text-feature p {
    margin: 0; }
.text-feature-container.v1 {
  background-color: #262626; }
  .text-feature-container.v1 .text-feature {
    border: 0; }
    .text-feature-container.v1 .text-feature .title {
      color: #938f8f; }
      @media screen and (min-width: 1024px) {
        .text-feature-container.v1 .text-feature .title {
          border-right: 1px solid rgba(255, 255, 255, 0.2); } }
    .text-feature-container.v1 .text-feature p {
      color: #fff; }

.img-tag-cover {
  position: relative;
  overflow: hidden; }
  .img-tag-cover > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130% !important;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1024px) {
      .img-tag-cover > img {
        width: 150% !important; } }
    @media screen and (min-width: 1140px) {
      .img-tag-cover > img {
        width: 145% !important; } }
    @media screen and (min-width: 1600px) {
      .img-tag-cover > img {
        width: 140% !important; } }

.img-tag-cover-portrait {
  position: relative;
  overflow: hidden; }
  .img-tag-cover-portrait > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

@media screen and (min-width: 768px) {
  .img-tag-cover-s {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-s > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130% !important;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
    @media screen and (min-width: 768px) and (min-width: 1024px) {
      .img-tag-cover-s > img {
        width: 150% !important; } }
    @media screen and (min-width: 768px) and (min-width: 1140px) {
      .img-tag-cover-s > img {
        width: 145% !important; } }
    @media screen and (min-width: 768px) and (min-width: 1600px) {
      .img-tag-cover-s > img {
        width: 140% !important; } }

@media screen and (min-width: 768px) {
  .img-tag-cover-portrait-s {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-portrait-s > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto !important;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
@media screen and (min-width: 1024px) {
  .img-tag-cover-m {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-m > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130% !important;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .img-tag-cover-m > img {
        width: 150% !important; } }
    @media screen and (min-width: 1024px) and (min-width: 1140px) {
      .img-tag-cover-m > img {
        width: 145% !important; } }
    @media screen and (min-width: 1024px) and (min-width: 1600px) {
      .img-tag-cover-m > img {
        width: 140% !important; } }

@media screen and (min-width: 1024px) {
  .img-tag-cover-portrait-m {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-portrait-m > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto !important;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
@media screen and (min-width: 1140px) {
  .img-tag-cover-l {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-l > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130% !important;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
    @media screen and (min-width: 1140px) and (min-width: 1024px) {
      .img-tag-cover-l > img {
        width: 150% !important; } }
    @media screen and (min-width: 1140px) and (min-width: 1140px) {
      .img-tag-cover-l > img {
        width: 145% !important; } }
    @media screen and (min-width: 1140px) and (min-width: 1600px) {
      .img-tag-cover-l > img {
        width: 140% !important; } }

@media screen and (min-width: 1140px) {
  .img-tag-cover-portrait-l {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-portrait-l > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto !important;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
@media screen and (min-width: 1380px) {
  .img-tag-cover-xl {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-xl > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130% !important;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
    @media screen and (min-width: 1380px) and (min-width: 1024px) {
      .img-tag-cover-xl > img {
        width: 150% !important; } }
    @media screen and (min-width: 1380px) and (min-width: 1140px) {
      .img-tag-cover-xl > img {
        width: 145% !important; } }
    @media screen and (min-width: 1380px) and (min-width: 1600px) {
      .img-tag-cover-xl > img {
        width: 140% !important; } }

@media screen and (min-width: 1380px) {
  .img-tag-cover-portrait-xl {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-portrait-xl > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto !important;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
@media screen and (min-width: 1380px) {
  .img-tag-cover-xl {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-xl > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130% !important;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
    @media screen and (min-width: 1380px) and (min-width: 1024px) {
      .img-tag-cover-xl > img {
        width: 150% !important; } }
    @media screen and (min-width: 1380px) and (min-width: 1140px) {
      .img-tag-cover-xl > img {
        width: 145% !important; } }
    @media screen and (min-width: 1380px) and (min-width: 1600px) {
      .img-tag-cover-xl > img {
        width: 140% !important; } }

@media screen and (min-width: 1380px) {
  .img-tag-cover-portrait-xl {
    position: relative;
    overflow: hidden; }
    .img-tag-cover-portrait-xl > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto !important;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
.img-bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%; }

.video-tag-cover {
  position: relative;
  overflow: hidden; }
  .video-tag-cover > video {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 110%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.feature-text {
  margin-bottom: 32px; }
  @media screen and (min-width: 1024px) {
    .feature-text {
      margin-bottom: 48px; } }
  @media screen and (min-width: 1380px) {
    .feature-text {
      margin-bottom: 80px; } }

.search-modal {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.7); }
  .search-modal input {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #686565;
    padding: 30px 40px;
    border: 0;
    width: 90vw;
    -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 1140px) {
      .search-modal input {
        font-size: 24px;
        width: 60vw;
        padding: 40px 50px; } }
  .search-modal .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    color: #6a6a6a;
    background-color: #fff;
    padding: 20px 25px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    .search-modal .close:hover {
      background-color: #6a6a6a;
      color: #fff; }

.featherlight-content {
  padding: 0 !important;
  border: 4px solid #fff !important; }
  .featherlight-content .featherlight-next, .featherlight-content .featherlight-previous, .featherlight-content .featherlight-close-icon {
    height: 60px;
    width: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    color: #262626;
    font-size: 20px; }
    .featherlight-content .featherlight-next span, .featherlight-content .featherlight-previous span, .featherlight-content .featherlight-close-icon span {
      margin: 0 !important;
      width: 100%;
      text-align: center;
      position: relative;
      top: 14px;
      color: #262626;
      display: block;
      font-size: 36px;
      line-height: 36px; }
  .featherlight-content .featherlight-next, .featherlight-content .featherlight-previous {
    top: auto;
    bottom: 15px;
    overflow: hidden; }
    .featherlight-content .featherlight-next span, .featherlight-content .featherlight-previous span {
      font-size: 18px;
      line-height: 36px; }
  .featherlight-content .featherlight-next {
    right: 15px;
    left: auto; }
    .featherlight-content .featherlight-next span {
      right: -1px; }
  .featherlight-content .featherlight-previous {
    left: 15px; }
    .featherlight-content .featherlight-previous span {
      left: -1px; }
  .featherlight-content .featherlight-close-icon {
    top: 15px;
    right: 15px;
    font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
    font-weight: 700; }

.owl-nav {
  width: 100%;
  text-align: center;
  margin-top: 20px; }
  @media screen and (min-width: 1140px) {
    .owl-nav {
      margin-top: 40px; } }
  .owl-nav button {
    display: inline-block;
    border: 0;
    padding: 0;
    background: transparent; }
    .owl-nav button:focus {
      outline: none; }
    .owl-nav button:first-of-type {
      margin-right: 16px; }
  .owl-nav .owl-prev {
    left: 0; }
  .owl-nav .owl-next {
    right: 0; }

.owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 20px; }
  .owl-dots .owl-dot {
    opacity: .3;
    display: inline-block;
    margin-right: 10px;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    background-color: #938f8f !important; }
    .owl-dots .owl-dot:focus {
      outline: none; }
    .owl-dots .owl-dot.active {
      opacity: 1; }

.anchor-items-sec h2 {
  color: #fff; }
.anchor-items-sec .anchor-items {
  display: flex;
  margin-bottom: 30px;
  gap: 20px;
  align-items: center;
  justify-content: left; }
  @media only screen and (max-width: 600px) {
    .anchor-items-sec .anchor-items {
      display: block; } }
  .anchor-items-sec .anchor-items a {
    background: #262626;
    padding: 10px 20px;
    font-size: 20px;
    color: #fff;
    display: block; }
    @media only screen and (max-width: 600px) {
      .anchor-items-sec .anchor-items a {
        border-bottom: 20px solid #fff; } }

html {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: #262626;
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800; }

a {
  color: #262626;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }
  a:hover {
    color: #6a6a6a; }

p {
  margin-bottom: 8px; }

.heading-0 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 40px; }
  @media screen and (min-width: 1140px) {
    .heading-0 {
      font-size: 32px; } }
  @media screen and (min-width: 1380px) {
    .heading-0 {
      font-size: 72px; } }
  @media screen and (min-width: 1600px) {
    .heading-0 {
      font-size: 88px; } }
  @media only screen and (max-width: 600px) {
    .heading-0 {
      font-size: 24px; } }

.heading-1 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 40px; }
  @media screen and (min-width: 1380px) {
    .heading-1 {
      font-size: 48px; } }
  @media screen and (min-width: 1140px) {
    .heading-1 {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .heading-1 {
      font-size: 56px; } }

.heading-2 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 24px; }
  @media screen and (min-width: 1024px) {
    .heading-2 {
      font-size: 24px; } }
  @media screen and (min-width: 1140px) {
    .heading-2 {
      font-size: 24px; } }
  @media screen and (min-width: 1380px) {
    .heading-2 {
      font-size: 32px; } }

.heading-3 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 24px; }
  @media screen and (min-width: 768px) {
    .heading-3 {
      font-size: 32px; } }
  @media screen and (min-width: 1140px) {
    .heading-3 {
      font-size: 32px; } }

.heading-4 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    .heading-4 {
      font-size: 24px; } }

.heading-0-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 40px;
  color: #fff; }
  @media screen and (min-width: 1140px) {
    .heading-0-inverse {
      font-size: 32px; } }
  @media screen and (min-width: 1380px) {
    .heading-0-inverse {
      font-size: 72px; } }
  @media screen and (min-width: 1600px) {
    .heading-0-inverse {
      font-size: 88px; } }

.heading-1-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 40px;
  color: #fff; }
  @media screen and (min-width: 1380px) {
    .heading-1-inverse {
      font-size: 48px; } }
  @media screen and (min-width: 1140px) {
    .heading-1-inverse {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .heading-1-inverse {
      font-size: 56px; } }

.heading-2-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 24px;
  color: #fff; }
  @media screen and (min-width: 1024px) {
    .heading-2-inverse {
      font-size: 24px; } }
  @media screen and (min-width: 1140px) {
    .heading-2-inverse {
      font-size: 24px; } }
  @media screen and (min-width: 1380px) {
    .heading-2-inverse {
      font-size: 32px; } }

.heading-3-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 24px;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .heading-3-inverse {
      font-size: 32px; } }
  @media screen and (min-width: 1140px) {
    .heading-3-inverse {
      font-size: 32px; } }

.heading-4-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 800;
  color: #262626;
  margin-bottom: 24px;
  font-size: 16px;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .heading-4-inverse {
      font-size: 24px; } }

.heading-secondary-0 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 32px; }
  @media screen and (min-width: 1140px) {
    .heading-secondary-0 {
      font-size: 32px; } }
  @media screen and (min-width: 1380px) {
    .heading-secondary-0 {
      font-size: 40px; } }
  @media screen and (min-width: 1600px) {
    .heading-secondary-0 {
      font-size: 48px; } }

.heading-secondary-1 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 24px; }
  @media screen and (min-width: 1380px) {
    .heading-secondary-1 {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .heading-secondary-1 {
      font-size: 40px; } }

.heading-secondary-2 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 24px; }

.heading-secondary-3 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 16px; }
  @media screen and (min-width: 1024px) {
    .heading-secondary-3 {
      font-size: 24px; } }

.heading-secondary-4 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 16px; }

.heading-secondary-0-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 32px;
  color: #fff; }
  @media screen and (min-width: 1140px) {
    .heading-secondary-0-inverse {
      font-size: 32px; } }
  @media screen and (min-width: 1380px) {
    .heading-secondary-0-inverse {
      font-size: 40px; } }
  @media screen and (min-width: 1600px) {
    .heading-secondary-0-inverse {
      font-size: 48px; } }

.heading-secondary-1-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 24px;
  color: #fff; }
  @media screen and (min-width: 1380px) {
    .heading-secondary-1-inverse {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .heading-secondary-1-inverse {
      font-size: 40px; } }

.heading-secondary-2-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 24px;
  color: #fff; }

.heading-secondary-3-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 16px;
  color: #fff; }
  @media screen and (min-width: 1024px) {
    .heading-secondary-3-inverse {
      font-size: 24px; } }

.heading-secondary-4-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-weight: 400;
  color: #6a6a6a;
  margin-bottom: 0;
  font-size: 16px;
  color: #fff; }

.paragraph-1 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .paragraph-1 {
      font-size: 24px; } }

.paragraph-1-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  color: #fff;
  color: #fff !important; }
  @media screen and (min-width: 768px) {
    .paragraph-1-inverse {
      font-size: 24px; } }
  @media screen and (min-width: 1140px) {
    .paragraph-1-inverse {
      font-size: 20px; } }
  @media screen and (min-width: 1380px) {
    .paragraph-1-inverse {
      font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 300;
      color: #262626;
      margin-bottom: 24px; } }
  @media screen and (min-width: 1380px) and (min-width: 768px) {
    .paragraph-1-inverse {
      font-size: 24px; } }

.paragraph-1-bold {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .paragraph-1-bold {
      font-size: 24px; } }

.paragraph-1-bold-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  font-weight: 700;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .paragraph-1-bold-inverse {
      font-size: 24px; } }

.paragraph-2 {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px; }
  @media screen and (min-width: 1380px) {
    .paragraph-2 {
      font-size: 16px; } }
  @media only screen and (max-width: 400px) {
    .paragraph-2 {
      font-size: 16px; } }

.paragraph-2-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  color: #fff; }
  @media screen and (min-width: 1380px) {
    .paragraph-2-inverse {
      font-size: 16px; } }

.paragraph-2-bold {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  font-weight: 700; }
  @media screen and (min-width: 1380px) {
    .paragraph-2-bold {
      font-size: 16px; } }

.paragraph-2-bold-inverse {
  font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
  font-weight: 700;
  color: #fff; }
  @media screen and (min-width: 1380px) {
    .paragraph-2-bold-inverse {
      font-size: 16px; } }

.no-mb {
  margin-bottom: 0; }

header {
  position: relative;
  z-index: 9;
  padding: 16px 0;
  background: #fff;
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); }
  header .mobile-contact {
    display: none; }
    @media only screen and (max-width: 500px) {
      header .mobile-contact {
        display: block; } }
  @media only screen and (max-width: 500px) {
    header .btn {
      display: none; } }
  @media screen and (min-width: 768px) {
    header {
      padding: 24px 0; } }
  @media screen and (min-width: 1380px) {
    header {
      padding: 32px 0; } }
  @media screen and (min-width: 1600px) {
    header {
      padding: 40px 0; } }
  header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  header .logo {
    height: auto;
    width: 100px; }
    @media screen and (min-width: 1024px) {
      header .logo {
        width: 80px;
        margin-top: 15px; } }
    @media screen and (min-width: 1140px) {
      header .logo {
        width: 120px; } }
    @media screen and (min-width: 1380px) {
      header .logo {
        width: 160px; } }
    @media screen and (min-width: 1600px) {
      header .logo {
        width: 200px; } }
  header .nav-area {
    width: 100%; }
    @media screen and (min-width: 768px) {
      header .nav-area {
        width: auto; } }
    @media (min-width: 1025px) {
      header .nav-area {
        display: flex;
        align-items: center; } }
    header .nav-area .btn-area {
      position: relative;
      right: 50px; }
      @media screen and (min-width: 768px) {
        header .nav-area .btn-area {
          right: 60px; } }
      @media (min-width: 1025px) {
        header .nav-area .btn-area {
          right: 0; } }
      @media screen and (min-width: 1380px) {
        header .nav-area .btn-area {
          margin-left: 24px; } }
      header .nav-area .btn-area .btn, header .nav-area .btn-area .btn-icon {
        margin-left: 16px;
        float: right; }
        @media screen and (min-width: 1140px) {
          header .nav-area .btn-area .btn, header .nav-area .btn-area .btn-icon {
            margin-left: 24px; } }
  header .mobile-nav-btn {
    position: fixed;
    z-index: 100;
    top: 16px;
    right: 10px;
    width: 56px;
    height: 56px;
    padding: 20px 0;
    text-align: center;
    background: #262626;
    color: #fff;
    font-size: 16px; }
    @media screen and (min-width: 768px) {
      header .mobile-nav-btn {
        top: 24px;
        right: 20px; } }
    header .mobile-nav-btn.close {
      top: 16px;
      right: 20px;
      right: 10px;
      font-size: 20px;
      background: #262626;
      color: #fff; }
    @media (min-width: 1025px) {
      header .mobile-nav-btn {
        display: none; } }
    header .mobile-nav-btn.close {
      display: none; }
  @media only screen and (max-width: 800px) {
    header .col-12 {
      margin-left: 0; }
    header .btn-area {
      right: 20px !important; }
    header .nav-area {
      width: 70%; }
    header .logo {
      margin-left: 9px; } }
  @media only screen and (max-width: 500px) {
    header .logo {
      margin-left: 35px;
      margin-top: 15px; } }
  header#sticky {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 10px 40px; }
    header#sticky .logo {
      width: 130px;
      margin: 0;
      margin-top: 15px;
      float: left; }
    header#sticky .container {
      padding: 0; }
    @media only screen and (max-width: 800px) {
      header#sticky {
        padding: 15px 0; }
        header#sticky .col-12 {
          margin-left: 0; }
        header#sticky .btn-area {
          right: 30px !important;
          display: flex;
          justify-content: end;
          gap: 13px; }
          header#sticky .btn-area .btn-icon, header#sticky .btn-area .btn {
            margin: 0; }
        header#sticky .logo img {
          width: 80%;
          margin-left: 10px; }
        header#sticky .mobile-nav-btn {
          top: 15px; } }
    @media only screen and (max-width: 500px) {
      header#sticky .logo {
        margin-left: 5px;
        margin-top: 15px; }
      header#sticky .btn-area {
        right: 15px !important;
        justify-content: end; } }

@media (max-width: 1024px) {
  nav {
    display: none;
    position: fixed;
    top: 85px;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    background: #ffffff; }
    nav > ul {
      padding: 20px 0;
      text-align: left;
      background: #e1e1e1; }
      nav > ul > li {
        display: block;
        width: 100%;
        padding: 12px 0;
        padding: 12px 0; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        nav > ul > li {
          padding: 40px 0; } }
@media (max-width: 1024px) {
        nav > ul > li > a {
          color: #262626;
          text-transform: capitalize;
          font-size: 16px;
          padding: 0 45px;
          font-weight: 500; }
          nav > ul > li > a:hover {
            color: #938f8f; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          nav > ul > li > a {
            font-size: 24px; } }
@media (max-width: 1024px) {
        nav > ul > li.has-sub {
          position: relative; }
          nav > ul > li.has-sub .fas.fa-plus {
            color: #fff !important;
            display: none !important; }
          nav > ul > li.has-sub i {
            color: #262626;
            font-size: 20px;
            margin-left: 20px;
            position: absolute;
            right: 20px;
            top: 50px;
            content: "\f067"; } }
          @media only screen and (max-width: 1024px) and (max-width: 500px) {
            nav > ul > li.has-sub i {
              top: 14px; } }
@media (max-width: 1024px) {
            nav > ul > li.has-sub i::before {
              content: "\f067"; }
          nav > ul > li.has-sub ul.dropdown {
            display: none;
            background: rgba(255, 255, 255, 0.1);
            margin-top: 10px;
            background: #fff;
            width: 100%; }
            nav > ul > li.has-sub ul.dropdown .image-area {
              display: none; }
            nav > ul > li.has-sub ul.dropdown .nav-area {
              background-image: none !important; }
              nav > ul > li.has-sub ul.dropdown .nav-area h2 {
                display: none; }
              nav > ul > li.has-sub ul.dropdown .nav-area #text li {
                display: block;
                width: 100%;
                padding: 10px 45px;
                margin-bottom: 0; }
                nav > ul > li.has-sub ul.dropdown .nav-area #text li.has-sub {
                  position: relative; }
                  nav > ul > li.has-sub ul.dropdown .nav-area #text li.has-sub i {
                    position: absolute;
                    top: 20px; }
                  nav > ul > li.has-sub ul.dropdown .nav-area #text li.has-sub .dropdown2 {
                    display: none;
                    position: absolute;
                    background: #fff;
                    height: 100vh;
                    width: 100%;
                    top: -110px; } }
                  @media only screen and (max-width: 1024px) and (max-width: 500px) {
                    nav > ul > li.has-sub ul.dropdown .nav-area #text li.has-sub .dropdown2 {
                      top: -68px; } }
@media (max-width: 1024px) {
                nav > ul > li.has-sub ul.dropdown .nav-area #text li a {
                  color: #262626;
                  text-transform: capitalize;
                  padding-left: 0;
                  font-weight: 500;
                  border-bottom: 1px solid #e1dede;
                  display: flex;
                  padding-bottom: 10px; }
            nav > ul > li.has-sub ul.dropdown li {
              display: block;
              margin-bottom: 20px; }
              nav > ul > li.has-sub ul.dropdown li:last-of-type {
                margin-bottom: 0; }
              nav > ul > li.has-sub ul.dropdown li a {
                font-size: 16px;
                padding-left: 20px; } }
              @media screen and (max-width: 1024px) and (min-width: 768px) {
                nav > ul > li.has-sub ul.dropdown li a {
                  font-size: 24px; } }

@media (min-width: 1025px) {
  nav > ul {
    text-align: right; }
    nav > ul > li {
      display: inline-block;
      padding-left: 24px; } }
    @media screen and (min-width: 1025px) and (min-width: 1140px) {
      nav > ul > li {
        padding-left: 40px; } }
@media (min-width: 1025px) {
      nav > ul > li > a {
        text-transform: uppercase;
        font-size: 16px;
        color: #262626; } }
      @media screen and (min-width: 1025px) and (min-width: 1380px) {
        nav > ul > li > a {
          padding-bottom: 19px; } }
      @media screen and (min-width: 1025px) and (min-width: 1600px) {
        nav > ul > li > a {
          padding-bottom: 34px; } }
@media (min-width: 1025px) {
      nav > ul > li:hover > a {
        color: #938f8f; }
      nav > ul > li.has-sub i {
        display: none;
        position: relative;
        color: #6a6a6a;
        font-size: 10px;
        margin-right: 4px; }
      nav > ul > li.has-sub .dropdown {
        display: none;
        position: absolute;
        top: 40px;
        width: 100%;
        left: 0;
        background-color: #262626;
        text-align: left;
        -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); } }
      @media only screen and (min-width: 1025px) and (max-width: 1379px) {
        nav > ul > li.has-sub .dropdown {
          top: 104px; } }
      @media only screen and (min-width: 1025px) and (min-width: 1380px) {
        nav > ul > li.has-sub .dropdown {
          top: 125px; } }
@media (min-width: 1025px) {
        nav > ul > li.has-sub .dropdown .nav-box {
          display: grid;
          grid-template-columns: 1fr 1fr; }
          nav > ul > li.has-sub .dropdown .nav-box .image-area {
            display: grid;
            grid-template-columns: 1fr 1fr; }
            nav > ul > li.has-sub .dropdown .nav-box .image-area img {
              max-height: 450px;
              object-fit: cover;
              height: 100%; }
            nav > ul > li.has-sub .dropdown .nav-box .image-area .text-area {
              background: #262626;
              padding: 45px 45px; }
              nav > ul > li.has-sub .dropdown .nav-box .image-area .text-area h3 {
                margin-bottom: 5px;
                color: #dddddd;
                font-weight: normal; }
              nav > ul > li.has-sub .dropdown .nav-box .image-area .text-area .list-locations {
                display: grid;
                grid-template-columns: 1fr;
                margin-bottom: 10px; }
                nav > ul > li.has-sub .dropdown .nav-box .image-area .text-area .list-locations a {
                  color: #fff;
                  margin-bottom: 10px;
                  font-weight: normal; }
                  nav > ul > li.has-sub .dropdown .nav-box .image-area .text-area .list-locations a:hover {
                    font-weight: bold; }
          nav > ul > li.has-sub .dropdown .nav-box .nav-area {
            background-color: #e3e3e3 !important;
            background-position: center;
            display: flex; }
            nav > ul > li.has-sub .dropdown .nav-box .nav-area #overlay {
              position: relative;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgba(255, 255, 255, 0.8);
              z-index: 2;
              cursor: pointer; }
            nav > ul > li.has-sub .dropdown .nav-box .nav-area h2 {
              font-size: 28px;
              font-weight: normal;
              text-transform: uppercase;
              margin-bottom: 10px;
              margin: 20px 80px;
              margin-bottom: 25px; }
            nav > ul > li.has-sub .dropdown .nav-box .nav-area #text {
              margin: 45px 80px;
              max-width: 265px;
              position: relative; }
              nav > ul > li.has-sub .dropdown .nav-box .nav-area #text .has-sub i {
                display: none; }
              nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li {
                margin: 15px 0px;
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 10px;
                width: 282px; }
                nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li a {
                  color: #938f8f;
                  font-weight: normal; }
                nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li ul {
                  display: none; }
                nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li:hover a {
                  color: #262626;
                  font-weight: bold; }
                nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li:hover ul {
                  position: absolute;
                  right: 0;
                  left: 275px;
                  top: -15px;
                  display: block;
                  /* border-left: 1px solid #959595; */
                  padding-left: 40px;
                  min-height: 150px;
                  width: 265px; }
                  nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li:hover ul a {
                    color: #262626;
                    font-weight: normal; }
            nav > ul > li.has-sub .dropdown .nav-box .nav-area #text li:hover ~ ul {
              position: absolute;
              right: 0;
              top: -15px;
              display: block;
              border-left: 1px solid #959595;
              padding-left: 40px;
              min-height: 150px; }
      nav > ul > li.has-sub:hover ul.dropdown {
        display: block; }

  #sticky nav {
    float: right;
    padding: 13px 0 0; }
    #sticky nav > ul {
      text-align: right; }
      #sticky nav > ul > li {
        padding: 0 0 0 30px; }
        #sticky nav > ul > li > a {
          color: #6a6a6a;
          padding-bottom: 23px; }
        #sticky nav > ul > li .dropdown {
          top: 90px; } }
.has-sub:hover ~ .dropdown {
  display: block; }

.has-sub > ul:hover {
  display: block; }

.has-sub:hover::before {
  width: 270px;
  height: 50px;
  content: '';
  display: block;
  position: absolute;
  top: 85px; }

footer {
  background-color: #6a6a6a; }
  footer .row > div {
    margin-bottom: 24px; }
    @media screen and (min-width: 1140px) {
      footer .row > div {
        margin-bottom: 0; } }
  footer hr {
    color: #fff;
    margin: 24px 0; }
    @media screen and (min-width: 768px) {
      footer hr {
        margin: 40px 0; } }
    @media screen and (min-width: 1380px) {
      footer hr {
        margin: 56px 0; } }
  footer .footer-nav li {
    display: block;
    margin-bottom: 8px; }
  footer .support a i {
    display: inline-block;
    margin-right: 8px;
    color: #fff; }
  footer .support a p {
    display: inline-block; }
  footer .social a {
    display: inline-block;
    margin-right: 16px; }
  footer .accs {
    display: flex;
    margin-top: 48px; }
    @media screen and (min-width: 1140px) {
      footer .accs {
        justify-content: flex-end; } }
    footer .accs img {
      opacity: .2;
      height: 32px;
      width: auto;
      margin-right: 16px; }
      @media screen and (min-width: 768px) {
        footer .accs img {
          height: 40px; } }
      @media screen and (min-width: 1140px) {
        footer .accs img {
          height: 48px;
          margin-right: 0;
          margin-left: 32px; } }
      @media screen and (min-width: 1380px) {
        footer .accs img {
          height: 80px;
          margin-left: 40px; } }
  footer .contact-info-container {
    float: left;
    width: 100%; }
    @media screen and (min-width: 768px) {
      footer .contact-info-container {
        width: 50%; } }
    footer .contact-info-container .contact-info {
      display: flex;
      margin-bottom: 16px; }
      footer .contact-info-container .contact-info i {
        color: #fff;
        font-size: 16px;
        margin-right: 16px; }
      footer .contact-info-container .contact-info .content p {
        margin-bottom: 8px; }
        footer .contact-info-container .contact-info .content p:last-of-type {
          margin-bottom: 0; }

.site-form fieldset {
  position: relative;
  margin-bottom: 40px; }
  .site-form fieldset label {
    position: absolute;
    top: -10px;
    left: 20px;
    padding: 0 16px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #6a6a6a; }
  .site-form fieldset input, .site-form fieldset select, .site-form fieldset textarea {
    width: 100%;
    border: 2px solid #f2f2f2;
    padding: 18px 32px;
    font-size: 24px; }
  .site-form fieldset textarea {
    height: 200px; }
  .site-form fieldset input[type="submit"] {
    padding: 16px 26px; }
    @media screen and (min-width: 1380px) {
      .site-form fieldset input[type="submit"] {
        padding: 24px 32px; } }
.site-form button[type=submit] {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background-color: transparent; }
  .site-form button[type=submit]:hover {
    background-color: #686565; }

.login {
  background: #fff;
  height: 100vh;
  width: 100vw;
  position: relative; }
  .login:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/resources/themes/Nitrac/images/place-image-1.jpg");
    background-position: 50%;
    background-size: cover;
    background-color: #262626;
    background-repeat: no-repeat;
    opacity: .1; }
  .login .login-details {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 85vw;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 20px;
    height: 85vh; }
    .login .login-details:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 10vw;
      height: 100%;
      background-image: url("/resources/themes/Nitrac/images/place-image-2.jpg");
      background-position: 50%;
      background-size: cover;
      background-color: #262626;
      background-repeat: no-repeat;
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
    .login .login-details .logo {
      width: 130px;
      margin-bottom: 10px; }
    .login .login-details h3 {
      font-size: 18px;
      font-weight: 500;
      color: #6a6a6a;
      margin-bottom: 10px; }
    .login .login-details .powered-by {
      font-weight: 500;
      position: absolute;
      bottom: 30px;
      right: 30px;
      color: #6a6a6a; }
      .login .login-details .powered-by a {
        color: #F96E11; }
        .login .login-details .powered-by a:hover {
          opacity: .5; }
    .login .login-details .message.warning {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 10px; }
    .login .login-details form label {
      font-size: 14px;
      margin-bottom: 10px;
      float: left;
      width: 100%;
      color: #6a6a6a; }
    .login .login-details form input[type=text], .login .login-details form input[type=password] {
      font-family: "Mulish", Futura, Century Gothic, Helvetica, sans-serif;
      font-weight: 700;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      font-size: 14px;
      margin-bottom: 10px;
      width: 100%;
      border: 2px solid #d0d0d0;
      padding: 15px; }
      .login .login-details form input[type=text]:focus, .login .login-details form input[type=password]:focus {
        outline: none; }
    .login .login-details form input[type=submit] {
      font-weight: 500;
      font-size: 18px;
      color: #fff;
      padding: 15px 30px;
      border: 0;
      background: #6a6a6a;
      margin: 10px 0; }
      .login .login-details form input[type=submit]:hover {
        background: #262626; }
    .login .login-details form .field.checkbox {
      margin-top: 10px; }
      .login .login-details form .field.checkbox label {
        float: left;
        width: calc(100% - 20px); }
      .login .login-details form .field.checkbox input[type=checkbox] {
        float: left;
        position: relative;
        top: 4px;
        width: 20px; }
    .login .login-details form #ForgotPassword a {
      font-size: 14px;
      font-weight: 700;
      color: #b4b4b4; }

.banner-main {
  position: relative;
  background-color: #262626;
  padding: 40px 0; }
  @media screen and (min-width: 768px) {
    .banner-main {
      padding: 48px 0; } }
  @media screen and (min-width: 1024px) {
    .banner-main {
      padding: 80px 0; } }
  @media screen and (min-width: 1380px) {
    .banner-main {
      padding: 120px 0; } }
  .banner-main .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 1024px) {
      .banner-main .overlay {
        width: 75%; } }
    @media screen and (min-width: 1380px) {
      .banner-main .overlay {
        width: 50%; } }
  .banner-main .item {
    position: relative;
    z-index: 1; }
    .banner-main .item .content p {
      color: #fff; }
  .banner-main .owl-nav {
    text-align: right; }

.banner-cta-con {
  background-color: #262626; }
  @media only screen and (min-width: 1450px) {
    .banner-cta-con {
      max-width: 100%; } }

.banner-ctas {
  background-color: #262626; }
  .banner-ctas ul {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1400px) {
      .banner-ctas ul {
        max-width: 1580px; } }
    .banner-ctas ul li {
      float: left;
      width: 100%;
      background-color: #262626;
      padding: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .banner-ctas ul li:first-of-type {
        padding-left: 0 !important; }
      .banner-ctas ul li:nth-of-type(even) {
        background-color: #e9e9e9; }
      @media screen and (min-width: 768px) {
        .banner-ctas ul li {
          width: 33.33%;
          padding: 16px; } }
      @media screen and (min-width: 1140px) {
        .banner-ctas ul li {
          width: 16.66%;
          padding: 16px; } }
      @media screen and (min-width: 1600px) {
        .banner-ctas ul li {
          padding: 24px; } }
      .banner-ctas ul li .content p {
        color: #fff; }
      .banner-ctas ul li .content h5 {
        color: #fff; }
        @media screen and (min-width: 768px) {
          .banner-ctas ul li .content h5 {
            font-size: 18px; } }
        @media screen and (min-width: 1024px) {
          .banner-ctas ul li .content h5 {
            font-size: 18px; } }
        @media screen and (min-width: 1600px) {
          .banner-ctas ul li .content h5 {
            font-size: 22px; } }
        @media only screen and (max-width: 1172px) {
          .banner-ctas ul li .content h5 {
            font-size: 16px; } }
      .banner-ctas ul li i {
        color: #6a6a6a;
        font-size: 16px; }
        @media screen and (min-width: 1380px) {
          .banner-ctas ul li i {
            font-size: 24px; } }
        @media screen and (min-width: 1600px) {
          .banner-ctas ul li i {
            font-size: 32px; } }

.banner-internal {
  position: relative;
  background-color: #6a6a6a;
  padding: 40px 0; }
  @media screen and (min-width: 768px) {
    .banner-internal {
      padding: 48px 0; } }
  @media screen and (min-width: 1024px) {
    .banner-internal {
      padding: 80px 0; } }
  @media screen and (min-width: 1380px) {
    .banner-internal {
      padding: 120px 0; } }
  .banner-internal .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 1024px) {
      .banner-internal .overlay {
        width: 75%; } }
    @media screen and (min-width: 1380px) {
      .banner-internal .overlay {
        width: 50%; } }
  .banner-internal .item {
    position: relative;
    z-index: 1; }

@media only screen and (max-width: 768px) {
  .banner-ctas ul li {
    justify-content: center;
    padding: 25px 0; }

  .owl-mobile-banner {
    position: relative; }
    .owl-mobile-banner .owl-nav {
      margin: 0; }
      .owl-mobile-banner .owl-nav button {
        position: absolute;
        top: 12px; }
        .owl-mobile-banner .owl-nav button .btn-icon {
          font-size: 30px;
          width: auto;
          height: auto;
          border: none; }
      .owl-mobile-banner .owl-nav .owl-prev {
        left: -20px; }
      .owl-mobile-banner .owl-nav .owl-next {
        right: -20px; } }
@media screen and (min-width: 768px) {
  .image-text .inner {
    display: flex;
    align-items: center; } }
.image-text .inner .content {
  margin-bottom: 24px; }
  @media only screen and (max-width: 1400px) and (min-width: 1250px) {
    .image-text .inner .content {
      margin-left: 30px; } }
  @media screen and (min-width: 768px) {
    .image-text .inner .content {
      margin-bottom: 0; } }
  .image-text .inner .content img {
    width: 60%;
    margin-bottom: 24px; }
  @media only screen and (min-width: 1300px) {
    .image-text .inner .content .paragraph-2 {
      padding-right: 85px; } }
  @media only screen and (min-width: 1400px) {
    .image-text .inner .content .paragraph-2 {
      padding-right: 0; } }
.image-text .inner .image {
  height: 0;
  padding-bottom: 100%; }
.image-text.variant-2 .image {
  margin-bottom: 24px; }
  @media screen and (min-width: 1024px) {
    .image-text.variant-2 .image {
      margin-bottom: 0; } }
.image-text.small .inner .image {
  padding-bottom: 50%; }

@media screen and (min-width: 1024px) {
  .image-text.large .container {
    max-width: 100%;
    padding: 0 15px; }
    .image-text.large .container .inner {
      justify-content: end; }
      .image-text.large .container .inner .content h3 {
        font-size: 24px; } }
.image-text-carousel-container {
  position: relative;
  background-color: #938f8f; }
  .image-text-carousel-container .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .1; }
    @media screen and (min-width: 768px) {
      .image-text-carousel-container .image {
        width: 30%;
        opacity: 1; } }
    @media screen and (min-width: 1140px) {
      .image-text-carousel-container .image {
        width: 50%; } }
  @media screen and (min-width: 1140px) {
    .image-text-carousel-container .image-text-carousel .item {
      padding-left: 35px; } }
  .image-text-carousel-container .image-text-carousel .owl-nav {
    text-align: right; }
  .image-text-carousel-container.variant-2 .image {
    left: auto;
    right: 0; }
  .image-text-carousel-container.variant-2 .image-text-carousel .item {
    padding-left: 0; }
    @media screen and (min-width: 1140px) {
      .image-text-carousel-container.variant-2 .image-text-carousel .item {
        padding-left: 35px; } }
  @media screen and (min-width: 1140px) {
    .image-text-carousel-container.variant-2 .image-text-carousel .owl-nav {
      padding-right: 16px; } }

.image-text-carousel-container {
  padding: 0; }
  .image-text-carousel-container .col-12 {
    margin: 0; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .col-12 {
        width: 100% !important; } }
  .image-text-carousel-container .image-text-carousel .group {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .group {
        grid-template-columns: 1fr; } }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .group {
        margin-left: 30px; } }
    .image-text-carousel-container .image-text-carousel .group .image-group img {
      max-height: 400px;
      object-fit: cover; }
    .image-text-carousel-container .image-text-carousel .group .item {
      padding: 35px 50px; }
      @media only screen and (min-width: 1140px) {
        .image-text-carousel-container .image-text-carousel .group .item h1 {
          font-size: 32px; } }
  @media only screen and (max-width: 600px) {
    .image-text-carousel-container .image-text-carousel .group {
      margin-left: 0; } }
  .image-text-carousel-container .image-text-carousel .owl-nav {
    text-align: right;
    position: absolute;
    bottom: 40px;
    right: 40px; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .owl-nav {
        bottom: 35px;
        right: -35px; } }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .owl-nav {
        right: 15px; } }

.product-category-carousel-container {
  background-color: #f2f2f2; }
  .product-category-carousel-container .product-category-carousel .product-category-item {
    width: 100%;
    margin-left: 0; }
    .product-category-carousel-container .product-category-carousel .product-category-item .content .heading-secondary-3 {
      font-size: 18px;
      min-height: 23px; }
    .product-category-carousel-container .product-category-carousel .product-category-item .content .paragraph-2 {
      min-height: 54px; }

.product-category-list-container {
  background-color: #f2f2f2; }
  .product-category-list-container .product-category-list .product-category-item {
    margin-bottom: 24px; }

.product-category-list {
  padding: 0 100px; }
  @media only screen and (max-width: 600px) {
    .product-category-list {
      padding: 0 30px; } }
  .product-category-list .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px; }
    @media screen and (min-width: 1024px) {
      .product-category-list .row {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (min-width: 1140px) {
      .product-category-list .row {
        grid-template-columns: 1fr 1fr 1fr; } }
    .product-category-list .row .product-category-item {
      width: 100%;
      margin-left: 0; }
      .product-category-list .row .product-category-item .content .heading-secondary-3 {
        font-size: 18px; }
      .product-category-list .row .product-category-item .content h2 {
        font-size: 24px; }

.product-list {
  padding: 0 75px; }
  @media only screen and (max-width: 768px) {
    .product-list {
      padding: 0 25px; } }
  .product-list .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px; }
    @media screen and (min-width: 1024px) {
      .product-list .row {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (min-width: 1140px) {
      .product-list .row {
        grid-template-columns: 1fr 1fr 1fr; } }
    .product-list .row.four-by-four {
      grid-template-columns: 1fr 1fr; }
      @media only screen and (min-width: 1350px) {
        .product-list .row.four-by-four {
          grid-template-columns: 1fr 1fr 1fr 1fr; } }
      .product-list .row.four-by-four .heading-4 {
        font-size: 20px;
        min-height: 50px; }
      @media only screen and (max-width: 1400px) and (min-width: 1250px) {
        .product-list .row.four-by-four .content {
          display: grid;
          grid-template-columns: 1fr 50px;
          align-items: center; }
          .product-list .row.four-by-four .content h4 {
            margin-bottom: 0 !important;
            min-height: auto; }
          .product-list .row.four-by-four .content .sub-content {
            display: block; } }
      @media only screen and (max-width: 768px) {
        .product-list .row.four-by-four .content {
          display: flex;
          align-items: center; }
          .product-list .row.four-by-four .content h4 {
            font-size: 16px;
            margin: 0; }
          .product-list .row.four-by-four .content .btn-icon {
            width: 55px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center; } }
    .product-list .row .product-category-item {
      width: 100%;
      margin-left: 0; }
      .product-list .row .product-category-item .content .heading-secondary-3 {
        font-size: 18px; }
      .product-list .row .product-category-item .content h2 {
        font-size: 24px; }

.video-feature video {
  width: 100%; }

.video-feature-text {
  background-color: #6a6a6a; }

.projects-feature .projects-feature-item {
  margin-bottom: 16px;
  margin-right: 16px; }
  @media screen and (min-width: 768px) {
    .projects-feature .projects-feature-item:nth-of-type(5) {
      clear: left;
      width: calc(50.55% - 16px); } }
  @media screen and (min-width: 768px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(5) {
      width: calc(50.3% - 16px); } }
  @media screen and (min-width: 768px) {
    .projects-feature .projects-feature-item:nth-of-type(6) {
      width: calc(50.55% - 16px);
      margin-right: 0; } }
  @media screen and (min-width: 768px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(6) {
      width: calc(50.3% - 16px); } }

  @media screen and (min-width: 1024px) {
    .projects-feature .projects-feature-item:nth-of-type(1) {
      width: calc(34.37% - 16px); } }
  @media screen and (min-width: 1024px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(1) {
      width: calc(33.37% - 16px); } }
  @media screen and (min-width: 1024px) {
    .projects-feature .projects-feature-item:nth-of-type(2) {
      width: calc(33.37% - 16px); } }
  @media screen and (min-width: 1024px) and (min-width: 768px) {
    .projects-feature .projects-feature-item:nth-of-type(2) {
      height: 256px; } }
  @media screen and (min-width: 1024px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(2) {
      height: 305px; } }
  @media screen and (min-width: 1024px) {
    .projects-feature .projects-feature-item:nth-of-type(3) {
      width: calc(33.37% - 16px); } }
  @media screen and (min-width: 1024px) and (min-width: 768px) {
    .projects-feature .projects-feature-item:nth-of-type(3) {
      height: 256px; } }
  @media screen and (min-width: 1024px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(3) {
      height: 305px; } }
  @media screen and (min-width: 1024px) {
    .projects-feature .projects-feature-item:nth-of-type(4) {
      width: calc(33.37% - 16px);
      margin-right: 0; } }
  @media screen and (min-width: 1024px) and (min-width: 768px) {
    .projects-feature .projects-feature-item:nth-of-type(4) {
      margin-top: -274px; } }
  @media screen and (min-width: 1024px) and (min-width: 1600px) {
    .projects-feature .projects-feature-item:nth-of-type(4) {
      margin-top: -321px; } }

@media only screen and (max-width: 1400px) and (min-width: 1250px) {
  .projects-feature {
    margin-bottom: 20px; }
    .projects-feature::after, .projects-feature::before {
      display: none; }
    .projects-feature ul {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px; }
      .projects-feature ul li.projects-feature-item {
        width: 100% !important;
        height: 100% !important;
        height: 400px;
        min-height: 400px;
        margin: 0 !important; }
      .projects-feature ul .projects-feature-item:nth-of-type(4) {
        margin-top: 0; } }
.image-feature-container .image-feature .image {
  float: left;
  width: calc(50.3% - 8px);
  height: 0; }
  @media screen and (min-width: 1140px) {
    .image-feature-container .image-feature .image {
      width: calc(50.3% - 16px); } }
  .image-feature-container .image-feature .image:nth-of-type(1) {
    padding-top: 50%;
    margin-right: 8px; }
    @media screen and (min-width: 1140px) {
      .image-feature-container .image-feature .image:nth-of-type(1) {
        margin-right: 16px; } }
  .image-feature-container .image-feature .image:nth-of-type(2) {
    margin-bottom: 8px;
    padding-top: calc(25% - 8px); }
    @media screen and (min-width: 1140px) {
      .image-feature-container .image-feature .image:nth-of-type(2) {
        margin-bottom: 16px;
        padding-top: calc(25% - 16px); } }
  .image-feature-container .image-feature .image:nth-of-type(3) {
    padding-top: 25%; }

.image-carousel-container {
  background-color: #fff; }
  .image-carousel-container .image-carousel .item {
    display: flex;
    align-items: center; }
    .image-carousel-container .image-carousel .item img {
      width: 50%; }
      @media only screen and (max-width: 600px) {
        .image-carousel-container .image-carousel .item img {
          width: 100%; } }

.image-carousel-container-alt {
  background-color: #6a6a6a; }
  .image-carousel-container-alt .image-carousel-alt .item {
    display: flex;
    align-items: center; }

.gallery-carousel-container {
  background-color: #6a6a6a; }
  .gallery-carousel-container .gallery-carousel .item .image {
    margin-bottom: 24px;
    width: 100%;
    height: 240px; }
    @media screen and (min-width: 1024px) {
      .gallery-carousel-container .gallery-carousel .item .image {
        height: 380px; } }
  .gallery-carousel-container .gallery-carousel .item .content p {
    font-size: 16px; }
  @media screen and (min-width: 768px) {
    .gallery-carousel-container .gallery-carousel .owl-item {
      opacity: .4; } }
  .gallery-carousel-container .gallery-carousel .owl-item:hover {
    opacity: 1; }
    .gallery-carousel-container .gallery-carousel .owl-item:hover .item .content {
      display: block; }

.related-projects-container {
  background-color: #6a6a6a; }
  .related-projects-container .related-projects .item .image {
    margin-bottom: 24px;
    width: 100%;
    height: 240px; }
    @media screen and (min-width: 1024px) {
      .related-projects-container .related-projects .item .image {
        height: 380px; } }
  .related-projects-container .related-projects .item .content p {
    margin-bottom: 12px; }

.teams-list-container {
  background-color: #f2f2f2; }
  .teams-list-container .teams-list .item {
    margin-bottom: 24px; }

.cta-list-container .cta-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border: 2px solid #686565;
  padding: 12px 18px; }
  @media screen and (min-width: 1380px) {
    .cta-list-container .cta-list .item {
      padding: 24px; } }
  .cta-list-container .cta-list .item p, .cta-list-container .cta-list .item i {
    color: #686565;
    font-size: 14px; }
  .cta-list-container .cta-list .item i {
    font-size: 16px; }
    @media screen and (min-width: 1380px) {
      .cta-list-container .cta-list .item i {
        font-size: 24px; } }
  .cta-list-container .cta-list .item:hover {
    background-color: #686565; }
    .cta-list-container .cta-list .item:hover p, .cta-list-container .cta-list .item:hover i {
      color: #fff; }

.image-text-carousel-container {
  position: relative;
  background-color: #938f8f; }
  .image-text-carousel-container .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .1; }
    @media screen and (min-width: 768px) {
      .image-text-carousel-container .image {
        width: 30%;
        opacity: 1; } }
    @media screen and (min-width: 1140px) {
      .image-text-carousel-container .image {
        width: 50%; } }
  @media screen and (min-width: 1140px) {
    .image-text-carousel-container .image-text-carousel .item {
      padding-left: 35px; } }
  .image-text-carousel-container .image-text-carousel .owl-nav {
    text-align: right; }
  .image-text-carousel-container.variant-2 .image {
    left: auto;
    right: 0; }
  .image-text-carousel-container.variant-2 .image-text-carousel .item {
    padding-left: 0; }
    @media screen and (min-width: 1140px) {
      .image-text-carousel-container.variant-2 .image-text-carousel .item {
        padding-left: 35px; } }
  @media screen and (min-width: 1140px) {
    .image-text-carousel-container.variant-2 .image-text-carousel .owl-nav {
      padding-right: 16px; } }

.image-text-carousel-container {
  padding: 0; }
  .image-text-carousel-container .col-12 {
    margin: 0; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .col-12 {
        width: 100% !important; } }
  .image-text-carousel-container .image-text-carousel .group {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .group {
        grid-template-columns: 1fr; } }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .group {
        margin-left: 30px; } }
    .image-text-carousel-container .image-text-carousel .group .image-group img {
      max-height: 400px;
      object-fit: cover; }
    .image-text-carousel-container .image-text-carousel .group .item {
      padding: 35px 50px; }
      @media only screen and (min-width: 1140px) {
        .image-text-carousel-container .image-text-carousel .group .item h1 {
          font-size: 32px; } }
  @media only screen and (max-width: 600px) {
    .image-text-carousel-container .image-text-carousel .group {
      margin-left: 0; } }
  .image-text-carousel-container .image-text-carousel .owl-nav {
    text-align: right;
    position: absolute;
    bottom: 40px;
    right: 40px; }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .owl-nav {
        bottom: 35px;
        right: -35px; } }
    @media only screen and (max-width: 600px) {
      .image-text-carousel-container .image-text-carousel .owl-nav {
        right: 15px; } }

.project-details .content .specs {
  margin: 0;
  width: 90%;
  margin-bottom: 24px; }
  .project-details .content .specs li {
    margin-bottom: 8px;
    width: 100%;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 10px; }
    @media only screen and (max-width: 900px) {
      .project-details .content .specs li {
        display: block; } }
    .project-details .content .specs li p {
      font-size: 20px; }
    .project-details .content .specs li .value {
      font-size: 20px; }
    .project-details .content .specs li .label {
      font-size: 20px; }

.usps-container .usp {
  float: left;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .usps-container .usp {
      width: 33.33%; } }
.usps-container .image {
  height: 300px; }
  @media screen and (min-width: 1024px) {
    .usps-container .image {
      height: auto; } }
.usps-container .intro {
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 24px; }
  @media screen and (min-width: 1024px) {
    .usps-container .intro {
      padding: 40px; } }
  @media screen and (min-width: 1380px) {
    .usps-container .intro {
      padding: 64px; } }
.usps-container .feature {
  background-color: #e9e9e9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  padding: 24px; }
  @media screen and (min-width: 1024px) {
    .usps-container .feature {
      padding: 40px; } }
  @media screen and (min-width: 1380px) {
    .usps-container .feature {
      padding: 64px; } }
  .usps-container .feature .number {
    margin-bottom: 0;
    color: #686565;
    font-weight: 800;
    font-size: 40px; }
    @media screen and (min-width: 768px) {
      .usps-container .feature .number {
        font-size: 48px; } }
    @media screen and (min-width: 1024px) {
      .usps-container .feature .number {
        font-size: 64px; } }
    @media screen and (min-width: 1380px) {
      .usps-container .feature .number {
        font-size: 80px; } }
  .usps-container .feature .label {
    margin-bottom: 24px;
    color: #686565;
    font-weight: 800;
    font-size: 40px; }
    @media screen and (min-width: 768px) {
      .usps-container .feature .label {
        font-size: 24px; } }
    @media screen and (min-width: 1024px) {
      .usps-container .feature .label {
        font-size: 40px; } }
    @media screen and (min-width: 1380px) {
      .usps-container .feature .label {
        font-size: 56px; } }
  .usps-container .feature ul li {
    margin-bottom: 24px;
    color: #686565;
    font-size: 16px;
    font-weight: 300; }
    @media screen and (min-width: 768px) {
      .usps-container .feature ul li {
        font-size: 24px; } }

.faqs-container .faqs .item, .faqs-container .accords-list .item {
  margin-bottom: 24px; }
  .faqs-container .faqs .item .title-area, .faqs-container .accords-list .item .title-area {
    position: relative;
    cursor: pointer;
    background-color: #f2f2f2;
    padding: 30px;
    padding-left: 50px;
    width: 100%;
    float: left; }
    .faqs-container .faqs .item .title-area > i, .faqs-container .accords-list .item .title-area > i {
      display: none;
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 24px;
      color: #686565; }
      @media only screen and (max-width: 600px) {
        .faqs-container .faqs .item .title-area > i, .faqs-container .accords-list .item .title-area > i {
          top: 10px;
          right: 15px; } }
      .faqs-container .faqs .item .title-area > i.current, .faqs-container .accords-list .item .title-area > i.current {
        display: block; }
    .faqs-container .faqs .item .title-area .title, .faqs-container .accords-list .item .title-area .title {
      display: inline-block;
      margin: 0; }
    .faqs-container .faqs .item .title-area h5, .faqs-container .accords-list .item .title-area h5 {
      font-size: 20px !important; }
  .faqs-container .faqs .item .text-area, .faqs-container .accords-list .item .text-area {
    display: none;
    background-color: #f2f2f2;
    padding: 24px; }
  .faqs-container .faqs .item p, .faqs-container .accords-list .item p {
    margin: 0; }

.downloads-container .downloads {
  margin-bottom: 40px; }
  .downloads-container .downloads ul {
    margin: 0; }
    .downloads-container .downloads ul li {
      border: 2px solid #686565;
      padding: 16px;
      margin-bottom: 24px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
      .downloads-container .downloads ul li p {
        margin-bottom: 0; }
      .downloads-container .downloads ul li .heading-area {
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between; }
        .downloads-container .downloads ul li .heading-area .heading-4 {
          font-size: 18px; }
        .downloads-container .downloads ul li .heading-area i {
          font-size: 16px;
          color: #686565; }
      .downloads-container .downloads ul li:nth-of-type(even) {
        background-color: #f2f2f2; }
      .downloads-container .downloads ul li:hover {
        background-color: #d0d0d0; }

.gallery-list-container .gallery-list .image {
  height: 300px;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .gallery-list-container .gallery-list .image {
      height: 250px; } }
  @media screen and (min-width: 1024px) {
    .gallery-list-container .gallery-list .image {
      height: 400px; } }
  @media screen and (min-width: 1600px) {
    .gallery-list-container .gallery-list .image {
      height: 500px; } }

.title-feature .feature-area {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .title-feature .feature-area .heading-0 {
    font-size: 32px; }

.main-contact-info-container {
  background-color: #f2f2f2; }
  .main-contact-info-container .row:first-of-type {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 40px;
    margin-bottom: 40px; }
  .main-contact-info-container .contact-info {
    margin-bottom: 24px; }
    @media screen and (min-width: 1024px) {
      .main-contact-info-container .contact-info {
        margin-bottom: 0; } }
    .main-contact-info-container .contact-info i {
      color: #686565;
      font-size: 24px;
      margin-right: 16px; }
    .main-contact-info-container .contact-info p {
      margin: 0; }
    .main-contact-info-container .contact-info a {
      display: flex;
      flex-direction: row;
      align-items: center; }
    .main-contact-info-container .contact-info .address {
      display: flex; }
      .main-contact-info-container .contact-info .address .address-container p {
        margin-bottom: 8px; }

.icon-text-carousel-container {
  background-color: #f2f2f2; }
  .icon-text-carousel-container .icon-text-carousel .item > i {
    width: 100%;
    color: #686565;
    font-size: 56px;
    text-align: center;
    margin-bottom: 16px; }
  .icon-text-carousel-container .icon-text-carousel .item .content {
    background-color: #fff;
    padding: 24px; }

.wrap.section.group.grid-1 {
  display: grid;
  grid-template-columns: 100%;
  padding: 20px 0;
  width: 100%; }
  @media screen and (min-width: 1550px) {
    .wrap.section.group.grid-1 .col {
      margin: 1.75% 0 1.75% 3.5%; } }
  .wrap.section.group.grid-1:before, .wrap.section.group.grid-1:after {
    display: none; }
  .wrap.section.group.grid-1 div {
    margin: 0; }
  .wrap.section.group.grid-1 .col {
    margin: 0; }

.wrap.section.group.grid-2 {
  display: grid;
  grid-template-columns: 100%;
  padding: 20px 0;
  width: 100%;
  gap: 30px; }
  @media screen and (min-width: 1550px) {
    .wrap.section.group.grid-2 {
      grid-template-columns: 50% 50%; }
      .wrap.section.group.grid-2 .col {
        margin: 1.75% 0 1.75% 3.5%; } }
  .wrap.section.group.grid-2:before, .wrap.section.group.grid-2:after {
    display: none; }
  .wrap.section.group.grid-2 div {
    margin: 0; }
  .wrap.section.group.grid-2 .col {
    margin: 0; }
  .wrap.section.group.grid-2 .span_1_of_2 {
    width: 100%; }
  .wrap.section.group.grid-2 .content-generic {
    width: 100%; }

.wrap.section.group.grid-3 {
  display: grid;
  grid-template-columns: 100%;
  padding: 20px 0;
  width: 100%;
  gap: 30px; }
  @media screen and (min-width: 1140px) {
    .wrap.section.group.grid-3 {
      grid-template-columns: 33% 33% 33%; }
      .wrap.section.group.grid-3 .col {
        margin: 1.75% 0 1.75% 3.5%; } }
  .wrap.section.group.grid-3:before, .wrap.section.group.grid-3:after {
    display: none; }
  .wrap.section.group.grid-3 div {
    margin: 0; }
  .wrap.section.group.grid-3 .col {
    margin: 0; }
  .wrap.section.group.grid-3 .span_1_of_2 {
    width: 100%; }
  .wrap.section.group.grid-3 .content-generic {
    width: 100%; }

.paypal.site-form {
  margin-bottom: 50px; }
  .paypal.site-form input, .paypal.site-form select {
    width: 100%;
    border: 2px solid #f2f2f2;
    padding: 18px 32px;
    font-size: 24px; }
  .paypal.site-form input[name=submit] {
    max-width: 250px; }

.mutli-cta {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 0.5fr 1fr;
  gap: 20px;
  background: #fff;
  padding: 30px; }
  @media only screen and (max-width: 1140px) {
    .mutli-cta {
      grid-template-columns: 1fr; } }
  .mutli-cta#Three {
    grid-template-columns: 1fr 1fr 1fr; }
    @media only screen and (max-width: 800px) {
      .mutli-cta#Three {
        grid-template-columns: 1fr; } }
    .mutli-cta#Three .item {
      min-height: 450px; }
  .mutli-cta#Two {
    grid-template-columns: 1fr 1fr; }
    @media only screen and (max-width: 800px) {
      .mutli-cta#Two {
        grid-template-columns: 1fr; } }
    .mutli-cta#Two .item {
      min-height: 450px; }
  .mutli-cta .item {
    border: 1px solid #efefef;
    padding: 20px;
    position: relative;
    min-height: 230px;
    transition: all 1s; }
    .mutli-cta .item .group-item {
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      right: 20%; }
      @media only screen and (max-width: 600px) {
        .mutli-cta .item .group-item {
          right: unset; } }
    .mutli-cta .item h2 {
      font-size: 25px;
      color: #fff; }
    .mutli-cta .item .small-logo {
      max-width: 80px; }
    .mutli-cta .item .cbtn {
      position: absolute;
      bottom: 20px;
      right: 20px;
      border: 1px solid #fff;
      padding: 10px;
      color: #fff;
      height: 50px;
      width: 50px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .mutli-cta .item .cbtn:hover {
        background: #fff;
        color: #000; }
    .mutli-cta .item:hover {
      transform: scale(1.03);
      z-index: 99; }
      .mutli-cta .item:hover .cbtn {
        background: #fff;
        color: #000; }
  .mutli-cta .left .item {
    min-height: 480px; }
  .mutli-cta .right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px; }
    .mutli-cta .right .top {
      display: grid;
      grid-template-columns: 1fr 300px;
      gap: 20px;
      align-items: center; }
      @media only screen and (max-width: 1140px) {
        .mutli-cta .right .top {
          grid-template-columns: 1fr; } }
    .mutli-cta .right .bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 300px;
      gap: 20px;
      align-items: center; }
      @media only screen and (max-width: 1140px) {
        .mutli-cta .right .bottom {
          grid-template-columns: 1fr; } }
    .mutli-cta .right .item h2 {
      font-size: 18px;
      color: #fff; }
    .mutli-cta .right .item .text {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 5px;
      width: 100%;
      right: 20px;
      justify-content: end;
      gap: 20px; }
      .mutli-cta .right .item .text .cbtn {
        position: unset; }

.product-category-item .image {
  width: 100%;
  height: 240px; }
  @media screen and (min-width: 1024px) {
    .product-category-item .image {
      height: 380px; } }
.product-category-item .content {
  background: #fff;
  padding: 16px; }
  @media screen and (min-width: 1024px) {
    .product-category-item .content {
      padding: 30px; } }
  @media screen and (min-width: 1380px) {
    .product-category-item .content {
      padding: 24px; } }
  @media screen and (min-width: 1600px) {
    .product-category-item .content {
      padding: 32px; } }
  .product-category-item .content .btn {
    margin-bottom: 24px; }
  .product-category-item .content .btn-area {
    display: block;
    width: 100%; }
    .product-category-item .content .btn-area .btn-small {
      margin-right: 16px; }

.product-item {
  margin-bottom: 40px; }
  @media screen and (min-width: 1140px) {
    .product-item {
      margin-bottom: 80px; } }
  .product-item .image {
    position: relative;
    border: 1px solid #d0d0d0;
    height: 0;
    padding-top: 100%;
    margin-bottom: 16px; }
    .product-item .image img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 80%;
      width: auto; }
  .product-item .content .sub-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .product-item .content .sub-content ul {
      margin: 0;
      width: 50%; }
      .product-item .content .sub-content ul li {
        width: 100%;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between; }

@media only screen and (min-width: 1300px) {
  .product-detail-container .push-1-xl {
    padding-left: 50px; } }
@media only screen and (min-width: 1400px) {
  .product-detail-container .push-1-xl {
    padding-left: 0; } }
.product-detail-container .product-detail {
  margin-bottom: 32px; }
  @media only screen and (max-width: 1400px) and (min-width: 1250px) {
    .product-detail-container .product-detail {
      position: relative; } }
  @media screen and (min-width: 768px) {
    .product-detail-container .product-detail {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1600px) {
    .product-detail-container .product-detail {
      margin-bottom: 80px; } }
  .product-detail-container .product-detail .image {
    position: relative;
    border: 1px solid #d0d0d0;
    height: 0;
    padding-top: 100%;
    margin-bottom: 16px; }
    .product-detail-container .product-detail .image img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 80%;
      width: auto; }
  @media only screen and (max-width: 1400px) and (min-width: 1250px) {
    .product-detail-container .product-detail .content {
      position: absolute;
      top: 50%;
      left: 65%;
      transform: translate(-50%, -50%); } }
  .product-detail-container .product-detail .content .specs {
    margin: 0;
    width: 70%;
    margin-bottom: 24px; }
    .product-detail-container .product-detail .content .specs li {
      width: 100%;
      margin-bottom: 8px;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 600px) {
        .product-detail-container .product-detail .content .specs li {
          display: block; } }
      .product-detail-container .product-detail .content .specs li .value {
        min-width: 220px;
        font-size: 20px; }
        @media only screen and (max-width: 600px) {
          .product-detail-container .product-detail .content .specs li .value {
            min-width: 165px; } }
      .product-detail-container .product-detail .content .specs li .label {
        font-size: 20px; }
  .product-detail-container .product-detail .content .desc {
    margin-bottom: 24px; }
  .product-detail-container .product-detail .content .btn {
    margin-bottom: 24px; }
  .product-detail-container .product-detail .content .btn-area {
    display: block;
    width: 100%; }
    .product-detail-container .product-detail .content .btn-area .btn-small {
      margin-right: 16px; }
.product-detail-container .properties {
  margin-bottom: 32px; }
  @media screen and (min-width: 768px) {
    .product-detail-container .properties {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1600px) {
    .product-detail-container .properties {
      margin-bottom: 80px; } }
  .product-detail-container .properties .item img {
    margin-bottom: 16px; }
  .product-detail-container .properties:last-of-type {
    margin-bottom: 0; }

.projects-feature-item {
  position: relative;
  float: left;
  width: 100%;
  height: 330px; }
  @media screen and (min-width: 768px) {
    .projects-feature-item {
      height: 530px; } }
  @media screen and (min-width: 1600px) {
    .projects-feature-item {
      height: 630px; } }
  .projects-feature-item .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .projects-feature-item .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    @media screen and (min-width: 1024px) {
      .projects-feature-item .overlay {
        opacity: 0;
        height: 100%;
        top: 0;
        bottom: auto; }
        .projects-feature-item .overlay:hover {
          opacity: 1;
          cursor: pointer; } }
    .projects-feature-item .overlay .content {
      position: absolute;
      bottom: 24px;
      left: 24px;
      width: 80%; }
      @media screen and (min-width: 1380px) {
        .projects-feature-item .overlay .content {
          bottom: 32px;
          left: 32px; } }
      .projects-feature-item .overlay .content > * {
        margin-bottom: 8px; }
  .projects-feature-item > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }

.project-filter .filter {
  margin-bottom: 40px; }
  @media screen and (min-width: 1140px) {
    .project-filter .filter {
      margin-bottom: 80px; } }
  .project-filter .filter .btn-small {
    display: inline-block;
    margin-right: 16px; }

.projects-list-item {
  margin-bottom: 40px;
  position: relative; }
  @media screen and (min-width: 1140px) {
    .projects-list-item {
      margin-bottom: 80px; } }
  .projects-list-item h3 {
    position: absolute;
    bottom: 10px;
    left: 25px;
    color: #fff;
    z-index: 9999;
    font-size: 20px; }
  .projects-list-item .image {
    height: 300px;
    width: 100%;
    margin-bottom: 24px; }
    .projects-list-item .image:hover {
      -webkit-filter: brightness(70%);
      -moz-filter: brightness(70%);
      -o-filter: brightness(70%);
      -ms-filter: brightness(70%);
      filter: brightness(70%); }
  .projects-list-item .specs {
    margin-bottom: 24px; }
    .projects-list-item .specs p {
      margin-bottom: 8px; }

.news-list-item {
  margin-bottom: 40px; }
  @media screen and (min-width: 1140px) {
    .news-list-item {
      margin-bottom: 80px; } }
  .news-list-item .image {
    height: 300px;
    margin-bottom: 24px; }
  .news-list-item .details p {
    margin-bottom: 8px; }

.news-detail .top-area {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .news-detail .top-area .details {
    text-align: right; }
    .news-detail .top-area .details p {
      margin: 0; }
.news-detail .article-nav {
  display: flex;
  justify-content: space-between; }

.search-list-item {
  margin-bottom: 40px; }
  @media screen and (min-width: 1140px) {
    .search-list-item {
      margin-bottom: 80px; } }
  .search-list-item .image {
    height: 300px;
    margin-bottom: 24px; }

/*# sourceMappingURL=main.css.map */