/*
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: 'Gudea', sans-serif;
  font-weight: normal
}
body {
  background: #eee
}
h1 {
  text-align: center;
  margin-top: 40px;
  font-size: 60px;
  color: #333
}
h1 a {
  font-size: 14px;
  color: #aaa;
  background: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dcdcdc;
  text-decoration: none
}
h1 a:hover {
  color: #0fe0ba;
  text-decoration: underline
}
*/
.slider {
  width: 80%;
  max-width: 550px;
  padding: 0 50px;
  margin: 25px auto 0;
  height: 350px;
  position: relative;
}
.slider ul, .slider ul li {
  width: 100%;
  height: 100%
}
.slider ul {
  position: relative;
  overflow: hidden;
  border-radius: 15px
}
.slider ul li {
  position: absolute;
  top: 0;
  left: -100%;
  background-size: cover; /* semon #f98686 */
  background-position: center;
  color: #fff;
  font-family: serif;
}
.slider ul li:first-of-type {
  background-image: url("puimages/7.jpg")
}
.slider ul li:nth-of-type(2) {
  background-image: url("puimages/8.jpg")
}
.slider ul li:nth-of-type(3) {
  background-image: url("puimages/6.JPG")
}
.slider ul li:nth-of-type(4) {
  background-image: url("puimages/9.JPG")
}
.slider ul li:nth-of-type(5) {
  background-image: url("puimages/DSC_6575.JPG")
}
.slider ul li:nth-of-type(6) {
  background-image: url("puimages/DSC_6576.JPG")
}
.slider ul li:nth-of-type(7) {
  background-image: url("puimages/DSC_6577.JPG")
}
.slider ul li:nth-of-type(8) {
  background-image: url("puimages/DSC_6578.JPG")
}
.slider ul li:nth-of-type(9) {
  background-image: url("puimages/DSC_6579.JPG")
}
.slider ul li:nth-of-type(10){
  background-image: url("puimages/DSC_6580.JPG")
}
.slider ul li:nth-of-type(11) {
  background-image: url("puimages/DSC_6581.JPG")
}
.slider ul li:nth-of-type(12) {
  background-image: url("puimages/DSC_6582.JPG")
}
.slider ul li:nth-of-type(13) {
  background-image: url("puimages/DSC_6583.JPG")
}
.slider ul li:nth-of-type(14) {
  background-image: url("puimages/DSC_6584.JPG")
}
.slider ul li:nth-of-type(15) {
  background-image: url("puimages/DSC_6585.JPG")
}
.slider ul li:nth-of-type(16) {
  background-image: url("puimages/DSC_6586.JPG")
}
.slider ul li:nth-of-type(17) {
  background-image: url("puimages/DSC_6587.JPG")
}
.slider ul li:nth-of-type(18) {
  background-image: url("puimages/DSC_6588.JPG")
}
.slider ul li:nth-of-type(19) {
  background-image: url("puimages/DSC_6589.JPG")
}
.slider ul li:nth-of-type(20){
  background-image: url("puimages/DSC_7461.JPG")
}
.slider ul li:nth-of-type(21) {
  background-image: url("puimages/DSC_7665.JPG")
}
.slider ul li:nth-of-type(22) {
  background-image: url("puimages/DSC_7711.JPG")
}
.slider ul li:nth-of-type(23) {
  background-image: url("puimages/DSC_7860.JPG")
}
.slider ul li:nth-of-type(24) {
  background-image: url("puimages/DSC_8445.JPG")
}
.slider ul li:nth-of-type(25) {
  background-image: url("puimages/IMG_7912.JPG")
}
.slider ul li:nth-of-type(26) {
  background-image: url("puimages/IMG_7913.JPG")
}
.slider ul li:nth-of-type(27) {
  background-image: url("puimages/IMG_7914.JPG")
}
.slider ul li:nth-of-type(28) {
  background-image: url("puimages/IMG_7915.JPG")
}
.slider ul li:nth-of-type(29) {
  background-image: url("puimages/IMG_7919.JPG")
}
.slider ul li:nth-of-type(30){
  background-image: url("puimages/IMG_7920.JPG")
}
.slider ul li:nth-of-type(31) {
  background-image: url("puimages/IMG_7922.JPG")
}
.slider ul li:nth-of-type(32) {
  background-image: url("puimages/IMG_7923.JPG")
}
.slider ul li:nth-of-type(33) {
  background-image: url("puimages/IMG_7924.JPG")
}
.slider ul li:nth-of-type(34) {
  background-image: url("puimages/IMG_7925.JPG")
}
.slider ul li:nth-of-type(35) {
  background-image: url("puimages/IMG_7985.JPG")
}
.slider ul li:nth-of-type(36) {
  background-image: url("puimages/IMG_7986.JPG")
}
.slider ul li:nth-of-type(37) {
  background-image: url("puimages/IMG_7987.JPG")
}
.slider ul li:nth-of-type(38) {
  background-image: url("puimages/IMG_7988.JPG")
}
.slider ul li:nth-of-type(39) {
  background-image: url("puimages/IMG_8065.JPG")
}
.slider ul li:nth-of-type(40){
  background-image: url("puimages/IMG_8070.JPG")
}
.slider ul li:nth-of-type(41){
  background-image: url("puimages/IMG_8071.JPG")
}
.slider ul li:nth-of-type(42){
  background-image: url("puimages/IMG_8075.JPG")
}
.slider ul li:nth-of-type(43){
  background-image: url("puimages/IMG_8075.JPG")
}

