/**********************************************/
/* CSS Definitions - Slider  */
/**********************************************/

#slider_container{position:relative; top: 0px; left: 0px;  }


#slider_container .slides{cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; }

#slider_container .slides .slide_container{
    overflow:hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;        
}

#slider_container .slides .slide_container img{width:auto !important; height:auto !important;}

#slider_container .slides .slide_container a{display:block; width:100%; height:100%;}
#slider_container .slides .slide_container a:hover{background-color:rgba(255,255,255,0.0);}


.slide_text_box{
    color:white; 
    float:left; 
    width:68%; 
    margin-left:6%; 
    text-align:left; 
    position: relative;
    top: 40%;
    transform: translateY(-40%);   
}
.slide_text_box h1{font-weight: bold;}
.slide_text_box h3{}
.slide_link_box{
    float:right;  
    width:20%; 
    margin-right:6%;
    text-align:left;
    position: relative;
    top: 40%;
    transform: translateY(-40%);  
}
.slide_link_box span{
    display:inline-block;
    width:80%;
    padding:10px;
    text-align:left;
    background-color:rgb(3,166,75);
    color:white;
    font-weight: bold;
    border-radius: 4px;
    background-image: url(/fileadmin/templates/sp_platform/images/arrow_right_white_23x5.png);
    background-repeat: no-repeat;
    background-position:right 10px center;

}













/**********************************************/
/* jssor slider arrow navigator skin 02 css  */
/**********************************************/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 20px;
    height: 58px;
    cursor: pointer;
    background: url(/fileadmin/templates/sp_platform/lib/sp_platform_homepage_slider/images/a22_slim.png) center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -5px -31px; left:0;}
.jssora22r { background-position: -35px -31px; right:0;}
.jssora22l:hover { background-position: -65px -31px; }
.jssora22r:hover { background-position: -95px -31px; }
.jssora22l.jssora22ldn { background-position: -125px -31px; }
.jssora22r.jssora22rdn { background-position: -155px -31px; }



/**********************************************/
/* jssor slider bullet navigator skin 21 css */
/**********************************************/
.jssorb21 {
    position: absolute;
    bottom: 16px; 
    height: 19px;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(/fileadmin/templates/sp_platform/lib/sp_platform_homepage_slider/images/b21_v2.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }




/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  
}
 

/* < 768  */
@media only screen and (max-width: 767px){


.slide_text_box{
    float:none; 
    width:88%; 
    margin-left:6%;     
    position: relative;
    top:0;
    transform: translateY(-10%);    
}

.slide_text_box h1{font-weight: bold;}
.slide_text_box h3{}


.slide_link_box{
    float:none;  
    width:88%; 
    margin-left:6%;
    top:10px;
    text-align:left;
}

.slide_link_box a{
    display:inline-block;
    width:100%;
    padding:10px;
    text-align:left;
    background-color:rgb(3,166,75);
    color:white;
    font-weight: bold;
    border-radius: 4px;
    background-image: url(/fileadmin/templates/sp_platform/images/arrow_right_white_23x5.png);
    background-repeat: no-repeat;
    background-position:right 10px center;

}


}