/* Table of contents */
/* ---------------------------------------------------------------------- / */
/*  1 - General / Global Styles 										 */
/*  2 - Banners			 										 	 */
/*  3 - Internet Explorer Fix							 	         */
/* --------------------------------------------------------------------- */
/* 1.0 - General / Global Styles */
/* Global Rules */

html, body {
  overflow-x: hidden;
}

a {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.screen-reader-text {
  display: none;
}

/* SVG */
.mask-svg {
  height: 0;
  width: 0;
}

/* Middle Image */
.middle-img img {
  margin: 0 auto;
}

/* Overlay Effects */
.overlay {
  background: rgba(15, 22, 30, 0.8);
  color: #FFFFFF;
}

.overlay h1,
.overlay h2,
.overlay h3,
.overlay h4,
.overlay h5,
.overlay h6 {
  color: #FFFFFF;
}

/* Section Styles */
.section-padding {
  padding: 100px 0;
}

.top-no-padding {
  padding-top: 0;
}

.bottom-no-padding {
  padding-bottom: 0;
}

.top-padding-100 {
  padding-top: 100px;
}

.top-padding-80 {
  padding-top: 80px;
}

.top-padding-50 {
  padding-top: 50px;
}

.top-padding-30 {
  padding-top: 30px;
}

.top-padding-20 {
  padding-top: 20px;
}

.extra-padding {
  padding-left: 10px;
  padding-right: 10px;
}

.extra-padding-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.top-margin-80 {
  margin-top: 80px;
}

.right-padding-50 {
  padding-right: 50px;
}

[data-background="gray"] {
  background: #e5eff6;
}

[data-background="light-black"] {
  background: #1d252e;
}

[data-background="light-black"] h1,
[data-background="light-black"] h2,
[data-background="light-black"] h3,
[data-background="light-black"] h4,
[data-background="light-black"] h5,
[data-background="light-black"] h6 {
  color: #FFFFFF;
}

[data-parallax="yes"] {
  background-size: cover;
  background-attachment: fixed;
}

/* 2 - Banners */
.align-items-center {
  display: flex;
  align-items: center;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.banner-section .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
/*  flex-wrap: wrap;*/
  margin-top: calc(-1* var(--bs-gutter-y));
  margin-right: calc(-.5* var(--bs-gutter-x));
  margin-left: calc(-.5* var(--bs-gutter-x));
  flex-direction: row;
}

.banner-section {
  margin-bottom: 50px;
  min-height: 90svh !important;
  background-position: 100% 100% !important;
  background-color: #D23A36;
}

.banner-section .overlay>.container {
  padding: 0;
}

.banner-section .banner-middle-content {
  position: relative;
}

@media (min-device-width: 768px) and (max-device-width: 991px) {
  .container {
    max-width: 990px;
  }
  .banner-section .application-mockup .overlay-image {
    margin: 60px 0 -60px 0px !important;
  }
  .banner-section .application-mockup {
    width: 40svw !important;
    max-width: 450px !important;
  }
  .banner-title {
    font-size: 1.725em !important;
  }
}

.banner-section .banner-content .banner-title {
  font-size: 2.625em;
  line-height: 1.2em;
  margin-bottom: 25px;
}

.banner-section .banner-content .banner-description {
  font-size: 1.125em;
  line-height: 1.3em;
  margin-bottom: 25px;
  padding: 0 40px 0 40px;
}

.banner-section .banner-content .banner-description p {
  color: #fff;
}

.banner-section .application-mockup {
  position: relative;
  width: 45svw;
  min-height: 90svh !important;
  max-width: 600px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.banner-section .application-mockup .overlay-image {
  /*position: absolute;
  left: 0;
  bottom: -60px;*/
  margin: 120px 0 -120px -40px;
  max-width: 100%;
  height: auto;
}

.banner-section .application-mockup .banner-image-2 {
  height: auto;
  position: absolute;
  bottom: 0px;
  height: 75%;
}

.banner-section .action-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-bottom: 25px;
}

@media (max-width: 410px) {
  .banner-section .banner-content .action-buttons>a {
    display: block;
    margin: 10px 0;
    text-align: center;
  }
}

@media (min-device-width: 320px) and (max-device-width: 767px) {
  #home {
    height: auto !important;;
  }

  .banner-section {
    height: auto !important;
  }
  
  .row {
    flex-direction: column-reverse !important;
  }

  .banner-section .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .banner-section .application-mockup {
    height: auto !important;
    width: 60svw !important;
  }

  .banner-section .application-mockup .overlay-image {
    margin: 0 !important;
  }

  .banner-section .banner-content .banner-title {
    font-size: 2em;
  }

  .banner-section .banner-content .banner-description {
    font-size: 1em;
  }

  .banner-section .banner-content .action-buttons>a {
    display: block;
    margin: 10px 0;
    text-align: center;
  }
}

@media (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .banner-section .banner-content .action-buttons {
    text-align: center;
  }

  .banner-section .banner-content .action-buttons>a {
    display: inherit;
    float: left;
  }

  .banner-section .banner-content .action-buttons>a:last-child {
    margin-left: 5%;
  }
}

/* 3 - Internet Explorer Fix*/
body[class*="aw-ie"].menu-1-open #navigation.navigation-style-1.open {
  left: 0px;
}

body[class*="aw-ie"] .timeline .article-item>.article-head .corner {
  display: none;
}