@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body{
	font-family: "Roboto Condensed", sans-serif;
	}


.slideshow {
  list-style-type: none;
}

/** SLIDESHOW **/
.slideshow,
.slideshow:after { 
    top:0; /*Not sure why I needed this fix*/
	position: fixed;
    width: 100%;
    height:100vh;
    left: 0px;
    z-index: 0; 
}

.slideshow li span { 
	position: absolute;
    width: 100%;
    height:100vh;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 30s linear infinite 0s; 
}



.slideshow li:nth-child(1) span { 
    background-image:  url(../image/01.jpg); 
}
.slideshow li:nth-child(2) span { 
    background-image:  url(../image/02.jpg); 
    animation-delay: 6s; 
}
.slideshow li:nth-child(3) span { 
    background-image:  url(../image/03.jpg); 
    animation-delay: 12s; 
}
.slideshow li:nth-child(4) span { 
    background-image:  url(../image/04.jpg); 
    animation-delay: 18s; 
}
.slideshow li:nth-child(5) span { 
    background-image:  url(../image/05.jpg); 
    animation-delay: 24s; 
}

.slideshow li:nth-child(6) span { 
    background-image:  url(../image/06.jpg); 
    animation-delay: 30s; 
}

.slideshow li:nth-child(7) span { 
    background-image:  url(../image/07.jpg); 
    animation-delay: 36s; 
}

.slideshow li:nth-child(8) span { 
    background-image:  url(../image/08.jpg); 
    animation-delay: 36s; 
}

.slideshow li:nth-child(9) span { 
    background-image:  url(../image/09.jpg); 
    animation-delay: 36s; 
}


.slideshow li:nth-child(10) span { 
    background-image:  url(../image/10.jpg); 
    animation-delay: 36s; 
}

.slideshow li:nth-child(11) span { 
    background-image:  url(../image/11.jpg); 
    animation-delay: 36s; 
}


.slideshow li:nth-child(12) span { 
    background-image:  url(../image/12.jpg); 
    animation-delay: 36s; 
}


.slideshow li:nth-child(13) span { 
    background-image:  url(../image/13.jpg); 
    animation-delay: 36s; 
}


.slideshow li:nth-child(14) span { 
    background-image:  url(../image/14.jpg); 
    animation-delay: 36s; 
}


.slideshow li:nth-child(15) span { 
    background-image:  url(../image/15.jpg); 
    animation-delay: 36s; 
}



@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}


.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}



.bold {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
.bold {
    font-size: 3.0rem;
	font-weight:600;
	font-family: "Roboto Condensed", sans-serif;

  }
}

.sadhow{
	box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
	}
	

.click_image{
	position: absolute;
	top:0;
	left:0;
	}
	
	
.text_sadhow{
	text-shadow: 1px 1px 13px rgba(5,5,5,1);
	line-height:50px;
}


.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #034ec7;
  --bs-btn-hover-border-color: #034ec7;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}