@charset "UTF-8";
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }#niso-carousel .owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
#niso-carousel .owl-theme .owl-nav [class*='owl-'] {
display: inline-block;
}
#niso-carousel .owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
#niso-carousel .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
#niso-carousel .owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
#niso-carousel .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
#niso-carousel .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 30px; }
#niso-carousel .owl-theme .owl-dots .owl-dot.active span, #niso-carousel .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }
#niso-carousel .owl-theme .owl-nav [class*="owl-"] i {
border-radius: 3px;
color: #ff00ff;
cursor: pointer;
font-size: 14px;
margin: 5px;
padding: 6px 7px;
position: relative;
z-index: 999999;
}
#niso-carousel .owl-theme.owl-rtl .owl-nav [class*="owl-"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#niso-carousel .owl-theme .owl-nav [class*="owl-"] i:after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#niso-carousel .owl-theme .owl-nav [class*='owl-'] i:hover {
color: #FFF;
text-decoration: none; }
#niso-carousel .niso-theme{
position:relative;
}
#niso-carousel .nav1,
#niso-carousel .nav2 {
padding-top: 30px;
}
#niso-carousel .nav4,
#niso-carousel .nav5{
padding-bottom: 30px;
}
#niso-carousel .niso-theme .owl-nav{
position:absolute;
}
#niso-carousel .niso-theme.nav1 .owl-nav{
top:0;
left:0;
}
#niso-carousel .niso-theme.nav2 .owl-nav{
top:0;
right:0;
}
#niso-carousel .niso-theme.nav4 .owl-nav{
bottom:0;
right:0;
}
#niso-carousel .niso-theme.nav5 .owl-nav{
bottom:0;
left:0;
}
#niso-carousel .niso-theme.nav3 .owl-nav ,
#niso-carousel .niso-theme.nav6 .owl-nav {
top: 40%;
width: 100%;
}
#niso-carousel .niso-theme.nav6 .owl-nav .owl-next,
#niso-carousel .niso-theme.nav3 .owl-nav .owl-next {
position: absolute;
right: 0;
}
#niso-carousel .niso-theme.nav6 .owl-nav .owl-prev,
#niso-carousel .niso-theme.nav3 .owl-nav .owl-prev {
left: 0;
position: absolute;
}
#niso-carousel .niso-theme.nav6.owl-rtl .owl-nav .owl-next,
#niso-carousel .niso-theme.nav3.owl-rtl .owl-nav .owl-next {
left: 0;
right:100%
}
#niso-carousel .niso-theme.nav6.owl-rtl .owl-nav .owl-prev,
#niso-carousel .niso-theme.nav3.owl-rtl .owl-nav .owl-prev {
right: 0;
left: 94%;
}
#niso-carousel .niso-theme.nav6 .owl-nav { 
opacity:0;
-webkit-transition: all 0.6s ease 0s;
transition:all 0.6s ease 0s;
}
#niso-carousel:hover .niso-theme.nav6 .owl-nav { 
opacity:1;
filter: alpha(opacity=100)
}#niso-carousel .titlep {
letter-spacing: 0px;
padding-bottom: 60px;
font-size: 18px;
}
#niso-carousel .breath {
padding-top: 80px;
}
#niso-carousel .topinfo {
position: absolute;
bottom: 1px;
left: 96px;
}
#niso-carousel .page-header {
display: inline-block;
padding-bottom: 9px;
margin: 40px 0 20px;
border: 1px solid #eee;
padding: 15px;
border-radius: 12px
}
#niso-carousel .hover .overlay h4 {
color: #fff;
}
#niso-carousel .hover .overlay a, 
#niso-carousel .hover .overlay a i{ 
color: #D6B161;
}
#niso-carousel .hover .overlay a:hover, 
#niso-carousel .hover .overlay a i:hover{ 
color: #FAEFA1;
} #niso-carousel .hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
#niso-carousel .hover .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#niso-carousel .hover .overlay .overlay-item {
width: 95%;
height: 65%;
margin: auto;
position: absolute;
text-align:center;
top: 0;
left: 0;
bottom: 0; 
right: 0;
}
#niso-carousel .hover img {
display: block;
position: relative;
}
#niso-carousel .hover h2 {
background: transparent none repeat scroll 0 0;
color: #fff;
font-size: 17px;
letter-spacing: 0;
line-height: 1.3em;
padding: 0 6px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#niso-carousel .hover p {
color: #ededed;
}
#niso-carousel .hover a.button.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
margin: 10px 0;
border-radius: 0px;
background-color: transparent;
}
#niso-carousel .hover a.button.info:hover {
box-shadow: 0 0 5px #fff;
} #niso-carousel .hover a.button.nullbutton {
border: none;
padding: 0px;
margin: 0px;
}
#niso-carousel .hover a.button.nullbutton:hover {
box-shadow: none;
} #niso-carousel .modal-open .modal, 
#niso-carousel a.button:focus {
outline:none!important
} #niso-carousel .point {
cursor: pointer;
} #niso-carousel .ehover1 img {
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#niso-carousel .ehover1 .overlay {
opacity: 0;
background-color: rgba(0,0,0, 0.5);
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#niso-carousel .ehover1 h2 {
-moz-transform: translatey(-100px);
-ms-transform: translatey(-100px);
-o-transform: translatey(-100px);
-webkit-transform: translatey(-100px);
transform: translatey(-100px);
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#niso-carousel .ehover1 a.button.info {
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#niso-carousel .ehover1:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#niso-carousel .ehover1:hover .overlay {
opacity: 1;
}
#niso-carousel .ehover1:hover h2, 
#niso-carousel .ehover1:hover a.button.info {
opacity: 1;
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
-webkit-transform: translatey(0);
transform: translatey(0);
}
#niso-carousel .ehover1:hover h2{
margin-top: 14%;
}
#niso-carousel .ehover1:hover a.button.info {
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} #niso-carousel .ehover2 img {
transition: all 0.2s ease-in;
}
#niso-carousel .ehover2 .overlay {
background-color: rgba(0,0,0,0.6);
opacity: 0;
transform: translate(460px, -100px) rotate(180deg);
transition: all 0.2s 0.4s ease-in-out;
}
#niso-carousel .ehover2 a.button.info {
transform: translateY(-200px);
transition: all 0.2s ease-in-out;
}
#niso-carousel .ehover2:hover .overlay {
opacity: 1;
transition-delay: 0s;
transform: translate(0px, 0px);
}
#niso-carousel .ehover2:hover h2 {
transform: translateY(0px);
transition-delay: 0.5s;
}
#niso-carousel .ehover2:hover a.button.info {
transform: translateY(0px);
transition-delay: 0.3s;
} #niso-carousel .ehover3 img {
transition: all 0.4s ease-in;
}
#niso-carousel .ehover3 a.button.info, 
#niso-carousel .ehover3 h2 {
transform: scale(0.7);
transition: all 0.4s ease-in;
opacity: 0;
}
#niso-carousel .ehover3 h2 {
margin-top: 8%;
}
#niso-carousel .ehover3:hover img {
filter: grayscale(1) blur(3px);
-webkit-filter: grayscale(1) blur(3px);
transform: scale(1.2);
}
#niso-carousel .ehover3:hover a.button.info, 
#niso-carousel .ehover3:hover h2 {
opacity: 1;
transform: scale(1);
} #niso-carousel .ehover4 h2 {
transform: translateY(55px);
transition: all 0.4s ease-in-out;
}
#niso-carousel .ehover4:hover h2 {
transform: translateY(15px);
}
#niso-carousel .ehover4 .overlay {
background-color: rgba(75,75,75,0.7);
transition: all 0.4s ease-in-out;
}
#niso-carousel .ehover4:hover .overlay {
background-color: rgba(48, 152, 157, 0.4);
}
#niso-carousel .ehover4 a.button.info {
opacity: 0;
transform: scale(0);
transition: all 0.4s ease-in-out;
font-weight: normal;
border: 1px solid white;
margin: -20% 0 0 0;
padding: 20% 27%;
}
#niso-carousel .ehover4:hover a.button.info {
opacity: 1;
transform: scale(1);
} #niso-carousel .ehover42 h2 {
transform: translateY(55px);
transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}
#niso-carousel .ehover42:hover h2 {
transform: translateY(15px);
}
#niso-carousel .ehover42 .overlay {
background-color: rgba(75,75,75,0.7);
transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}
#niso-carousel .ehover42:hover .overlay {
background-color: rgba(48, 152, 157, 0.4);
}
#niso-carousel .ehover42 a.button.info {
opacity: 0;
transform: scale(0);
transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
font-weight: normal;
border: 1px solid white;
margin: -55px 0 0 0;
padding: 73px 90px;
}
#niso-carousel .ehover42:hover a.button.info {
opacity: 1;
transform: scale(1);
} #niso-carousel .ehover1v2 img {
transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}
#niso-carousel .ehover1v2 .overlay {
opacity: 0;
background-color: rgba(0,0,0, 0.5);
transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}
#niso-carousel .ehover1v2 h2 {
-moz-transform: translatey(-100px);
-ms-transform: translatey(-100px);
-o-transform: translatey(-100px);
-webkit-transform: translatey(-100px);
transform: translatey(-100px);
opacity: 0;
transition: all 0.2s cubic-bezier(0.88,-0.99, 0, 1.81);
}
#niso-carousel .ehover1v2 a.button.info {
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#niso-carousel .ehover1v2:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#niso-carousel .ehover1v2:hover .overlay {
opacity: 1;
}
#niso-carousel .ehover1v2:hover h2,
#niso-carousel .ehover1v2:hover a.button.info {
opacity: 1;
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
-webkit-transform: translatey(0);
transform: translatey(0);
}
#niso-carousel .ehover1v2:hover a.button.info {
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
#niso-carousel .ehover4 .overlay a.button.info {
margin-top: 20px;
} #niso-carousel .ehover5 h2, 
#niso-carousel .ehover5 img {
transition: all 0.4s ease-in-out;
}
#niso-carousel .ehover5 img {
transform: scale(1.1);
}
#niso-carousel .ehover5:hover img {
transform: scale(1);
}
#niso-carousel .ehover5 .overlay {
transition: all 0.4s ease-in-out;
}
#niso-carousel .ehover5:hover .overlay {
background-color: rgba(170,170,170,0.6);
}
#niso-carousel .ehover5 a.button.info {
opacity: 0;
transform: scale(1.5);
transition: all 0.4s ease-in-out;
font-weight: normal;
border: 1px solid white;
height: 85%;
width: 85%;
position: absolute;
top: -20%;
left: 8%;
padding: 70px;
}
#niso-carousel .ehover5:hover a.button.info {
opacity: 1;
transform: scale(1);
background-color: rgba(0,0,0,0.4);
}
#niso-carousel .ehover5 a.button.info:hover {
box-shadow: none;
} #niso-carousel .ehover6 .rotate {
transform: rotate(-45deg);
width: 100%;
height: 100%;
position: absolute; bottom: 0px;
}
#niso-carousel .ehover6 hr {
width: 50%;
opacity: 0;
}
#niso-carousel .ehover6  hr:nth-child(2) {
-webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
}
#niso-carousel .ehover6  hr:nth-child(3) {
-webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
}
#niso-carousel .ehover6 h2,
#niso-carousel .ehover6 hr {
position: absolute;
top: 14%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: transparent;
margin: 0px;
}
#niso-carousel .group1,
#niso-carousel .group2 {
left: 50%;
position: absolute;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: transparent;
margin: 0px;
padding: 0px; letter-spacing: 0px;
}
#niso-carousel.group1 {
top: 40%;
}
#niso-carousel .group2 {
top: 60%;
}
#niso-carousel .ehover6 h2 {
width: 100%;
}
#niso-carousel .ehover6 p {
width: 30%;
text-transform: none;
font-size: 15px;
line-height: 2;
}
#niso-carousel .ehover6 p a {
color: #fff;
}
#niso-carousel .ehover6 p a:hover,
#niso-carousel .ehover6 p a:focus {
opacity: 0.6;
}
#niso-carousel .ehover6  a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
padding: 10px;
font-size: 20px;
}
#niso-carousel .group1 a:first-child i {
-webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
}
#niso-carousel .group1 a:nth-child(2) i {
-webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
transform: translate3d(60px,-60px,0)  rotate(45deg) scale(2);
}
#niso-carousel .group2 a:first-child i {
-webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
}
#niso-carousel .group2 a:nth-child(2) i {
-webkit-transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
}
#niso-carousel .ehover6:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
#niso-carousel .ehover6:hover hr:nth-child(2) {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
}
#niso-carousel .ehover6:hover hr:nth-child(3) {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
}
#niso-carousel .ehover6:hover .group1 i:empty, .ehover6:hover .group2 i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0) rotate(45deg) scale(1); opacity: 1;
}
#niso-carousel .ehover6 img {
transform: scale(1.1);
transition: all 0.35s;
}
#niso-carousel .ehover6:hover img
{
transform: scale(1);
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
} #niso-carousel .ehover7 h2,
#niso-carousel .ehover7 p {
position: absolute;
top: 73%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: transparent;
margin: 0px;
padding: 0px;
}
#niso-carousel .ehover7 .overlay::before {
position: absolute;
top: 50%;
left: 50%;
width: 40%;
height: 60%;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
#niso-carousel .ehover7 p {
width: 20%;
text-transform: none;
font-size: 15px;
line-height: 2;
}
#niso-carousel .ehover7 p a {
color: #fff;
}
#niso-carousel .ehover7 p a:hover,
#niso-carousel .ehover7 p a:focus {
opacity: 0.6;
}
#niso-carousel .ehover7  a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
padding: 0px 5px;
}
#niso-carousel .ehover7 p a:first-child i {
-webkit-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
}
#niso-carousel .ehover7 p a:nth-child(2) i {
-webkit-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
}
#niso-carousel .ehover7 p a:nth-child(3) i {
-webkit-transform: translate3d(-60px,60px,0);
transform: translate3d(-60px,60px,0);
}
#niso-carousel .ehover7 p a:nth-child(4) i {
-webkit-transform: translate3d(60px,60px,0);
transform: translate3d(60px,60px,0);
}
#niso-carousel .ehover7:hover .overlay::before {
opacity: 1;
background-color: rgba(0,0,0,0.2);
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
}
#niso-carousel .ehover7:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
#niso-carousel .ehover7:hover p i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); opacity: 1;
} #niso-carousel .ehover8 hr {
width: 40%;
opacity: 0;
border: 1px solid #FFF;
}
#niso-carousel .ehover8  hr:nth-child(3) {
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
}
#niso-carousel .ehover8  hr:nth-child(4) {
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1, 180deg) scale3d(0,0,1);
}
#niso-carousel .ehover8 h2, 
#niso-carousel .ehover8 hr {
position: absolute;
top: 77%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: transparent;
margin: 0px;
}
#niso-carousel .set1, 
#niso-carousel .set2 {
left: 50%;
position: absolute;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: transparent;
margin: 0px;
padding: 0px;
}
#niso-carousel .set1 {
top: 40%;
}
#niso-carousel .set2 {
top: 60%;
}
#niso-carousel .ehover8 p {
width: 30%;
text-transform: none;
font-size: 15px;
line-height: 2;
}
#niso-carousel .ehover8 p a {
color: #fff;
}
#niso-carousel .ehover8 p a:hover,
#niso-carousel .ehover8 p a:focus {
opacity: 0.6;
}
#niso-carousel .ehover8  a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
padding: 10px;
font-size: 20px;
}
#niso-carousel .set1 a:first-child i {
-webkit-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
}
#niso-carousel .set1 a:nth-child(2) i {
-webkit-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
}
#niso-carousel .set2 a:first-child i {
-webkit-transform: translate3d(-60px,60px,0);
transform: translate3d(-60px,60px,0);
}
#niso-carousel .set2 a:nth-child(2) i {
-webkit-transform: translate3d(60px,60px,0);
transform: translate3d(60px,60px,0);
}
#niso-carousel .ehover8:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
#niso-carousel .ehover8:hover hr:nth-child(3) {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
}
#niso-carousel .ehover8:hover hr:nth-child(4) {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
}
#niso-carousel .ehover8:hover .set1 i:empty, 
#niso-carousel .ehover8:hover .set2 i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); opacity: 1;
} #niso-carousel .ehover9 .overlay { 
background-color: rgba(255, 255, 255, 0.7);
top: -200px;
opacity: 0;
transition: all 0.1s ease-out 0.5s;
}
#niso-carousel .ehover9 h2{
transform: translateY(-200px);
transition: all ease-in-out 0.1s;
transition-delay: 0.3s;
}
#niso-carousel .ehover9 a.button.info { 
transform: translateY(-200px);
color: #000;
border: 1px solid #000;
transition:  all ease-in-out 0.3s;
} 
#niso-carousel .ehover9:hover .overlay { 
opacity: 1; 
top: 0px; 
transition-delay: 0s
}																		
html body #niso-carousel .hover.ehover9 .overlay p, 
html body #niso-carousel .hover.ehover9 .overlay h2{ 
color:#000000
}		
#niso-carousel .ehover9:hover h2 { 
transform: translateY(0px);
transition-delay: 0.3s;
}
#niso-carousel .ehover9:hover a.button.info { 
transform: translateY(0px);
box-shadow: 0 0 5px #000;
color: #000;
border: 1px solid #000;
transition-delay: 0.3s;
} #niso-carousel .ehover10 img {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
#niso-carousel .ehover10:hover img {
-webkit-transform: translate3d(0,-10%,0);
transform: translate3d(0,-10%,0);
}
#niso-carousel .ehover10 .overlay {
background: transparent none repeat scroll 0 0;
bottom: 0;
color: #3c4a50;
height: 85%;
padding: 1em;
top: auto;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
#niso-carousel .ehover10 a.button.info
{
float: left;
margin: 0px;
text-transform: uppercase;
color: #fff;
font-size: 17px;
background: rgba(0, 0, 0, 0.6);
}
#niso-carousel .ehover10 p.icon-links a {
float: right;
color: #3c4a50;
font-size: 1.4em;
}
#niso-carousel .ehover10:hover p.icon-links a:hover,
#niso-carousel .ehover10:hover p.icon-links a:focus {
color: #252d31;
}
#niso-carousel .ehover10 a.button,
#niso-carousel .ehover10 p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}
#niso-carousel .ehover10 p.icon-links a span::before {
display: inline-block;
padding: 8px 10px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#niso-carousel .ehover10 a.button {
display: inline-block;
}
#niso-carousel .ehover10:hover .overlay,
#niso-carousel .ehover10:hover a.button,
#niso-carousel .ehover10:hover p.icon-links a {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#niso-carousel .ehover10:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
#niso-carousel .ehover10:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
#niso-carousel .ehover10:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
#niso-carousel .ehover10:hover p.icon-links a:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} #niso-carousel .ehover11 {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
#niso-carousel .ehover11 img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
transition: opacity 0.35s, transform 0.45s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
#niso-carousel .ehover11 .overlay::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
transition: opacity 0.35s, transform 0.45s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
#niso-carousel .ehover11 .overlay {
padding: 3em;
text-align: left;
}
#niso-carousel .ehover11 h2 {
background-color: transparent;
padding: 15% 0 10px 0;
text-align: left;
}
#niso-carousel .ehover11 a.button.info {
color: #FFF;
opacity: 0;
margin: 0px;
border: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
transition: opacity 0.35s, transform 0.45s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
#niso-carousel .ehover11:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#niso-carousel .ehover11:hover .overlay::before,
#niso-carousel .ehover11:hover a.button.info {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} #niso-carousel .ehover12 {
background: #42b078;
}
#niso-carousel .ehover12 img {
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#niso-carousel .ehover12:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#niso-carousel .ehover12 .overlay {
padding: 50px 20px;
}
#niso-carousel .ehover12 h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
background-color: transparent;
}
#niso-carousel .ehover12 h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
#niso-carousel .ehover12:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#niso-carousel .ehover12 a.button {
color:	#FFF;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
#niso-carousel .ehover12:hover a.button{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} #niso-carousel .ehover13 img
{
transition: all 0.35s;
}
#niso-carousel .ehover13:hover img
{
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
#niso-carousel .ehover13 .overlay {
width: 80%;
height: 80%;
left: 10%;
top: 10%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
#niso-carousel .ehover13:hover .overlay {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#niso-carousel .ehover13 a.button {
color:	#FFF;
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
#niso-carousel .ehover13 h2 {
background-color: transparent;
color:	#FFF;
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
#niso-carousel .ehover13:hover a.button, 
#niso-carousel .ehover13:hover h2{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} #niso-carousel .ehover14 img
{
transition: all 0.35s;
}
#niso-carousel .ehover14:hover img
{
filter: brightness(1.4);
-webkit-filter: brightness(1.4);
}
#niso-carousel .ehover14 .overlay {
opacity: 0;
width: 80%;
height: 87%;
left: 10%;
top: 7%;
border-radius: 80%;
border: 2px solid #FFF;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(50%,50%,0);
transform: translate3d(50%,50%,0);
}
#niso-carousel .ehover14:hover .overlay {
background-color: rgba(0,0,0,0.3);
}
#niso-carousel .ehover14 a.button  {
color:	#FFF;
padding: 1em 0;
top:40%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-150%,-400%,0);
transform: translate3d(-150%,-400%,0);
}
#niso-carousel .ehover14 h2 {
background-color: transparent;
color:	#FFF;
top:35%;
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-150%,-400%,0);
transform: translate3d(-150%,-400%,0);
}
#niso-carousel .ehover14:hover a.button,
#niso-carousel .ehover14:hover h2, 
#niso-carousel .ehover14:hover .overlay
{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
} .btn {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn:hover {
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 15px 0 rgba(0, 0, 0, 0.16);
} .btn.btn-hLeft {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hLeft:after {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hLeft:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn:hover.btn-hLeft:after {
width: 100%;
} .btn.btn-hRight {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hRight:after {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hRight:before {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hRight:before {
width: 100%;
} .btn.btn-hUp {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hUp:after {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hUp:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 0
}
.btn:hover.btn-hUp:before {
height: 100%;
} .btn.btn-hDown {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hDown:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hDown:after {
height: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hDown:after {
height: 100%;
} .btn.btn-hCenter {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hCenter:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hCenter:after {
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hCenter:after {
-webkit-transform: scale(1);
transform: scale(1);
} .btn.btn-hRotLeft {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hRotLeft:before {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hRotLeft:after {
height: 200%;
left: -90%;
top: 10%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hRotLeft:after {
left: 0;
top: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
} .btn.btn-hRotRight {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hRotRight:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hRotRight:after {
height: 200%;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: skewX(90deg);
transform: skewX(90deg);
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
top: 0;
left: 0;
z-index: -1;
}
.btn:hover.btn-hRotRight:after {
-webkit-transform: skewX(0);
transform: skewX(0);
} .btn.btn-hskewDown {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hskewDown:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hskewDown:after {
-webkit-transform: skewY(90deg);
transform: skewY(90deg);
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hskewDown:after {
-webkit-transform: skewY(0);
transform: skewY(0);
} .btn.btn-hDivideX {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hDivideX:after {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
left: -50%;
width: 50%;
}
.btn.btn-hDivideX:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
right: -50%;
width: 50%;
}
.btn:hover.btn-hDivideX:after {
left: 0;
}
.btn:hover.btn-hDivideX:before {
right: 0;
} .btn.btn-hDivideOutX {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hDivideOutX:after {
width: 50%;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hDivideOutX:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 50%;
}
.btn:hover.btn-hDivideOutX:after {
left: -50%
}
.btn:hover.btn-hDivideOutX:before {
right: -50%;
} .btn.btn-hDivideY {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hDivideY:after {
height: 50%;
top: -60%;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hDivideY:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 50%;
Bottom: -60%;
}
.btn:hover.btn-hDivideY:after {
top: 0;
}
.btn:hover.btn-hDivideY:before {
bottom: 0;
} .btn.btn-hDivideOutY {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hDivideOutY:after {
height: 50%;
top: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hDivideOutY:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 50%;
Bottom: 0;
}
.btn:hover.btn-hDivideOutY:after {
top: -60%;
}
.btn:hover.btn-hDivideOutY:before {
bottom: -60%;
} .btn.btn-hRolling {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hRolling:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hRolling:after {
-webkit-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hRolling:after {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
} .btn.btn-hBorderTop {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBorderTop:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
}
.btn.btn-hBorderTop {
border-radius: 0
}
.btn.btn-hBorderTop:after {
height: 4px;
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBorderTop:after {
width: 100%;
} .btn.btn-hBorderBottom {
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBorderBottom:after {
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hBorderBottom {
border-radius: 0;
}
.btn.btn-hBorderBottom:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 4px;
width: 0;
}
.btn:hover.btn-hBorderBottom:before {
width: 100%;
} .btn.btn-hBorderTopBottom {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBorderTopBottom:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 4px;
width: 0;
}
.btn.btn-hBorderTopBottom:after {
height: 4px;
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBorderTopBottom:after {
width: 100%;
}
.btn:hover.btn-hBorderTopBottom:before {
width: 100%;
} .btn.btn-hBorderTopLeft {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBorderTopLeft:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 0;
width: 4px;
left: 0;
top: 0;
}
.btn.btn-hBorderTopLeft:after {
height: 4px;
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBorderTopLeft:after {
width: 100%;
}
.btn:hover.btn-hBorderTopLeft:before {
height: 100%;
} .btn.btn-hBorderTopRight {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBorderTopRight:before {
height: 0;
width: 4px;
right: 0;
top: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hBorderTopRight:after {
height: 4px;
left: inherit;
right: 0;
top: 0;
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBorderTopRight:before {
height: 100%;
}
.btn:hover.btn-hBorderTopRight:after {
width: 100%;
} .btn.btn-hBBottomRight {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBBottomRight:before {
height: 0;
width: 4px;
right: 0;
bottom: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hBBottomRight:after {
height: 4px;
left: inherit;
top: inherit;
right: 0;
bottom: 0;
width: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBBottomRight:after {
width: 100%;
}
.btn:hover.btn-hBBottomRight:before {
height: 100%;
} .btn.btn-hBBottomLeft {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hBBottomLeft:before {
height: 0;
width: 4px;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
bottom: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn.btn-hBBottomLeft:after {
height: 4px;
left: 0;
bottom: 0;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
width: 0;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hBBottomLeft:after {
width: 100%;
}
.btn:hover.btn-hBBottomLeft:before {
height: 100%;
} .btn.btn-hXeffect1 {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hXeffect1:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
bottom: -80px;
height: 200px;
right: -20px;
-webkit-transform: rotate(41deg);
transform: rotate(41deg);
width: 0;
z-index: -1;
}
.btn.btn-hXeffect1:after {
height: 200px;
left: -20px;
top: -80px;
-webkit-transform: rotate(41deg);
transform: rotate(41deg);
width: 0;
z-index: -1;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hXeffect1:after {
width: 40%;
}
.btn:hover.btn-hXeffect1:before {
width: 36%;
} .btn.btn-hXeffect2 {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hXeffect2:before {
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
bottom: -25px;
height: 100px;
right: -8px;
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
width: 0;
z-index: -1;
}
.btn.btn-hXeffect2:after {
height: 100px;
left: -8px;
top: -25px;
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
width: 0;
z-index: -1;
position: absolute;
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.btn:hover.btn-hXeffect2:after {
width: 40%;
}
.btn:hover.btn-hXeffect2:before {
width: 40%;
} .btn.btn-hskewY {
border-radius: 0;
position: relative;
overflow: hidden;
background-color: #fff;
border-color: #ccc;
color: #333;
z-index: 11;
}
.btn.btn-hskewY:before {
background: #e6e6e6 none repeat scroll 0 0;
bottom: 0;
color: #333;
content: "";
height: 100%;
left: 0;
position: absolute;
-webkit-transform: skewY(20deg);
transform: skewY(20deg);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
z-index: -1;
}
.btn:hover.btn-hskewY:before {}   .btn.btn-info {
background-color: #46b8da;
border-color: #46b8da;
color: #fff;
}
.btn.btn-info:after {
background-color: #118baf;
border-color: #269abc;
color: #fff;
}
.btn.btn-info:before {
background-color: #118baf;
border-color: #269abc;
color: #fff;
} .btn.btn-primary {
background-color: #337ab7;
border-color: #2e6da4;
color: #fff;
}
.btn.btn-primary:after {
background-color: #286090;
border-color: #204d74;
color: #fff;
}
.btn.btn-primary:before {
background-color: #286090;
border-color: #204d74;
color: #fff;
} .btn.btn-success {
background-color: #5cb85c;
border-color: #5cb85c;
color: #fff;
}
.btn.btn-success:after {
background-color: #2e882e;
border-color: #398439;
color: #fff;
}
.btn.btn-success:before {
background-color: #2e882e;
border-color: #398439;
color: #fff;
} .btn.btn-warning {
background-color: #f0ad4e;
border-color: #eea236;
color: #fff;
}
.btn.btn-warning:after {
background-color: #d68513;
border-color: #d58512;
color: #fff;
}
.btn.btn-warning:before {
background-color: #d68513;
border-color: #d58512;
color: #fff;
} .btn.btn-danger {
background-color: #d9534f;
border-color: #d43f3a;
color: #fff;
}
.btn.btn-danger:after {
background-color: #b41f1b;
border-color: #ac2925;
color: #fff;
}
.btn.btn-danger:before {
background-color: #b41f1b;
border-color: #ac2925;
color: #fff;
} .btn.btn-dark {
background-color: #000;
border-color: #000;
color: #fff;
}
.btn:hover.btn-dark:after {
background-color: #333;
border-color: #111;
color: #fff;
}
.btn:hover.btn-dark:before {
background-color: #333;
border-color: #111;
color: #fff;
}
.btn.btn-hDivideOutX.btn-dark,
.btn.btn-hDivideOutY.btn-dark {
color: #000;
}
.btn.btn-hDivideOutX.btn-dark:hover,
.btn.btn-hDivideOutY.btn-dark:hover {
color: #fff;
} .btn.btn-light {
background-color: #fff;
border-color: #000;
color: #000;
}
.btn:hover.btn-light:after {
background-color: #eee;
border-color: #000;
color: #000;
}
.btn:hover.btn-light:before {
background-color: #eee;
border-color: #000;
color: #000;
} .btn.btn-tr {
background-color: transparent;
border-color: #000;
color: #000;
}
.btn:hover.btn-tr:after {
background-color: #fff;
border-color: #000;
color: #000;
}
.btn:hover.btn-tr:before {
background-color: #fff;
border-color: #000;
color: #000;
} .btn.btn-tr-danger {
background-color: rgba(255, 0, 0, 0.20);
border-color: #000;
color: #000;
}
.btn.btn-tr-danger:hover {
color: #fff;
}
.btn.btn-tr-danger:hover:after {
background-color: #ff0000;
border-color: #adadad;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-danger:hover:before {
background-color: #ff0000;
border-color: #adadad;
content: "";
color: #333;
position: absolute;
}
.btn.btn-hBorderTop.btn-tr-danger:hover,
.btn.btn-hBorderBottom.btn-tr-danger:hover,
.btn.btn-hBorderTopBottom.btn-tr-danger:hover,
.btn.btn-hBorderTopLeft.btn-tr-danger:hover,
.btn.btn-hBorderTopRight.btn-tr-danger:hover,
.btn.btn-hBBottomRight.btn-tr-danger:hover,
.btn.btn-hBBottomLeft.btn-tr-danger:hover {
color: #000
}
.btn.btn-hXeffect2.btn-tr-danger:hover:before,
.btn.btn-hXeffect2.btn-tr-danger:hover:after,
.btn.btn-hDivideOutY.btn-tr-danger:before,
.btn.btn-hDivideOutX.btn-tr-danger:before,
.btn.btn-hDivideOutY.btn-tr-danger:after,
.btn.btn-hDivideOutX.btn-tr-danger:after {
background-color: #ff0000;
}
.btn.btn-hDivideOutY.btn-tr-danger,
.btn.btn-hDivideOutX.btn-tr-danger {
color: #fff;
}
.btn.btn-hDivideOutY.btn-tr-danger:hover,
.btn.btn-hDivideOutX.btn-tr-danger:hover {
color: #000;
}
.btn.btn-hXeffect1.btn-tr-danger:hover {
color: #000;
} .btn.btn-tr-info {
background-color: rgba(91, 192, 222, 0.20);
border-color: #118baf;
color: #000;
}
.btn.btn-tr-info:hover {
color: #fff;
}
.btn.btn-tr-info:hover:after {
background-color: #46b8da;
border-color: #118baf;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-info:hover:before {
background-color: #46b8da;
border-color: #118baf;
content: "";
color: #333;
position: absolute;
}
.btn.btn-hBorderTop.btn-tr-info:hover,
.btn.btn-hBorderBottom.btn-tr-info:hover,
.btn.btn-hBorderTopBottom.btn-tr-info:hover,
.btn.btn-hBorderTopLeft.btn-tr-info:hover,
.btn.btn-hBorderTopRight.btn-tr-info:hover,
.btn.btn-hBBottomRight.btn-tr-info:hover,
.btn.btn-hBBottomLeft.btn-tr-info:hover {
color: #000
}
.btn.btn-hDivideOutY.btn-tr-info:before,
.btn.btn-hDivideOutX.btn-tr-info:before,
.btn.btn-hDivideOutY.btn-tr-info:after,
.btn.btn-hDivideOutX.btn-tr-info:after {
background-color: #46b8da;
}
.btn.btn-hDivideOutY.btn-tr-info,
.btn.btn-hDivideOutX.btn-tr-info {
color: #fff;
}
.btn.btn-hDivideOutY.btn-tr-info:hover,
.btn.btn-hDivideOutX.btn-tr-info:hover {
color: #000;
} .btn.btn-tr-primary {
background-color: rgba(51, 122, 183, 0.20);
border-color: #286090;
color: #000;
}
.btn.btn-tr-primary:hover {
color: #fff;
}
.btn.btn-tr-primary:hover:after {
background-color: #337ab7;
border-color: #286090;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-primary:hover:before {
background-color: #337ab7;
border-color: #286090;
content: "";
color: #333;
position: absolute;
}
.btn.btn-hDivideOutX.btn-tr-primary:before,
.btn.btn-hDivideOutY.btn-tr-primary:before {
background: #337ab7;
}
.btn.btn-hDivideOutX.btn-tr-primary,
.btn.btn-hDivideOutY.btn-tr-primary {
color: #fff;
}
.btn.btn-hDivideOutX.btn-tr-primary:hover,
.btn.btn-hDivideOutY.btn-tr-primary:hover {
color: #000;
}
.btn.btn-hDivideOutX.btn-tr-primary:after,
.btn.btn-hDivideOutY.btn-tr-primary:after {
background: #337ab7;
} .btn.btn-tr-success {
background-color: rgba(92, 184, 92, 0.20);
border-color: #2e882e;
color: #000;
}
.btn.btn-tr-success:hover {
color: #fff;
}
.btn.btn-tr-success:hover:after {
background-color: #5cb85c;
border-color: #2e882e;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-success:hover:before {
background-color: #5cb85c;
border-color: #2e882e;
content: "";
color: #333;
position: absolute;
}
.btn.btn-hDivideOutX.btn-tr-success,
.btn.btn-hDivideOutY.btn-tr-success {
color: #fff
}
.btn.btn-hDivideOutX.btn-tr-success:hover,
.btn.btn-hDivideOutY.btn-tr-success:hover {
color: #000
}
.btn.btn-hDivideOutX.btn-tr-success:before,
.btn.btn-hDivideOutX.btn-tr-success:after,
.btn.btn-hDivideOutY.btn-tr-success:before,
.btn.btn-hDivideOutY.btn-tr-success:after {
background: rgba(92, 184, 92, 0.80) none repeat scroll 0 0;
} .btn.btn-tr-dark {
background-color: rgba(0, 0, 0, 0.10);
border-color: #000;
color: #000;
}
.btn.btn-tr-dark:hover {
color: #888;
}
.btn.btn-tr-dark:hover:after {
background-color: rgba(0, 0, 0, 0.80);
border-color: #111;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-dark:hover:before {
background-color: rgba(0, 0, 0, 0.80);
border-color: #111;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-dark:hover {
color: #fff;
}
.btn.btn-hBorderTop.btn-tr-dark:hover,
.btn.btn-hBorderBottom.btn-tr-dark:hover,
.btn.btn-hBorderTopBottom.btn-tr-dark:hover,
.btn.btn-hBorderTopRight.btn-tr-dark:hover,
.btn.btn-hBBottomRight.btn-tr-dark:hover,
.btn.btn-hBBottomLeft.btn-tr-dark:hover,
.btn.btn-hBorderTopLeft.btn-tr-dark:hover {
color: #000;
}
.btn.btn-hDivideOutY.btn-tr-dark:before,
.btn.btn-hDivideOutX.btn-tr-dark:before {
background: rgba(0, 0, 0, 0.10);
color: #fff;
}
.btn.btn-hDivideOutY.btn-tr-dark:after,
.btn.btn-hDivideOutX.btn-tr-dark:after {
background: rgba(0, 0, 0, 0.10);
;
}
.btn.btn-hDivideOutX.btn-tr-dark,
.btn.btn-hDivideOutY.btn-tr-dark {
color: #fff;
}
.btn.btn-hDivideOutY.btn-tr-dark:hover,
.btn.btn-hDivideOutX.btn-tr-dark:hover {
color: #000;
} .btn.btn-tr-light {
background-color: rgba(255, 255, 255, 0.20);
border-color: #fff;
color: #fff;
}
.btn.btn-tr-light:hover {
color: #000;
}
.btn.btn-tr-light:hover:after {
background-color: rgba(255, 255, 255, 0.80);
border-color: #ccc;
content: "";
color: #333;
position: absolute;
}
.btn.btn-tr-light:hover:before {
background-color: rgba(255, 255, 255, 0.80);
border-color: #ccc;
content: "";
color: #333;
position: absolute;
}
.btn.btn-hDivideOutX.btn-tr-light,
.btn.btn-hDivideOutY.btn-tr-light {
color: #000;
}
.btn.btn-hDivideOutX.btn-tr-light:hover,
.btn.btn-hDivideOutY.btn-tr-light:hover,
.btn.btn-hBorderTop.btn-tr-light:hover,
.btn.btn-hBorderBottom.btn-tr-light:hover,
.btn.btn-hBBottomRight.btn-tr-light:hover,
.btn.btn-hBBottomLeft.btn-tr-light:hover,
.btn.btn-hBorderTopRight.btn-tr-light:hover,
.btn.btn-hBorderTopLeft.btn-tr-light:hover,
.btn.btn-hBorderTopBottom.btn-tr-light:hover {
color: #fff;
}
.btn.btn-hXeffect1.btn-tr-light:hover,
.btn.btn-hXeffect2.btn-tr-light:hover {
color: #888;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}#niso-carousel p,
#niso-carousel h4,
#niso-carousel h2,
#niso-carousel h3,
#niso-carousel a.button{
font-family: 'Lato', sans-serif;
font-weight:400;
}
#niso-carousel img{ 
max-width:100%;
height:auto;
}
#niso-carousel p {
color: #999999;
font-size: 15px;
line-height: 26px;
margin: 0 0 10px;
}
#niso-carousel h4,
#niso-carousel h3 {
color: #000000;
font-size: 17px;
letter-spacing: 1px;
line-height: 1.2em;
margin-bottom: 10px;
margin-top: 20px;
}
#niso-carousel a {
box-shadow: none;
color: #666666;
font-size: 15px;
text-decoration: none;
}
#niso-carousel a:hover,
#niso-carousel a:focus,
#niso-carousel a:active{
color: #000000;
}
#niso-carousel pre {
letter-spacing: 0px;
text-transform: none;
}
#niso-carousel .round img {
border: 1px solid #ededed;
border-radius: 50%;
}
html body .niso-caption h6 {
color: #fff;
font-size: 1em;
font-weight: normal;
line-height: 1.3;
padding: 5px;
text-align: center;
text-transform: none;
}
html body .owl-carousel.niso-carousel .niso-caption.simple h6 {
margin: 0;
}
#niso-carousel .niso-caption.niso-hover h6 {
bottom: -1000px;
left: 0;
margin: 8px 0;
position: absolute;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 9999999;
}
html body .niso-caption h6:after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
} #niso-carousel .slider-cap {
left: 0;
padding: 50px;
position: absolute;
text-align: left;
top: 20%;
width: 100%;
}
#niso-carousel .niso-carousel .owl-stage .owl-item .item:hover .niso-caption.niso-hover h6{
bottom: 0;
}
#niso-carousel .niso-carousel .owl-item .item a img{ 
cursor:-webkit-zoom-in; 
cursor:zoom-in;
} #niso-carousel {
height: auto;
margin: 0;
width: 100%;
}
#niso-carousel .blog-image {
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
#niso-carousel .meta{ 
margin: 0 0 3px;
}
#niso-carousel .meta,
#niso-carousel .meta a,
#niso-carousel .meta i{
color: #555;
font-size: 12px;
font-weight: 400;
}
html body #niso-carousel .niso-blog .meta a:hover{ 
color:#222;
}
#niso-carousel i{ 
margin-right:5px
}
#niso-carousel a.niso-button,
#niso-carousel .niso-product a.button{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #aaa;
box-shadow: none;
color: #aaa;
display: inline-block;
margin: 0 0 0 6px;
padding: 5px 10px;
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#niso-carousel .niso-product a.button{ 
margin-left:0;
}
#niso-carousel a.niso-button:hover{ 
border:1px solid #fff;
color: #fff;
}
#niso-carousel .blog1 a.niso-button:hover, 
#niso-carousel .niso-product a.button:hover{ 
border:1px solid #222;
color: #222;
}
#niso-carousel .blog2,
#niso-carousel .blog2 a,
#niso-carousel .blog2 i{ 
background:#555;
color:#ccc;
}
#niso-carousel .blog2 .blog-content {
padding: 0 2% 3%;
}
#niso-carousel .niso-blog.blog2 .blog-content {
margin-top: -20px;
}
#niso-carousel .blog2 h4{ 
color:#fff;
padding-top: 20px;
}
#niso-carousel .blog2 .meta {
color: #ccc;
}
#niso-carousel .niso-blog.blog3 {
display: block;
}
#niso-carousel .blog3 .blog-image {
display: inline-block;
width: 30%;
}
#niso-carousel .blog3 .blog-content {
display: inline-block;
margin-left: 4%;
padding: 2%;
vertical-align: top;
width: 65%;
}
#niso-carousel .blog3 h4 {
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
#niso-carousel .blog3 a.niso-button:hover{ 
border:1px solid #000;
color: #000;
}
#niso-carousel .blog4 .blog-image {
position: relative;
}
#niso-carousel .blog4 .time {
left: 0;
position: absolute;
top: 0;
}
#niso-carousel .blog4 h4 {
margin-top: 30%;
padding: 10px;
}
#niso-carousel .blog4 i {
color:#fff;
}
#niso-carousel .blog4 .time p {
color: #fff;
font-size: 13px;
font-style: italic;
padding: 3% 18%;
position: relative;
z-index: 11111;
}
#niso-carousel .blog4 .time p:after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#niso-carousel .blog5 {
background: transparent none repeat scroll 0 0;
}
#niso-carousel .blog5 .blog-content {
overflow: hidden;
padding: 0;
}
#niso-carousel .blog5 .meta {
color: #939496;
margin: 15px 0 15px -5px;
}
#niso-carousel .meta-data {
display: inline-block;
margin-left: 5px;
}
#niso-carousel .blog5 .meta a{
color: #939496;
}
#niso-carousel .blog5  a.niso-button {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #ededed;
-webkit-border-image: none;
-o-border-image: none;
border-image: none;
border-style: none none solid;
border-width: 0 0 1px;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#niso-carousel .blog5:hover .blog-content a.niso-button {
opacity: 1;
}
#niso-carousel .blog5  a.niso-button:hover{ 
color:#333;
border-color:#333;
} #niso-carousel .about1 h4 {
letter-spacing: 1px;
line-height: 26px;
margin: 20px 0;
text-transform: uppercase;
} #niso-carousel .about2 .blog-image{ 
width:56%;
display:inline-block;
}
#niso-carousel .about2 .about-content{ 
width:40%;
display:inline-block;
}
#niso-carousel .about2 .blog-image{ 
background:#F6F0F0;
padding:6px;
}
#niso-carousel .about2 .about-content {
vertical-align: top;
}
#niso-carousel .about2 h4 {
font-size:28px;
letter-spacing: 0;
text-transform: uppercase;
} #niso-carousel .about3.hover .overlay {
padding: 4%;
}
#niso-carousel .about3.hover .overlay h4 {
margin: 0;
padding: 7% 0 5%;
}
#niso-carousel .about3.hover .overlay p {
color:#fff;
}
#niso-carousel .about3.hover .overlay hr {
background-color: #FFCE44;
border: 0 none;
height: 1px;
margin: 0 0 10px;
} #niso-carousel .niso-testimonials.testimonials1 {
background: #fff none repeat scroll 0 0;
border-radius: 5%;
padding: 20px;
}
#niso-carousel .niso-testimonials.testimonials1 h4.test-title,
#niso-carousel .niso-testimonials.testimonials1 p.identity {
color: #555555;
display: inline-block;
font-size: 18px;
font-style: italic;
letter-spacing: 0;
margin-top: 5%;
vertical-align: top;
width: 70%;
text-align:right;
}
html body #niso-carousel .niso-testimonials.testimonials1 p.identity { 
margin-top: 0;
}
#niso-carousel .niso-testimonials.testimonials1 .test-image {
display: inline-block;
margin: 0 2%;
width: 25%;
}
#niso-carousel .niso-testimonials.testimonials1 .test-image img {
border: 2px solid #ccc;
border-radius: 50%;
height: 100px;
margin-left: auto;
margin-right: auto;
width: 100px;
} #niso-carousel .niso-testimonials.testimonials2 {
background: transparent none repeat scroll 0 0;
text-align: center;
}
#niso-carousel .niso-testimonials.testimonials2 .test-image img,
#niso-carousel .niso-testimonials.testimonials3 .test-image img {
border: 2px solid #ccc;
border-radius: 50%;
display: block;
height: 100px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 100px;
}
#niso-carousel .niso-testimonials.testimonials2 h4.test-title2,
#niso-carousel .niso-testimonials.testimonials3 h4.test-title3 {
font-size: 24px;
margin: 15px 0;
} #niso-carousel.niso-testimonials.testimonials3 { 
text-align:center;
}
#niso-carousel .niso-testimonials.testimonials3 .testimonials-content {
margin-bottom: 20px;
margin-left: 4%;
margin-top: 20px;
width: 92%;
}
#niso-carousel .niso-testimonials.testimonials3 h4.test-title3 {
margin-bottom: 25px;
}
#niso-carousel .niso-testimonials.testimonials3 .testimonials-content:before {
color: #999999;
content: "\f10e";
font-family: FontAwesome;
font-size: 18px;
left: -26px;
position: absolute;
top: 14px;
}
#niso-carousel .niso-testimonials.testimonials3 .testimonials-content:after {
color: #999999;
content:"\f10d";
font-family: FontAwesome;
font-size: 18px;
position: absolute;
right: -24px;
top: 14px;
}
#niso-carousel .niso-testimonials.testimonials3 .testimonials-content p {
color: #555;
font-size: 18px;
font-style: italic;
font-weight: 700;
letter-spacing: 1px;
} #niso-carousel .niso-portfolio.portfolio1 .portfolio-content {
display: block;
} #niso-carousel .niso-portfolio.portfolio2 .overlay a i {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
height: 45px;
line-height: 42px;
text-align: center;
-webkit-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
width: 45px;
} #niso-carousel .niso-team.team .team-image {
overflow: hidden;
position: relative;
}
#niso-carousel .niso-team.team .team-image:after {
background: #fff none repeat scroll 0 0;
bottom: -27%;
content: "";
height: 34%;
left: -21%;
position: absolute;
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
width: 192%;
}
#niso-carousel .niso-team.team .team-title h4 {
bottom:1%;
font-size: 120%;
font-weight: 700;
left: 1%;
position: absolute;
} #niso-carousel .niso-team.team2 .team-image img {
border-bottom: 4px solid #999999;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#niso-carousel .niso-team.team2:hover .team-image img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#niso-carousel .niso-team.team2 .team-title h4 {
border-bottom: 1px solid #ededed;
border-width: thin thin 1px;
font-size: 21px;
font-weight: 700;
padding-bottom: 13px;
text-align: center;
text-transform: uppercase;
} #niso-carousel .team3 .overlay h4 {
font-size: 22px;
font-weight: 700;
letter-spacing: 0;
} #niso-carousel .niso-carousel .niso-service{ 
padding:20px 0;
}
#niso-carousel .niso-carousel .niso-service .service-left {
display: inline-block;
width: 25%;
vertical-align: top;
}
#niso-carousel .niso-service .service-right {
display: inline-block;
margin-left: 2%;
width: 70%;
}
#niso-carousel .niso-carousel .niso-service i,
#niso-carousel .niso-carousel .niso-service p{ 
color:#898989;
}
#niso-carousel .niso-carousel .niso-service.service1 h4{ 
margin-top:0;
}
#niso-carousel .niso-carousel .niso-service .service-left{ 
text-align:center;
}
#niso-carousel .niso-carousel .niso-service i{ 
font-size:300%;
} #niso-carousel .service-two .service-icon {
float: left;
padding: 0 10px 10px 0;
width: 22%;
}
#niso-carousel .service-two h4 {
display: inline-block;
margin: 0 0 10px;
width: 78%;
} #niso-carousel .niso-service .service-three {
text-align: center;
}
#niso-carousel .niso-carousel .niso-service .service-three i {
font-size: 500%;
padding: 20px;
} #niso-carousel .testimonials-left {
display: inline-block;
float: left;
width: 25%;
}
#niso-carousel .testimonials-right {
display: inline-block;
margin-left: 5%;
padding-left: 5%;
width: 70%;
}
#niso-carousel .testimonials-left img {
border-radius: 50%;
height: 180px;
margin-left: auto;
width: 180px;
}
#niso-carousel .test-name > h4 {
margin: 0 0 10px;
}
#niso-carousel .test-name > p {
margin: -12px 0 10px;
}
#niso-carousel .niso-testimonials .sign-img {
height: 100px;
width: 200px;
}
#niso-carousel .niso-testimonials .signature .sign-img img {
max-height: 100%;
max-width: 100%;
}
#niso-carousel .niso-testimonials hr {
background-color: #ededed;
margin-bottom: 7px;
} #niso-carousel .testimonials-top img {
border-radius: 50%;
display: block;
height: 100px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: 100px;
}
#niso-carousel .testimonials-bottom {
text-align:center;
}
#niso-carousel .testimonials-bottom .sign-img {
display: block;
height: 80px;
margin-left: auto;
margin-right: auto;
width: 150px;
} #niso-carousel .testimonial3 .testimonial-desc {
margin: 20px 0;
}
#niso-carousel .testimonial3 .identity-img {
display: inline-block;
text-align: center;
}
#niso-carousel .testimonial3 .identity-img img {
border-radius: 50%;
height: 100px;
width: 100px;
}
#niso-carousel .testimonial3 .niso-text.name-sign {
display: inline-block;
margin-left: 10px;
}
#niso-carousel .testimonial3 .testimonials-identity {
margin: 20px 0;
text-align: center;
}
#niso-carousel .niso-testimonials.testimonial3  .name-sign .sign-img {
height: 50px;
width: 100px;
}
#niso-carousel .niso-testimonials.testimonial3 .name-sign .sign-img img {
height: 100%;
width: 100%;
} #niso-carousel .hover p.member-desc{ 
color: #FAEFA1;
}
#niso-carousel .niso-team.team-member {
text-align: center;
}
#niso-carousel .niso-team.team-member .member-social {
margin-top: -5px;
}
#niso-carousel .niso-team .member-social ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
#niso-carousel .niso-team .member-social ul li {
display: inline-block;
margin: 5px;
}
#niso-carousel .niso-team.team-member .member-name,
#niso-carousel .niso-team.team-member p.member-desc {
margin-bottom: 0;
} #niso-carousel .niso-team .overlay .total-info{
bottom: 0;
height: 80%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 90%;
}
#niso-carousel .niso-product .added:after {
content: "\f00c";
font-family: fontawesome;
margin-left: 5px;
}
#niso-carousel .niso-product .loading:after {
font-family: fontawesome;
content: '\f110';
margin-left: 5px;
}
#niso-carousel .niso-product a.added_to_cart.wc-forward {
background: transparent none repeat scroll 0 0;
display: block;
margin: 5px 0 0;
padding: 5px;
}
#niso-carousel .niso-product a.added_to_cart.wc-forward { 
opacity: 1; 
filter: alpha(opacity=100)
}
#niso-carousel #niso-product a.added_to_cart:after {
content: "\f138";
font-family: fontawesome;
margin-left: 9px;
}
#niso-carousel .niso-product hr {
margin-bottom: 5px;
}
#niso-carousel .niso-product .part-three {
margin-bottom: 5px;
padding: 5px 0;
}
#niso-carousel .niso-product .part-three ins {
background: transparent none repeat scroll 0 0;
color: #000;
}
#niso-carousel .niso-product del {
color: #ff0000;
margin-right: 5px;
}
#niso-carousel .niso-product .part-one img {
position: relative;
}
#niso-carousel .niso-product .part-one span {
position: relative;
}
#niso-carousel .niso-product .part-one span:after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#niso-carousel .niso-product span.onsale {
color: #fff;
left: 0;
padding: 1px 17px;
position: absolute;
top: 0;
z-index: 9999;
}
#niso-carousel .niso-product.product-single .part-one {
display: inline-block;
margin-right: 5%;
width: 30%;
}
#niso-carousel .niso-product.product-single .right-part {
display: inline-block;
vertical-align: top;
width: 64%;
}
#niso-carousel .niso-product.product-single .right-part h3 {
margin-top: 0;
font-size: 23px;
text-transform: uppercase;
}
#niso-carousel .niso-product.hover a.button {
border: 2px solid #3399ff;
color: #3399ff;
}
#niso-carousel .niso-product.niso-product6.hover h3{ 
text-transform:uppercase;
}
#niso-carousel .niso-product.hover a.button:hover {
border-color: #79b6f3;
color: #79b6f3;
}
#niso-carousel .niso-product.niso-product6.hover.ehover1 h3,
#niso-carousel .niso-product.niso-product6.hover.ehover1 span,
#niso-carousel .niso-product.niso-product6.hover.ehover13 h3,
#niso-carousel .niso-product.niso-product6.hover.ehover13 span {
color: #fff;
}
#niso-carousel .niso-cap-slider {
position: relative;
}
#niso-carousel .niso-cap {
position: absolute;
bottom: 0;
left: 0;
height: auto;
margin: auto;
padding:10px;
}
.niso-cap h1,
.niso-cap h5,
.niso-cap a {
color:#fff;
}
#niso-carousel .niso-cap h5{margin-top:0}
#niso-carousel .niso-cap.center{ 
right:0;
text-align:center;
z-index:999;
}
#niso-carousel .niso-cap.right{ 
right:0;
left:inherit;
text-align:right;
}
.w-100{ 
width:100%;
}
.w-75{ 
width:75%;
}
.w-50{ 
width:50%;
}
.w-25{ 
width:25%;
}
.full-overlay {
background: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.6;
}
#niso-carousel .niso-cap.text-overlay {
z-index: 9999;
}
#niso-carousel .niso-cap.text-overlay:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
content: "";
z-index: -1;
opacity: 0.6;
}
#niso-carousel a.nbtn{ 
color:inherit;
}
#niso-carousel a.nbtn.btn-tr-light,
#niso-carousel a.nbtn.btn-tr-info,
#niso-carousel a.nbtn.btn-tr-light,
#niso-carousel a.nbtn.btn-tr-success,
#niso-carousel a.nbtn.btn-tr-primary{ 
color:#fff;
}
#niso-carousel .owl-carousel .owl-item .niso-cap{ 
display:none;
}
#niso-carousel .owl-carousel .owl-item.active .niso-cap{ 
display:block;
z-index:9
}
#niso-carousel a.nbtn.btn.btn-hCenter.btn-tr-light {
color: #fff;
}
#niso-carousel a.nbtn.btn.btn-hCenter.btn-tr-light:hover {
color: #000;
}
#niso-carousel a.nbtn.btn.btn-hCenter.btn-tr-dark:hover {
color: #fff;
}
@media only screen and (max-width:767px){
#niso-carousel #niso-caption img {
min-height: 180px;
}
#niso-carousel #niso-caption .niso-cap.cap-res {
width: 100%;
bottom:0;
padding:10px
}
#niso-carousel #niso-caption .niso-cap.cap-res h1 {
font-size:25px;
}
#niso-carousel #niso-caption .niso-cap.cap-res h5 {
font-size:15px;
margin-bottom:10px;
}
#niso-carousel #niso-caption .niso-cap.cap-res a.nbtn.btn {
padding: 4px 12px;
font-size: 14px;
}
}.nivo-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99998;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
visibility: visible;
opacity: 1;
}
.nivo-lightbox-wrap  {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-content {
width: 100%;
height: 100%;
}
.nivo-lightbox-title-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
position: absolute;
top: 50%;
left: 0;
}
.nivo-lightbox-next {
position: absolute;
top: 50%;
right: 0;
}
.nivo-lightbox-close {
position: absolute;
top: 2%;
right: 2%;
}
.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.nivo-lightbox-content iframe {
width: 100%;
height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-error {
display: table;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
display: table-cell;
vertical-align: middle;
} .nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
-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;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.palto-item a img {
-webkit-cursor: zoom-in;
-moz-cursor: zoom-in;
-ms-cursor: zoom-in;
-o-cursor: zoom-in;
cursor: zoom-in;
}.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
background: #666;
background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/loading.gif) no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
opacity: 1; 
background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/prev.png); 
border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/next.png); 
border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/loading@2x.gif); 
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/prev@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/next@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close { 
background-image: url(//www.gtbonline.com.au/wp-content/plugins/niso-carousel-pro/assets/css/themes/close@2x.png); 
background-size: 16px 16px;
}
}.wsmTableContainer td, .wsmTableContainer a, .wsmTableContainer th {
font-size: 14px;
}
.wsmTableContainer h3 {
direction: ltr;
}
.entry-content .wsmTableContainer{
text-align: center !important;
}
.entry-content .wsmTableContainer ul {
padding-right: 0 !important;
}
ul.wsmUL{
list-style: none;
display: flex;
padding: 0 !important;
}
ul.wsmUL li{  
flex: 1;
align-items: stretch;
float: left;
}
ul.wsmUL.wsmTodaysStats li:first-child {
border-left: 1px solid #cccccc;
}
ul.wsmUL.wsmTodaysStats li:last-child {
border-right: 1px solid #cccccc;
}
ul.wsmUL.wsmTodaysStats li {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 12px 8px;
}
div#wsm_dayStatBox table td, div#wsm_dayStatBox table th {
border: 1px solid #cccccc;
}
.entry-content label img {
margin-top: 0px;
vertical-align: text-bottom;
padding: 0 !important;
}
td.jqplot-table-legend.jqplot-table-legend-swatch {
margin: 3px 4px;    
}
.wsmForeCast ul.wsmUL .wsmRightBlock {
float:  none !important;
margin-right: 0;
}
.entry-content img {
margin-top: 0 !important;
vertical-align: middle;
}
.wsmBarCompare {
display: none;
justify-content: space-between;
}
span.crafty-social-caption {
margin-top: 15px;
}
.crafty-social-buttons.crafty-social-share-buttons {
margin-top: 15px;
}
div#wsm_recentVisitedPages table {
margin: auto;
width: 100%;
}
.wsmTableContainer .wsmIcon, .wsmMetaboxContainer .wsmIcon {
width: 10px !important;
}
td.wsmIconSet.wsmBrowerOS img {
margin-left: 4px;
}
div#wsm_popularPagesList table {
width: 100%;
margin: auto;
}
div#wsm_popularPagesList table tr td:first-child {
width: 10%;
}
div#wsm_mostActiveVisitorsList table {
width: 100%;
}
div#wsm_mostActiveVisitorsList table tr td:first-child {
width: 10%;
}
div#wsm_mostActiveVisitorsList table tr td:last-child {
width: 25%;
}
td.wsmIconSet img {
margin-left: 4px;
}
div#wsm_visitorsCountListByCountry table, div#wsm_visitorsCountListByCity table, div#wsm_popularReferrersList table {
width: 100%;
}
div#wsm_visitorsCountListByCountry table tr td:first-child, div#wsm_visitorsCountListByCity table tr td:first-child, div#wsm_popularReferrersList table tr td:first-child, div#wsm_recentVisitedPages table tr td:first-child {
width: 10%;
}
div#wsm_recentVisitedPages table tr td:nth-child(2), div#wsm_popularPagesList table tr td:last-child, div#wsm_popularReferrersList table tr td:last-child, div#wsm_mostActiveVisitorsList table tr td:nth-child(2), div#wsm_visitorsCountListByCountry table tr td:last-child, div#wsm_visitorsCountListByCity table tr td:last-child {
text-align: right;
}
.vistor_panel_data {
margin-bottom: 30px;
} .wsmArrowUp, .wsmArrowDown {
vertical-align: middle;
}
td a {
word-break: break-word;
}
.wsmProgressBar {
width: auto !important;
}
div#wsm_TableTrafficStats td:first-child, .panelSearchEngineReview.wsmTableContainer table.wsmTableStriped td:first-child {
width: auto;
}
.vistor_panel_data.wsmTableContainer table tr th:nth-child(3), .vistor_panel_data.wsmTableContainer table tr td:nth-child(3), div#wsm_topRefferStatsList table th:nth-child(3), div#wsm_topRefferStatsList table td:nth-child(3), div#wsm_topRefferStatsList table tr:last-child, .single_location_chart, .wsmTableContainer.wsmContentURLStats table tr
td:first-child a {
display: none;
}
div#wsm_topRefferStatsList table tr td:last-child {
width: 25%;
}
div#post-2661 .entry-content > div:nth-child(3) table td:last-child {
width: 22.5%;
}
.wsmTableContainer.wsmLocationList.wsmReferenceList.vistor_panel_data table tr th:last-child, .wsmTableContainer.wsmLocationList.wsmReferenceList.vistor_panel_data table tr td:last-child {
width: 15%;
}
.wsmTableContainer.wsmLocationList.wsmReferenceList.vistor_panel_data table tr th.width_100.align_center, .wsmTableContainer.wsmLocationList.wsmReferenceList.vistor_panel_data table tr td.width_100.align_center {
width: 20% !important;
}
.wsmTableContainer.wsmContentURLStats table tr th:nth-child(2), .wsmTableContainer.wsmContentURLStats table tr td:nth-child(2) {
width: 45%;
padding: 0 10px;
text-align: right;
}
table.wsmTableStriped td, .wsmTableContainer table td, table.wsmTableStriped th, .wsmTableContainer table th {
border: 1px solid #cccccc;
}
.wsmCounters {
margin-bottom: 5px;
}
.wsmTableContainer table {
border: 1px solid #cccccc;
}
div#wsm_dayStatBox table tr td:first-child {
width: 33.333%;
}
ul.wsmUL.wsmGenStats li {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
ul.wsmUL.wsmGenStats li:first-child {
border-left: 1px solid #cccccc;
}
ul.wsmUL.wsmGenStats li:last-child {
border-right: 1px solid #cccccc;
}
ul.wsmUL.wsmLast2months li:first-child {
border-left: 1px solid #cccccc;    
}
ul.wsmUL.wsmLast2months li:last-child {
border-right: 1px solid #cccccc;    
}
.wsmForecast ul {
border: 1px solid #cccccc;
}
.jqplot-table-legend-swatch {
border-bottom-width: 5px;
border-top-width: 5px;
height: 0;
width: 0;
border-left-width: 6px;
border-right-width: 6px;
border-style: solid;
}
ul.wsmUL.wsmGenStats li {
text-align: left !important;
}
ul.wsmUL.wsmLast2months {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
display: flex;
}
.stats_submenu{
display:none;
}
#country_visitor_info_graph .jqplot-table-legend ,
#pieGeolocation .jqplot-table-legend,
.each_visior_info_graph .jqplot-table-legend{
padding: 0;
border: 0;
font-size:12px;
}
table.jqplot-table-legend,td.jqplot-table-legend{
width:auto !important;
}
#country_visitor_info_graph table.jqplot-table-legend ,
#pieGeolocation table.jqplot-table-legend {
top: 0 !important;
direction:ltr;    
}
#pieGeolocation table.jqplot-table-legend td{
width:auto;
}
#pieGeolocation table.jqplot-table-legend td.jqplot-table-legend-label{
padding-left: 5px;
}
.jqplot-target .jqplot-table-legend {
text-align: left;
border:none;
}
.wsmMetaboxContainer .jqplot-highlighter-tooltip, .wsmMetaboxContainer .jqplot-canvasOverlay-tooltip{
background: rgba(0,0,0,0.6);
z-index:11000;
font-size: 13px;
color:#fff !important;
padding: 2px 5px;
}
td.jqplot-table-legend.jqplot-table-legend-swatch.jqplot-seriesToggle {
height: 10px;
padding: 0px;
margin: 0px;
}
#barStacked .jqplot-axis.jqplot-yaxis {
left: 12px !important;
}
#barGrouped .jqplot-axis.jqplot-yaxis {
left: 20px !important;
}
#barStacked table.jqplot-table-legend,#barGrouped table.jqplot-table-legend,#lastDaysChart table.jqplot-table-legend{
margin:5px;
}
#barStacked table.jqplot-table-legend td.jqplot-table-legend, #barGrouped table.jqplot-table-legend td.jqplot-table-legend , #lastDaysChart table.jqplot-table-legend td.jqplot-table-legend {
border:none;
vertical-align: middle;
padding:0;
}
#barStacked table.jqplot-table-legend td.jqplot-table-legend-label, #barGrouped table.jqplot-table-legend td.jqplot-table-legend-label , #lastDaysChart table.jqplot-table-legend td.jqplot-table-legend-label {
padding:0 5px;
} div#lastDaysChart .jqplot-axis.jqplot-yaxis {
left: 7px !important;
}
.title_search_panel input {
display: none;
}
img.flag {
height: 5px;
width: 10px;
margin-bottom: 3px;
}
#wsm_mostActiveVisitorsList img.flag {
margin-bottom: 8px;
margin-left: 7px;    
}
td.wsmCityCountry {
direction: ltr;
text-align: left;
}
div#wsm_recentVisitedPagesdetailsList .wsmCityCountry {
text-align: center;
}
.vistor_panel_data .wsmReferralRow td:nth-child(2) {
direction: ltr;
text-align: left;
}
div#wsm_visitorsCountListByCountry td:nth-child(2), #wsm_visitorsCountListByCity td:nth-child(2) {
direction: ltr;
text-align: left !important;
}
.wsmSearchKeywords .pull-right span {
vertical-align: 0px;
}
#barStacked tr.jqplot-table-legend td:nth-child(even), #barGrouped tr.jqplot-table-legend td:nth-child(even), #lastDaysChart tr.jqplot-table-legend td:nth-child(even) {
font-size: 12px;
vertical-align: 0;
}
div#wsm_popularReferrersList table tr td.wsmPageTitle {
text-align: left;
}
.wsmTooltip .wsmTooltipText {
width: 100px;
}
div#content {
overflow: visible;
}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-woosw {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-woosw {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-woosw {
overflow: auto !important;
}
}
.ps-theme-woosw.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-woosw.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-woosw.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-woosw.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-woosw.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, .58);
}
.ps-theme-woosw.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-woosw.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, .58);
width: 6px;
border-radius: 3px;
}
.ps-theme-woosw > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 6px;
border-radius: 3px;
}
.ps-theme-woosw > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, .58);
border-radius: 0;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 6px !important;
border-radius: 3px !important;
}
.ps-theme-woosw > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-woosw > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 6px;
border-radius: 3px;
}
.ps-theme-woosw > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 6px;
border-radius: 3px;
}
.ps-theme-woosw > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, .58); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 6px !important;
border-radius: 3px !important;
}
.ps-theme-woosw > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-woosw > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 6px;
border-radius: 3px;
}
.ps-theme-woosw:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-woosw:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .58);
}
.ps-theme-woosw:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, .58);
height: 6px;
border-radius: 3px;
}
.ps-theme-woosw:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .58);
}
.ps-theme-woosw:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, .58);
width: 6px;
border-radius: 3px;
}
.ps-theme-woosw:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-woosw:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, .58);
}
.ps-theme-woosw:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-woosw:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, .58);
}@font-face {
font-family: 'feather';
src: url(//www.gtbonline.com.au/wp-content/plugins/woocommerce-product-carousel-slider-grid-ultimate-pro/woo-smart-wishlist/assets/libs/feather/fonts/feather.eot);
src: url(//www.gtbonline.com.au/wp-content/plugins/woocommerce-product-carousel-slider-grid-ultimate-pro/woo-smart-wishlist/assets/libs/feather/fonts/feather.eot#iefix) format('embedded-opentype'),
url(//www.gtbonline.com.au/wp-content/plugins/woocommerce-product-carousel-slider-grid-ultimate-pro/woo-smart-wishlist/assets/libs/feather/fonts/feather.ttf) format('truetype'),
url(//www.gtbonline.com.au/wp-content/plugins/woocommerce-product-carousel-slider-grid-ultimate-pro/woo-smart-wishlist/assets/libs/feather/fonts/feather.woff) format('woff'),
url(//www.gtbonline.com.au/wp-content/plugins/woocommerce-product-carousel-slider-grid-ultimate-pro/woo-smart-wishlist/assets/libs/feather/fonts/feather.svg#feather) format('svg');
font-weight: normal;
font-style: normal;
}@keyframes spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosw-btn.woosw-added:before {
content: '\2713';
margin-right: 5px;
}
.woosw-btn.woosw-adding:after {
content: '...';
}
.woosw-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999989;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 14px;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
box-sizing: border-box;
}
.woosw-area * {
box-sizing: border-box;
}
.woosw-area.woosw-open {
opacity: 1;
visibility: visible;
}
.woosw-area.woosw-open .woosw-inner .woosw-content {
top: 50%;
border-radius: 4px;
overflow: hidden;
}
.woosw-area .woosw-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosw-area .woosw-inner .woosw-content {
width: 90%;
max-width: 480px;
height: auto;
max-height: 90%;
position: absolute;
top: 40%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
display: flex;
flex-direction: column;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosw-area .woosw-inner .woosw-content > div {
align-self: stretch;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
text-transform: uppercase;
color: #fff;
font-weight: 700;
background-color: #222;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-count {
margin-left: 5px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-count:before {
content: '(';
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-count:after {
content: ')';
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-close:before {
content: '\e9ea';
font-size: 20px;
font-family: 'feather';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid {
display: block;
position: relative;
min-height: 80px;
flex: 1 1 auto;
padding: 0;
margin: 0;
background-color: #fff;
overflow-x: hidden;
overflow-y: hidden;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid .woosw-content-mid-notice {
display: block;
padding: 20px;
height: 40px;
line-height: 40px;
text-align: center;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid .woosw-content-mid-message {
display: block;
padding: 20px 40px 40px 40px;
font-size: 20px;
text-align: center;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid .woosw-content-mid-message img {
display: block;
width: 60%;
height: auto;
margin: 0 auto;
opacity: .6;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items {
margin: 0;
padding: 0;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items tr td {
padding: 10px 5px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items tr td:first-child {
padding-left: 20px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items tr td:last-child {
padding-right: 20px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.03);
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items tr:hover td {
background-color: rgba(0, 0, 0, 0.05);
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove {
vertical-align: middle;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
cursor: pointer;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before {
display: inline-block;
content: '\e9ea';
font-size: 16px;
font-family: 'feather';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span.removing:before {
animation: spinner 1s linear infinite;
-webkit-animation: spinner 1s linear infinite;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:hover:before {
color: #cc6055;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--image {
width: 90px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--image img {
width: 80px;
height: 80px;
border-radius: 2px;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--title a {
font-weight: 700;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p {
border: none !important;
padding: 0 !important;
font-size: 0;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > del, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > ins, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > span {
display: none;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a {
display: block;
padding: 10px;
margin: 0;
font-size: 14px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 20px;
position: relative;
color: #fff;
font-size: 14px;
text-transform: uppercase;
background-color: #222;
overflow: hidden;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner > span {
flex-basis: 50%;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner > span:last-child {
text-align: right;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-page a {
color: #fff;
outline: none;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-page a:hover {
color: #5fbd74;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-continue {
cursor: pointer;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-continue:hover {
color: #5fbd74;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-notice {
display: block;
text-align: center;
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
background-color: #5fbd74;
position: absolute;
top: 48px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-notice.woosw-notice-show {
top: 0;
}
.woosw-area.woosw-message .woosw-inner .woosw-content {
max-width: 320px;
}
.woosw-area.woosw-message .woosw-inner .woosw-content .woosw-content-top {
color: #222;
background-color: transparent;
}
.woosw-area.woosw-message .woosw-inner .woosw-content .woosw-content-bot {
display: none;
}
.woosw-list table.woosw-content-items {
margin: 0;
padding: 0;
}
.woosw-list table.woosw-content-items tr td {
padding: 10px 5px;
}
.woosw-list table.woosw-content-items tr td:first-child {
padding-left: 20px;
}
.woosw-list table.woosw-content-items tr td:last-child {
padding-right: 20px;
}
.woosw-list table.woosw-content-items tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.03);
}
.woosw-list table.woosw-content-items tr:hover td {
background-color: rgba(0, 0, 0, 0.05);
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove {
vertical-align: middle;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
cursor: pointer;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before {
display: inline-block;
content: '\e9ea';
font-size: 16px;
font-family: 'feather';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span.removing:before {
animation: spinner 1s linear infinite;
-webkit-animation: spinner 1s linear infinite;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:hover:before {
color: #cc6055;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--image {
width: 90px;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--image img {
width: 80px;
height: 80px;
border-radius: 2px;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--title a {
font-weight: 700;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p {
border: none !important;
padding: 0 !important;
font-size: 0;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > del, .woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > ins, .woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > span {
display: none;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a {
display: block;
padding: 10px;
margin: 0;
font-size: 14px;
}
.woosw-list .woosw-share {
display: block;
margin-top: 30px;
}
.woosw-list .woosw-share a {
display: inline-block;
margin-left: 10px;
}