/*
*/

.container .sl-slider-wrapper {
width: 100%;
overflow: hidden;
position: relative;
}

.sl-flex-height {
height: 81vh;
height: 66vh;
height: 58vh;
background-repeat: no-repeat;
background-position:left bottom; 
background-position: center center;
background-position:0% 100%; 
background-position:right bottom; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

@media (min-width:0px) and (max-width:480px) {

.sl-flex-height {
height:calc(100vh - 6rem);
height:55vh;
}

}

@media (min-width:481px) and (max-width:1920px) {

.sl-flex-height {
height: 79vh;
height: 66vh;
height: 50vh;
}

}

/* Animations for content elements 
*/
div.aElem-1,
div.aElem-2,
div.aElem-3,
.container .sl-slider div.aElem-1,
.container .sl-slider div.aElem-2,
.container .sl-slider div.aElem-3 {
position:relative;
display:flex;
z-index:100;
opacity: 1;
}
div.aElem-1 h2 span,
.container .sl-slider div.aElem-1 h2 span {
font-size:5.5rem;
line-height:5rem;
font-weight:100;
display:inline;
padding:0;
color: #fff;
text-shadow: 
1px 1px 1px rgba(90,90,90,0.3),
1px 1px 1px rgba(90,90,90,0.3);
}
div.aElem-2 h3 span,
.container .sl-slider div.aElem-2 h3 span {
font-size:2rem;
line-height:4rem;
font-weight:100;
display:inline;
padding-left:0.5rem;
color:white;
text-shadow: 
1px 1px 1px rgba(90,90,90,0.3),
1px 1px 1px rgba(90,90,90,0.3);
}
div.aElem-3 h2 span,
.container .sl-slider div.aElem-3 h2 span {
font-size:4rem;
line-height:4rem;
font-weight:100;
display:inline;
padding:0;
color:white;
text-shadow: 
1px 1px 1px rgba(90,90,90,0.3),
1px 1px 1px rgba(90,90,90,0.3);
}

/*
*/

@media (max-width:960px) {
div.aElem-1 h2 span,
.container .sl-slider div.aElem-1 h2 span {
font-size:5rem;
line-height:3.5rem;
}
div.aElem-3 h2 span,
.container .sl-slider div.aElem-3 h2 span {
font-size:3rem;
line-height:3rem;
}
}

@media (max-width:640px) {
div.aElem-1 h2 span,
.container .sl-slider div.aElem-1 h2 span {
font-size:3rem;
font-size:2.5rem;
line-height:2.5rem;
font-weight:300;
}
div.aElem-2 h3 span,
.container .sl-slider div.aElem-2 h3 span {
font-size: 1.25rem;
line-height:2.5rem;
font-weight:300;
padding-left:0rem;
}
div.aElem-3 h2 span,
.container .sl-slider div.aElem-3 h2 span {
font-size:1.8rem;
line-height:2rem;
font-weight:300;
}
}

/*
*/

.sl-trans-elems .aElem-1,
.sl-trans-elems .aElem-3 {
-webkit-animation: fromRight-40 0.1s linear both;
-moz-animation: fromRight-40 0.1s linear both;
-o-animation: fromRight-40 0.1s linear both;
-ms-animation: fromRight-40 0.1s linear both;
animation: fromRight-40 0.1s linear both;
}
.sl-trans-back-elems aElem-1,
.sl-trans-back-elems aElem-3 {
-webkit-animation: fadeOut 0.1s linear both;
-moz-animation: fadeOut 0.1s linear both;
-o-animation: fadeOut 0.1s linear both;
-ms-animation: fadeOut 0.1s linear both;
animation: fadeOut 0.1s linear both;
}

.sl-trans-elems .aElem-2 {
-webkit-animation: fromRight-40 0.1s linear both;
-moz-animation: fromRight-40 0.1s linear both;
-o-animation: fromRight-40 0.1s linear both;
-ms-animation: fromRight-40 0.1s linear both;
animation: fromRight-40 0.1s linear both;
}
.sl-trans-back-elems .aElem-2 {
-webkit-animation: fadeOut 0.1s linear both;
-moz-animation: fadeOut 0.1s linear both;
-o-animation: fadeOut 0.1s linear both;
-ms-animation: fadeOut 0.1s linear both;
animation: fadeOut 0.1s linear both;
}

@-webkit-keyframes fromRight-40 {
0% {-webkit-transform: translateX(1200px);}
40% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes fromRight-40 {
0% {-moz-transform: translateX(1200px); }
40% {-moz-transform: translateX(0px);}
}
@-o-keyframes fromRight-40 {
0% {-o-transform: translateX(1200px); }
40% {-o-transform: translateX(0px);}
}
@-ms-keyframes fromRight-40 {
0% {-ms-transform: translateX(1200px); }
40% {-ms-transform: translateX(0px);}
}
@keyframes fromRight-40 {
0% {transform: translateX(1200px); }
40% {transform: translateX(0px);}
}

@-webkit-keyframes fromRight-50 {
0% {-webkit-transform: translateX(1200px); }
50% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes fromRight-50 {
0% {-moz-transform: translateX(1200px); }
50% {-moz-transform: translateX(0px);}
}
@-o-keyframes fromRight-50 {
0% {-o-transform: translateX(1200px); }
50% {-o-transform: translateX(0px);}
}
@-ms-keyframes fromRight-50 {
0% {-ms-transform: translateX(1200px); }
50% {-ms-transform: translateX(0px);}
}
@keyframes fromRight-50 {
0% {transform: translateX(1200px); }
50% {transform: translateX(0px);}
}

/* Custom navigation arrows 
*/

.nav-arrows span {
position: absolute;
z-index:1000;
top: 50%;
padding:20px;
cursor: pointer;
margin-top: -65px;
}
.nav-arrows span:hover {
border-color: rgba(150,150,150,0.9);
}
.nav-arrows span.nav-arrow-prev {
left: 5%;
}
.nav-arrows span.nav-arrow-next {
right: 5%;
}
.nav-arrow-prev:before {
text-decoration: none; font-size:400%;
font-family: FontAwesome; font-style: normal; font-weight: normal;
content: "\f104"; 
}
.nav-arrow-next:before {
text-decoration: none; font-size:400%;
font-family: FontAwesome; font-style: normal; font-weight: normal;
content: "\f105"; 
}
.nav-arrow-prev:before,
.nav-arrow-next:before {
color:rgba(1,1,1,0.1);
}
.nav-arrow-prev:hover:before,
.nav-arrow-next:hover:before {
color:rgba(1,1,1,0.2);
color: rgba(255,255,255,0.9);
}

/* Custom navigation dots 
*/

.nav-dots {
text-align: center;
position: absolute;
bottom: 2%;
height: 30px;
width: 100%;
left: 0;
z-index: 1000;
}
.nav-dots span {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 3px;
background: #ddd;
background: rgba(150,150,150,0.4);
cursor: pointer;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1);
}
.container .nav-dots span {
background: rgba(150,150,150,0.1);
margin: 6px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 2px rgba(255,255,255,0.5);
}
.container .nav-dots span.nav-dot-current,
.container .nav-dots span:hover {
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 5px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 3px;
left: 3px;
border-radius: 50%;
background: rgba(255,255,255,0.8);
}

/*
*/