@charset "UTF-8";
/* CSS Document */
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

.accepted { text-align: center;padding-bottom: 10px}
#carousel {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 10px
}


#carousel label, a {
  color: teal;
  cursor: pointer;
  text-decoration: none;
}

#carousel label:hover, a:hover {
  color: #000;
}

#carousel label, #active, img { -moz-user-select:none;-webkit-user-select:none; }

.catch { display: block; height: 0; overflow: hidden; }

#slider {
  margin: 0 auto;
}

#carousel .info {
  line-height: 20px;
  position: absolute;
  font-style: italic;
  padding: 30px;
  color: #000; background: #f1f1f1;
  text-align: left
}

#carousel .info h3 {
  color: #fff;
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 22px;
  font-style: normal;
}

#carousel input {
  display: none;
}

#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }

#overflow {
  width: 100%;
  overflow: hidden;
}

#slides article img {
  width: 100%;
}

#slides .inner {
  width: 500%;
  height: 30em; object-fit: cover;
  overflow: scroll
}

#slides article {
  width: 20%;
  float: left;
}

#active {
  margin: 10px 0 0;
  text-align: center;
}

#active label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #5C5A5A;
}

#active label:hover {
  background: #0B75D9;
  border-color: #777 !important;
}

#controls label:hover {
  opacity: 0.8;
}

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5),

{
  background: #333;
  border-color: #333 !important;
}

#slides {
  margin: 3
	  0px 0px 0px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #0B75D9;color:white
}

#slides .inner {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#slider {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info, 
 
{
  opacity: 1;
  -webkit-transition: all 1s ease-out 0.6s;
  -moz-transition: all 1s ease-out 0.6s;
  -o-transition: all 1s ease-out 0.6s;
  transition: all 1s ease-out 0.6s;
}

.info, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile , #controls{
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.top {text-align: center}

.figcaption, a:selected {
color: #0B75D9;
border-bottom: 1px solid black;
}
.responsive {
  width: 100%;
	height: auto;}
@media screen and (max-width: 600px){
h5, .h5{
	line-height: 1.1}
}