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

/* line 6, ../sass/tinyslide.scss */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* line 12, ../sass/tinyslide.scss */
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
/* line 18, ../sass/tinyslide.scss */
.tinyslide .navigator { position: absolute; bottom: 2em; 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 { 
display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #ddd;
    background: rgba(255,255,255,1);
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);

}
/* 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: #3a2542; border:2px solid #fff; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
/* 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: 8em; right: 7em; 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); } }
  
 .tinyslide figcaption { padding-top:50%;}
.tinyslide   h2 {font-size: 60px;
    margin-top:70%;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    font-family: 'GothamRoundedMedium';
	    padding: 100px 30px 10px 30px;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    position: relative;
	line-height: normal;
    z-index: 100;}
	
.tinyslide  	p {    font-size: 30px;
    font-family: 'MyriadProRegular';}
	
.tinyslide  figure figcaption 	a {    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 60px;
    line-height: 50px;
    padding: 12px 38px;
    border-radius: 15px;
    display: inline-block;
    background: #ea3d3e;
	color:#fff;
    font-family: 'MyriadProSemibold';}
@media (max-width:1120px) {.tinyslide figure figcaption {bottom: 7em; right:1em; text-align:center; }	
@media (max-width:1024px) {.tinyslide figure figcaption {bottom: 7em; right:1em; text-align:center; ;
}
.tinyslide   h2 {font-size:44px;}
	
.tinyslide  	p {    font-size: 30px;
    font-family: 'MyriadProRegular';}
	
.tinyslide  figure figcaption 	a {    font-size:30px;


    margin-top: 60px;
    line-height: 50px;
    padding: 12px 38px;
} }
@media (max-width:786px) {.tinyslide figure figcaption {bottom: 7em; right:1em; text-align:center;
}
.tinyslide   h2 {font-size:40px;}
	
.tinyslide  	p {    font-size: 28px;
    font-family: 'MyriadProRegular';}
	
.tinyslide  figure figcaption 	a {    font-size: 28px;


    margin-top: 60px;
    line-height: 50px;
    padding: 12px 38px;
} }
@media (max-width:480px) { 
.tinyslide figure figcaption {bottom: 1em; text-align:center; margin-left20%;
}
.tinyslide   h2 {font-size:36px;}
	
.tinyslide  	p {    font-size: 24px;
    font-family: 'MyriadProRegular';}
	
.tinyslide  figure figcaption 	a {    font-size: 24px;


    margin-top: 60px;
    line-height: 50px;
    padding: 12px 38px;
}

}