/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  
  background-color: #;
background-image: url("../images/bg3b.png");
  
  
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
	background-color: #;
  }
}

.carousel-item {
  height: 35vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url("bg3.png");
   background-repeat: repeat;
   --background-color: #0cc;
}

.portfolio-item {
  margin-bottom: 30px;
}

.slides {
  display: none;
  width: 100%;
}

.animate-left {
  position: relative;
  animation: animateleft 0.8s
}

@keyframes animateleft { 
  from { left :-500px; opacity:0 } to { left:0; opacity:1 }
}

var simpleSlides = function () {
    var i;
    var slides = document.querySelectorAll(".slides");
    for (i = 0; i < slides.length; i++) {
      slides[i].setAttribute("style","display:none");
    }
    count++;
    if (count > slides.length) { count = 1; }
    slides[count-1].setAttribute("style","display:block");
    setTimeout(simpleSlides, 3600);
}

var count = 0;
simpleSlides();