@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;
}
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}