/*footer*/
.footer_div {
  width: 80%;
  max-width: 1066px;
}

.footer_container {
  bottom : 0;
  height: 3rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  align-items: center;
  justify-content: center;
  background-color: var(--footer);
}

.footer_text {
  color: var(--text-darker);
}


/*projects section*/
.et_pb_section {
  padding: 5%;
  align-items: center;
  justify-content: center;
}

.et_pb_row {
  margin-bottom: 2%;
  display: flex;
  flex: 100%;
  flex-direction: row;
  column-count: 2;
  align-self: center;
  justify-content: space-between;
}

.et_pb_column {
  width: 46%;
}

.box-shadow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.project-div {
  margin-bottom: 0.7%;
  width: 80%;
  max-width: 1066px;
}

.project_image {
  width: 100%;
}

.project-video {
  width: 57%;
  margin: 3rem;
}

.project_name {
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: large;
  color: var(--text-lighter);
}

.project-description {
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: medium;
  color: var(--text-light);
}

.et_pb_text_inner {
  margin-top: 3%;
  text-align: justify;
}

.job_text_inner {
  width: 90%;
  margin-top: 3%;
  text-align: justify;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
}

/*videos*/
.video_container {
  margin-top: 3%;
  margin-bottom: 2%;
}

.video_div{
  width: 100%;
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
}

.video_div iframe, .video_div object, .video_div embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*Slider*/

#full-bg {
  display: none;
}
#video video{
  width:100%;
}
@media (max-width: 1000px) {
  #video {
    display: none;
  }
  #full-bg {
    display: block;
  }
}

#full-bg2 {
  display: none;
}
#video2 video{
  width:100%;
}
@media (max-width: 1000px) {
  #video2 {
    display: none;
  }
  #full-bg2 {
    display: block;
  }
}

#full-bg3 {
  display: none;
}
#video3 video{
  width:100%;
}
@media (max-width: 1000px) {
  #video3 {
    display: none;
  }
  #full-bg3 {
    display: block;
  }
}

/*for fading effect*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: -1; /* set to -1 and prevent flicker on Safari */
  transition: 0s 0.6s opacity;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*end of fading effect*/
/*rest of slider css*/

.slide {
  height: 75%;
  margin-top: 3.5rem;
}

.carousel-inner .project {                                           /*just for projects*/
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.carousel-control.left, .carousel-control.right {
  height: 100%;
  width: 20vw;
  padding: 2%;
  background-image:none !important;
  filter:none !important;
}

.glyphicon.glyphicon-chevron-left {
  margin-left: -8vw;
  font-size: 0;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 443.52 443.52" style="enable-background:new 0 0 443.52 443.52;" xml:space="preserve"> <g> <g> <path fill="white" d="M143.492,221.863L336.226,29.129c6.663-6.664,6.663-17.468,0-24.132c-6.665-6.662-17.468-6.662-24.132,0l-204.8,204.8 c-6.662,6.664-6.662,17.468,0,24.132l204.8,204.8c6.78,6.548,17.584,6.36,24.132-0.42c6.387-6.614,6.387-17.099,0-23.712 L143.492,221.863z"/> </g> </g> </svg>');
}

.glyphicon.glyphicon-chevron-right{
  margin-right: -8vw;
  font-size: 0;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330 330" style="enable-background:new 0 0 330 330;" xml:space="preserve"> <path fill="white" id="XMLID_222_" d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/> </svg> ');
}

.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
  /* Use to adjust size of icons */
  width: 1.5rem;
  height: 1.5rem;
}

/* Jobs page */

.job-span {
  font-size: small;
  font-weight: normal;
  color: var(--text-darker);
}


/* About page*/

.about {
  margin-top: 1%;
}

@media screen and (max-width: 800px) {

  .glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    /* Use to adjust size of icons */
    width: 1rem;
    height: 1rem;
  }
  .et_pb_section {
    margin-top: 10%;
    margin-bottom: 4%;
  }
  .et_pb_row {
    flex-direction: column;
  }
  .project-video {
    width: 80%;
  }
  .et_pb_column {
    width: 100%;
  }
  .contact-row {
    flex-direction: column;
  }
  .job_text_inner {
    width: 100%;
  }

}
