/******************/
/******************/



/******************/
/******************/

.sl-slider-wrapper {
position:absolute;
width:100%;
height:100%;
min-height:100vh;
top:0;
left:0;
}
@media screen and (max-width:768px) {
.sl-slider-wrapper {
position:absolute;
width:100%;
min-height:auto;

top:0;
left:0;
}
}

/******************/
/******************/
/* Custom navigation arrows */

.nav-arrows span {
position:absolute;
z-index:2000;
top:50%;
width:40px;
height:40px;
border:8px solid #ddd;
border:8px solid rgba(150,150,150,0.4);
text-indent:-90000px;
margin-top:-40px;
cursor:pointer;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.nav-arrows span:hover {
border-color:rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
left:5%;
border-right:none;
border-top:none;
}

.nav-arrows span.nav-arrow-next {
right:5%;
border-left:none;
border-bottom:none;
}


/******************/
/******************/
/* 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);
}


.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);
}




/******************/
/******************/
/*
.deco {
width:260px;
height:260px;
border:2px dashed #fff;
border:2px dashed rgba(255,255,255,0.8);
border-radius:50%;
position:absolute;
bottom:50%;
left:50%;
margin:0 0 0 -130px;
}*/

.bg-1 .deco {border-color:#ddd;}



.sl-slide blockquote {
position:absolute;
width:100%;
text-align:center;
left:0;
font-weight:650;
font-size:20px;
line-height:30px;
height:70px;
color:#fff;
z-index:2;
top:35%;
margin:0 0;
padding:0;
text-shadow:0 0 20px #000;
}

.sl-slide h2 {
color:#fff;
text-shadow:0 0 15px #000;
padding:20px;
position:absolute;
font-size:50px;
font-weight:800;
letter-spacing:5px;
text-transform:uppercase;
width:100%;
left:0%;
text-align:center;
line-height:50px;
top:25%;
margin:0 0 -120px 0;
}
.sl-slide blockquote p {
margin:0 auto;
width:60%;
position:relative;
background:rgba(0,0,0,0.3);
padding:20px;
}


.sl-slide blockquote cite {
font-size:10px;
padding-top:10px;
display:inline-block;
font-style:normal;
text-transform:uppercase;
letter-spacing:4px;
}



/******************/
/******************/


.bg-1 .sl-slide-inner,
.bg-1 .sl-content-slice {
	background-image:url(../images/1.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
}

.bg-2 .sl-slide-inner,
.bg-2 .sl-content-slice {
	background-image:url(../images/2.jpg) ;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
}

.bg-3 .sl-slide-inner,
.bg-3 .sl-content-slice {
	background-image:url(../images/3.jpg) ;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
}

.bg-4 .sl-slide-inner,
.bg-4 .sl-content-slice {
	background-image:url(../images/4.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
}


@media screen and (min-width : 0px) and (max-width: 1024px) {
.bg-1 .sl-slide-inner,
.bg-1 .sl-content-slice,
.bg-1 .sl-slide-inner,
.bg-1 .sl-content-slice,
.bg-1 .sl-slide-inner,
.bg-1 .sl-content-slice,
.bg-1 .sl-slide-inner,
.bg-1 .sl-content-slice {
	background-size:cover;
	-moz-background-size:cover;
	background-attachment: scroll;
}
.bg-2 .sl-slide-inner,
.bg-2 .sl-content-slice,
.bg-2 .sl-slide-inner,
.bg-2 .sl-content-slice,
.bg-2 .sl-slide-inner,
.bg-2 .sl-content-slice,
.bg-2 .sl-slide-inner,
.bg-2 .sl-content-slice {
	background-size:cover;
	-moz-background-size:cover;
	background-attachment: scroll;
}
.bg-3 .sl-slide-inner,
.bg-3 .sl-content-slice,
.bg-3 .sl-slide-inner,
.bg-3 .sl-content-slice,
.bg-3 .sl-slide-inner,
.bg-3 .sl-content-slice,
.bg-3 .sl-slide-inner,
.bg-3 .sl-content-slice {
	background-size:cover;
	-moz-background-size:cover;
	background-attachment: scroll;

}
}

/******************/
/******************/
/* keyframes ******/

.sl-trans-elems .deco{
-webkit-animation:roll 1s ease-out both, fadeIn 1s ease-out both;
-moz-animation:roll 1s ease-out both, fadeIn 1s ease-out both;
-o-animation:roll 1s ease-out both, fadeIn 1s ease-out both;
-ms-animation:roll 1s ease-out both, fadeIn 1s ease-out both;
animation:roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h4{
-webkit-animation:moveUp 1s ease-in-out both;
-moz-animation:moveUp 1s ease-in-out both;
-o-animation:moveUp 1s ease-in-out both;
-ms-animation:moveUp 1s ease-in-out both;
animation:moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
-webkit-animation:fadeIn 0.5s linear 0.5s both;
-moz-animation:fadeIn 0.5s linear 0.5s both;
-o-animation:fadeIn 0.5s linear 0.5s both;
-ms-animation:fadeIn 0.5s linear 0.5s both;
animation:fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
-webkit-animation:scaleDown 1s ease-in-out both;
-moz-animation:scaleDown 1s ease-in-out both;
-o-animation:scaleDown 1s ease-in-out both;
-ms-animation:scaleDown 1s ease-in-out both;
animation:scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h4{
-webkit-animation:fadeOut 1s ease-in-out both;
-moz-animation:fadeOut 1s ease-in-out both;
-o-animation:fadeOut 1s ease-in-out both;
-ms-animation:fadeOut 1s ease-in-out both;
animation:fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
-webkit-animation:fadeOut 1s linear both;
-moz-animation:fadeOut 1s linear both;
-o-animation:fadeOut 1s linear both;
-ms-animation:fadeOut 1s linear both;
animation:fadeOut 1s linear both;
}

@-webkit-keyframes roll{
0% {-webkit-transform:scale(0) rotate(360deg); opacity:0;}
100% {-webkit-transform:scale(1) rotate(0deg); opacity:1;}
}
@-moz-keyframes roll{
0% {-moz-transform:scale(0) rotate(360deg); opacity:0;}
100% {-moz-transform:scale(1) rotate(0deg); opacity:1;}
}
@-o-keyframes roll{
0% {-o-transform:scale(0) rotate(360deg); opacity:0;}
100% {-o-transform:scale(1) rotate(0deg); opacity:1;}
}
@-ms-keyframes roll{
0% {-ms-transform:scale(0) rotate(360deg); opacity:0;}
100% {-ms-transform:scale(1) rotate(0deg); opacity:1;}
}
@keyframes roll{
0% {transform:scale(0) rotate(360deg); opacity:0;}
100% {transform:scale(1) rotate(0deg); opacity:1;}
}

@-webkit-keyframes moveUp{
0% {-webkit-transform:translateY(40px); opacity:0;}
100% {-webkit-transform:translateY(0px); opacity:1;}
}
@-moz-keyframes moveUp{
0% {-moz-transform:translateY(40px); opacity:0;}
100% {-moz-transform:translateY(0px); opacity:1;}
}
@-o-keyframes moveUp{
0% {-o-transform:translateY(40px); opacity:0;}
100% {-o-transform:translateY(0px); opacity:1;}
}
@-ms-keyframes moveUp{
0% {-ms-transform:translateY(40px); opacity:0;}
100% {-ms-transform:translateY(0px); opacity:1;}
}
@keyframes moveUp{
0% {transform:translateY(40px); opacity:0;}
100% {transform:translateY(0px); opacity:1;}
}
@-webkit-keyframes fadeIn{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn{
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes fadeIn{
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeIn{
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes scaleDown{
0% {-webkit-transform:scale(1);}
100% {-webkit-transform:scale(0.5);}
}
@-moz-keyframes scaleDown{
0% {-moz-transform:scale(1);}
100% {-moz-transform:scale(0.5);}
}
@-o-keyframes scaleDown{
0% {-o-transform:scale(1);}
100% {-o-transform:scale(0.5);}
}
@-ms-keyframes scaleDown{
0% {-ms-transform:scale(1);}
100% {-ms-transform:scale(0.5);}
}
@keyframes scaleDown{
0% {transform:scale(1);}
100% {transform:scale(0.5);}
}
@-webkit-keyframes fadeOut{
0% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes fadeOut{
0% {opacity:1;}
100% {opacity:0;}
}
@-o-keyframes fadeOut{
0% {opacity:1;}
100% {opacity:0;}
}
@-ms-keyframes fadeOut{
0% {opacity:1;}
100% {opacity:0;}
}
@keyframes fadeOut{
0% {opacity:1;}
100% {opacity:0;}
}



/******************/
/******************/
/* Media Query ****/

@media screen and (max-width:660px) {
.deco {
width:130px;
height:130px;
margin-left:-65px;
margin-bottom:50px;
}


.sl-slide blockquote {
margin-bottom:-120px;
}

.sl-slide h4 {
line-height:22px;
font-size:21px;
margin-bottom:-40px;
letter-spacing:8px;
}

.sl-slide h2 {
color:#fff;
text-shadow:0 0 15px #000;
padding:20px 0;
position:absolute;
font-size:35px;
font-weight:800;
letter-spacing:0px;
text-transform:uppercase;
width:100%;
left:0;
text-align:center;
line-height:50px;
top:20%;
margin:0 0 -120px 0;
}
.sl-slide blockquote p {
margin:0 auto;
width:100%;
position:relative;
background:rgba(0,0,0,0.3);
padding:20px 0;
font-size:15px;
text-align:center;
}


}


/******************/
/******************/