.mt-0 {margin-top:0 !important;} .mt-10 {margin-top:10px !important;} .mt-15 {margin-top:15px !important;} .mt-20 {margin-top:20px !important;} .mt-30 {margin-top:30px !important;} .mt-40 {margin-top:40px !important;} .mt-50 {margin-top:50px !important;} .mt-75 {margin-top:75px !important;} .mt-100 {margin-top:100px !important;} .mt-150 {margin-top:150px !important;} .mb-0 {margin-bottom:0 !important;} .mb-10 {margin-bottom:10px !important;} .mb-15 {margin-bottom:15px !important;} .mb-20 {margin-bottom:20px !important;} .mb-30 {margin-bottom:30px !important;} .mb-40 {margin-bottom:40px !important;} .mb-50 {margin-bottom:50px !important;} .mb-75 {margin-bottom:75px !important;} .mb-100 {margin-bottom:100px !important;} .mb-150 {margin-bottom:150px !important;} .pt-0 {padding-top:0 !important;} .pt-10 {padding-top:10px !important;} .pt-15 {padding-top:15px !important;} .pt-20 {padding-top:20px !important;} .pt-30 {padding-top:30px !important;} .pt-40 {padding-top:40px !important;} .pt-50 {padding-top:50px !important;} .pt-75 {padding-top:75px !important;} .pt-100 {padding-top:100px !important;} .pt-150 {padding-top:150px !important;} .pb-0 {padding-bottom:0 !important;} .pb-10 {padding-bottom:10px !important;} .pb-15 {padding-bottom:15px !important;} .pb-20 {padding-bottom:20px !important;} .pb-30 {padding-bottom:30px !important;} .pb-40 {padding-bottom:40px !important;} .pb-50 {padding-bottom:50px !important;} .pb-75 {padding-bottom:75px !important;} .pb-100 {padding-bottom:100px !important;} .pb-150 {padding-bottom:150px !important;} @media (max-width: 768px) {.hide_mob {display:none;} .show_mob {display:block;} .mt-0-mob {margin-top:0;} .mt-10-mob {margin-top:10px !important;} .mt-15-mob {margin-top:15px !important;} .mt-20-mob {margin-top:20px !important;} .mt-30-mob {margin-top:30px !important;} .mt-40-mob {margin-top:40px !important;} .mt-50-mob {margin-top:50px !important;} .mt-75-mob {margin-top:75px !important;} .mt-100-mob {margin-top:100px !important;} .mt-125-mob {margin-top:125px !important;} .mt-150-mob {margin-top:150px !important;} .mb-0-mob {margin-bottom:0 !important;} .mb-10-mob {margin-bottom:10px !important;} .mb-15-mob {margin-bottom:15px !important;} .mb-20-mob {margin-bottom:20px !important;} .mb-30-mob {margin-bottom:30px !important;} .mb-40-mob {margin-bottom:40px !important;} .mb-50-mob {margin-bottom:50px !important;} .mb-75-mob {margin-bottom:75px !important;} .mb-100-mob {margin-bottom:100px !important;} .mb-125-mob {margin-bottom:125px !important;} .mb-150-mob {margin-bottom:150px !important;} .pt-0-mob {padding-top:0 !important;} .pt-10-mob {padding-top:10px !important;} .pt-15-mob {padding-top:15px !important;} .pt-20-mob {padding-top:20px !important;} .pt-30-mob {padding-top:30px !important;} .pt-40-mob {padding-top:40px !important;} .pt-50-mob {padding-top:50px !important;} .pt-75-mob {padding-top:75px !important;} .pt-100-mob {padding-top:100px !important;} .pt-125-mob {padding-top:125px !important;} .pt-150-mob {padding-top:150px !important;} .pb-0-mob {padding-bottom:0 !important;} .pb-10-mob {padding-bottom:10px !important;} .pb-15-mob {padding-bottom:15px !important;} .pb-20-mob {padding-bottom:20px !important;} .pb-30-mob {padding-bottom:30px !important;} .pb-40-mob {padding-bottom:40px !important;} .pb-50-mob {padding-bottom:50px !important;} .pb-75-mob {padding-bottom:75px !important;} .pb-100-mob {padding-bottom:100px !important;} .pb-125-mob {padding-bottom:125px !important;} .pb-150-mob {padding-bottom:150px !important;}}



