/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */

#carouselCFGHome .carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#carouselCFGHome .carousel-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background-image: linear-gradient(to bottom right, #002f4b, #dc4225);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+30,000000+66,000000+100&0.65+0,0+30,0+66,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  /*opacity: .6;*/
}

#carouselCFGHome .carousel-caption {
  position: relative;
  right: 0;
  left: 0;
  z-index: 10;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left:30px;
  padding-right:30px;
  color: #fff;
  text-align: center;
  border:12px solid #b0ce60;
  width:320px;
}
@media (min-width: 768px) {
  #carouselCFGHome .carousel-caption {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left:24px;
    padding-right:24px;
    width:380px;    
  }
}
@media (min-width: 992px) {
  #carouselCFGHome .carousel-caption {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left:30px;
    padding-right:30px;
    width:400px;    
  }
}

@media (min-width: 1200px) {
  #carouselCFGHome .carousel-caption {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left:40px;
    padding-right:40px;
    width:400px;    
  }
}

#carouselCFGHome .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 15%;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
@media (min-width: 768px) {
  #carouselCFGHome .carousel-indicators {
    bottom: 25%;
  }
}
@media (min-width: 992px) {
  #carouselCFGHome .carousel-indicators {
    bottom: 25%;
  }
}
#carouselCFGHome .carousel-indicators .active {
    opacity: 1;
    background-color:#364b37;
    /*color:#364b37;*/
    color:#fff;
}
#carouselCFGHome .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 130px;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: 0;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    font-size:12px;
}

#carouselCFGHome .carousel-indicators li:hover {
  opacity:1;
}

#carouselCFGHome h2 {
  font-size:1.5rem;
  line-height: 1.2;
  font-weight:700;
}
@media (min-width: 768px) {
  #carouselCFGHome h2 {
    font-size:2rem;
    line-height:1.2;
  }
}
#carouselCFGHome h4 {
  font-weight:400;
  font-family: 'Playfair Display', serif;
  font-size:1.1rem;
  line-height:1.2rem;
}
  @media (min-width: 768px) {
  #carouselCFGHome h4 {
    font-size:1.5rem;
    line-height:1.8rem;
  }
}
/*#carouselCFGHome .headline {
  position: absolute;
  bottom: 70%;
  left: auto;
  right: auto;
  z-index: 11;
  width:100%;
}
*/
/* @media (min-width: 320px) {
  #carouselCFGHome .headline {
    position: absolute;
    bottom: 70%;
    left: 0;
    margin-left:auto;
    right: 0;
    width:auto;
  }
}
@media (min-width: 420px) {
  #carouselCFGHome .headline {
    bottom: 75%;
  }
}
@media (min-width: 992px) {
  #carouselCFGHome .headline {
    position: absolute;
    bottom: 75%;
    left: 50%;
    margin-left:-400px;
    right: 0;
    width:800px;
  }
}
@media (min-width: 1200px) {
  #carouselCFGHome .headline {
    bottom: 75%;
    left: 50%;
    margin-left:-400px;
    right: 0;
    width:800px;
  }
}
@media (min-width: 1400px) {
  #carouselCFGHome .headline {
    bottom: 70%;
  }
} */
  #carouselCFGHome .headline {
    position: relative;
    width:100%;
    margin-bottom:7vh;
  }




#carouselCFGHome .headline h1 {
  font-size:2rem;
  line-height:2.2rem;
  color: #364b37;
}
@media (min-width: 768px) {
  #carouselCFGHome .headline h1 {
    font-size:2.3rem;
    line-height:2.5rem;
  }
}
@media (min-width: 992px) {
  #carouselCFGHome .headline h1 {
    font-size:2.8rem;
    line-height:3.0rem;
  }
}
@media (min-width: 1200px) {
  #carouselCFGHome .headline h1 {
    font-size:2.8rem;
    line-height:3.0rem;
  }
}
@media (min-width: 1400px) {
  #carouselCFGHome .headline h1 {
    font-size:4rem;
    line-height:3.8rem;
  }
}
.indtext {
  margin-top:16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight:600;
}

.deskBL {
  background: url('../img/s_desk_BL.png') no-repeat left bottom;
  background-size:contain;
  position:absolute;
  /* z-index:2; */
  transition-property: all;
  transition-property: transform;
  bottom:0;
  left:0;
}
.deskBR {
  background: url('../img/s_desk_BR.png') no-repeat right bottom;
  background-size:contain;
  position:absolute;
  /* z-index:3; */
  transition-property: all;
  transition-property: transform;
  bottom:0;
  right:0
}
@media (min-width: 768px) {
  .deskBL {
    background-size:auto;
  }
  .deskBR {
    background-size:auto;
  }
}