/* line 12, ../sass/tinyslide.scss */
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
/* line 18, ../sass/tinyslide.scss */
.tinyslide .navigator { position: absolute; bottom: 0px; left: 10%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);height:42px;;
 background-image:url(1.png), url(2.png);background-position:left, right;background-repeat:no-repeat;padding:0px 45px;}
/* line 23, ../sass/tinyslide.scss */
.tinyslide .navigator ul { padding: 0;height:41px;margin-top:1px;padding-top:13px;background-color:#fff; }
/* line 25, ../sass/tinyslide.scss */
.tinyslide .navigator ul li { float: left; list-style-type: none; margin:0px 4px;; padding: 0; width: 18px; height: 18px;background-image:url(3.png);
 -webkit-transition: all 500ms linear; transition: all 500ms linear;cursor:pointer;background-repeat:no-repeat;background-position:center }
/* line 35, ../sass/tinyslide.scss */
.tinyslide .navigator ul li span { display: none; }
/* line 38, ../sass/tinyslide.scss */
.tinyslide .navigator ul li:hover { background-image:url(4.png);background-repeat:no-repeat;background-position:center}
/* line 41, ../sass/tinyslide.scss */
.tinyslide .navigator ul li.active { background-image:url(4.png);background-repeat:no-repeat;background-position:center }
/* line 51, ../sass/tinyslide.scss */
.tinyslide aside { height: 100%; width: 100%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/* line 57, ../sass/tinyslide.scss */
.tinyslide figure { height: 100%; float: left; position: relative; width: 100%; z-index: 1; }
/* line 64, ../sass/tinyslide.scss */
.tinyslide figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
/* line 70, ../sass/tinyslide.scss */
.tinyslide figure figcaption { position: absolute; font-size: 3em; color: white; bottom: .5em; right: 2em; z-index: 2; opacity: 0; }
/* line 80, ../sass/tinyslide.scss */
.tinyslide figure.active figcaption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@media screen and (max-height: 768px){
	
.tinyslide .navigator ul li {  width: 18px; height: 18px;background-size:cover}	
}