/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-l{
text-align:center ;
}

.ls-l .publication{
   text-transform: none  !important;
    letter-spacing: 0px  !important;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 33.699px  !important;
    color: rgba(255, 255, 255, 0.99)  !important; 
    white-space: nowrap;
    line-height: 36.6724px  !important;
    padding: 0px  !important;
    border-width: 0px;
    visibility: visible;
    margin-left: 0px;
    margin-top: 0px;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    opacity: 1
}


.ls-container { /* The slider itself */

}




.ls-fullwidth .ls-thumbnail {
padding-top:50px;
z-index:10000;
}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }

@media only screen and (max-width: 767px){
.ls-thumbnail-wrapper {
display: none !important;
}
}