.slider ul li:nth-of-type(44){ background-image: url("puimages/PHOTO-2018-11-05-15-02-51.jpg") }
.slider ul li:nth-of-type(45){ background-image: url("puimages/PHOTO-2018-11-05-15-02-52.jpg") }
.slider ul li:nth-of-type(46){ background-image: url("puimages/PHOTO-2018-11-05-15-02-53 (1).jpg") }
.slider ul li:nth-of-type(47){ background-image: url("puimages/PHOTO-2018-11-05-15-02-53.jpg") }
.slider ul li:nth-of-type(48){ background-image: url("puimages/PHOTO-2018-11-05-15-02-54.jpg") }
.slider ul li:nth-of-type(49){ background-image: url("puimages/PHOTO-2018-11-05-15-02-55.jpg") }
.slider ul li:nth-of-type(50){ background-image: url("puimages/PHOTO-2018-11-05-15-02-57.jpg") }
.slider ul li:nth-of-type(51){ background-image: url("puimages/PHOTO-2018-11-05-15-02-59.jpg") }
.slider ul li:nth-of-type(52){ background-image: url("puimages/PHOTO-2018-11-05-15-03-00.jpg") }
.slider ul li:nth-of-type(53){ background-image: url("puimages/PHOTO-2018-11-05-15-03-02.jpg") }
.slider ul li:nth-of-type(54){ background-image: url("puimages/PHOTO-2018-11-05-15-03-04.jpg") }
.slider ul li:nth-of-type(55){ background-image: url("puimages/PHOTO-2018-11-05-15-03-05 (1).jpg") }
.slider ul li:nth-of-type(56){ background-image: url("puimages/PHOTO-2018-11-05-15-03-05.jpg") }
.slider ul li:nth-of-type(57){ background-image: url("puimages/PHOTO-2018-11-05-15-03-06.jpg") }
.slider ul li:nth-of-type(58){ background-image: url("puimages/PHOTO-2018-11-05-15-03-07.jpg") }
.slider ul li:nth-of-type(59){ background-image: url("puimages/PHOTO-2018-11-05-15-03-08 (1).jpg") }
.slider ul li:nth-of-type(60){ background-image: url("puimages/PHOTO-2018-11-05-15-03-08.jpg") }
.slider ul li:nth-of-type(61){ background-image: url("puimages/PHOTO-2018-11-05-15-03-18.jpg") }
.slider ul li:nth-of-type(62){ background-image: url("puimages/PHOTO-2018-11-05-15-03-10 (1).jpg") }
.slider ul li:nth-of-type(63){ background-image: url("puimages/PHOTO-2018-11-05-15-03-10.jpg") }
.slider ul li:nth-of-type(64){ background-image: url("puimages/PHOTO-2018-11-05-15-03-11.jpg") }
.slider ul li:nth-of-type(65){ background-image: url("puimages/PHOTO-2018-11-05-15-03-12 (1).jpg") }
.slider ul li:nth-of-type(66){ background-image: url("puimages/PHOTO-2018-11-05-15-03-12.jpg") }
.slider ul li:nth-of-type(67){ background-image: url("puimages/PHOTO-2018-11-05-15-03-13.jpg") }
.slider ul li:nth-of-type(68){ background-image: url("puimages/PHOTO-2018-11-05-15-03-14 (1).jpg") }
.slider ul li:nth-of-type(69){ background-image: url("puimages/PHOTO-2018-11-05-15-03-14.jpg") }
.slider ul li:nth-of-type(70){ background-image: url("puimages/PHOTO-2018-11-05-15-03-16.jpg") }
.slider ul li:nth-of-type(71){ background-image: url("puimages/PHOTO-2018-11-05-15-03-17 (1).jpg") }
.slider ul li:nth-of-type(72){ background-image: url("puimages/PHOTO-2018-11-05-15-03-17.jpg") }
.slider ul li:nth-of-type(73){ background-image: url("puimages/PHOTO-2018-11-05-15-03-18 (1).jpg") }
/*.slider ul li:nth-of-type(74){ background-image: url("puimages/PHOTO-2018-11-05-15-03-18.jpg") }
.slider ul li:nth-of-type(75){ background-image: url("puimages/PHOTO-2018-11-05-15-03-19 (1).jpg") }
.slider ul li:nth-of-type(76){ background-image: url("puimages/PHOTO-2018-11-05-15-03-19.jpg") }
.slider ul li:nth-of-type(77){ background-image: url("puimages/PHOTO-2018-11-05-15-03-20 (1).jpg") }
.slider ul li:nth-of-type(78){ background-image: url("puimages/PHOTO-2018-11-05-15-03-20.jpg") }
.slider ul li:nth-of-type(79){ background-image: url("puimages/PHOTO-2018-11-05-15-03-21 (1).jpg") }
.slider ul li:nth-of-type(80){ background-image: url("puimages/PHOTO-2018-11-05-15-03-21.jpg") }*/

.slider ul li:last-of-type {
  background-image: url("puimages/10.JPG")
}

.slider .controll {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 44%;
  border-bottom: 3px solid #333;
  border-left: 3px solid #333;
  cursor: pointer;
  color: #333
}
.slider .controll:first-of-type {
  transform: rotate(45deg);
  left: 43px
}
.slider .controll:last-of-type {
  transform: rotate(225deg);
  right: 10px
}
.slider .controll:hover, .slider .controll.active {
  border-color: #f98686 /* rose */
}
.slider ol {
  text-align: center;
  padding-top: 0px
}
.slider ol li {
  display: inline-block;
  margin-right: 5px;
}
.slider ol .fa {
  font-size: 14px;
  color: #333;
  cursor: pointer;
  font-weight: normall
}
.slider ol li:hover .fa:before, .slider ol li.active .fa:before {
  content: "\f111"
}
/* .slider ul li.active {
  z-index: 999;
  left: 0
} */
@media(max-width: 490px) {
  h1 {font-size: 45px}
}
@media(max-width: 350px) {
  h1 {font-size: 25px}
}