/*  ============= WEB BROWSER RESETS ============ */
* {
  margin: 0;
  padding: 0;
  border: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  height: 100%;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  scroll-behavior: smooth;
  scroll-padding-top: 20px;
 
}

body {
 
  max-width: 1920px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}
img {
  width: 100%;
  height: auto;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}

/* ================= ENDS ================ */

/* Desktops */
@media (min-width: 768px) {
}

/* Mobiles */
@media (max-width: 767px) {
}

nav.theme-dark ul.links-wrapper li a:link,
nav.theme-dark ul.links-wrapper li a:visited {
  color: var(--sky-500);
}
nav.theme-dark ul.links-wrapper li a:focus,
nav.theme-dark ul.links-wrapper li a:hover,
nav.theme-dark ul.links-wrapper li a:active {
  color: var(--sky-300);
}
nav.theme-dark .nav-toggle .bar-1,
nav.theme-dark .nav-toggle .bar-2,
nav.theme-dark .nav-toggle .bar-3 {
  background-color: var(--sky-500);
}
@media (max-width: 767px) {
  nav.theme-dark ul.links-wrapper.active {
    background-color: var(--black-000);
  }
}
nav.theme-dark.menu-sticky.menu-on-scroll .nav-toggle .bar-1,
nav.theme-dark.menu-sticky.menu-on-scroll .nav-toggle .bar-2,
nav.theme-dark.menu-sticky.menu-on-scroll .nav-toggle .bar-3 {
  background-color: var(--sky-500);
}
nav.theme-dark.menu-sticky.menu-on-scroll .nav-toggle {
  background-color: var(--black-000);
}
nav.theme-dark.menu-sticky.menu-on-scroll,
nav.theme-dark.menu-sticky.menu-on-scroll ul.links-wrapper.active {
  background-color: var(--black-000);
}
@media (max-width: 767px) {
  nav.theme-dark ul.links-wrapper.active li a:link,
  nav.theme-dark ul.links-wrapper.active li a:visited {
    color: var(--sky-500);
  }
}
nav.theme-dark.menu-sticky.menu-on-scroll ul.links-wrapper li a:link,
nav.theme-dark.menu-sticky.menu-on-scroll ul.links-wrapper li a:visited {
  color: var(--sky-500);
}
@media (max-width: 767px) {
  nav.theme-dark ul.links-wrapper.active li a:link,
  nav.theme-dark ul.links-wrapper.active li a:visited {
    color: var(--sky-500);
  }
}
@media (max-width: 767px) {
  nav.theme-dark ul.links-wrapper.active li a:link,
  nav.theme-dark ul.links-wrapper.active li a:visited {
    color: var(--sky-500);
  }
}

/*Header*/
#hero-1 header.theme-dark .badge {
  background-color: var(--black-000);
}

#hero-1 header.theme-dark {
  background-color: var(--black-000);
}

#hero-1 header.theme-dark .badge {
  color: var(--white-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):link,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):visited {
  color: var(--white-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):link,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):visited {
  border-color: var(--white-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):active {
  background-color: var(--black-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):active {
  color: var(--sky-500);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(1):active {
  border-color: var(--sky-500);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):link,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):visited {
  color: var(--black-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):link,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):visited {
  background-color: var(--sky-500);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):link,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):visited {
  border-color: var(--sky-500);
}
#hero-1 header.theme-dark h1 {
  color: var(--white-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):active {
  color: var(--black-000);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):active {
  background-color: var(--sky-300);
}
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):focus,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):hover,
#hero-1 header.theme-dark .container-btn a.btn:nth-child(2):active {
  border-color: var(--sky-300);
}

#hero-1 header .badge {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
  text-decoration-color: var(--sky-500);
  text-decoration-style: wavy;
}

