.lshowcase-logos {

  margin:0 auto;

}





.ui-tooltip {

  position: absolute;

  z-index: 9999;

  -o-box-shadow: 0 0 5px #aaa;

  -moz-box-shadow: 0 0 5px #aaa;

  -webkit-box-shadow: 0 0 5px #aaa;

  box-shadow: 0 0 5px #aaa;

  color: #FFF;

  border-radius: 2px;

  background: #666;

  padding: 10px 20px;

}



* html .ui-tooltip {

  background-image: none;

}



body .ui-tooltip {

  border-width: 2px;

}



.ui-tooltip, .lsarrow:after {

  background: #666;

}



.lsarrow {

  width: 70px;

  height: 16px;

  overflow: hidden;

  position: absolute;

  left: 50%;

  margin-left: -35px;

  bottom: -16px;

}



.lsarrow.top {

  top: -16px;

  bottom: auto;

}



.lsarrow.left {

  left: 20%;

}



.lsarrow:after {

  content: "";

  position: absolute;

  left: 20px;

  top: -20px;

  width: 25px;

  height: 25px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  tranform: rotate(45deg);

}



.lsarrow.top:after {

  bottom: -20px;

  top: auto;

}



.lshowcase-opacity-enhance {

  opacity: 0.7;

  transition: .6s;

  -webkit-transition: .6s;

  -moz-transition: .6s;

  -o-transition: .6s;

  -ms-transition: .6s;

}



.lshowcase-opacity-enhance:hover {

  opacity: 1;

  transition: .6s;

  -webkit-transition: .6s;

  -moz-transition: .6s;

  -o-transition: .6s;

  -ms-transition: .6s;

}



.lshowcase-lower-opacity:hover {

    opacity:0.7;

    transition: 0.6s;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    -ms-transition: 0.6s; 

}





.lshowcase-lower-opacity {

  

 opacity:1;

   transition: 0.6s;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    -ms-transition: 0.6s; 

    /* solves moving image issue on chrome

    -webkit-transform: translateZ(0);

    */

  

}



.lshowcase-boxhighlight:hover {

  -webkit-box-shadow: 0 0 10px #CCC;

  -moz-box-shadow: 0 0 10px #CCC;

  box-shadow: 0 0 10px #CCC;

}



.lshowcase-jquery-gray {

  opacity: 0;

}



.lshowcase-grayscale,.lshowcase-hover-grayscale {

   -webkit-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

  opacity: 0.7;

  margin: 10px;

}



.lshowcase-hover-grayscale:hover {

  filter: none;

  -webkit-filter: grayscale(0);

  opacity: 1;

}



.lshowcase-grayscale-2 {

  -webkit-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

  opacity: 1;

  -o-transition: .5s;

  -ms-transition: .5s;

  -moz-transition: .5s;

  -webkit-transition: .5s;

  transition: .5s;

  margin: 10px;

}



.lshowcase-grayscale-2:hover {

   filter: none;

  -webkit-filter: grayscale(0);

  opacity: 1;

  -o-transition: .5s;

  -ms-transition: .5s;

  -moz-transition: .5s;

  -webkit-transition: .5s;

  transition: .5s;

}



.lshowcase-clear-both {

  clear: both;

  height: 0;

}



.lshowcase-slide {

  vertical-align: middle;

  display: inline-block;

  float: none;

}



.lshowcase-box-normal {

  float: left;

  vertical-align: middle;

  display: inline-block;

}



.lshowcase-boxInner-normal {

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin: 5px;

  padding: 5px;

}



.lshowcase-boxInner-normal img {

  text-align: center;

  margin: 0 auto;

}





.lshowcase-box-12 {

  width: 8.3%;

}



.lshowcase-box-11 {

  width: 9.09%;

}



.lshowcase-box-10 {

  width: 10%;

}



.lshowcase-box-9 {

  width: 11.11%;

}



.lshowcase-box-8 {

  width: 12.5%;

}



.lshowcase-box-7 {

  width: 14.28%;

}



.lshowcase-box-6 {

  width: 16.6%;

}



.lshowcase-box-5 {

  width: 20%;

}



.lshowcase-box-4 {

  width: 25%;
padding-bottom:25px;

}



.lshowcase-box-3 {

  width: 33.3%;

}



.lshowcase-box-2 {

  width:50%;

}



.lshowcase-box-1 {

  width: 100%;

}

 

.lshowcase-box-1, 

.lshowcase-box-2, 

.lshowcase-box-3, 

.lshowcase-box-4,

.lshowcase-box-5,

.lshowcase-box-6,

.lshowcase-box-7,

.lshowcase-box-8,

.lshowcase-box-9,

.lshowcase-box-10,

.lshowcase-box-11,

.lshowcase-box-12{

  vertical-align: middle;

  display:inline-block;

  text-align:center;

}



.lshowcase-description {

  text-align: center;

  padding: 5px 5px 10px 5px;

}



.lshowcase-wrap-responsive {

  width:90%;

}



.lshowcase-wrap-responsive img {

 

  height: auto;

}





.lshowcase-wrap-hcarousel,.lshowcase-wrap-normal {

  display: inline-block;

  vertical-align: middle;

}



@media only screen and max-width 480px {



  .lshowcase-box-4,.lshowcase-box-5,.lshowcase-box-6,.lshowcase-box-7,.lshowcase-box-8,.lshowcase-box-9,.lshowcase-box-10,.lshowcase-box-11,.lshowcase-box-12,.lshowcase-box-2 {

    width: 50%;

  }

}



@media only screen and max-width 650px and min-width 481px {

  .lshowcase-box-4,.lshowcase-box-5,.lshowcase-box-6,.lshowcase-box-7,.lshowcase-box-8,.lshowcase-box-9,.lshowcase-box-10,.lshowcase-box-11,.lshowcase-box-12 {

    width: 25%;

  }

}