@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");

#slider input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

#slider .slide {
  width: 0;
}

#slider .wrapper { display: flex;}
#slider .content {  display: block;}

@media screen and (min-width: 1024px){ #slider .wrapper ,#slider .content { width: 1200px;  height: 270px;} }
@media screen and (max-width: 1024px){ #slider .wrapper ,#slider .content { width: 900px;  height: 203px;} }
@media screen and (max-width: 700px){ #slider  { display:none;} }

#slider{overflow: hidden;margin-top:0px;}
#slider .wrapper {
  margin: 0 auto;
  background-color: transparent;  
}

.bg-image {
    height:1000px;
    width:150%;
    text-align:center;
    /*
    background-size:cover;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    */
    position: absolute;
/*  transition: opacity 3s;*/
-webkit-transition:background 3s;
-moz-transition:background 3s;
-o-transition:background 3s;
transition:background 3s

    background-color:#ffe100;
}

#inner-slider{
	-webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(1px);
    filter: blur(0px);
}

#slider span {
  background-color: white;
  text-align: center;
  line-height: 4rem;
  width: 4rem;
  border-radius: 8rem;
  color: #616161;
  font-size: 2rem;
}

#slider .content {
  opacity: 0;
  pointer-events: none;
  transition: opacity 3s;
  overflow-y: auto;
  text-align: left;
}

#slider .content{  background-color:transparent; background-size:cover;  background-position: center;position:relative; cursor:pointer;}
/***
#slider .content .title{display:block;font: 38px "Montserrat",Arial;font-weight: 700; color:white;line-height: 0.8em;cursor:pointer;
                        position:absolute; bottom:70px;right:20px;}                    
#slider .content .subtitle{display:block;font: 16px "Montserrat"; color:white; font-weight: 700;
                        position:absolute; bottom:40px;right:20px;}                    
#slider .content .title,
#slider .content .subtitle{text-shadow: 2px 2px 6px rgba(107,107,107,0.95);}
#slider .content .subtitle{cursor:pointer;}
*/
#slider #i_1:checked ~ .wrapper .content1,
#slider #i_2:checked ~ .wrapper .content2,
#slider #i_3:checked ~ .wrapper .content3,
#slider #i_4:checked ~ .wrapper .content4,
#slider #i_5:checked ~ .wrapper .content5,
#slider #i_6:checked ~ .wrapper .content6,
#slider #i_7:checked ~ .wrapper .content7,
#slider #i_8:checked ~ .wrapper .content8,
#slider #i_9:checked ~ .wrapper .content9,
#slider #i_10:checked ~ .wrapper .content10,
#slider #i_11:checked ~ .wrapper .content11,
#slider #i_11:checked ~ .wrapper .content12,
#slider #i_12:checked ~ .wrapper .content13 { opacity: 1;pointer-events: auto;}

#slider label {
  color: #E0E0E0;
  transition-duration: 2s;
  cursor: pointer;
}
#slider .controls{/*margin-top:-40px;*/position:absolute;left:20px;bottom:10px;}
#slider #i_1:checked ~ .controls label[for="i_1"],
#slider #i_2:checked ~ .controls label[for="i_2"],
#slider #i_3:checked ~ .controls label[for="i_3"],
#slider #i_4:checked ~ .controls label[for="i_4"],
#slider #i_5:checked ~ .controls label[for="i_5"],
#slider #i_5:checked ~ .controls label[for="i_6"],
#slider #i_5:checked ~ .controls label[for="i_7"],
#slider #i_5:checked ~ .controls label[for="i_8"],
#slider #i_5:checked ~ .controls label[for="i_9"],
#slider #i_5:checked ~ .controls label[for="i_10"],
#slider #i_5:checked ~ .controls label[for="i_11"],
#slider #i_5:checked ~ .controls label[for="i_12"],
#slider #i_6:checked ~ .controls label[for="i_13"] {color: #424242; }