/* line 1, ../sass/tinyslide.scss */
html, body { width: 100%; height: 100%; }

/* line 6, ../sass/tinyslide.scss */
* { margin: 0; padding: 0; box-sizing: border-box; }
.caption-bg figcaption
{
	background-color:rgba(0,0,0,0.6);padding:10px 20px;
}
/* line 12, ../sass/tinyslide.scss */
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; top:-90px;}
/* line 18, ../sass/tinyslide.scss */
.tinyslide .navigator { position: absolute; bottom: 3.5em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* line 23, ../sass/tinyslide.scss */
.tinyslide .navigator ul { padding: 0; }
/* line 25, ../sass/tinyslide.scss */
.tinyslide .navigator ul li { float: left; list-style-type: none;margin:0px 04px; padding: 0; width: 12px; height: 12px; border: 1px solid white; border-radius: 100%; -webkit-transition: all 500ms linear; transition: all 500ms linear; }
/* line 35, ../sass/tinyslide.scss */
.tinyslide .navigator ul li span { display: none; }
/* line 38, ../sass/tinyslide.scss */
.tinyslide .navigator ul li:hover { background: white; }
/* line 41, ../sass/tinyslide.scss */
.tinyslide .navigator ul li.active { background: white; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/* 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{font-family: 'Open Sans', sans-serif;font-weight:bold; position: absolute; font-size: 42px;line-height:48px;
                              color: #fff; top: 280px; left: 100px; z-index: 2; opacity: 0; }
.tinyslide figure p{font-family: 'Open Sans', sans-serif;font-weight:600; position: absolute; font-size: 18px;line-height:22px;
                              color: #fff; top:68px; left:0; z-index: 2; opacity: 0; padding:2px 20px 15px 20px;
							  
							  background-color:rgba(0,0,0,0.6)
							      /*background-image: radial-gradient( rgba(253,73,10,0.6), rgba(0,0,0,0.1))*/;
  
   }
   
   
 .tinyslide figure figcaption.left-slide{font-family: 'Open Sans', sans-serif;font-weight:bold; position: absolute; font-size: 42px;line-height:48px;
                              color: #fff; /*color:#18908c;*/ top: 280px; left: 100px; 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; }
.tinyslide figure.active p { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s; animation-delay: 1s;}
.tinyslide figure figcaption span
{
	    color: #b78247;
}

@-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 (min-width: 768px) and (max-width: 991px) 
{
  .tinyslide .navigator
  {
	 bottom: 5em; 
  }
  .tinyslide figure figcaption
  {
	  font-size:40px;
	  line-height:45px;
  }
}
@media (max-width:767px)
{
	 .tinyslide .navigator
  {
	 bottom: 8em; 
  }
  .tinyslide figure figcaption
  {
	  font-size:32px;
	  line-height:36px;
	 
	
  }
  .tinyslide figure p
  {
	  font-size:16px;
	  line-height:20px;
  }
}


@media(max-width:480px){
	.tinyslide figure figcaption.left-slide {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    position: absolute;
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    /* color: #18908c; */
    top: 190px;
    left: 20px;
    z-index: 2;
    opacity: 0;
}	

}

@media(max-width:414px){
	.tinyslide figure figcaption.left-slide {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    position: absolute;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    /* color: #18908c; */
    top: 120px;
    left: 20px;
    z-index: 2;
    opacity: 0;
}	

.tinyslide figure p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    top: 48px;
    left: 0;
    z-index: 2;
    opacity: 0;
    padding: 2px 20px 15px 20px;
    background-color: rgba(0,0,0,0.6) /*background-image: radial-gradient( rgba(253,73,10,0.6), rgba(0,0,0,0.1))*/;
}	
	
}


@media(max-width:375px){
	.tinyslide figure figcaption.left-slide {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    position: absolute;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    /* color: #18908c; */
    top: 120px;
    left: 20px;
    z-index: 2;
    opacity: 0;
}	

.tinyslide figure p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    top: 48px;
    left: 0;
    z-index: 2;
    opacity: 0;
    padding: 2px 20px 15px 20px;
    background-color: rgba(0,0,0,0.6) /*background-image: radial-gradient( rgba(253,73,10,0.6), rgba(0,0,0,0.1))*/;
}	
	
}