body{
  font-family: 'Oxygen', sans-serif;
  color: #454545;
}

h2{
  font-size: 2.6em;
}

.font-size-1-5{
  font-size: 1.5em;
}


/* BTNS */

.btn-corporate{
  background-color: #0082ca;
  color: #FFF;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  font-size: .9em;
  border-radius: 5px;
  border: solid 1px #0082ca;
  min-width: 200px;
  text-align: center;
}

.btn-corporate:hover{
  background-color: #005583;
  text-decoration: none;
  color: #FFF;
}

.btn-corporate.btn-line{
  background-color: transparent;
  border: solid 1px #FFF;
}

.btn-corporate.btn-line:hover{
  background-color: #FFF;
  color: #0082ca;
  border: solid 1px #0082ca;
}

.btn-corporate.anim-hover{
  position: relative;
  transition: all .3s ease;
}

.btn-corporate.anim-hover:after{
  content: '>';
  position: absolute;
  /* right: 30px; */
  opacity: 0;
  transform: translateX(0px);
  transition: all .3s ease;
}

.btn-corporate.anim-hover:hover:after{
  opacity: 1;
  transform: translateX(10px);
}

.btn-corporate.anim-hover:hover{
  /* padding-right: 10px; */
  padding: 10px 35px 10px 25px;
}

/* TEXTS */
.text-white{
  color: #FFF;
}

.text-grey{
  color: rgb(78, 78, 78);
}

.text-underline{
  text-decoration: underline;
}

/* FONTS */
.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

/* HR CORPRATE */
.hr-corporate{
  border: none;
  max-width: 100px;
  height: 7px;
  background-color: #cbe0b3;
  display: block;
  margin:  30px 0 30px 0;
  border-radius: 10px;
  position: relative;
}

.hr-corporate.darker{
  background-color: #358687;
}

.hr-corporate:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 70%;
  background-color: #81b446;
  border-radius: 10px;
}

/* BACKGROUNDS */

.bg-black{
  background-color: #000;
}

.bg-grey{
  background-color: #f3f3f3;
}

.bg-white{
  background-color: #FFF;
}

