/********************************************** ******************Public CSS******************* **********************************************/ .main-ticker-wrapper img{ width:100%; height:auto; } .main-ticker-wrapper a{ border-bottom:none; box-shadow:none!important; } .pl-thumbnail-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-color:rgba(0,0,0,0.2); transition:0.5s; z-index:999; } .pl-vitem-item:hover .pl-thumbnail-overlay{ opacity:1; } .pl-ticker-loading { text-align: center; padding: 10px 0; } /* Share And Zoom */ .pl-vitem-item .pl-zoom-quick-btn{ position:absolute; z-index:99; -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; } .pl-vitem-item .pl-zoom-quick-btn > a { color:#fff; background-color: rgba(68,68,68,0.8) ; display:inline-block; text-align:center; width:25px; height:25px; line-height:25px; cursor:pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -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; } .pl-vitem-item .pl-zoom-quick-btn > div.pl-zoom-gallery a:first-child { color:#000; } .pl-vitem-item .pl-zoom-quick-btn > a:hover { background-color:rgba(68,68,68,1);; } .pl-vitem-item .pl-zoom-quick-btn > div.pl-zoom-gallery:hover a:first-child { color:#fff; } .pl-vitem-item .pl-zoom-quick-btn > a i { line-height:25px; font-size:12px; } .pl-zoom-quick-btn.pl-circle-icon a{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .pl-zoom-quick-btn.pl-bottom-left{ bottom:-40px; left:10px!important; right:auto; } .pl-zoom-quick-btn.pl-bottom-right{ bottom:-40px; right:10px!important; } .pl-vitem-item:hover .pl-zoom-quick-btn.pl-bottom-right, .pl-vitem-item:hover .pl-zoom-quick-btn.pl-bottom-left{ bottom:10px; } .pl-zoom-quick-btn.pl-top-left{ top:-40px; left:10px!important; right:auto; } .pl-zoom-quick-btn.pl-top-right{ top:-40px; right:10px!important; } .pl-vitem-item:hover .pl-zoom-quick-btn.pl-top-right, .pl-vitem-item:hover .pl-zoom-quick-btn.pl-top-left{ top:10px; } .pl-zoom-quick-btn.pl-center-center-bottom{ bottom:-40px; width: 100%; text-align: center; } .pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-bottom { bottom:50%; margin-bottom:-13px; } .pl-zoom-quick-btn.pl-center-center-top{ top:-40px; width: 100%; text-align: center; } .pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-top{ top:50%; margin-top:-13px; } .pl-zoom-quick-btn.pl-center-center-fade{ top:50%; margin-top:-13px; width: 100%; text-align: center; opacity:0; -webkit-transform: scale3d(1.35,1.35,1.35); -moz-transform: scale3d(1.35,1.35,1.35); -ms-transform: scale3d(1.35,1.35,1.35); -o-transform: scale3d(1.35,1.35,1.35); transform: scale3d(1.35,1.35,1.35); z-index:9999; } .pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-fade{ opacity:1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /*********************************** *********PUBLIC STYLES************** ***********************************/ .pl-over-category{ position:absolute; top:10px; left:10px; z-index:999; padding:5px 10px; background-color:#444; font-size:11px; } .pl-over-category a{ text-transform:capitalize; text-decoration:none; color:#fff; font-size:11px; } .pl-cat-meta { margin: 5 20px; display: block; position:relative; } .pl-cat-meta .pl-meta-item{ margin-bottom:5px; } .pl-cat-meta .pl-meta-item i { margin-right:5px; font-size:12px; color:#bdbdbd; } .pl-cat-meta .pl-meta-item a { display:inline-block; color:#fff; padding:5px 10px; text-decoration:none; text-transform:uppercase; font-size:9px; background-color:#444; margin-right:10px; } .main-ticker-wrapper .pl-title{ display:block; line-height:30px; text-overflow: ellipsis; overflow: hidden; color:#444; margin-bottom:0; } .main-ticker-wrapper .pl-title a{ margin:0; display: inline; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: capitalize; color: #444; } .pl-title .pl-date{ display:inline-block; font-size:12px; color:#fff; } .pl-date span { background-color: #444; padding: 2px 10px; border-radius: 20px; } .pl-meta{ line-height:13px; margin-top:5px;} .pl-meta .pl-meta-item{ display:inline-block; margin-right:15px; line-height:13px; } .pl-meta .pl-meta-item i { margin-right:5px; font-size:11px; color:#bdbdbd; } .pl-meta .pl-meta-item a , .pl-meta .pl-meta-item .meta-text{ color:#bdbdbd; text-decoration:none; text-transform:capitalize; font-size:11px; } .pl-meta-spil{ display:inline-block; margin:0 5px; font-size:11px; color:#bdbdbd; } .pl-excerpt{ color:#b3b3b3; font-size:15px; } .pl-excerpt p{ margin:0; font-size:13px; } .pl-buttons{ margin-left:10px; display:inline-block; } .pl-buttons .pl-readmore-btn{ display:inline; color:#8B8B8B; cursor:pointer; text-transform:uppercase; font-size:12px; border:none; padding:3px 10px; background-color:#444; -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; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .pl-buttons .pl-readmore-btn:hover{ color:#444; background-color:#fff; opacity:0.85; } /*********************************** *************ticker***************** ***********************************/ .main-ticker-wrapper{ position: relative; display: inline-block; width: 100%; line-height:0; } .main-ticker-wrapper.show_toggle{ margin-bottom:30px; } .pl-fixed-wrapper.main-ticker-wrapper.show_toggle{ margin-bottom:0!important; } .main-ticker-wrapper.pl-fixed-wrapper{ position: fixed; display: inline-block; width: 100%; max-width:100%; left:0; z-index:9999; } .main-ticker-wrapper.pl-fixed-wrapper.pl-fix-top{ top: 0; } .main-ticker-wrapper.pl-fixed-wrapper.pl-fix-bottom{ bottom: 0; } .main-ticker-wrapper .pl-ticker-close{ position:absolute; bottom:-20px; right:0; z-index:99; } .main-ticker-wrapper.pl-fix-bottom .pl-ticker-close{ bottom:auto; top:-20px; } .main-ticker-wrapper .pl-ticker-close i{ width:20px; height:20px; line-height:20px; color:#fff; text-align:center; font-size:11px; cursor:pointer; background-color:#444; vertical-align:top; } .pl-ticker-cnt { position: relative; width: 100%; display: table; background-color: #777; } .pl-ticker-title-cnt { position: relative; background-color: #444; color: #fff; height: 50px; width: 150px; padding: 0 10px; font-size:13px; cursor: pointer; display: table-cell; vertical-align: middle; } /*title layouts*/ .pl-ticker-title-cnt.pl-ticker-title-l1{ -webkit-border-radius:0 30px 0 0; -moz-border-radius:0 30px 0 0; border-radius:0 30px 0 0; } .pl-ticker-title-cnt.pl-ticker-title-l2{ -webkit-border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0; border-radius:0 0 30px 0; } .pl-ticker-title-cnt.pl-ticker-title-l3{ -webkit-border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0; } .pl-ticker-title-cnt.pl-ticker-title-l4:before{ content:''; position:absolute; top:50%; margin-top:-10px; right:-10px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 12px; border-color: transparent transparent transparent #444444; } .pl-ticker-title-cnt.pl-ticker-title-l5:before{ content:''; position:absolute; top:0; right:-25px; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 25px; border-color: transparent transparent transparent #444444; } .pl-ticker-title-cnt.pl-ticker-title-l6:before{ content: ''; position: absolute; top: 0; right: -20px; width: 70px; height: 50px; background-color: #444; -webkit-transform: skewX(160deg); -moz-transform: skewX(160deg); transform: skewX(160deg); } .pl-ticker-title-cnt.pl-ticker-title-l7:before{ content: ''; position: absolute; top: 0; right: -20px; width: 70px; height: 50px; background-color: #444; -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); transform: skewX(20deg); } .pl-vertical-ticker .pl-ticker-title-cnt:before{ display:none; content:''!important; width:0!important; height:0!important; background:none!important; background-color:transparent!important; } .pl-title-icon{ display:inline-block; margin-right:5px; } .pl-ticker-title{ display:inline-block; font-weight:bold; } .pl-ticker-title .pl-author-img { display: inline-block; height: 25px; width: auto; margin-right: 5px; } .pl-ticker-title .pl-author-img img { height: 25px; width: auto; } .pl-ticker-title span { display: inline-block; } .pl-title-menu{ position: absolute; top: 100%; left: 0; margin:0; padding:0; background: #fff; width: 100%; cursor: pointer; color:#444; border-top:5px solid #505050; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1); box-shadow: 0 5px 15px 0 rgba(0,0,0,.1); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; visibility: hidden; opacity: 0; z-index: 9999; } .pl-ticker-title-cnt:hover .pl-title-menu{ visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .main-ticker-wrapper.pl-fix-bottom .pl-title-menu{ top: -30px; -webkit-transform: translateY(-110%); -moz-transform: translateY(-110%); -ms-transform: translateY(-110%); -o-transform: translateY(-110%); transform: translateY(-110%); } .main-ticker-wrapper.pl-fix-bottom .pl-ticker-title-cnt:hover .pl-title-menu{ top:0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .pl-title-menu li { background-color:#444; color:#777777; font-size:13px; padding: 0px 10px; border-bottom: 1px solid #505050; list-style:none; line-height:36px; font-weight:bold; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pl-title-menu li:last-child{ border-bottom:none; } .pl-title-menu li:hover{ background-color:#454545; } .pl-title-menu li .pl-author-img{ width: auto; height: 25px; float: left; margin-right: 5px; margin-top: 5px; border-radius: 50%; } .pl-title-menu li .pl-author-img img{ width: auto; height: 25px; vertical-align:top; } .pl-bloading { display:table-cell; max-width:1px; padding-left: 30px; padding-right: 15px; text-align:center; vertical-align:middle; } .pl-ticker-content-cnt{ display: table-cell; padding-left: 30px; padding-right: 15px; color: #fff; vertical-align: middle; text-align: left; max-width:1px; overflow:hidden; } .pl-ticker-show-nav .pl-ticker-content-cnt{ padding-right:70px; } .pl-ticker-cnt.pl-timer-enable{ padding-left: 60px; } .pl-ticker-cnt.pl-timer-enable .pl-title-time{ display:block; } .pl-title-time { display:none; text-align: center; position: absolute; top: 0; left: 0; width: 60px; line-height: 50px; height: 100%; background-color: #333; color: #fff; font-size:15px; font-weight:bold; } .pl-time-hour, .pl-time-min { display: inline-block; } .pl-ticker-img { display:inline-block; width: 30px; height: 30px; margin-right:5px; vertical-align:top; } .pl-ticker-img img{ width:30px!important; height:30px!important; border:3px solid #444; vertical-align:top; } .pl-ticker-img.pl-round-img img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } /*shar icons*/ .pl-share-cnt { display: inline-block; position: relative; cursor:pointer; } .pl-share-cnt i.fa-share-alt { width: 25px; height: 25px; background-color: #444; color: #fff; line-height: 25px; text-align: center; font-size: 12px; border-radius: 50%; } .pl-share-icons { position: absolute; top: 3px; right: 0; z-index:999; line-height: 25px; opacity:0; visibility:hidden; background-color: #444; white-space: nowrap; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -moz-transform: translateX(110%); -webkit-transform: translateX(110%); transform: translateX(110%); } .pl-share-icons i { width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 12px; color: #fff; } .pl-share-cnt:hover .pl-share-icons{ -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); opacity:1; visibility:visible; } .pl-ticker-content-item { margin-left: 10px; line-height:30px; overflow: hidden; display: block; white-space: nowrap; } /*quick view*/ .pl-quick-cnt { display: inline-block; position: relative; cursor:pointer; margin-right:5px; } .pl-quick-cnt i.fa-file-text-o { width: 25px; height: 25px; background-color: #444; color: #fff; line-height: 25px; text-align: center; font-size: 12px; border-radius: 50%; } /*********************************** ************POPUP******************* ***********************************/ .pl-quick-popup{ max-width:600px; margin: 20px auto; background-color:#fff; line-height:20px; } .pl-popup-content{ padding:20px; } .pl-popup-content .pl-title{ margin-bottom:10px; } .pl-popup-content .pl-title a{ font-size:20px; } .pl-popup-content .pl-meta{ margin-bottom:10px; } /*********************************** ************Vertical Ticker************ ************************************/ .pl-ticker-cnt.pl-vertical-ticker{ display:inline-block; width:100%; } .pl-ticker-cnt.pl-vertical-ticker.pl-timer-enable{ padding-left:0; } .pl-ticker-cnt.pl-vertical-ticker .pl-title-time{ position:relative; width:100%; height:auto!important; padding:10px 10px; line-height:normal!important; } .pl-ticker-cnt.pl-vertical-ticker .pl-ticker-title-cnt{ display:block; width:100%!important; height:auto!important; padding:10px 10px; text-align:center; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important } .pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt{ display:block; width:100%; max-width:100%; padding:0px; overflow:hidden; } .pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-item { display: block; white-space: normal; margin-left:0; } /******************************** *****SECOND ITEMS Layout One***** ********************************/ .pl-vitem.pl-vitem-layout-1{ background: none; display: inline-block; width: 100%; box-sizing: border-box; border-top:none; } .right-direction .pl-vitem.pl-vitem-layout-1, .left-direction .pl-vitem.pl-vitem-layout-1{ width:auto; } .pl-vitem.pl-vitem-layout-1 .pl-vitem-item{ display:inline-block; padding: 0; margin:0!important; border-bottom: none; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .pl-vitem.pl-vitem-layout-1 .pl-vitem-item:last-child{ border-bottom:none; } .pl-vitem.pl-vitem-layout-1 .pl-vitem-item:hover{ background-color:none; } .pl-vitem-layout-1 .pl-vitem-item .pl-thumbnail{ width:100px; float:left; } .pl-vitem-layout-1 .pl-vitem-content { margin-left: 110px; } .pl-vitem-layout-1 .pl-vitem-content .pl-title a{ font-size:13px; } .pl-vitem-layout-1 .pl-vitem-content .pl-meta .pl-meta-item a , .pl-vitem-layout-1 .pl-vitem-content .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-1 .pl-vitem-content .pl-meta .pl-meta-item i{ font-size:10px; } .pl-vitem-layout-1 .pl-vitem-content .pl-excerpt, .pl-vitem-layout-1 .pl-vitem-content .pl-excerpt p{ font-size:11px; } /*******LAYOUT 5 NO-IMAGE******/ .pl-vitem.pl-vitem-layout-5{ background: none; display: inline-block; width: 100%; box-sizing: border-box; border-top:none; } .right-direction .pl-vitem.pl-vitem-layout-5, .left-direction .pl-vitem.pl-vitem-layout-5{ width:auto; } .pl-vitem.pl-vitem-layout-5 .pl-vitem-item{ display:inline-block; padding: 0; border-bottom: none; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .pl-vitem.pl-vitem-layout-5 .pl-vitem-item:last-child{ border-bottom:none; } .pl-vitem.pl-vitem-layout-5 .pl-vitem-item:hover{ background-color:none; } .pl-vitem-layout-5 .pl-vitem-item .pl-thumbnail{ display:none; } .pl-vitem-layout-5 .pl-vitem-content { margin-left:0; } .pl-vitem-layout-5 .pl-vitem-content .pl-title a{ font-size:13px; } .pl-vitem-layout-5 .pl-vitem-content .pl-meta .pl-meta-item a , .pl-vitem-layout-5 .pl-vitem-content .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-5 .pl-vitem-content .pl-meta .pl-meta-item i{ font-size:10px; } .pl-vitem-layout-5 .pl-vitem-content .pl-excerpt, .pl-vitem-layout-5 .pl-vitem-content .pl-excerpt p{ font-size:11px; } /******************************** *****SECOND ITEMS Layout Two***** ********************************/ .pl-vitem-layout-2 .pl-vitem-item{ display:inline-block; padding: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .pl-vitem-layout-2 .pl-thumbnail { position:relative; } .pl-vitem-layout-2 .pl-vitem-content{ position:relative; text-align:center; background-color: #fff; padding:10px; width:90%; margin:-30px auto 0; z-index:999; } .pl-vitem-layout-2 .pl-vitem-content .pl-title a{ font-size:13px; } .pl-vitem-layout-2 .pl-meta{ margin-top:5px; } .pl-vitem-layout-2 .pl-vitem-content .pl-meta .pl-meta-item a , .pl-vitem-layout-2 .pl-vitem-content .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-2 .pl-vitem-content .pl-meta .pl-meta-item i{ font-size:10px; } .pl-vitem-layout-2 .pl-vitem-content .pl-excerpt, .pl-vitem-layout-2 .pl-vitem-content .pl-excerpt p{ font-size:11px; } /******************************** *****SECOND ITEMS Layout THREE***** ********************************/ .pl-vitem-layout-3 .pl-vitem-item{ display:inline-block; padding: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .pl-vitem-layout-3 .pl-thumbnail { position:relative; } .pl-vitem-layout-3 .pl-vitem-content{ position:relative; text-align:left; } .pl-vitem-layout-3 .pl-vitem-content .pl-title{ margin-top:10px; } .pl-vitem-layout-3 .pl-vitem-content .pl-title a{ font-size:13px; } .pl-vitem-layout-3 .pl-meta{ margin-top:5px; } .pl-vitem-layout-3 .pl-vitem-content .pl-meta .pl-meta-item a , .pl-vitem-layout-3 .pl-vitem-content .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-3 .pl-vitem-content .pl-meta .pl-meta-item i{ font-size:10px; } .pl-vitem-layout-3 .pl-vitem-content .pl-excerpt, .pl-vitem-layout-3 .pl-vitem-content .pl-excerpt p{ font-size:11px; margin-bottom:10px; } /************************************************** *******************SECOND ITEMS Layout FOURE******************** **************************************************/ .pl-vitem-layout-4 .pl-vitem-item{ position:relative; width: 100%; } .pl-vitem-layout-4 .pl-outer-details, .pl-vitem-layout-4 .pl-vitem-content{ position:absolute; z-index:999; padding:0 20px; width:100%; bottom:0; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .pl-vitem-layout-4 .pl-title { margin-bottom:10px; } .pl-vitem-layout-4 .pl-over-category{ top:20px; left:20px; } .pl-vitem-layout-4 .pl-title a{ font-size:13px; } .pl-vitem-layout-4 .pl-meta{ margin-bottom:10px; } .pl-vitem-layout-4 .pl-cat-meta .pl-meta-item i , .pl-vitem-layout-4 .pl-cat-meta .pl-meta-item a, .pl-vitem-layout-4 .pl-meta .pl-meta-item i ,.pl-vitem-layout-4 .pl-meta .pl-meta-item a , .pl-vitem-layout-4 .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-4 .pl-excerpt, .pl-vitem-layout-4 .pl-title a{ color:#fff; } .pl-vitem-layout-4 .pl-excerpt{ margin-bottom:10px; } /*********************************** ************IMAGE EFFECT************ ************************************/ .pl-thumbnail { position:relative; overflow:hidden; } .pl-thumbnail.pl-circle, .pl-thumbnail.pl-circle .pl-thumbnail-overlay{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .pl-thumbnail.pl-round ,.pl-thumbnail.pl-round .pl-thumbnail-overlay{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .pl-zoomin { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pl-vitem .pl-vitem-item:hover .pl-zoomin, .pl-box-fitem:hover .pl-zoomin { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .pl-zoomin-long { -webkit-transition: -webkit-transform 1s; transition: transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pl-vitem .pl-vitem-item:hover .pl-zoomin-long,.pl-box-fitem:hover .pl-zoomin-long { -webkit-transition: -webkit-transform 5s; transition: transform 5s; -webkit-transform: scale3d(1.3,1.3,1); transform: scale3d(1.3,1.3,1); } .pl-zoomout { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(1.12); transform: scale(1.12); } .pl-vitem .pl-vitem-item:hover .pl-zoomout, .pl-box-fitem:hover .pl-zoomout { -webkit-transform: scale(1); transform: scale(1); } .pl-grayscale {-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;} .pl-vitem .pl-vitem-item:hover .pl-grayscale , .pl-box-fitem:hover .pl-grayscale {-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;} .pl-opacity {-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;} .pl-vitem .pl-vitem-item:hover .pl-opacity, .pl-box-fitem:hover .pl-opacity { opacity:0.7; } .pl-rotateright {-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;} .pl-vitem .pl-vitem-item:hover .pl-rotateright , .pl-box-fitem:hover .pl-rotateright {-webkit-transform: rotate(10deg) scale(1.4);-moz-transform: rotate(10deg) scale(1.4);-ms-transform: rotate(10deg) scale(1.4);-o-transform: rotate(10deg) scale(1.4);transform: rotate(10deg) scale(1.4);} .pl-rotateleft {-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;} .pl-vitem .pl-vitem-item:hover .pl-rotateleft , .pl-box-fitem:hover .pl-rotateleft {-webkit-transform: rotate(-10deg) scale(1.4);-moz-transform: rotate(-10deg) scale(1.4);-ms-transform: rotate(-10deg) scale(1.4);-o-transform: rotate(-10deg) scale(1.4);transform: rotate(-10deg) scale(1.4);} .woo-blur {-webkit-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-ms-transition: all 0.1s ease 0s;-o-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;} .pl-vitem .pl-vitem-item:hover .pl-blur , .pl-box-fitem:hover .pl-blur {-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}