/*Slider*/

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');

.jssorFirst{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden; visibility: hidden;}
.jssorSecond{position: absolute; top: 0px; left: 0px;}
.jssorThird{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.jssorFour{position:absolute;display:block;background:url('../img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.jssorFive{cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;}




/*main*/
.hidden{
  display:none;
}
.mainSlider{
background: rgba(255, 255, 255, 0.09); position: absolute;top:0; left: 175px; width: 410px; height: 100%;
padding:0 20px;
}
.mainSlider2{
 position: absolute;top:100; left: 175px; width: 410px; height: 100%;
padding:0 20px;
}
.mainSlider3{
 position: absolute;top:100; left: 175px; width: 700px; height: 100%;
padding:0 20px;
}

#logoZub{
position: absolute;
top:230px;
animation-duration: 1.8s;
animation-delay: 0.5s;

}

#sliderOne {
    position: absolute;
    font-size:32px;
    text-transform:uppercase;
    color:#FFF;
     top:250px;
     left:190px;
animation-duration: 2s;
animation-delay: 0.7s;
font-family: 'Raleway', sans-serif;
     
}
#sliderOne2 {
    position: absolute;
    font-size:15px;
    text-transform:uppercase;
    color:#FFF;
     top:250px;
     left:190px;
animation-duration: 2s;
animation-delay: 0.7s;

     
}

.sliderText{
        position: absolute;
    font-size:14px;
    color:#fff;
         top:270px;
     left:190px;
}


#sliderTwo {
    position: absolute;
     text-transform:uppercase;
    top:290px;
    height: 50px;
    font-size:30px;
    letter-spacing: 1px;
    color:#FFF;
    left:192px;
    font-weight: bold;
    animation-duration: 2s;
    animation-delay: 0.7s;
   /* font-family: 'Abril Fatface', cursive; */
    font-family: 'Raleway', sans-serif;
}
#sliderTwo2 {
    position: absolute;
    top:300px;
    height: 50px;
    font-size:35px;
    letter-spacing: 1px;
    color:#FFF;
    left:200px;
    font-weight: bold;
    animation-duration: 2s;
    animation-delay: 0.7s;
    font-family: 'Abril Fatface', cursive; 
}


/*Seconf*/


#logoZub2{
position: absolute;
top:230px;
animation-duration: 1.8s;
animation-delay: 8s;

}

#sliderOne2 {
    position: absolute;
    font-size:35px;
    text-transform:uppercase;
    color:#FFF;
     top:250px;
     left:190px;
animation-duration: 2.5s;
animation-delay: 8.5s;

     
}

#sliderTwo2 {
    position: absolute;
    top:300px;
    height: 50px;
    font-size:35px;
    color:#FFF;
    text-transform:uppercase;
    left:190px;
    font-weight: bold;
    animation-duration: 2.5s;
    animation-delay: 9s;
}

#logoZub3{
position: absolute;
top:230px;
animation-duration: 1.8s;
animation-delay: 17s;

}

#sliderOne3 {
    position: absolute;
    font-size:35px;
    text-transform:uppercase;
    color:#FFF;
     top:250px;
     left:190px;
animation-duration: 2.5s;
animation-delay: 18.5s;

     
}

#sliderTwo3 {
    position: absolute;
    top:300px;
    height: 50px;
    font-size:35px;
    color:#FFF;
    text-transform:uppercase;
    left:190px;
    font-weight: bold;
    animation-duration: 2.5s;
    animation-delay: 19.5s;
}
#logoAnimate2{
    animation-duration: 2.5s;
    animation-delay: 1s;  
}






/*Logotip Single*/

#sliderLogotipSingle {
position: absolute;
font-size:28px;
text-transform:uppercase;
font-weight:bold;
color:#fff;
top:150px;
animation-duration: 1s;
animation-delay: 1s;
   
}
#sliderLogotipSingle2 {
    position: absolute;
    top:190px;
    height: 50px;
    font-size:26px;
    color:#fff;
animation-delay: 1.5s;
}
#sliderLogotipSingle3 {
    position: absolute;
    top:245px;
animation-delay: 2s;
    color:#fff;
    font-size:15px;
}
#sliderLogotipSingle4 {
    position: absolute;
    top:265px;
    color:#fff;
    font-size:15px;
animation-delay: 2.5s;
color:#fff;
}

#leftOne {
/*animation-delay: 2s;*/
}
#rightOne {
/*animation-delay: 2.2s;*/
}



a.sliderLink  {
    color:#868786;
    font-size:16px;
    font-weight: bold;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #00afef;
    color:#fff;
    width:158px;
    padding: 15px;

}

a.sliderLink:hover  {  

    text-decoration: none;
    color:#fff;


}

a.sliderLink2  {
    color:#868786;
    font-size:13px;
    font-weight: bold;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #00afef;
    color:#fff;
  /*  width:158px;*/
    padding: 10px;

}

a.sliderLink2:hover  {  

    text-decoration: none;
    color:#fff;


}
body > section:nth-child(8) > div.row > div > div.col-xs-12.col-sm-8.col-md-8 > p:nth-child(2){
margin-bottom:55px;
}


/*Dodatni slideri*/

.sliderColor{
    color:#737374 !important;
}
#sliderPrev {
    position: absolute;
    font-size:32px;
    text-transform:uppercase;
    color:#FFF;
     top:230px;
     left:200px;

animation-duration: 2s;
animation-delay: 0.7s;

     
}

.sliderPrevText{
        position: absolute;
    font-size:14px;
    color:#fff;
         top:275px;
     left:210px;
}
#sliderPrevLink {
    position: absolute;
    top:350px;
    color:#FFF;
    left:200px;
    font-weight: bold;
    animation-duration: 2s;
    animation-delay: 0.7s;
}

#sliderPrevLink a{
  opacity: 0.65;
}
#sliderPrevLink a:hover{
  opacity: 0.95;
}







       



/*end slider*/