@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald:wght@400;700&display=swap");
/* NO MARGIN */
.no-margin {
  margin-bottom: 0px !important;
  margin: 0px !important; }

.no-padding {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin: 0px !important; }

.gallery-image {
  margin-top: -50px; }

@media (max-width: 767px) {
  .gallery-image {
    margin-top: 20px; } }

.email-margin {
  margin-bottom: 30px !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eaedf2;
  border-radius: .3125rem; }

form .website {
  display: none; }

.cookies-bar {
  padding: 0.71429rem;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #000;
  z-index: 10001;
  outline: 0; }
  .cookies-bar .content-container p {
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding-right: 8.07143rem;
    font-size: 0.71429rem;
    line-height: 1.4;
    letter-spacing: 0.03571rem; }
  .cookies-bar .content-container .cookies-custom-button {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    background-color: #000;
    position: absolute;
    right: 1.35714rem;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #000;
    padding: 0.35714rem 0.71429rem;
    font-size: 0.71429rem;
    line-height: 1.42857rem; }

/* SETTINGS */
.bg-dark {
  background: #242424 !important; }

* {
  font-family: 'Montserrat', sans-serif; }

.test {
  background-color: #FEFEFE; }

.btn {
  border-radius: 40px;
  margin: 10px 20px 10px 20px; }

h2 {
  word-wrap: break-word; }

/* HEADER */
.fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
  box-shadow: 0 0.2rem 0.8rem rgba(36, 36, 36, 0.15); }
  .fixed-top.scrolled .navbar-brand, .fixed-top.scrolled .nav-link, .fixed-top.scrolled .navbar-toggler, .fixed-top.scrolled .navbar-toggler-icon {
    color: #000 !important;
    transition: background-color 200ms linear;
    border-color: rgba(44, 43, 43, 0.1) !important; }

.nav-link {
  color: #fff !important; }

header {
  padding: 200px 0 200px; }

.bg {
  background: url("/img/header.jpg") rgba(29, 43, 64, 0.95);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply; }

section {
  padding: 150px 0; }

.nomargin {
  margin-bottom: 0; }

/* NAVBAR */
.navbar {
  padding: 32px; }

/* CARD */
.card-info {
  width: 80%;
  margin-top: -80px;
  border: 0px; }

.gradient-primary {
  background: linear-gradient(271deg, #287dfe, #7431ff);
  background-size: 400% 400%;
  -webkit-animation: gradient-primary 13s ease infinite;
  -moz-animation: gradient-primary 13s ease infinite;
  animation: gradient-primary 13s ease infinite; }

@-webkit-keyframes gradient-primary {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 51%; }
  100% {
    background-position: 0% 50%; } }

@-moz-keyframes gradient-primary {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 51%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient-primary {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 51%; }
  100% {
    background-position: 0% 50%; } }

@media (max-width: 767px) {
  .card-info {
    margin-top: 0px;
    width: 100%; } }

/* ABOUT */
#about {
  padding-top: 80px; }

.about {
  font-size: 3vh;
  font-style: italic;
  font-weight: 200; }

.about-img {
  object-fit: cover;
  height: 200px;
  width: 100%; }

/* SERVICES */
.blurb-border {
  padding: 1.8rem;
  border: 1px solid #e4e6ea;
  border-radius: 6px; }

.box-hover {
  position: relative;
  top: 0;
  -webkit-transition: top .2s ease,box-shadow .2s ease;
  transition: top .2s ease,box-shadow .2s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.box-hover:hover {
  top: -.5rem;
  box-shadow: 0 0.2rem 0.8rem rgba(36, 36, 36, 0.15); }

/* GALLERY */
.gal-img {
  object-fit: cover;
  height: 500px;
  width: 100%; }

.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 0em auto; }

.cd-image-container img {
  display: block; }

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; }

.cd-image-label.is-hidden {
  visibility: hidden; }

.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none; }

.cd-resize-img .cd-image-label {
  right: auto;
  left: 0; }

.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s; }

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }

@-moz-keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }

@keyframes cd-bounce-in {
  0% {
    width: 0; }
  60% {
    width: 55%; }
  100% {
    width: 50%; } }

.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #dc717d url("../img/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0); }

.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c; }

.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s; }

/* DIVIDERS */
.bottom-curve {
  border-bottom-left-radius: 100% 40%;
  border-bottom-right-radius: 100% 40%; }

/* QUOTE */
.quote_bg {
  background: #8FC1E3; }

/*FOOTER*/
.app-footer {
  padding: 3rem 0;
  border-top: 1px solid #e4e6ea; }

.app-footer .footer-link {
  margin-bottom: .5rem;
  padding: 0; }

.app-footer .footer-link li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: .5rem; }

.app-footer .footer-link li a {
  font-size: 12px;
  text-transform: uppercase;
  color: #8c8c8c; }

.app-footer .footer-link li a:hover {
  text-decoration: none;
  color: #242424; }

.app-footer .footer-link li:last-child {
  margin-right: 0; }

.app-footer .social-links li a {
  font-size: 16px; }

.app-footer .copyright {
  font-size: 14px;
  margin: 0;
  color: #8c8c8c; }

.app-footer.bg-dark {
  padding: 4rem 0;
  color: #fff; }

.app-footer.bg-dark .footer-link li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #8c8c8c; }

.app-footer.bg-dark .footer-link li a:hover {
  color: #fff; }

.app-footer.bg-dark .border-right {
  border-right: 1px solid #616161 !important; }

.app-footer.bg-dark .border-left {
  border-left: 1px solid #616161 !important; }

.app-footer.bg-dark .border-top {
  border-top: 1px solid #616161 !important; }

.app-footer.bg-dark .border-bottom {
  border-bottom: 1px solid #616161 !important; }