:root {
    --bg: #080B17;
    --bg-lighter: #0B0E1F;
    --bg-lighter2: #0E1223;
    --blue: #29ADEF;
    --darkblue: #1C2840;
    --darktxt: #6F7D96;
    --txt: #A3AEC2; 
    --txt-dark: #030508;
    --wrap: 1050px; 
    --mono: "JetBrains Mono", monospace;
    --border: rgba(41, 173, 239, 0.1);
    --border2: rgba(255, 255, 255, 0.06);
    --border3: rgba(41, 173, 239, 1);
}


/*
font-family: "Fraunces", serif;
font-family: "Manrope", sans-serif;
font-family: "JetBrains Mono", monospace;
*/



html {scroll-behavior: smooth; width: 100%; overflow-x: hidden; }

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0; font-family: "Manrope", sans-serif; font-weight: normal; font-size: 15px; 
line-height: 28px; color: var(--txt); overflow-x: hidden !important; background: var(--bg); }

body.hideoverflow {width: 100vw; height: 100vh; overflow: hidden;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Fraunces", serif; color: white; margin-top: 0; font-weight: 300; display: block; /*letter-spacing: 0.02em;*/
}

h1, .h1 {font-size: 75px; line-height: 112%; margin-bottom: 24px; }
h2, .h2 {font-size: 58px; line-height: 112%; margin-bottom: 24px; }
h3, .h3 {font-size: 40px; line-height: 120%; margin-bottom: 15px; }
h4, .h4 {font-size: 24px; line-height: 112%; margin-bottom: 15px; font-family: "Manrope", sans-serif;}
h5, .h5 {font-size: 20px; line-height: 120%; margin-bottom: 15px; font-family: "Manrope", sans-serif;}
h6, .h6 {font-size: 18px; line-height: 112%; margin-bottom: 15px; font-family: "Manrope", sans-serif;}

.caption {font-family: "JetBrains Mono", monospace; font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 1.8px; color: var(--blue); text-transform: uppercase; margin: 0 0 10px 0; }

.dark {color: var(--darktxt);}

img {max-width: 100%; height: auto; }

