.ls-logo-cnt a{ outline:none; } /*Grid Layout*/ .ls-gred-item{ cursor: pointer; overflow:hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-gred-item img { width: 100%; height: auto; outline:none; } /*List Layout*/ .ls-list-item{ min-height: 70px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-list-item > div:first-child{ text-align:center; overflow:hidden; } .ls-list-item > div:first-child img{ cursor:pointer; } .ls-list-title a,.ls-list-title { text-transform: uppercase; font-weight: bold; margin: 10px 0; color:#333; font-size:15px; display:block; text-decoration:none; } .ls-list-desc { font-size: 13px; line-height:20px; color:#A3A3A3; margin-bottom:20px; } .ls-more-btn{ color:#333; font-size:11px; padding:5px 10px; border:1px solid #ddd; text-decoration:none; text-transform:uppercase; display:inline-block; margin-bottom:10px; cursor:pointer; } .ls-list-desc-full { font-size: 13px; line-height:20px; color:#A3A3A3; margin-bottom:20px; display: none; } /*Image Effects*/ .ls-zoomin { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ls-gred-item:hover .ls-zoomin , .ls-list-item:hover .ls-zoomin, .ls-carousel-item:hover .ls-zoomin, .ls-isotop-item:hover .ls-zoomin { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .ls-zoomout { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(1.12); transform: scale(1.12); } .ls-opacity{ opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-opacity:hover{ opacity: 1; } .ls-gred-item:hover .ls-zoomout , .ls-list-item:hover .ls-zoomout, .ls-carousel-item:hover .ls-zoomout, .ls-isotop-item:hover .ls-zoomout { -webkit-transform: scale(1); transform: scale(1); } .ls-greyscale {-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray;-webkit-filter: grayscale(100%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .ls-gred-item:hover .ls-greyscale , .ls-list-item:hover .ls-greyscale, .ls-carousel-item:hover .ls-greyscale, .ls-isotop-item:hover .ls-greyscale {-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} /*ISOTOP FILTERS*/ .ls-filtering { display:block; margin:10px ; } .ls-filtering.ls-align-center{ text-align:center; } .ls-filtering.ls-align-left{ text-align:left; } .ls-filtering.ls-align-right{ text-align:right; } .ls-filtering.ls-light-filter .ls-filter-item{ display: inline-block; background-color: #fff; color: #b1b1b1; padding: 5px 10px; border: 2px solid #ddd; text-transform: capitalize; font-weight: bold; margin-right: 5px; font-size: 12px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-filtering.ls-light-filter .ls-filter-item:hover{ background-color: #fff;color: #292929;border-color: #191919; } .ls-filtering.ls-light-filter .ls-filter-item.ls-active-filter{background-color: #fff;color: #292929;border-color: #191919; } .ls-filtering.ls-dark-filter .ls-filter-item{ display: inline-block; background-color: #565656; color: #d0d0d0; padding: 5px 20px; border: 2px solid #565656; text-transform: capitalize; font-weight: bold; margin-right: 5px; margin-bottom: 5px; font-size: 13px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-filtering.ls-dark-filter .ls-filter-item:hover{ background-color: #fff; color: #333; border-color: #333; } .ls-filtering.ls-dark-filter .ls-filter-item.ls-active-filter{ background-color: #fff; color: #333; border-color: #333; } /*Show Details Layout*/ .ls-showdetail{ border:1px solid #ddd; padding:10px 0 10px 10px; position:relative; text-align:left ; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .ls-showdetail-close { position: absolute; right: 0px; top: 0px; cursor: pointer; width: 20px; height: 20px; line-height: 20px; background-color: #ddd; text-align: center; font-size: 12px; } .ls-showdetail-close i { line-height:20px; } .ls-showdetail-logo { background-color: #F1F1F1; text-align: center; padding:20px; } .ls-showdetail-logo img{ max-width:200px; margin:0 auto; } .ls-showdetail-title { margin: 15px 0; font-size: 20px; font-weight: bold; text-transform: uppercase; } .ls-showdetail-contact { margin-bottom: 10px; background-color: #f1f1f1; } .ls-showdetail-contact i { width: 30px; height: 30px; background-color: #333; color: #fff; line-height: 30px; text-align: center; font-size:12px; } .ls-showdetail-contact a , .ls-showdetail-contact span{ text-decoration: none; color: #333; margin-left: 5px; text-transform: uppercase; font-size: 13px; } .ls-showdetail [class*='ls-grid-']{ margin-left: -4px; padding:10px; vertical-align: top; } .ls-socials{ margin-top:20px; } .ls-socials a { color: #fff; text-decoration: none; margin-right:3px; } .ls-socials a:hover { color: #333; } .ls-socials a:hover i{ color: #333; background-color:#fff; border:1px solid #333; } .ls-socials a i { width: 30px; height: 30px; line-height: 30px; background-color: #333; border:1px solid transparent; text-align: center; font-size: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .ls-content-area{ border-left:1px solid #ddd; } .ls-full-content { height:300px; max-height:300px; line-height: 25px; text-align: justify; color: #8A8A8A; margin-bottom:20px; overflow: hidden; } .ls-gallery img{ width:100%; height:auto; cursor:pointer; } .ls-gallery-thumb{ position:relative; overflow:hidden; } .ls-gallery-thumb:hover .ls-zoomin { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } @media (max-width: 719px) { .ls-content-area{ border:none; } } .ls-logo-cnt{ position: relative; z-index:1; } .ls-ajax-loading{ position: absolute; display: none; top: 0; right: 0; left: 0; bottom: 0; z-index: 1000; text-align: center; } .ls-ajax-loading .ls-ajax-loading-back{ position: absolute; opacity: 0.7; background-color: #fff; top: 0; right: 0; left: 0; bottom: 0; z-index: 1000; } .ls-ajax-loading img{ z-index: 1001; position: absolute; width: 2em; height: 2em; top: 50%; margin-top:-1em; }