/* 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-container { /* The slider itself */

}

.ls-slide { 

}
.fusion-imageframe 
{
overflow:hidden;
}
.fusion-imageframe  .img-responsive{
 -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;

}

.fusion-imageframe  .img-responsive:hover {

 -webkit-transform:scale(1.25) rotate(7deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(7deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(7deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(7deg); /* Opera */
     transform:scale(1.25) rotate(7deg);

}

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