a {text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: var(--blue); }
a:hover {color: #fff; }

p {margin: 0 0 15px 0; }
p:last-child {margin: 0; }

p a {color: var(--blue); }
p a:hover {color: #fff; }

.center {text-align: center;}

button {border: none; cursor: pointer;}
button, a, img {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: none; }

img, video {vertical-align: middle; height: auto; /*max-width: 100%;*/ }

input, select, textarea, button,
input:focus, select:focus, textarea:focus, button:focus {outline: none; font-family: "Manrope", sans-serif; background: rgba(255, 255, 255, 0.04); }

select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: white;
  background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-image: url(../img/dd.svg);
}




.buttlike {
    display: inline-flex; gap: 8px; align-items: center; height: 44px; color: var(--txt-dark); font-size: 11px; font-weight: 700; 
    padding: 0 30px; background: var(--blue); border: none; justify-content: center; white-space: nowrap; text-transform: uppercase;
    letter-spacing: 0.9px;
}
.buttlike:hover {color: var(--txt-dark); background: rgba(92, 195, 245, 1); /*transform: scale(1.05);*/ box-shadow: 0px 8px 24px rgba(41, 173, 239, 0.35);}

.buttlike.outline {
   color: var(--darktxt); background: transparent; border: 1px solid var(--border2); 
}
.buttlike.outline:hover,
.buttlike.outline.active {color: var(--blue); background: rgba(41, 173, 239, 0.1); border: 1px solid var(--border3); transform: none; box-shadow: none; }

.buttlike.fullwidth {width: 100%; }










.footer {padding: 60px 0 0 0; background-color: #050712; }

.footer a {color: var(--txt); }
.footer a:hover {color: var(--blue); }

.fbottom {
  border-top: 1px solid var(--border2); padding: 15px 0; gap: 30px; 
  display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-family: "JetBrains Mono", monospace; letter-spacing: 1.26px;
}

.links {display: inline-block; }

.fleft a  {display: inline-block; padding-left: 12px;}

.fright  {display: flex; gap: 12px;}
.fright a {display: inline-block; padding: 5px 12px; color: var(--txt); border: 1px solid var(--border2); line-height: 16px;}


.flex {display: flex; justify-content: space-between;}

.fcol {width: 18%; }
.fcol:first-child {width: 30%; }

.fcol:first-child img {width: 60px !important; width: auto; margin: 0 0 30px 0;  }

.fcol:first-child .caption {padding-left: 20px;  }
.fcol:first-child .caption:before {content: ""; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; border-radius: 7px; background-color: var(--blue); margin: -3.5px 0 0 0; animation: available 1.4s linear infinite; }

@keyframes available {
  0% {
    opacity: .3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}

.ftitle {color: var(--darkblue); margin: 0 0 15px 0; display: block; }


.fcol ul {list-style: none; margin: 0; padding: 0; }
.fcol li {margin: 0 0 10px 0; }


  







.header {padding: 24px 0; z-index: 100; position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.scroll-up .header,
.scroll-down .header {background: rgba(8, 11, 23, 0.9);}

.header .wrap {display: flex; justify-content: space-between; align-items: center; }

.logo {z-index: 1;}
.logo img {max-width: 70px; height: auto; z-index: 99; }

.header .buttlike {height: 34px; /*opacity: 0; visibility: hidden;*/ }



.trigger, .trigger:focus {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: none; z-index: 99; 
  width: 40px; height: 40px; background-image: url(../img/trigger.svg); background-position: center center; background-repeat: no-repeat;
  border: none; cursor: pointer; background-color: transparent;
}
.trigger:hover {opacity: .7; }


.menu_holder {display: flex; align-items: center; gap: 20px; }

.menu {}






.menu ul {list-style: none; margin: 0; padding: 0; display: flex; gap: 0; align-items: center;}

.menu li { }

.menu li a {line-height: 16px; padding: 16px; display: inline-block; color: var(--txt); font-size: 12px; font-weight: 400; letter-spacing: 0.24px; }

.menu li.active > a,
.menu li:hover > a,
.menu li:focus > a {color: white; }

.menu li.hasSub > a {display: block; border-radius: 16px 0 0 16px; -webkit-transition: none; transition: none; padding-right: 20px; }

.menu li.hasSub > a:before {
  pointer-events: none; 
  content: ""; width: 26px; height: 26px; position: absolute; right: -1px; top: 11px; 
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/dd.svg); background-size: 12px auto; 
}


.menu li.hasSub:hover > a:before {opacity: 1;}


.menu li ul {
  position: absolute; z-index: 205; top: 100%; left: -16px; width: auto; height: auto; background: var(--darkblue); display: block; 
  padding: 16px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.menu li:hover ul, .menu li:focus-within ul {display: block; visibility: visible; opacity: 1; }

.menu li ul li {
  display: block;  width: 100%; 
}

.menu li li a {
    padding: 0 16px;
}

.menu li li.active a,
.menu li li a:hover {color: var(--blue); }

.menu li li img {opacity: 0; position: absolute; top: 0; left: calc(100% + 30px); border-radius: 4px; max-width: 400px; }
.menu li li:hover img {opacity: 1; }



.bg_lite {background-color: var(--bg-lighter);}
.bg_lite2 {background-color: var(--bg-lighter2);}
.border {border: 1px solid var(--border); border-left: none; border-right: none; }

section {width: 100%; padding: 80px 0; }

section.clean {padding: 0; }
section.grad {background: linear-gradient(135deg, #29ADEF 0%, #1E9FDC 33.33%, #3DC5FF 66.67%, #29ADEF 100%);}
section.radial {background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(41, 173, 239, 0.06) 0%, rgba(41, 173, 239, 0) 70%);
}

.wrap {width: var(--wrap); margin: 0 auto; }








.hero {width: 100%; height: 100vh; padding: 0; overflow: hidden; }
.hero.video {height: auto; }

/* .hero video {width: 100%;  height: 100%;  object-fit: cover;} */

.video_holder {width: 100%; max-width: 1920px; margin: 0 auto; }
.video_holder video {width: 100%; height: auto; }

.hero_owl {
    height: 100%;
}

.hero_owl_item {
    width: 100%; height: 100vh;
}

.hero .hero_owl_item img,
.hero .hero_owl_item video,
.hero.page_header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_desc {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--wrap);
  color: #fff;
	font-size: 20px; line-height: 100%;
  color: rgba(255, 255, 255, 0.8);
  height: auto !important;
  text-align: center;
}
.hero_desc.bottom_left {
  top: auto; bottom: 60px; 
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
}


.hero_desc .h1 {color: var(--blue); color: white; font-style: italic; text-shadow: 0 0 50px rgba(0, 0, 0, 1);}

.owl-dots {
  height: 8px;
  text-align: left;
  margin: 0;
  width: auto;
  position: absolute; left: 50%; bottom: 40px; top: auto; float: none; transform: translateX(-50%);
}

.owl-carousel .owl-dot {
  width: 8px;
  height: 8px;
  margin: 0 10px;
  float: none;
  border: 1px solid white;  border-radius: 8px; padding: 0; overflow: hidden;
  background: transparent;
}
.hero .owl-carousel .owl-dot {
	border: 1px solid white;
  }
.owl-carousel .owl-dot.active {background: white;}
.hero .owl-carousel .owl-dot.active {background: white;}
.owl-carousel .owl-dot span {display: inline-block;}




.marquee-container {
  overflow: hidden;
  width: 100%;
  padding: 15px 0;
}

.marquee {
  display: flex;               /* removed width:max-content and the animation */
}

.marquee-track {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  /* justify-content: space-around;  ← remove */
  animation: marquee-scroll 25s linear infinite;
}



@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

.marquee-container:hover .marquee-track {
  animation-play-state: paused;
}

.marquee a {
  position: relative;
  flex: 1 0 auto;          /* spare width is split equally between items */
  text-align: center;      /* half of each item's share goes on each side of its text */
  padding: 0 26px;         /* must be equal on both sides; was 24/28 */
  font-size: 16px;
  font-family: "Fraunces", serif;
  color: var(--txt);
  font-style: italic;
}


.marquee a:hover { color: var(--blue); }

.marquee a:before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);   /* centres the bullet on the edge between two items */
  color: var(--txt);
}
.marquee a:has(img):before { display: none; }

/*
.marquee-container {
  overflow: hidden;
  width: 100%; padding: 15px 0; 
}

.marquee {
  display: flex;
  width: max-content;
  animation: marquee-scroll 25s linear infinite;
}

.marquee-track {
  display: flex;
  gap: 0;
  padding: 0;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.marquee-container:hover .marquee {
  animation-play-state: paused;
}

.marquee:hover {
  animation-play-state: paused;
}

.marquee a {
  display: inline-block; padding: 0 24px 0 28px; font-size: 14px; font-family: "Fraunces", serif; color: var(--txt); 
}
.marquee a:hover {
 color: var(--blue);
}

.marquee a:before {
  content: "\2022"; position: absolute; top: 0; left: 0; color: var(--txt); 
}
.marquee a:has(img):before {display: none; }
*/



.title_wrap {display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {margin: 0 15px 0 0; }
.title h1 span, .title h2 span, .title h3 span, .title h4 span, .title h5 span, .title h6 span,
h1 span, .h1 span, h2 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {display: block; color: var(--blue); font-style: italic; }

.title {margin-bottom: -7px; }

.title_txt {max-width: 400px; }

.buttons {display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }





.citem {flex-basis: 24%;}
.citem span {font-size: 58px; color: var(--txt-dark); font-weight: 300; font-family: "Fraunces", serif;}
.citem .caption {color: #04060D70; padding-top: 10px; }




.filters {width: 100%; }

.works {display: flex; gap: 12px; flex-wrap: wrap;}

.work {display: block; width: calc(50% - 6px); overflow: hidden; }
.work.wide {width: 100%; }

.work h3 {font-size: 24px; }
.work:wide h3 {font-size: 40px; }

.work img {width: 100%; height: auto; }
.work:hover img {transform: scale(1.05); }

.work:after {
  content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; z-index: 3; 
  background: linear-gradient(0deg, rgba(8, 11, 23, 0.97) 0%, rgba(8, 11, 23, 0.5) 52%, rgba(8, 11, 23, 0) 100%); 
}

.tag {position: absolute; top: 20px; left: 20px; display: inline-block; background-color: #080B17C7; padding: 8px 13px; }

.work_desc {position: absolute; bottom: 0; left: 0; display: block; padding: 0 20px 20px; width: 100%; z-index: 9; }

.cnt {display: block; color: var(--txt); margin: 0 0 10px 0; }
.cnt:after {content: ""; width: calc(100% - 25px); height: 1px; background-color: #29ADEF22; position: absolute; top: 50%; right: 0; }

.work_desc span {display: block; color: var(--txt) !important; font-size: 13px;  }

.work_txt {color: var(--txt) !important; font-size: 13px; line-height: 18px;  }




/* WE DON'T JUST BUILD WEBSITES */
.grad .caption {color: rgba(4, 6, 13, 0.78); }

.slogan {display: flex; flex-direction: column; }
.slogan p, .slogan span {font-family: "Fraunces", serif; line-height: 93%; display: block; text-align: left;  }

.slogan p {max-width: 360px; color: var(--txt-dark); }

.aligned {display: inline-block; margin-left: auto;  }

.s1 {font-size: 80px; font-weight: 300; color: #04060D3D !important; max-width: 100% !important;   }
.s2 {font-size: 130px; font-weight: 300; color: #04060DF0 !important; text-align: right !important; margin-bottom: 0; max-width: 100% !important;  }
.s3 {font-size: 93px; font-weight: 300; color: #04060DE5 !important; font-style: italic; border-top: 1px solid #04060D21; padding: 30px 0 0 100px; margin: 30px 0 0 0; max-width: 100% !important;}
.s4 {font-size: 64px; font-weight: 300; color: #04060D38 !important; max-width: 100% !important; }
.s5 {font-size: 104px; font-weight: 800; color: #04060DF0 !important; max-width: 100% !important; }






#tabs {display: flex; justify-content: space-between; }

#tabs ul {margin: 0; padding: 0; list-style: none;  }

#tabs li {margin: 0 0 20px; }

.tab_nav {width: 35%;}
.tab_content {width: 60%; }

.services.fullwidth #tabs {flex-direction: column;}

.fullwidth .tab_nav,
.fullwidth .tab_content {width: 100%; }

.fullwidth .tab_nav {margin-bottom: 50px; border-top: 1px solid #29ADEF1F; border-bottom: 1px solid #29ADEF1F;  }

#tabs li a {display: block; padding-left: 30px; }

#tabs .no {position: absolute; top: 0; left: 0; color: var(--darktxt); font-family: "JetBrains Mono", monospace; font-size: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#tabs .servicename {display: block; font-weight: 300; font-size: 19px; font-family: "Fraunces", serif; color: var(--txt); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#tabs li .caption {color: var(--darktxt); display: block; line-height: 14px; margin-top: 10px;  }

#tabs li.ui-state-active .servicename,
#tabs li:hover .servicename  {color: white; }

#tabs li.ui-state-active .no,
#tabs li:hover .no  {color: var(--blue);}

.tab_content > div:not(:first-child) {display: none;}

.tags {display: flex; gap: 12px; flex-wrap: wrap; }

.tags span{
    display: inline-block; padding: 0 12px 0 24px; color: #C9D1E3; 
    border: none; font-size: 15px; text-transform: none; line-height: 24px; 
    background-repeat: no-repeat; background-position: left center; background-image: url(../img/check.svg);
}
.tags a.buttlike {font-family: "JetBrains Mono", monospace; font-size: 11px; }

.fullwidth #tabs ul {display: flex; flex-wrap: wrap; }
.fullwidth #tabs li {width: 33.3%; margin: 0; align-items: stretch;}
.fullwidth #tabs li a {padding: 30px 35px; height: 100%}

.fullwidth #tabs .no {position: static;}

.fullwidth #tabs li a:after {content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 2px; opacity: 0; background: var(--blue); }
.fullwidth #tabs li.ui-state-active a:after, #tabs li:hover a:after {opacity: 1;  }
.fullwidth #tabs li.ui-state-active a, #tabs li:hover a {background-color: var(--bg-lighter2); }





.featured {border-top: 1px solid #29ADEF17; margin: 30px 0 0 0; padding: 30px 0 0 96px; display: block; }

.featured h4 {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.featured:hover h4 {color: var(--blue);}

.featured img {position: absolute; top: 30px; left: 0; }





.article {align-items: center; }

.article > div {width: 45%; }

.beliefs {gap: 12px; padding: 30px 0 0 0; }

.belief {width: calc(33.3% - 8px); background-color: var(--bg-lighter2); padding: 30px; }

.belief .h4 {font-family: "Fraunces", serif;}





.history {}

.year {display: flex; align-items: center; padding: 36px 0; border-top: 1px solid #29ADEF1F; }
.year:first-child {border: none; }

.year span {width: 130px; min-width: 130px; display: inline-block; color: var(--blue); font-size: 29px; font-weight: 300; font-family: "Fraunces", serif; }

.team {overflow: hidden; }

.team_owl {margin-left: -40px; padding-bottom: 80px; }

.team_owl_item {background-color: var(--bg-lighter2);}

.team_owl_item picture {display: block;}

.team_owl_item .hover {position: absolute; z-index: 5; top: 0; left: 0; opacity: 0; }
.team_owl_item:hover .hover,
.team_owl_item:focus .hover { opacity: 1;}

.team_desc {padding: 20px; }

.team_desc .h3 {font-size: 17px; }

.team .owl-nav {top: auto; bottom: 0;    margin: 0;    width: 96px;    left: 40px; height: 44px; }



.contact {align-items: flex-start; }

.contact > div {width: 47.5%; }

.contacts {display: flex; flex-direction: column; gap: 20px; }

.c {display: flex; gap: 20px; align-items: center;}

.cicon {display: block; width: 40px; height: 40px; border: 1px solid var(--border); background-color: var(--bg-lighter2); background-position: center center; background-repeat: no-repeat;}

.c .caption {margin: 3px 0 0px 0; }

.c span, .c a {color: white; }

.c a:hover {color: var(--blue); }

.location {background-image: url(../img/pin.svg);}
.email {background-image: url(../img/mail.svg);}
.phone {background-image: url(../img/phone-solid.svg); background-size: 14px auto;}
.response {background-image: url(../img/clock.svg);}

figure {margin: 0 0 15px 0; padding: 0; }
figure img {width: 100%; height: auto; }
figure:last-child {
  margin: 0;
}



.form {padding: 35px; border: 1px solid var(--border); background-color: var(--bg-lighter2); }

label {font-family: "JetBrains Mono", monospace; font-size: 10px; line-height: 14px; font-weight: 400; letter-spacing: 1.8px; color: #EDF0FA80; text-transform: uppercase; margin: 0 0 10px 0; display: block; }

.error {color: red; font-size: 13px; }

form .flex {gap: 14px; flex-wrap: nowrap; margin: 20px 0 0 0; }

form input,
form select,
form textarea {width: 100%; border: 1px solid var(--border); background-color: #FFFFFF0A; height: 50px; padding: 0 15px; color: white; 
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

form input:focus,
form select:focus,
form textarea:focus {border: 1px solid var(--blue); }

form textarea {min-height: 134px; padding: 10px 15px; max-width: 100%; }

form .inp {width: 100%; }

.captcha img {position: absolute; top: 25px; right: 1px; z-index: 5; }

#response {color: lightgreen; }


.checkboxes, .radios {display: flex; flex-wrap: wrap; gap: 6px; }

.checkbox, .radio {margin: 0; height: 32px; }

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  opacity: 0; position: absolute; width: 0; height: 0; 
}
.checkbox label input[type="checkbox"] + span,
.radio label input[type="radio"] + span {
	display: inline-block;
	width: auto;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 0;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
	border: 1px solid var(--border); 
  padding: 0 10px; margin: 0; 
  color: var(--txt); 
  text-transform: none;
}
.checkbox label input[type="checkbox"]:checked + span,
.radio label input[type="radio"]:checked + span {
  border: 1px solid var(--blue); color: var(--blue); 
}
.checkbox label,
.radio label {
	display: inline-block;
	width: auto;
	text-align: left;
  font-size: 10px; 
  line-height: 32px; 
  cursor: pointer; padding: 0; margin: 0; 
}

.privacy-note {
  font-size: 12px;
  line-height: 16px;
}

.help-block {
  	font-size: 13px;
}
.form-response {
	color: lightgreen;
}
.help-block-error, .form-response-error {
	color: red;
}
.required .control-label:after {
	content: ' *';
	display: inline;
}
.grecaptcha-badge {
  z-index: 1;
}
.langs {
	text-transform: uppercase;
}




.live {display: inline-block; text-transform: uppercase; font-size: 10px; font-family: "JetBrains Mono", monospace; padding-right: 20px; background-repeat: no-repeat; background-position: right center; background-image: url(../img/external-link-svgrepo-com.svg); background-size: 16px auto; line-height: 16px; -webkit-transition: none; transition: none;}

.live:hover {color: var(--blue); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%); }

/**/
/*

font-family: "Fraunces", serif;
font-family: "Manrope", sans-serif;
font-family: "JetBrains Mono", monospace;


:root {
    --bg: #080B17;
    --bg-lighter: #0B0E1F;
    --bg-lighter2: #0E1223;
    --blue: #29ADEF;
    --darkblue: #1C2840;
    --txt: #4A5E75; 
    --txt-dark: #030508;
    --wrap: 1050px; 
    --mono: "JetBrains Mono", monospace;
}*/