#hero-1 h1 span {
  background: -webkit-linear-gradient(110deg, #00c4ff, #0521cb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Main*/

body {
  font-family: "Roboto", sans-serif;
}

section.section-selector-1 {
  padding: 30px 4%;
}
section.section-selector-2 {
  padding: 30px 4%;
}

.section-selector-1 p,
.section-selector-2 p {
  text-align: left;
  font-size: var(--font-size-md);
  margin-bottom: 8px;
  margin-top: 16px;
  line-height: 1.7;
  font-weight: 300;
}

.section-selector-1 h2,
.section-selector-2 h2 {
  text-decoration: underline;
  text-decoration-thickness: 6px;
  text-underline-offset: 9px;
  text-decoration-color: var(--sky-500);
  text-decoration-style: solid;
  margin-bottom: 30px;
}

.section-selector-2 span {
  color: var(--sky-500);
  font-weight: 600;
}

.section-selector-2 .flex-cols-3 .col-3 a.col-3-h3:link,
.section-selector-2 .flex-cols-3 .col-3 a.col-3-h3:visited {
  color: var(--black-000);
}
.section-selector-2 div[class^="col-"] a[class^="col-"]:link,
.section-selector-2 div[class^="col-"] a[class^="col-"]:visited {
  text-decoration-color: var(--black-000);
}
.section-selector-2 .flex-cols-3 .col-3 a.col-3-h3:focus,
.section-selector-2 .flex-cols-3 .col-3 a.col-3-h3:hover,
.section-selector-2 .flex-cols-3 .col-3 a.col-3-h3:active {
  color: var(--sky-500);
}
.section-selector-2 div[class^="col-"] a[class^="col-"]:focus,
.section-selector-2 div[class^="col-"] a[class^="col-"]:hover,
.section-selector-2 div[class^="col-"] a[class^="col-"]:active {
  text-decoration-color: var(--sky-500);
}
.section-selector-2 div[class^="col-"] a[class^="col-"]:link,
.section-selector-2 div[class^="col-"] a[class^="col-"]:visited {
  text-decoration-color: var(--sky-500);
}

.cols-background .col-3 { background-color: var(--gray-100) }

/*-Contact-*/

.container-contact-form {
  background-color: var(--white-000);
}
#contact-form {
  background-color: var(--white-000);
}
#contact-form h2 {
  color: var(--black-000);
}

#contact-form #btn-submit {
  color: var(--white-000) !important;
  margin-top: 30px;
  margin-bottom: -30px;
  background-color: var(--sky-500);
  border-color: var(--sky-500);
}


#contact-form #btn-submit:focus {
  background-color: var(--sky-300);
  border-color: var(--sky-300);
}
#contact-form #btn-submit:hover {
  background-color: var(--sky-300);
  border-color: var(--sky-300);
}

#contact-form [type="text"] {
  background-color: var(--white-000);
  border-color: var(--black-000);
}
#contact-form [type="email"] {
  background-color: var(--white-000);
  border-color: var(--black-000);
}

#contact-form textarea {
  background-color: var(--white-000);
  border-color: var(--black-000);
}

#contact-form label {
  color: var(--black-000);
  margin: 10px;
  
}

.contact-form-upper span {
  font-weight: 600;
  color: var(--sky-500);
}

/*Wave*/
.wave {
  margin-bottom: -2px;
}

/*Footer*/
footer {
  background-color: var(--black-000);
}
footer ul.footer-links li a:link,
footer ul.footer-links li a:visited {
  color: var(--sky-500);
  text-decoration-color: var(--sky-500);
}

footer p.privacy a:link,
footer p.privacy a:visited {
  color: var(--white-000);
  text-decoration-color: var(--white-000);
}

footer ul.footer-links li a:focus,
footer ul.footer-links li a:hover,
footer ul.footer-links li a:active {
  color: var(--white-000);
  text-decoration-color: var(--white-000);
}

footer p.privacy a:focus,
footer p.privacy a:hover,
footer p.privacy a:active {
  color: var(--sky-500);
  text-decoration-color: var(--sky-500);
}

footer ul.footer-icons li a:link i,
footer ul.footer-icons li a:visited i {
  color: var(--white-000);
}

footer ul.footer-icons li a:focus i,
footer ul.footer-icons li a:hover i,
footer ul.footer-icons li a:active i {
  color: var(--sky-500);
}


.section-selector-1 .col-3 p, 
.section-selector-2 .col-3 p {
	text-align: left;
	font-size: var(--font-size-base);
	margin-bottom: 8px;
	line-height: 1.5;
	font-weight: 300;
}


header .col-visual.desktop-bleed-all figure *, header.flex-row-reverse .col-visual.desktop-bleed-all figure * {
	width: 71%;
	max-width: 100%;
	height: 100%;
	display: inline-block;
	object-fit: cover;
	object-position: center;
	text-align: center;
}

header .col-visual.desktop-bleed-all figure {
	left: 20%;
	right: 0%;
}



/*Animation----------------------------------*/

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
}

/* ----------------------------------------------
   * Generated by Animista on 2023-2-12 22:31:25
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */

/**
   * ----------------------------------------
   * animation bounce-in-top
   * ----------------------------------------
   */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
   * Generated by Animista on 2023-2-12 22:34:30
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */

/**
   * ----------------------------------------
   * animation slide-in-left
   * ----------------------------------------
   */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation: fade-in 1.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
   * Generated by Animista on 2023-2-12 22:36:8
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */

/**
   * ----------------------------------------
   * animation fade-in
   * ----------------------------------------
   */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}