body,
html {
  margin: 0px;
  padding: 0px;
}

@font-face {
  font-family: Electrolize;
  src: url(../fonts/Electrolize-Regular.ttf);
}

@font-face {
  font-family: Worksans;
  src: url(../fonts/WorkSans-VariableFont_wght.ttf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Electrolize", sans-serif;
}

p,
a {
  font-family: "Worksans", sans-serif;
}

h1 {
  font-size: 54px;
}
h2 {
  font-size: 44px;
}
h3 {
  font-size: 34px;
}
h4 {
  font-size: 24px;
}

p {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.1rem;
}

a {
  font-size: 16px;
}

ul,
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: black;
}

.button {
  background-color: #ff0000;
  padding: 12px 23px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Electrolize", sans-serif;
  font-size: 1rem;
  transform: skew(-15deg);
  border-radius: 0.3rem;
  display: inline-block;
}


.button:hover {
  border: none !important;
  transform: skew(0deg);
  transition:cubic-bezier(0.6, -0.28, 0.735, 0.045) ;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){cursor:default ;}



input[type=submit] { border:none; } 



input::placeholder,textarea::placeholder {
    font-size: 0.9rem;
    color: black;
    padding: 8px 14px ;
    font-family: "Worksans", sans-serif;
  }

.wpcf7-acceptance span{font-size: 0.7rem;}

/* End General setup */

/* Navbar */

.navbar-wrapper {
  padding: 69px 0px;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 1s!important;
}
.mobile-nav{display: none;}

.fixed-top{
  position: fixed!important;
}

.special{
  padding: 20px 0px!important;
  background-color: black !important;
  transition: 1s!important;
}


.special-black{
  padding: 20px 0px!important;
  background-color: white !important;
  transition: 1s!important;
}

.nav-black{
  padding: 69px 0px;
  z-index: 9999;
  width: 100%;
  transition: 1s!important;}

.navbar-section {
  position: relative;
}

#menu-primary-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

#menu-primary-menu li {
  margin: 0 25px;
}

.current-menu-item a {
  border-bottom-style: solid;
  border-bottom-color: #00ffff;
  border-bottom-width: 2px;
}

#menu-primary-menu a:hover{
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-bottom-width: 0px;
}

.custom-logo-link:hover{
    border-bottom-style: none!important;
    border-bottom-color: transparent!important;
    border-bottom-width: 0px!important;
}

.navbar-section a,
#menu-primary-menu li a {
  font-family: "Electrolize";
  color: white;
  font-size: 1rem;
}

.navbar-section a:hover,
#menu-primary-menu li a:hover {
  border-bottom-style: solid;
  border-bottom-color: #00ffff;
  border-bottom-width: 2px;
}

.bar {
  width: 30px;
  height: 3px;
  background: #ffffff;
  margin: 4px 0;
}

.bar-black {
  width: 30px;
  height: 3px;
  background: #000000;
  margin: 4px 0;
}

.menu-toggle {
  width: auto;
 
  flex-direction: column;
  cursor: pointer;
}
/* Black Navbar */

.black-li #menu-primary-menu li a {
  color: black;
  font-family: "Electrolize";
}

.navbar-section-black a {
  font-family: "Electrolize";
}

/* Footer */



.footer-second-row img{width: 100%;}

.rights {
  color: white;
  font-family: "Electrolize";
  font-size: 0.8rem;
  margin-bottom: 0px;
}

.Follow {
  color: white;
  font-family: "Electrolize";
  font-size: 0.8rem;
  margin-bottom: 0px;
}

.footer-menu ul li a {
  color: white;
  font-family: "Electrolize";
}
.footer-menu ul li {
  margin: 12.5px 0px;
}
.footer-menu ul li a:hover {
  border-bottom-style: solid;
  border-bottom-color: #00ffff;
  border-bottom-width: 2px;
}

.footer-first-row {
  height: 250px;
}
.footer-logo a img {
  margin: 66px 0px 45px 0px;
}

.footer-menu {
  margin-top: 66px;
}

.footer-button {
}

/* Hero */

#hero {
  width: 100%;
  min-height: 854px;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-image-full {
}

.hero-image-full img {
  object-fit: cover;
  width: 100%;
}

.hero-text {
  color: white;

  position: absolute;
  top: 45%;
  left: 0;
}

.hero-title {
  font-weight: 200;
  margin-bottom: 29px;
}

.hero-tagline {
  font-family: "Worksans";
  font-size: 1.55rem;
}

/* Hero Not full */
.hero-not-full{margin-bottom: 40px;}


#hero-not-full .hero .row {
  width: 100%;
 height: 600px;
  color: black;
}

.hero-title-partial {
  margin-bottom: 35px;
}

.hero-image-left img,
.hero-image-right img {
  object-fit: cover;
  width: 100%;
}

/* Text + Title */

#text-titles .container .row {
  padding: 50px 0px;
}

/* text_block_titlesubtitle_and_text */

#text_block_titlesubtitle_and_text {
  margin: 48px 0px 48px 0px;
}

#text_block_titlesubtitle_and_text h2 {
  margin-bottom: 40px;
}

#text_block_titlesubtitle_and_text h3 {
  margin-bottom: 27px;
}

#text_block_titlesubtitle_and_text p {
  word-spacing: 0.2rem;
  line-height: 1.675rem;
  font-weight: 350;
}

.center-text{padding: ;}

/* Image + CTA */
#image-cta {
  margin-bottom: 141px;
}

#image-cta .container,
#image-cta .container-fluid {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 457px;
}

.cta-text {
  padding: 77px 150px 43px 150px;
}

.cta-title {
  color: white;
  font-size: 2.8rem;
  margin-bottom: 28px;
}

