/* line 1, ../sass/tinyslide.scss */


/* 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 { float: left; list-style-type: none; margin: 0 1em 0 0; padding: 0; width: 25px; height: 25px; 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.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:100vh;-o-object-fit: cover;object-fit: cover; margin-right:-20px;}
/* line 70, ../sass/tinyslide.scss */
.tinyslide figure figcaption {position: absolute;font-size: 3em;color: white;bottom: 30%;right: 0;z-index: 2;opacity: 0;text-align: center;left: 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;font-family: "Merriweather Sans"; }
.tinyslide figure.active figcaption .slide-sub-title {
    font-family: "Rancho";
    font-size: 60px;
    color: #fff;
    text-align: center;
    position: relative;
}
.tinyslide figure.active figcaption .line-before {
    float: left;
    height: 3px;
    background-color: #FFF;
    width: 180px;
    position: relative;
    margin-top: 50px;
	margin-left:120px;
}
.tinyslide figure.active figcaption .slide-title-2 {
    font-family: "Merriweather Sans";
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize;
}

.tinyslide figure.active figcaption .slide-title {
    font-family: "Merriweather Sans";
    font-weight: 900;
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.tinyslide figure.active figcaption .line-after {
    float: right;
    height: 3px;
    background-color: #FFF;
    width: 180px;
    position: relative;
    margin-top: 50px;
	margin-right:120px;
}
.tinyslide figure.active figcaption .slide-sub-title .text span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 25px;
    margin-bottom: 10px;
}
.tinyslide figure.active figcaption .line-after:after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}
.tinyslide figure.active figcaption .line-before:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}
.tinyslide figure.active figcaption .slide-sub-title .text span {
    display: inline-block;
    margin-right: 25px;
}
@-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 only screen and (max-width: 767px){
.tinyslide figure figcaption {
    position: absolute;
    font-size: 3em;
    color: white;
    bottom: 30%;
    right: 0;
    z-index: 2;
    opacity: 0;
    text-align: center;
    left: 0;
}
.header-main .logo {
    position: absolute;
    top: 21px;
}
.header-transparent .open-offcanvas {
    color: #ffffff;
}
.tinyslide figure.active figcaption .slide-title {
    font-size: 22px;
}
.tinyslide figure.active figcaption .slide-sub-title {
    font-family: "Rancho";
    font-size: 24px;
}
.tinyslide figure.active figcaption .line-after:after,
.tinyslide figure.active figcaption .line-before:before,
.tinyslide figure.active figcaption .line-before,
.tinyslide figure.active figcaption .line-after,
.tinyslide figure.active figcaption .slide-sub-title .text span:after,
.tinyslide figure.active figcaption .slide-sub-title .text span:before{
		visibility:hidden;
		display:none;
		margin:0;
		height:0;
		}
}