Your IP : 216.73.216.240
/* * --------------------------------------------------------------------
# Package - JoomlaMan JMNewsPro
# Version 1.0
# --------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright © 2012 - 2013 JoomlaMan.com. All Rights Reserved.
# @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
# Websites: http://www.JoomlaMan.com
---------------------------------------------------------------------* */
.latestwork {
padding: 20px 0;
position: relative;
direction: ltr;
}
.jmnewspro-header{ text-align:center;}
.latestwork .slide-inner{
padding:0px !important;
margin:0;
overflow:hidden;
}
.latestwork .slide-inner2{ margin:10px; background:rgba(255,255,255,1);}
.latestwork .slide-inner .padding{
padding: 90px 10px 0!important;
}
.latestwork .slide-item-image{}
.slide-item-cat{ text-transform:uppercase; color:#999; font-size:15px;}
.slide-item-title a{text-transform:uppercase; font-size:18px; font-weight:normal; margin:10px 0; display:block;}
.latestwork .slide-item-title a:hover{ color:#000;}
.slide-item-desc{ text-transform:uppercase; color:#000;}
.latestwork span.slide-item-readmore,
.latestwork span.slide-item-zoom {
display:inline-block;
}
.latestwork span.slide-item-readmore a ,.latestwork span.slide-item-zoom a {
display: inline-block;
font-size: 13px;
font-weight: normal;
height: 42px;
text-align: center;
width: 42px;
text-indent: -2000px;
}
.latestwork span.slide-item-readmore a {
margin-right: 10px;
}
.latestwork span.slide-item-zoom a {
padding: 0;
}
.latestwork span.slide-item-readmore a:hover{
}
.latestwork .slide-item-desc {
font-size:12px;
padding-bottom:10px;
}
.latestwork .jmnewspro-prev,
.latestwork .jmnewspro-next{
cursor: pointer;
display: block;
overflow: hidden;
position: absolute;
font-size: 60px;
vertical-align: middle;
font-weight: normal;
padding: 10px;
margin-top: 82px;
opacity: 0;
}
.latestwork i{
margin: 0;
}
.latestwork.jmnewspro span.jmnewspro-prev {
left: 0;
}
.latestwork.jmnewspro span.jmnewspro-next {
right: 0;
}
.latestwork .bx-wrapper {
position: relative;
margin: 0 auto 0;
padding: 0;
*zoom: 1;
}
.latestwork .bx-wrapper img {
max-width: 100%;
display: block;
}
.latestwork.jmnewspro-viewall { text-align:center;}
.jmnewspro-viewall .btn{ padding-left:30px; padding-right:30px;}
/** THEME
===================================*/
.latestwork .bx-pager ul{
list-style-type: none !important;
margin: 3px 0 0 !important;
padding: 0 !important;
float: left;
}
.latestwork .bx-pager ul li {
float: left;
width: 8px;
height: 8px;
margin: 0 4px 0 0 !important;
}
.latestwork .bx-pager ul li a{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAABICAYAAADGScSgAAACYUlEQVR42u2VQWcDURSFQ+lqKCGEIWQVGUpWIYQQQlcllCzyX0roqv8g/6CEbEtXJTFk1WVk01XpqoRZlZKeo/fFeO67k4YsSodvvLlzj7nv3TfvlEretdlsYvAA3gSO45J1IaEBPsDOg7HEEs4UkWNuCbeGMDuJcH5sqclRi5NrBxfpXZgVtoPXeDyOwQN4EziOi0QN8AF2HowllnCmiBxzS7g1hNlJhPNjS02OWpxcO7hI78KssB3r9ToCtyAFX0IqsSgk6oFXcA864EzoSIzver5oCJ7ByKhmJDlDFyiDDAyKtiNzJLfMhzviJ02n08uA+CcftxfQUoQLkCjCFjUcfIJzRVgFS9DwhBdgy8GWD1pZEHX5ZaVlmVVqHaQgDpXKyU4UIcusKXOcuMWpyBL3PaEm6ktuxQVuwNO+uXobrsEjc7Xmui3XzsXbuS13ZW1yzmEFdsJKYpH1S0XgFqTgS0glFoVEPfAK7kEHnAkdifFdzxcNwTMYGdWMJGfoAmUeRGBwwGE9kNwyH+6In9RsNi8D4p983F5ASxEuQKIIW9Rw8AnOFWEVLEHDE17w/HWHsPp3QNTll5WWZVapdZCCOFQqJztRhCyzpsxx4hanIkvc94SaqC+5FRe4AU/75uptuAaPzNWa67ZcOxdv57bclbXJOYdVznBWEov+vaPAPw7xjsQ/xQu9g34hB3JVEYa9Q5yqa7RM9w76hfhG3So15B01lvtr79D84987/p53hPzjEO9I/FO80DvoF3IgVxVh2DvEqbpGy3TvoF+Ib9StUkPeUWO5v/YOzT/+qHd8A+NAegnqyeocAAAAAElFTkSuQmCC') no-repeat 50% 0;
text-indent: -999em;
cursor: pointer;
display: block;
width: 8px;
height: 8px;
overflow: hidden;
}
.latestwork .bx-pager ul li a:hover, .bx-pager ul li a.active {
background-position: 50% -8px;
}
.css3 .view{
float: none!important;
}
.latestwork .slide-item-wrap-item .slide-item-desc-warp {
opacity:0;
transition: opacity .4s;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
}
.latestwork .slide-item-wrap-item:hover .slide-item-desc-warp {
opacity:1;
transition: opacity .4s;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
}
.in-top .slide-inner {
/* animation: in-top 500ms ease 0ms 1 forwards; */
-webkit-animation: in-top 500ms ease 0ms 1 forwards;
-moz-animation: in-top 500ms ease 0ms 1 forwards;
-o-animation: in-top 500ms ease 0ms 1 forwards;
-ms-animation: in-top 500ms ease 0ms 1 forwards;
}
.in-right .slide-inner{
/* animation: in-right 500ms ease 0ms 1 forwards; */
-webkit-animation: in-right 500ms ease 0ms 1 forwards;
-moz-animation: in-right 500ms ease 0ms 1 forwards;
-o-animation: in-right 500ms ease 0ms 1 forwards;
-ms-animation: in-right 500ms ease 0ms 1 forwards;
}
.in-bottom .slide-inner {
/* animation: in-bottom 500ms ease 0ms 1 forwards; */
-webkit-animation: in-bottom 500ms ease 0ms 1 forwards;
-moz-animation: in-bottom 500ms ease 0ms 1 forwards;
-o-animation: in-bottom 500ms ease 0ms 1 forwards;
-ms-animation: in-bottom 500ms ease 0ms 1 forwards;
}
.in-left .slide-inner {
/* animation: in-left 500ms ease 0ms 1 forwards; */
-webkit-animation: in-left 500ms ease 0ms 1 forwards;
-o-animation: in-left 500ms ease 0ms 1 forwards;
-ms-animation: in-left 500ms ease 0ms 1 forwards;
-moz-animation: in-left 500ms ease 0ms 1 forwards;
}
.out-top .slide-inner {
/* animation: out-top 500ms ease 0ms 1 forwards; */
-webkit-animation: out-top 500ms ease 0ms 1 forwards;
-moz-animation: out-top 500ms ease 0ms 1 forwards;
-ms-animation: out-top 500ms ease 0ms 1 forwards;
-moz-animation: out-top 500ms ease 0ms 1 forwards;
}
.out-right .slide-inner {
/* animation: out-right 500ms ease 0ms 1 forwards; */
-webkit-animation: out-right 500ms ease 0ms 1 forwards;
-moz-animation: out-right 500ms ease 0ms 1 forwards;
-o-animation: out-right 500ms ease 0ms 1 forwards;
-ms-animation: out-right 500ms ease 0ms 1 forwards;
}
.out-bottom .slide-inner {
/* animation: out-bottom 500ms ease 0ms 1 forwards; */
-webkit-animation: out-bottom 500ms ease 0ms 1 forwards;
-moz-animation: out-bottom 500ms ease 0ms 1 forwards;
-o-animation: out-bottom 500ms ease 0ms 1 forwards;
-ms-animation: out-bottom 500ms ease 0ms 1 forwards;
}
.out-left .slide-inner{
/* animation: out-left 500ms ease 0ms 1 forwards; */
-webkit-animation: out-left 500ms ease 0ms 1 forwards;
-moz-animation: out-left 500ms ease 0ms 1 forwards;
-o-animation: out-left 500ms ease 0ms 1 forwards;
-ms-animation: out-left 500ms ease 0ms 1 forwards;
}
/* Respnsive Style*/
@keyframes in-top {
0% {
top : -100%;
}
60%{
top :10%;
}
100% {
top:0;
}
}
@-webkit-keyframes in-top {
0% {
top : -100%;
}
60%{
top :10%;
}
100% {
top:0;
}
}
@keyframes in-right {
0% {
right:-100%;
}
60%{
right :10%;
}
100% {
right:0;
}
}
@-webkit-keyframes in-right {
0% {
right:-100%;
}
60%{
right :10%;
}
100% {
right:0;
}
}
@keyframes in-bottom {
0% {
bottom:-100%;
}
60%{
bottom :10%;
}
100% {
bottom:0;
}
}
@-webkit-keyframes in-bottom {
0% {
bottom:-100%;
}
60%{
bottom :10%;
}
100% {
bottom:0;
}
}
@keyframes in-left {
0% {
left:-100%;
}
60%{
left :10%;
}
100% {
left:0;
}
}
@-webkit-keyframes in-left {
0% {
left:-100%;
}
60%{
left :10%;
}
100% {
left:0;
}
}
@keyframes out-top {
from {
top:0;
}
100% {
top:-100%;
}
}
@-webkit-keyframes out-top {
from {
top:0;
}
100% {
top:-100%;
}
}
@keyframes out-right {
0% {
right:0;
}
100% {
right:-100%;
}
}
@-webkit-keyframes out-right {
0% {
right:0;
}
100% {
right:-100%;
}
}
@keyframes out-bottom {
0% {
bottom:0;
}
100% {
bottom:-100%;
}
}
@-webkit-keyframes out-bottom {
0% {
bottom:0;
}
100% {
bottom:-100%;
}
}
@keyframes out-left {
0% {
left:0;
}
100% {
left:-100%;
}
}
@-webkit-keyframes out-left {
0% {
left:0;
}
100% {
left:-100%;
}
}