.bg-img-cover{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-img-contain{
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


/* LISTS */
.corporate-list{

}

/* HELPERS */
.v-flex-col{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.corporate-list li{
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 10px 0;
}
 
.corporate-list li:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color:#000;
  border-radius: 50px;
  margin-top: -5px;
}


.corporate-list.corporate-list-white li{
  color: #FFF;
}

.corporate-list.corporate-list-white li:before{
  background-color:#FFF;
}

/* LOGOS CONTAINER */
.logos-connectors-cont{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.logos-connectors-cont .cont-logo{
  width: 50%;
  padding: 0 30px 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* border: solid 1px red; */
  height: 100px; 
}


/* _ _ _ _ _ _ _ _ _  */


/* TOPMENU CONTAINER */
.top-menu-cont{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #FFF;
  z-index: 10;
  padding: 40px 0 0 0;
}

.top-menu-cont .cont-logo{
  width: 100%;
  max-width: 140px;
}


/* VIDEO CONTAINER */
.video-container{
  position: relative;
  /* min-height: 800px; */
  background-image: url('../png/bg_video.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /* padding: 240px 0 140px 0; */
}

.video-container video{
  object-fit: cover;
  border-radius: 1px;
  overflow: hidden;
  width: 100%;
  height: 600px; 
}

.video-container:before{
  display: none;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  top: 0;
  left: 0;
}

.video-container .caption-container{
  position: absolute;
  /* position: relative; */
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}

.video-container .caption-container h1{
  margin: 0 0 45px 0;
  font-size: 3.5em;
}

/* APPLICATIONS SECTION */
.applications-section{
  background-image: url('../png/background_electrolinera.png');
  padding: 150px 0 150px 0;
  position: relative;
}

.applications-section .cont-animation-ectrolinera{
  position: absolute;
  top: 0;
  right: 0;
  /* width: 100%; */
  height: 100%;
  /* border: solid 1px red; */
  /* height: 400px; */
  overflow: hidden;
  width: 60%;
}

/* RANGE OF EVC SECTION */
.range-evc-section{
  /* padding: 80px 0 0 0; */
  position: relative;
}

.range-evc-section .bodego-cables{
  margin-bottom: -10px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transform: scale(1);
  transition: all .1s ease;
}

.range-evc-section .col-md-7:hover .bodego-cables{
  transform: scale(1.1);
}

.range-evc-section .bodego-cables-effect{
  opacity: 0;
  filter:blur(5px);
  -webkit-filter:blur(5px);
  margin-bottom: -40px;
  transition: all .3s ease;
}

.range-evc-section .bodego-cables-effect:hover{
  opacity: .3;
}

.range-evc-section .lines{
  position: absolute;
  height: 150%;
  width: 30%;
  top: -100px;
  right: 0;
  /* border: solid 1px red; */
  pointer-events: none;
  background-image: url('../png/lines_01.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

/* DEMAND SECTION */
.demand-section{
  background-image: url('../jpg/bg-map.jpg');
  padding: 50px 0 50px 0;
  background-color: #f4f4f4;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.demand-section h2{
  
}

/* COMPATIBLE CONNECTORS */
.compatible-connectors{
  padding: 100px 0 100px 0;
}

/* CONTACT SECTION */
.contact-section{
  padding: 80px 0 80px 0;
  background-image: url('../png/lines_01_flipped.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.contact-section .pages-cont-block{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.contact-section .form-cont{
  position: relative;
  padding: 25px 25px 25px 25px;
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.contact-section .form-cont:before{
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  height: 5px;
  width: 100%;
  background: rgb(129,179,70);
  background: -moz-linear-gradient(90deg, rgba(129,179,70,1) 0%, rgba(70,146,221,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(129,179,70,1) 0%, rgba(70,146,221,1) 100%);
  background: linear-gradient(90deg, rgba(129,179,70,1) 0%, rgba(70,146,221,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81b346",endColorstr="#4692dd",GradientType=1);
}

.contact-section .checkboxes-cont label{
  font-size: .8em;
}

.contact-section .error-message{
  color: #8d1630;
  font-size: .8em;
  font-weight: bold;
}

.contact-section .success{
  color: rgb(0, 105, 0);
  font-size: .8em;
  font-weight: bold;
}

.contact-section .invalid-input{
  border: solid 1px #8d1630;
  box-shadow: 0 0 5px #8d163083;
}

.contact-section .privacy-check-alert{
  display: none;
}

.contact-section .privacy-check-alert.actived{
  display: block;
}

/* SPINNER */
.loading-cont{
  display: none;
}
.spinner {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #0082ca;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* FOOTER */
.footer{
  border-top: solid 1px #9b9b9b;
  padding: 80px 0 80px 0;
}

.footer .logo-cont{
  width: 200px;
}

.footer .link-to-website{
  color: #525252;
}

.footer .link-to-website:hover{
  color: #007bff;
}

/* DISCLAIMER GDPR */
.disclaimer-cookies{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.disclaimer-cookies.closed{
  opacity: 0;
  visibility: hidden;
}

/* ANIMATION SCROLL */
[data-scroll]{
  opacity: 0;
  transform: translateY(-50px);
}

[data-scroll].invisible {
  transition: all 1.3s ease;
  opacity: 0.0;
  transform: translateY(-50px);
}

[data-scroll].visible {
  transition: all 1s ease .5s;
  opacity: 1.0;
  transform: translateY(0px);
  -webkit-transition: all 1.3s ease .5s;
  -moz-transition: all 1.3s ease .5s;
  -ms-transition: all 1.3s ease .5s;
  -o-transition: all 1.3s ease .5s;
}

/* QUERIES */

@media screen and (max-width: 767px){
  .video-container{
    padding: 100px 0 100px 0;
  }
  .video-container video{
    display: none !important;
  }
  .video-container .caption-container{
    position: relative;
    top: auto;
    transform: translateY(0px);
  }
  .applications-section{
    padding: 20px 0 20px 0; 
  }
	.applications-section .cont-animation-ectrolinera{
    position: relative;
    width: auto;
  }
  .range-evc-section .bodego-cables{
    position: relative;
    top: auto;
    bottom: auto;
    margin-bottom: 0px;
    border-bottom: solid 1px rgb(175, 175, 175);
  }
  .range-evc-section .bodego-cables-effect{
    display: none;
  }
  .range-evc-section .col-md-7:hover .bodego-cables{
    transform: scale(1);
  }
}