#content{



  min-height:auto;



}



#myCarousel {

  position: sticky;

  top: 0;

}



#myCarousel ~ .container-fluid {

    position: relative;

    background: #fff;

}



#myCarousel .carousel,



#myCarousel .carousel-inner .item,



#myCarousel .carousel-inner .active {



    height: 100%;



}







#myCarousel .carousel-inner {



  height: 100%;



  background: #000;



}



footer {

    position: relative;

    margin-top: 0px !important;

}







#myCarousel .carousel-caption{padding-bottom:80px;}







#myCarousel .carousel-caption h2{



  font-size: 60px;



  color: #fff !important;



}



#myCarousel .carousel-caption p{padding:10px}







/* Background images are set within the HTML using inline CSS, not here */







.fill {



    width: 100%;



    height: calc(100vh - var(--window-inner-height));



    background-position: center;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    background-size: cover;



    -o-background-size: cover;



    opacity:0.6;



}



.fill img{

  height: 100%;

  object-fit: cover;

  width: 100%;

  object-position: center;

  background: url(/catalog/view/javascript/lazyload/loading.gif) 100% center no-repeat ;



}



















/**



 * Button



 */



.btn-transparent {



  background: transparent;



  color: #fff;



  border: 2px solid #fff;



}



.btn-transparent:hover {



  background-color: #fff;



}







.btn-rounded {



  border-radius: 70px;



}







.btn-large {



  padding: 11px 45px;



  font-size: 18px;



}