.cta-text-p {
  color: white;
  font-size: 1.5rem;
  font-family: "Electrolize", sans-serif;
  word-spacing: 0.2rem;
  line-height: 1.675rem;
  font-weight: 300;
  margin-bottom: 61px;
}

.cta-text button {
  margin-bottom: 53px;
}

/* Challenges Box */

#challenges {
  margin-bottom: 125px;
}
.challenge-box {
  padding: 60px 43px 0px 43px;
}

.single_challenge_box-0,
.single_challenge_box-1 {
  margin-bottom: 39px;
}

.single_challenge_box-2,
.single_challenge_box-3 {
  margin-bottom: 58px;
}

.single_challenge_text p {
  font-size: 1rem;
  font-weight: 300;
  margin-top: 19px;
}

/* Solutions Boxes */

#Solutions {margin-bottom: 67px ;}

#Solutions h3 {
  margin-bottom: 61px;
  padding: 0px 197px;
}

.back-card-text {
  display: none;
}

.solution-box-flip {
  width: 353px;
  border-radius: 0.5rem;
  height: 290px;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 15px 0px;
/*	width: 100%;*/


}

.box-0,
.box-1,
.box-2 {
  margin-bottom: 42px;
}

.solution-box-no-flip h4{margin-bottom: 0px; font-size: 1.75rem;}

.solution-box-no-flip p{
    font-size: 1rem;
    padding: 0px 20px;

}

/* CTA Button */

#cta-button {
  margin: 87px 0px;
}

/* Footer CTA */

#footer-cta .container-fluid {
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-cta-title {
  color: white;
  font-size: 1.8rem;
  font-family: "Electrolize", sans-serif;
}

.footer-cta-text {
  color: white;
  font-size: 2.8rem;
  font-family: "Electrolize", sans-serif;
}

.footer-text {
  min-height: 396px;
}

.footer-second-row {
  margin: 20px 0px;
}

/* Image + bullet-titles box  */

.title-box-with-sub-titles {
  font-size: 1.75rem;
  margin-bottom: 24px;
}

.title-box-with-sub-text {
  font-size: 1.25rem;
  margin-bottom: 44px;
}

.title-box-with-sub-title-title {
  font-weight: 500;
  word-spacing: none;
  letter-spacing: none;
}

.bullet-list-ul li {
  list-style-image: url("/unclassified/wp-content/uploads/2023/10/arrow.png");
  margin-bottom: 28px;
  font-size: 1rem;
}

.bullet-list-ul li {
  margin-left: 18px;
}

#image-bullet-point-list img {
  object-fit: cover;
  width: 100%;
}

#image-bullet-point-list {
  margin-bottom: 150px;
}

/* Slider */

#slider h3 {
  margin-bottom: 61px;
}

#slider {
  margin-bottom: 198px;
}

#slider img {
  object-fit: cover;
  width: 100%;
}

.item-title, .item-subtitle{
    font-family: "Electrolize", sans-serif;
}

.item-title{
    font-size: 1.75rem;
}

.item-text{
    font-size: 1rem;
}

.carousel-item{
    padding: 47px 0px 52px 60px;
    height: 389px;
}

/* Accordian */

#accordian{padding: 20px 0px 20px 0px; margin-bottom: 151px;}

#accordian h3{margin-bottom: 100px; padding: 0px 150px;}

.accordion-item{margin-bottom: 16px; width: 457px;}

/* .accordian-box{ height: 636px;} */
.button-div{margin: 50px 0px 50px 0px; }

/* Line-break */

.product-page-line-break{margin: 65px 0px;}

/* Contact form with Image */
#contact-form-image{margin-bottom: 60px;}

.contact-form-title{font-size: 1.75rem; padding-right: 50px;}
.contact-form-title-inside{font-weight: 500; margin-bottom: 22px;}
.wpcf7{border: solid 1px rgba(0, 0, 0, 0.5);padding: 46px 62px 0px 62px;}

.contact-page-image{
    object-fit:contain;
    width: 636px;
    height: 434.500px; 
}



/* General Content */



/* Error 404, 500 */

.error-wrapper{height: 330px}

.error-title{font-size: 10rem;}


/* European annoucment */

.european-announcement{color: white; padding-bottom: 40px;}
.european-announcement p {font-size: 1rem;}
.european-img img{max-width:700px; width:100%; object-fit: cover;}

.european-img{background-color: white;}


.animation {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.wrapper {
  width: 80%;
  padding: 4%;
  margin: 20px auto;
  background: #fff;
}

.wrapper.cards {
  background: 0;
  width: 100%;
  padding: 0 0 0 0;
}

.card .front {

	color: #000;
	padding-top:30px;
	
}

.card .back {
  background: #444444;
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}

.card {
  width: 100%;
  position: absolute;
  cursor: pointer;
border-top-width:0px;
  
  

  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
	
    border-color: transparent;
}

.card.flipped {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}

.card .front,
.card .back {
	display: block;
    /* width: 100%; */
    color: black;
    text-align: center;
    font-size: 4em;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
	
.card .back {
	position:relative;
}

}

.card .back {
  width: 94%;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 16px;
  text-align: left;
  line-height: 25px;
 
}
button.btnSend {
  display: inline-block;
  min-width: 100px;
  padding: 3px 5px;
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #03446A;
  background: #fff;
  border: 0;
  border-radius: 3;
} 

.card .back label {
  display: inline-block;
  width: 70px;
  text-align: left;
}



.cardTitle {
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0;
}

/*
.container {
  position: relative;
  float: left;
  height: 260px;
  margin: 10px 0 10px 4%;
  background: #fff;
  
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}
*/
/* .container:first-child {
  margin-left: 0;
}




.formItem:first-child {
  margin-top: 20px;
}


.content {
  padding: 4%;
  font-weight: 100;
  text-align: left;
}

*/