@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.lg-icon {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
text-decoration: none;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-prev {
left: 20px;
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-actual-size {
font-size: 20px;
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//youthfornextstep.com/wp-content/plugins/ibtana-visual-editor/dist/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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 shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-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)}}@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)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-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)}}@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)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.ive-wdth-10 {
width: 10px;
}
.ive-wdth-11 {
width: 11px;
}
.ive-wdth-12 {
width: 12px;
}
.ive-wdth-13 {
width: 13px;
}
.ive-wdth-14 {
width: 14px;
}
.ive-wdth-15 {
width: 15px;
}
.ive-wdth-16 {
width: 16px;
}
.ive-wdth-17 {
width: 17px;
}
.ive-wdth-18 {
width: 18px;
}
.ive-wdth-19 {
width: 19px;
}
.ive-wdth-20 {
width: 20px;
}
.ive-wdth-21 {
width: 21px;
}
.ive-wdth-22 {
width: 22px;
}
.ive-wdth-23 {
width: 23px;
}
.ive-wdth-24 {
width: 24px;
}
.ive-wdth-25 {
width: 25px;
}
.ive-wdth-26 {
width: 26px;
}
.ive-wdth-27 {
width: 27px;
}
.ive-wdth-28 {
width: 28px;
}
.ive-wdth-29 {
width: 29px;
}
.ive-wdth-30 {
width: 30px;
}
.ive-wdth-31 {
width: 31px;
}
.ive-wdth-32 {
width: 32px;
}
.ive-wdth-33 {
width: 33px;
}
.ive-wdth-34 {
width: 34px;
}
.ive-wdth-35 {
width: 35px;
}
.ive-wdth-36 {
width: 36px;
}
.ive-wdth-37 {
width: 37px;
}
.ive-wdth-38 {
width: 38px;
}
.ive-wdth-39 {
width: 39px;
}
.ive-wdth-40 {
width: 40px;
}
.ive-wdth-41 {
width: 41px;
}
.ive-wdth-42 {
width: 42px;
}
.ive-wdth-43 {
width: 43px;
}
.ive-wdth-44 {
width: 44px;
}
.ive-wdth-45 {
width: 45px;
}
.ive-wdth-46 {
width: 46px;
}
.ive-wdth-47 {
width: 47px;
}
.ive-wdth-48 {
width: 48px;
}
.ive-wdth-49 {
width: 49px;
}
.ive-wdth-50 {
width: 50px;
}
.ive-wdth-51 {
width: 51px;
}
.ive-wdth-52 {
width: 52px;
}
.ive-wdth-53 {
width: 53px;
}
.ive-wdth-54 {
width: 54px;
}
.ive-wdth-55 {
width: 55px;
}
.ive-wdth-56 {
width: 56px;
}
.ive-wdth-57 {
width: 57px;
}
.ive-wdth-58 {
width: 58px;
}
.ive-wdth-59 {
width: 59px;
}
.ive-wdth-60 {
width: 60px;
}
.ive-wdth-61 {
width: 61px;
}
.ive-wdth-62 {
width: 62px;
}
.ive-wdth-63 {
width: 63px;
}
.ive-wdth-64 {
width: 64px;
}
.ive-wdth-65 {
width: 65px;
}
.ive-wdth-66 {
width: 66px;
}
.ive-wdth-67 {
width: 67px;
}
.ive-wdth-68 {
width: 68px;
}
.ive-wdth-69 {
width: 69px;
}
.ive-wdth-70 {
width: 70px;
}
.ive-wdth-71 {
width: 71px;
}
.ive-wdth-72 {
width: 72px;
}
.ive-wdth-73 {
width: 73px;
}
.ive-wdth-74 {
width: 74px;
}
.ive-wdth-75 {
width: 75px;
}
.ive-wdth-76 {
width: 76px;
}
.ive-wdth-77 {
width: 77px;
}
.ive-wdth-78 {
width: 78px;
}
.ive-wdth-79 {
width: 79px;
}
.ive-wdth-80 {
width: 80px;
}
.ive-wdth-81 {
width: 81px;
}
.ive-wdth-82 {
width: 82px;
}
.ive-wdth-83 {
width: 83px;
}
.ive-wdth-84 {
width: 84px;
}
.ive-wdth-85 {
width: 85px;
}
.ive-wdth-86 {
width: 86px;
}
.ive-wdth-87 {
width: 87px;
}
.ive-wdth-88 {
width: 88px;
}
.ive-wdth-89 {
width: 89px;
}
.ive-wdth-90 {
width: 90px;
}
.ive-wdth-91 {
width: 91px;
}
.ive-wdth-92 {
width: 92px;
}
.ive-wdth-93 {
width: 93px;
}
.ive-wdth-94 {
width: 94px;
}
.ive-wdth-95 {
width: 95px;
}
.ive-wdth-96 {
width: 96px;
}
.ive-wdth-97 {
width: 97px;
}
.ive-wdth-98 {
width: 98px;
}
.ive-wdth-99 {
width: 99px;
}
.ive-wdth-100 {
width: 100px;
}  .ive-hght-10 {
width: 10px;
}
.ive-hght-11 {
width: 11px;
}
.ive-hght-12 {
width: 12px;
}
.ive-hght-13 {
width: 13px;
}
.ive-hght-14 {
width: 14px;
}
.ive-hght-15 {
width: 15px;
}
.ive-hght-16 {
width: 16px;
}
.ive-hght-17 {
width: 17px;
}
.ive-hght-18 {
width: 18px;
}
.ive-hght-19 {
width: 19px;
}
.ive-hght-20 {
width: 20px;
}
.ive-hght-21 {
width: 21px;
}
.ive-hght-22 {
width: 22px;
}
.ive-hght-23 {
width: 23px;
}
.ive-hght-24 {
width: 24px;
}
.ive-hght-25 {
width: 25px;
}
.ive-hght-26 {
width: 26px;
}
.ive-hght-27 {
width: 27px;
}
.ive-hght-28 {
width: 28px;
}
.ive-hght-29 {
width: 29px;
}
.ive-hght-30 {
width: 30px;
}
.ive-hght-31 {
width: 31px;
}
.ive-hght-32 {
width: 32px;
}
.ive-hght-33 {
width: 33px;
}
.ive-hght-34 {
width: 34px;
}
.ive-hght-35 {
width: 35px;
}
.ive-hght-36 {
width: 36px;
}
.ive-hght-37 {
width: 37px;
}
.ive-hght-38 {
width: 38px;
}
.ive-hght-39 {
width: 39px;
}
.ive-hght-40 {
width: 40px;
}
.ive-hght-41 {
width: 41px;
}
.ive-hght-42 {
width: 42px;
}
.ive-hght-43 {
width: 43px;
}
.ive-hght-44 {
width: 44px;
}
.ive-hght-45 {
width: 45px;
}
.ive-hght-46 {
width: 46px;
}
.ive-hght-47 {
width: 47px;
}
.ive-hght-48 {
width: 48px;
}
.ive-hght-49 {
width: 49px;
}
.ive-hght-50 {
width: 50px;
}
.ive-hght-51 {
width: 51px;
}
.ive-hght-52 {
width: 52px;
}
.ive-hght-53 {
width: 53px;
}
.ive-hght-54 {
width: 54px;
}
.ive-hght-55 {
width: 55px;
}
.ive-hght-56 {
width: 56px;
}
.ive-hght-57 {
width: 57px;
}
.ive-hght-58 {
width: 58px;
}
.ive-hght-59 {
width: 59px;
}
.ive-hght-60 {
width: 60px;
}
.ive-hght-61 {
width: 61px;
}
.ive-hght-62 {
width: 62px;
}
.ive-hght-63 {
width: 63px;
}
.ive-hght-64 {
width: 64px;
}
.ive-hght-65 {
width: 65px;
}
.ive-hght-66 {
width: 66px;
}
.ive-hght-67 {
width: 67px;
}
.ive-hght-68 {
width: 68px;
}
.ive-hght-69 {
width: 69px;
}
.ive-hght-70 {
width: 70px;
}
.ive-hght-71 {
width: 71px;
}
.ive-hght-72 {
width: 72px;
}
.ive-hght-73 {
width: 73px;
}
.ive-hght-74 {
width: 74px;
}
.ive-hght-75 {
width: 75px;
}
.ive-hght-76 {
width: 76px;
}
.ive-hght-77 {
width: 77px;
}
.ive-hght-78 {
width: 78px;
}
.ive-hght-79 {
width: 79px;
}
.ive-hght-80 {
width: 80px;
}
.ive-hght-81 {
width: 81px;
}
.ive-hght-82 {
width: 82px;
}
.ive-hght-83 {
width: 83px;
}
.ive-hght-84 {
width: 84px;
}
.ive-hght-85 {
width: 85px;
}
.ive-hght-86 {
width: 86px;
}
.ive-hght-87 {
width: 87px;
}
.ive-hght-88 {
width: 88px;
}
.ive-hght-89 {
width: 89px;
}
.ive-hght-90 {
width: 90px;
}
.ive-hght-91 {
width: 91px;
}
.ive-hght-92 {
width: 92px;
}
.ive-hght-93 {
width: 93px;
}
.ive-hght-94 {
width: 94px;
}
.ive-hght-95 {
width: 95px;
}
.ive-hght-96 {
width: 96px;
}
.ive-hght-97 {
width: 97px;
}
.ive-hght-98 {
width: 98px;
}
.ive-hght-99 {
width: 99px;
}
.ive-hght-100 {
width: 100px;
}    @media screen and (max-width: 575px) { .ive-fs-xs-6 {
font-size: 6px !important;
}
.ive-fs-xs-8 {
font-size: 8px !important;
}
.ive-fs-xs-10 {
font-size: 10px !important;
}
.ive-fs-xs-12 {
font-size: 12px !important;
}
.ive-fs-xs-14 {
font-size: 14px !important;
}
.ive-fs-xs-16 {
font-size: 16px !important;
}
.ive-fs-xs-18 {
font-size: 18px !important;
}
.ive-fs-xs-20 {
font-size: 20px !important;
}
.ive-fs-xs-22 {
font-size: 22px !important;
}
.ive-fs-xs-24 {
font-size: 24px !important;
}
.ive-fs-xs-26 {
font-size: 26px !important;
}
.ive-fs-xs-28 {
font-size: 28px !important;
}
.ive-fs-xs-30 {
font-size: 30px !important;
}
.ive-fs-xs-32 {
font-size: 32px !important;
}
.ive-fs-xs-34 {
font-size: 34px !important;
}
.ive-fs-xs-36 {
font-size: 36px !important;
}
.ive-fs-xs-38 {
font-size: 38px !important;
}
.ive-fs-xs-40 {
font-size: 40px !important;
}
.ive-fs-xs-42 {
font-size: 42px !important;
}
.ive-fs-xs-44 {
font-size: 44px !important;
}
.ive-fs-xs-46 {
font-size: 46px !important;
}
.ive-fs-xs-48 {
font-size: 48px !important;
}
.ive-fs-xs-50 {
font-size: 50px !important;
}
.ive-fs-xs-52 {
font-size: 52px !important;
}
.ive-fs-xs-54 {
font-size: 54px !important;
}
.ive-fs-xs-56 {
font-size: 56px !important;
}
.ive-fs-xs-58 {
font-size: 58px !important;
}
.ive-fs-xs-60 {
font-size: 60px !important;
}  .ive-lh-xs-5 {
line-height: 5px !important;
}
.ive-lh-xs-10 {
line-height: 10px !important;
}
.ive-lh-xs-15 {
line-height: 15px !important;
}
.ive-lh-xs-20 {
line-height: 20px !important;
}
.ive-lh-xs-25 {
line-height: 25px !important;
}
.ive-lh-xs-30 {
line-height: 30px !important;
}
.ive-lh-xs-35 {
line-height: 35px !important;
}
.ive-lh-xs-40 {
line-height: 40px !important;
}
.ive-lh-xs-45 {
line-height: 45px !important;
}
.ive-lh-xs-50 {
line-height: 50px !important;
}
.ive-lh-xs-55 {
line-height: 55px !important;
}
.ive-lh-xs-60 {
line-height: 60px !important;
}
.ive-lh-xs-65 {
line-height: 65px !important;
}
.ive-lh-xs-70 {
line-height: 70px !important;
}
.ive-lh-xs-75 {
line-height: 75px !important;
}
.ive-lh-xs-80 {
line-height: 80px !important;
}
.ive-lh-xs-85 {
line-height: 85px !important;
}
.ive-lh-xs-90 {
line-height: 90px !important;
}
.ive-lh-xs-95 {
line-height: 95px !important;
}
.ive-lh-xs-100 {
line-height: 100px !important;
} }  @media screen and (min-width: 576px) and (max-width: 767px) { .ive-fs-sm-6 {
font-size: 6px !important;
}
.ive-fs-sm-8 {
font-size: 8px !important;
}
.ive-fs-sm-10 {
font-size: 10px !important;
}
.ive-fs-sm-12 {
font-size: 12px !important;
}
.ive-fs-sm-14 {
font-size: 14px !important;
}
.ive-fs-sm-16 {
font-size: 16px !important;
}
.ive-fs-sm-18 {
font-size: 18px !important;
}
.ive-fs-sm-20 {
font-size: 20px !important;
}
.ive-fs-sm-22 {
font-size: 22px !important;
}
.ive-fs-sm-24 {
font-size: 24px !important;
}
.ive-fs-sm-26 {
font-size: 26px !important;
}
.ive-fs-sm-28 {
font-size: 28px !important;
}
.ive-fs-sm-30 {
font-size: 30px !important;
}
.ive-fs-sm-32 {
font-size: 32px !important;
}
.ive-fs-sm-34 {
font-size: 34px !important;
}
.ive-fs-sm-36 {
font-size: 36px !important;
}
.ive-fs-sm-38 {
font-size: 38px !important;
}
.ive-fs-sm-40 {
font-size: 40px !important;
}
.ive-fs-sm-42 {
font-size: 42px !important;
}
.ive-fs-sm-44 {
font-size: 44px !important;
}
.ive-fs-sm-46 {
font-size: 46px !important;
}
.ive-fs-sm-48 {
font-size: 48px !important;
}
.ive-fs-sm-50 {
font-size: 50px !important;
}
.ive-fs-sm-52 {
font-size: 52px !important;
}
.ive-fs-sm-54 {
font-size: 54px !important;
}
.ive-fs-sm-56 {
font-size: 56px !important;
}
.ive-fs-sm-58 {
font-size: 58px !important;
}
.ive-fs-sm-60 {
font-size: 60px !important;
}  .ive-lh-sm-5 {
line-height: 5px !important;
}
.ive-lh-sm-10 {
line-height: 10px !important;
}
.ive-lh-sm-15 {
line-height: 15px !important;
}
.ive-lh-sm-20 {
line-height: 20px !important;
}
.ive-lh-sm-25 {
line-height: 25px !important;
}
.ive-lh-sm-30 {
line-height: 30px !important;
}
.ive-lh-sm-35 {
line-height: 35px !important;
}
.ive-lh-sm-40 {
line-height: 40px !important;
}
.ive-lh-sm-45 {
line-height: 45px !important;
}
.ive-lh-sm-50 {
line-height: 50px !important;
}
.ive-lh-sm-55 {
line-height: 55px !important;
}
.ive-lh-sm-60 {
line-height: 60px !important;
}
.ive-lh-sm-65 {
line-height: 65px !important;
}
.ive-lh-sm-70 {
line-height: 70px !important;
}
.ive-lh-sm-75 {
line-height: 75px !important;
}
.ive-lh-sm-80 {
line-height: 80px !important;
}
.ive-lh-sm-85 {
line-height: 85px !important;
}
.ive-lh-sm-90 {
line-height: 90px !important;
}
.ive-lh-sm-95 {
line-height: 95px !important;
}
.ive-lh-sm-100 {
line-height: 100px !important;
} }  @media screen and (min-width: 768px) and (max-width: 991px) { .ive-fs-md-6 {
font-size: 6px !important;
}
.ive-fs-md-8 {
font-size: 8px !important;
}
.ive-fs-md-10 {
font-size: 10px !important;
}
.ive-fs-md-12 {
font-size: 12px !important;
}
.ive-fs-md-14 {
font-size: 14px !important;
}
.ive-fs-md-16 {
font-size: 16px !important;
}
.ive-fs-md-18 {
font-size: 18px !important;
}
.ive-fs-md-20 {
font-size: 20px !important;
}
.ive-fs-md-22 {
font-size: 22px !important;
}
.ive-fs-md-24 {
font-size: 24px !important;
}
.ive-fs-md-26 {
font-size: 26px !important;
}
.ive-fs-md-28 {
font-size: 28px !important;
}
.ive-fs-md-30 {
font-size: 30px !important;
}
.ive-fs-md-32 {
font-size: 32px !important;
}
.ive-fs-md-34 {
font-size: 34px !important;
}
.ive-fs-md-36 {
font-size: 36px !important;
}
.ive-fs-md-38 {
font-size: 38px !important;
}
.ive-fs-md-40 {
font-size: 40px !important;
}
.ive-fs-md-42 {
font-size: 42px !important;
}
.ive-fs-md-44 {
font-size: 44px !important;
}
.ive-fs-md-46 {
font-size: 46px !important;
}
.ive-fs-md-48 {
font-size: 48px !important;
}
.ive-fs-md-50 {
font-size: 50px !important;
}
.ive-fs-md-52 {
font-size: 52px !important;
}
.ive-fs-md-54 {
font-size: 54px !important;
}
.ive-fs-md-56 {
font-size: 56px !important;
}
.ive-fs-md-58 {
font-size: 58px !important;
}
.ive-fs-md-60 {
font-size: 60px !important;
}  .ive-lh-md-5 {
line-height: 5px !important;
}
.ive-lh-md-10 {
line-height: 10px !important;
}
.ive-lh-md-15 {
line-height: 15px !important;
}
.ive-lh-md-20 {
line-height: 20px !important;
}
.ive-lh-md-25 {
line-height: 25px !important;
}
.ive-lh-md-30 {
line-height: 30px !important;
}
.ive-lh-md-35 {
line-height: 35px !important;
}
.ive-lh-md-40 {
line-height: 40px !important;
}
.ive-lh-md-45 {
line-height: 45px !important;
}
.ive-lh-md-50 {
line-height: 50px !important;
}
.ive-lh-md-55 {
line-height: 55px !important;
}
.ive-lh-md-60 {
line-height: 60px !important;
}
.ive-lh-md-65 {
line-height: 65px !important;
}
.ive-lh-md-70 {
line-height: 70px !important;
}
.ive-lh-md-75 {
line-height: 75px !important;
}
.ive-lh-md-80 {
line-height: 80px !important;
}
.ive-lh-md-85 {
line-height: 85px !important;
}
.ive-lh-md-90 {
line-height: 90px !important;
}
.ive-lh-md-95 {
line-height: 95px !important;
}
.ive-lh-md-100 {
line-height: 100px !important;
} }  @media screen and (min-width: 992px) and (max-width: 1023px) { .ive-fs-lg-6 {
font-size: 6px !important;
}
.ive-fs-lg-8 {
font-size: 8px !important;
}
.ive-fs-lg-10 {
font-size: 10px !important;
}
.ive-fs-lg-12 {
font-size: 12px !important;
}
.ive-fs-lg-14 {
font-size: 14px !important;
}
.ive-fs-lg-16 {
font-size: 16px !important;
}
.ive-fs-lg-18 {
font-size: 18px !important;
}
.ive-fs-lg-20 {
font-size: 20px !important;
}
.ive-fs-lg-22 {
font-size: 22px !important;
}
.ive-fs-lg-24 {
font-size: 24px !important;
}
.ive-fs-lg-26 {
font-size: 26px !important;
}
.ive-fs-lg-28 {
font-size: 28px !important;
}
.ive-fs-lg-30 {
font-size: 30px !important;
}
.ive-fs-lg-32 {
font-size: 32px !important;
}
.ive-fs-lg-34 {
font-size: 34px !important;
}
.ive-fs-lg-36 {
font-size: 36px !important;
}
.ive-fs-lg-38 {
font-size: 38px !important;
}
.ive-fs-lg-40 {
font-size: 40px !important;
}
.ive-fs-lg-42 {
font-size: 42px !important;
}
.ive-fs-lg-44 {
font-size: 44px !important;
}
.ive-fs-lg-46 {
font-size: 46px !important;
}
.ive-fs-lg-48 {
font-size: 48px !important;
}
.ive-fs-lg-50 {
font-size: 50px !important;
}
.ive-fs-lg-52 {
font-size: 52px !important;
}
.ive-fs-lg-54 {
font-size: 54px !important;
}
.ive-fs-lg-56 {
font-size: 56px !important;
}
.ive-fs-lg-58 {
font-size: 58px !important;
}
.ive-fs-lg-60 {
font-size: 60px !important;
}  .ive-lh-lg-5 {
line-height: 5px !important;
}
.ive-lh-lg-10 {
line-height: 10px !important;
}
.ive-lh-lg-15 {
line-height: 15px !important;
}
.ive-lh-lg-20 {
line-height: 20px !important;
}
.ive-lh-lg-25 {
line-height: 25px !important;
}
.ive-lh-lg-30 {
line-height: 30px !important;
}
.ive-lh-lg-35 {
line-height: 35px !important;
}
.ive-lh-lg-40 {
line-height: 40px !important;
}
.ive-lh-lg-45 {
line-height: 45px !important;
}
.ive-lh-lg-50 {
line-height: 50px !important;
}
.ive-lh-lg-55 {
line-height: 55px !important;
}
.ive-lh-lg-60 {
line-height: 60px !important;
}
.ive-lh-lg-65 {
line-height: 65px !important;
}
.ive-lh-lg-70 {
line-height: 70px !important;
}
.ive-lh-lg-75 {
line-height: 75px !important;
}
.ive-lh-lg-80 {
line-height: 80px !important;
}
.ive-lh-lg-85 {
line-height: 85px !important;
}
.ive-lh-lg-90 {
line-height: 90px !important;
}
.ive-lh-lg-95 {
line-height: 95px !important;
}
.ive-lh-lg-100 {
line-height: 100px !important;
} }  @media screen and (min-width: 1024px) { .ive-fs-xl-6 {
font-size: 6px !important;
}
.ive-fs-xl-8 {
font-size: 8px !important;
}
.ive-fs-xl-10 {
font-size: 10px !important;
}
.ive-fs-xl-12 {
font-size: 12px !important;
}
.ive-fs-xl-14 {
font-size: 14px !important;
}
.ive-fs-xl-16 {
font-size: 16px !important;
}
.ive-fs-xl-18 {
font-size: 18px !important;
}
.ive-fs-xl-20 {
font-size: 20px !important;
}
.ive-fs-xl-22 {
font-size: 22px !important;
}
.ive-fs-xl-24 {
font-size: 24px !important;
}
.ive-fs-xl-26 {
font-size: 26px !important;
}
.ive-fs-xl-28 {
font-size: 28px !important;
}
.ive-fs-xl-30 {
font-size: 30px !important;
}
.ive-fs-xl-32 {
font-size: 32px !important;
}
.ive-fs-xl-34 {
font-size: 34px !important;
}
.ive-fs-xl-36 {
font-size: 36px !important;
}
.ive-fs-xl-38 {
font-size: 38px !important;
}
.ive-fs-xl-40 {
font-size: 40px !important;
}
.ive-fs-xl-42 {
font-size: 42px !important;
}
.ive-fs-xl-44 {
font-size: 44px !important;
}
.ive-fs-xl-46 {
font-size: 46px !important;
}
.ive-fs-xl-48 {
font-size: 48px !important;
}
.ive-fs-xl-50 {
font-size: 50px !important;
}
.ive-fs-xl-52 {
font-size: 52px !important;
}
.ive-fs-xl-54 {
font-size: 54px !important;
}
.ive-fs-xl-56 {
font-size: 56px !important;
}
.ive-fs-xl-58 {
font-size: 58px !important;
}
.ive-fs-xl-60 {
font-size: 60px !important;
}  .ive-lh-xl-5 {
line-height: 5px !important;
}
.ive-lh-xl-10 {
line-height: 10px !important;
}
.ive-lh-xl-15 {
line-height: 15px !important;
}
.ive-lh-xl-20 {
line-height: 20px !important;
}
.ive-lh-xl-25 {
line-height: 25px !important;
}
.ive-lh-xl-30 {
line-height: 30px !important;
}
.ive-lh-xl-35 {
line-height: 35px !important;
}
.ive-lh-xl-40 {
line-height: 40px !important;
}
.ive-lh-xl-45 {
line-height: 45px !important;
}
.ive-lh-xl-50 {
line-height: 50px !important;
}
.ive-lh-xl-55 {
line-height: 55px !important;
}
.ive-lh-xl-60 {
line-height: 60px !important;
}
.ive-lh-xl-65 {
line-height: 65px !important;
}
.ive-lh-xl-70 {
line-height: 70px !important;
}
.ive-lh-xl-75 {
line-height: 75px !important;
}
.ive-lh-xl-80 {
line-height: 80px !important;
}
.ive-lh-xl-85 {
line-height: 85px !important;
}
.ive-lh-xl-90 {
line-height: 90px !important;
}
.ive-lh-xl-95 {
line-height: 95px !important;
}
.ive-lh-xl-100 {
line-height: 100px !important;
} }
.fade-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.fade-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.fade-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.fade-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.fade-center{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.zoom-center, .zoom-bottom, .zoom-left, .zoom-right, .zoom-top {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:visible !important;
}
.zoom-center {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoom-bottom {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
.zoom-left {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
.zoom-right {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
.zoom-top {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomInDown {
0% {
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 {
0% {
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);
}
}
@-webkit-keyframes zoomInLeft {
0% {
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 {
0% {
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);
}
}
@-webkit-keyframes zoomInRight {
0% {
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 {
0% {
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);
}
}
@-webkit-keyframes zoomInUp {
0% {
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 {
0% {
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);
}
}
.ive-button-xs {
font-size: 14px;
}
.ive-button-sm {
font-size: 18px;
}
.ive-button-md {
font-size: 22px;
}
.ive-button-lg {
font-size: 26px;
}
.ive-button-xl {
font-size: 30px;
}
.ive-button-icon-right {
order: 2;
margin-left: 10px;
}
.ive-button-icon-left {
margin-right: 10px;
}@font-face {
font-family: 'supermarket-ttf';
src: url(//youthfornextstep.com/wp-content/uploads/useanyfont/161109081915supermarket.ttf.woff) format('woff');
font-display: auto;
}
.supermarket-ttf{font-family: 'supermarket-ttf' !important;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a{
font-family: 'supermarket-ttf' !important;
}
 *,
*::before,
*::after {
box-sizing: inherit; }
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
header a,
footer a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
font-weight: 700;
}
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; }
table {
width: 100%;
border-spacing: 0; }
th, td {
padding: 5px;
text-align: center; }
table td,
table tr,
table th {
border: 1px solid #ddd; } embed,
iframe,
object {
max-width: 100%; }
img, .wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: middle; }
figure {
margin: 1em 0; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-size: 17px; }
abbr,
acronym {
border-bottom: 1px dotted #ddd;
cursor: help; }
mark,
ins {
background: #ddd;
text-decoration: none; }
big {
font-size: 125%; }
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border-radius: 0;
box-sizing: border-box;
display: block;
font-size: 17px;
width: 100%;
background: #fff;
border: 1px solid #ccc;
line-height: 1.75;
padding: 7px 15px;
color: #1c1c1c;
}
p a {
text-decoration: underline;
}
textarea {
width: 100%;
height: 120px;
padding: 15px 20px; }
input[type="checkbox"] {
display: inline; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #c3c3c3; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a3a2a2; }
hr {
background-color: #999;
border: 0;
height: 1px;
margin-bottom: 1.5em; 
}
a {
color: var(--wp--preset--color--secondary);
outline: 0 !important;
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
color: white !important;
}
a:focus-visible, a:focus {
outline: thin dotted !important;
}
a:hover, a:active, a:hover {
outline: 0;
color: var(--wp--preset--color--primary);
} .alignfull{
margin:0 !important;
width: auto !important
}
h1,h2,h3,h4,h5,h6{
color: #000;
} .woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{
font-size: 25px !important;
}
.woocommerce h3 a{
color: #000!important;
text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
background: var(--wp--preset--color--primary);
color: #fff;
padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce .wp-block-query-pagination{
gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
background: #000;
color: #fff !important;
}
.woocommerce .wp-block-post{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
top: 8px;
}
.woocommerce form .form-row input.input-text {
padding: 8px;
border: 1px solid #bcbcbc;
}
.related.products h2 {
text-align: left;
}
.woocommerce .star-rating span::before {
color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
margin: 0 auto 8px;
font-size: 15px !important;
}
.woocommerce span.onsale{
background: var(--wp--preset--color--primary);
padding: 0;
color: #fff;
}
.products li {
box-shadow: -2px -2px 5px #bbb;
padding: 10px !important;
text-align: center;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
color: #000;
letter-spacing: 1px;
font-weight: 600;
text-align: center !important;
font-size: 20px !important;
padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary);
color: #fff ;
border-radius: 1px solid var(--wp--preset--color--primary);
padding: 8px 25px !important;
opacity: 1 !important;
text-decoration: none;
border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary) !important;
color: #fff !important;
border-radius: 1px solid var(--wp--preset--color--primary) !important;
border: none !important;
border-radius: 30px !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
background: black !important;
color: white !important;
}
.woocommerce .quantity .qty {
width: 5em;
padding: 7px !important;
border-radius: 30px;
border: solid 1px #000;
color: #000;
line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
max-width: 100%;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{
padding: 0 !important;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{
width: unset ;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
background: var(--wp--preset--color--primary);
padding: 12px !important;
margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
color: #fff;
font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
color: #222 !important;
}
span.posted_in {
display: block;
}
span.woocommerce-input-wrapper {
width: 100%;
}
select.orderby {
padding: 10px;
}
.woocommerce-product-gallery__image{
padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
color: #000;
line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb{
max-width: 80%;
margin: 0 auto;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
height: 1.5rem !important;
}
.woocommerce input#password{
border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 0px !important;
}
.woocommerce-page form .password-input{
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
padding: 12px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: var(--wp--preset--color--primary);
transition: background .15s ease-in-out;
font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
background: #000;
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
padding: 12.5px 15px;
background: #000;
color: #fff;
font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
border: none;
float: none;
overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
width: 110px !important;
padding: 5px 5px 5px !important;
margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
#payment{
margin: 0 0 30px 0;
}
.product-name a{
color: #000;
}
.wp-block-heading {
margin-bottom: 5px;
margin-top: 5px;
}
.search-icon path{
color: #000;
}
.single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{
width: auto;
}
.single-product .woocommerce.product .wp-block-woocommerce-product-price{
margin-top: 0;
}
.single-product .woocommerce.product .alg_currency_select{
width: auto;
background-color: var(--wp--preset--color--primary);
border: none;
color: #ffffff;
}
.single-product .wp-block-woocommerce-product-meta .wp-block-group{
margin-left: 0 !important;
} .dark-mode {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.main-header-section .header-btn-box .light-icon,
.main-header-section .header-btn-box .dark-icon {
width: auto !important;
height: 28px !important;
display: none;
}
.archive .wp-block-query .wp-block-post > div.wp-block-group,
.search-results .wp-block-query .wp-block-post > div.wp-block-group{
background-color: var(--wp--preset--color--background);
}
body.dark-mode.error404 .wp-block-cover .wp-block-cover__background{
background-color: var(--wp--preset--color--foreground) !important;
opacity: 1 !important;
}
body.dark-mode.error404 .error-page h2,
body.dark-mode.error404 .error-page h1,
body.dark-mode.error404 .error-page p{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode.single-post .wp-block-comments,body.dark-mode .wp-block-post-comments #comments,
body.dark-mode .wp-block-post-comments .comment-reply-title{
color: var(--wp--preset--color--foreground) !important;
}
body.dark-mode .theme-sidebar .wp-block-group h3{
border-bottom-color: var(--wp--preset--color--background);
}
body.dark-mode .theme-sidebar .wp-block-group h3,
body.dark-mode .theme-sidebar .wp-block-group ul li a,
body.dark-mode .news-section .news-box .news-box-title a, 
body.dark-mode .news-section .news-box .wp-block-post-excerpt__excerpt{
color: var(--wp--preset--color--background) !important;
}
body:not(.dark-mode) .main-header-section .header-btn-box .light-icon {
display: inline;
}
body.dark-mode.single-post .taxonomy-category a:hover,
body.dark-mode.single-post .taxonomy-post_tag a:hover{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode .main-header-section .header-btn-box .dark-icon {
display: inline;
}
body.dark-mode .main-header-section .header-btn-box .header-btn:hover a,
body.dark-mode .main-header-section .header-btn-box .header-btn:hover:after{
color: var(--wp--preset--color--foreground) !important;
background: var(--wp--preset--color--background) !important;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{
color: var(--wp--preset--color--background);
}
body.dark-mode .main-header-section .header-logo .header-title a{
color: var(--wp--preset--color--background) !important;
}
body.dark-mode.home .main-header-section .header-logo .header-title:after{
background-color: var(--wp--preset--color--foreground) !important;
}
.home .main-header-section .header-menu-box,
.home .main-header-section .header-btn-box{
margin-top: -15px;
}
.main-header-section .header-logo .header-title{
text-align: left;
}
.home .main-header-section .header-logo .header-title{
text-align: center;
}
.home .main-header-section{
position: absolute;
z-index: 9;
width: 100%;
padding: 0 !important;
}
.main-header-section .header-menu-box .top-menus ul{
gap: 5px;
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container{
gap: 15px;
}
.main-header-section .header-menu-box .top-menus ul li a{
padding: 5px 20px !important;
border-radius: 30px;
}
.main-header-section .header-menu-box .top-menus ul li a:hover{
background: var(--wp--preset--gradient--icon-background-color);
color: var(--wp--preset--color--background);
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container li a:hover{
background: var(--wp--preset--color--secondary) !important;
border-radius: 0;
}
.home .main-header-section .header-logo .header-title{
position: relative;
}
.home .main-header-section .header-logo .header-title:after{
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: inline-flex;
clip-path: circle(50% at 50% 0);
width: 100%;
height: calc(100% + 52px);
background: #fff;
z-index: -1;
}
.home .main-header-section .header-logo .header-title a{
margin-top: 30px;
display: block;
}
.main-header-section .header-btn-box .header-btn-inner{
gap: 10px;
}
.main-header-section .header-btn-box .header-btn{
position: relative;
}
.main-header-section .header-btn-box .header-btn:after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background-color: var(--wp--preset--color--heading-color);
top: 0;
left: 0;
z-index: -1;
opacity: 0.2;
transform: rotate(7deg);
border-radius: 30px;
} .banner-section{
position: relative;
clip-path: polygon(0% 0%,0% 0%,0.702% 0.171%,2.673% 0.643%,5.72% 1.353%,9.635% 2.241%,14.215% 3.243%,19.274% 4.297%,24.6% 5.343%,30.004% 6.317%,35.28% 7.158%,40.199% 7.804%,40.199% 7.804%,45.77% 8.307%,51.68% 8.635%,57.76% 8.814%,63.87% 8.867%,69.926% 8.82%,75.646% 8.699%,80.917% 8.527%,85.587% 8.332%,89.57% 8.136%,92.711% 7.966%,92.711% 7.966%,93.117% 8.033%,93.503% 8.273%,93.863% 8.672%,94.194% 9.216%,94.491% 9.891%,94.749% 10.683%,94.963% 11.576%,95.128% 12.557%,95.231% 13.611%,95.265% 14.724%,95.265% 93.208%,95.265% 93.208%,95.232% 94.302%,95.131% 95.339%,94.976% 96.306%,94.769% 97.19%,94.514% 97.975%,94.218% 98.649%,93.883% 99.197%,93.518% 99.606%,93.126% 99.861%,92.717% 99.95%,0% 99.95%,0% 0%);
}
.banner-main-sec:after{
content: '';
background: var(--wp--preset--gradient--banner-background-light);
height: 550px;
width: 97%;
position: absolute;
left: 0;
top: 10%;
z-index: -1;
opacity: 0.3;
clip-path: polygon( 0% 0%,97.408% 1.341%,97.408% 1.341%,97.826% 1.447%,98.222% 1.74%,98.59% 2.206%,98.925% 2.829%,99.222% 3.591%,99.475% 4.478%,99.679% 5.473%,99.829% 6.56%,99.919% 7.723%,99.944% 8.946%,99.325% 92.611%,99.325% 92.611%,99.282% 93.837%,99.173% 94.994%,99.006% 96.066%,98.785% 97.037%,98.516% 97.892%,98.205% 98.616%,97.858% 99.193%,97.481% 99.607%,97.078% 99.843%,96.656% 99.886%,0% 86.478%,0% 0% );
}
.banner-section:before{
content: '';
background: var(--wp--preset--gradient--banner-background-color);
height: 75%;
width: 70%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 0% 0.075%,0% 0.075%,0.741% 0.236%,2.831% 0.685%,6.069% 1.368%,10.257% 2.234%,15.194% 3.232%,20.681% 4.308%,26.518% 5.41%,32.505% 6.488%,38.442% 7.487%,44.129% 8.357%,44.129% 8.357%,50.783% 9.152%,57.943% 9.748%,65.325% 10.173%,72.645% 10.453%,79.618% 10.616%,85.961% 10.688%,91.389% 10.697%,95.619% 10.67%,98.365% 10.634%,99.343% 10.616%,99.343% 10.616%,98.91% 11.167%,97.689% 12.69%,95.795% 14.993%,93.345% 17.882%,90.454% 21.162%,87.238% 24.641%,83.813% 28.124%,80.295% 31.418%,76.8% 34.33%,73.444% 36.665%,73.444% 36.665%,69.322% 38.585%,65.421% 39.355%,61.69% 39.275%,58.073% 38.643%,54.517% 37.76%,50.968% 36.924%,47.372% 36.436%,43.676% 36.595%,39.824% 37.701%,35.763% 40.053%,35.763% 40.053%,32.899% 42.277%,30.277% 44.562%,27.851% 46.947%,25.574% 49.471%,23.4% 52.172%,21.283% 55.091%,19.175% 58.266%,17.03% 61.736%,14.802% 65.539%,12.444% 69.716%,12.444% 69.716%,10.793% 72.828%,9.091% 76.284%,7.392% 79.927%,5.748% 83.598%,4.212% 87.139%,2.836% 90.391%,1.675% 93.197%,0.78% 95.397%,0.204% 96.833%,0% 97.347%,0% 0.075% );
}
.banner-section .banner-inner-bg:before{
content: '';
background: var(--wp--preset--gradient--banner-background-bottom-left);
height: 50%;
width: 50%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 0% 95.826%,98.806% 95.826%,98.806% 95.826%,98.376% 95.201%,97.161% 93.474%,95.277% 90.867%,92.84% 87.603%,89.965% 83.905%,86.766% 79.995%,83.36% 76.095%,79.861% 72.428%,76.385% 69.217%,73.047% 66.684%,73.047% 66.684%,68.947% 64.63%,65.068% 63.807%,61.357% 63.893%,57.759% 64.569%,54.223% 65.513%,50.693% 66.407%,47.116% 66.928%,43.44% 66.758%,39.609% 65.576%,35.57% 63.061%,35.57% 63.061%,32.721% 60.683%,30.113% 58.24%,27.7% 55.69%,25.436% 52.991%,23.274% 50.102%,21.168% 46.981%,19.071% 43.587%,16.938% 39.876%,14.722% 35.809%,12.377% 31.343%,12.377% 31.343%,10.735% 28.016%,9.042% 24.32%,7.352% 20.424%,5.717% 16.499%,4.189% 12.713%,2.821% 9.235%,1.666% 6.235%,0.775% 3.883%,0.203% 2.347%,0% 1.798%,0% 95.826% );
}
.banner-section .banner-inner-bg:after{
content: '';
background: var(--wp--preset--gradient--banner-background-bottom-right);
height: 40%;
width: 40%;
position: absolute;
left: 56%;
bottom: 0;
z-index: 1;
opacity: 0.3;
clip-path: polygon( 99.898% 82.529%,99.898% 82.529%,99.822% 85.342%,99.603% 88.01%,99.253% 90.499%,98.783% 92.771%,98.205% 94.791%,97.531% 96.525%,96.774% 97.935%,95.945% 98.986%,95.055% 99.644%,94.118% 99.871%,5.657% 99.871%,5.657% 99.871%,3.993% 99.244%,2.603% 97.516%,1.505% 94.913%,0.716% 91.661%,0.256% 87.987%,0.142% 84.117%,0.393% 80.278%,1.027% 76.696%,2.063% 73.599%,3.518% 71.211%,3.518% 71.211%,4.546% 70.023%,5.574% 68.868%,6.601% 67.75%,7.623% 66.674%,8.64% 65.645%,9.649% 64.666%,10.647% 63.742%,11.634% 62.878%,12.606% 62.079%,13.561% 61.348%,13.561% 61.348%,18.408% 58.634%,22.992% 57.545%,27.379% 57.659%,31.63% 58.552%,35.811% 59.801%,39.983% 60.982%,44.21% 61.672%,48.556% 61.447%,53.083% 59.884%,57.857% 56.56%,57.857% 56.56%,61.224% 53.416%,64.307% 50.186%,67.159% 46.816%,69.835% 43.248%,72.39% 39.43%,74.879% 35.304%,77.357% 30.817%,79.878% 25.912%,82.497% 20.536%,85.27% 14.632%,85.27% 14.632%,85.682% 13.731%,86.1% 12.798%,86.523% 11.837%,86.949% 10.849%,87.379% 9.836%,87.811% 8.802%,88.244% 7.747%,88.68% 6.676%,89.115% 5.589%,89.551% 4.489%,89.551% 4.489%,90.801% 2.011%,92.145% 0.553%,93.529% 0.051%,94.9% 0.443%,96.207% 1.665%,97.394% 3.653%,98.41% 6.345%,99.201% 9.677%,99.715% 13.586%,99.898% 18.009%,99.898% 82.529% );
} .banner-main-sec .banner-inner-bg svg{
height: 100%;
width: 100%;
}
.banner-main-sec .banner-inner-bg{
position: relative;
z-index: 2;
}
.banner-main-sec .banner-inner-bg .banner-content{
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 100%;
}
.banner-main-sec .banner-content .banner-search-box{
gap: 0;
margin: 0 auto;
width: fit-content;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button{
background-color: var(--wp--preset--color--heading-color);
border-radius: 30px;
padding: 8px 15px 8px 40px;
position: relative;
border: none;
}
.main-header-section .header-btn-box .header-btn:hover a,
.main-header-section .header-btn-box .header-btn:hover:after,
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:hover,
body.dark-mode .main-header-section .header-btn-box .header-btn a,
body.dark-mode .main-header-section .header-btn-box .header-btn:after{
background: var(--wp--preset--gradient--icon-background-color);
color: var(--wp--preset--color--background) !important;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:before{
content: '';
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/search.svg);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
font-size: 14px;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories{
border-right: 1px solid var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
cursor: pointer;
outline: none;
}
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper{
align-items: center;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
background: #0000;
border: none;
color: var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-filter-box, .banner-main-sec .banner-filter-box .banner-filter-btn-box{
gap: 10px;
}
.banner-main-sec .banner-filter-box .banner-filter-btn{
display: flex;
}
.banner-main-sec .banner-filter-box .banner-filter-btn a:hover{
color: var(--wp--preset--color--background) !important;
} #voiceButton {
border: none;
background: transparent url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/mic.png) no-repeat center center;
background-size: 20px 20px;
width: 28px;
height: 28px;
margin-left: 6px;
cursor: pointer;
padding: 0;
} #voiceButton.listening {
animation: pulse 1s infinite;
filter: drop-shadow(0 0 6px red);
} @keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.2); }
100% { transform: scale(1); }
} .banner-main-sec .banner-bottom {
margin-top: -45px !important;
z-index: 2;
}
.banner-main-sec .banner-content .banner-search-box,
.banner-main-sec .banner-bottom .banner-btm-outer,
.document-section .document-detail .document-info-box{
box-shadow: 0px 0px 12px 0px #00000029;
}
.banner-main-sec .banner-bottom .banner-info-left figure,
.document-section .document-detail .document-info-box .info-img{
position: relative;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:after,
.document-section .document-detail .document-info-box .info-img:after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: var(--wp--preset--gradient--icon-background-color);
opacity: 0.1;
border-radius: 50%;
z-index: -1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.document-section .document-detail .document-info-box .info-img:before{
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
background: var(--wp--preset--gradient--icon-background-color);
border-radius: 50%;
transform: translate(-50%, -50%) scale(0); opacity: 0;
z-index: -1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:before,
.document-section .document-detail .document-info-box:hover .info-img:before{
transform: translate(-50%, -50%) scale(1); opacity: 1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:after,
.document-section .document-detail .document-info-box:hover .info-img:after{
opacity: 0;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left img,
.document-section .document-detail .document-info-box:hover .info-img img{
filter: brightness(0) invert(1);
transform: rotateY(360deg);
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-right .banner-info-title,
.document-section .document-detail .document-info-box:hover .info-title a{
background: var(--wp--preset--gradient--icon-background-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left figure:after,
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left img,
.document-section .document-detail .document-info-box .info-img:before,
.document-section .document-detail .document-info-box .info-img:after,
.document-section .document-detail .document-info-box .info-img img{
transition: 1s;
}
.banner-main-sec .banner-btm-outer{
position: relative;
}
.banner-main-sec #toggleSecondRow{
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
}
.banner-main-sec #toggleSecondRow img{
height: 25px;
width: auto !important;
}
.banner-main-sec .banner-bottom .banner-btm-outer:before{
content: '';
position: absolute;
top: 40px;
left: -13%;
background: var(--wp--preset--gradient--icon-background-color);
clip-path: polygon( 0% 2.355%,97.81% 2.355%,97.81% 2.355%,97.384% 2.956%,96.181% 4.618%,94.317% 7.126%,91.904% 10.265%,89.058% 13.823%,85.891% 17.585%,82.519% 21.337%,79.056% 24.864%,75.615% 27.954%,72.311% 30.391%,72.311% 30.391%,68.252% 32.366%,64.412% 33.158%,60.738% 33.075%,57.177% 32.425%,53.676% 31.517%,50.182% 30.657%,46.641% 30.155%,43.002% 30.319%,39.209% 31.456%,35.211% 33.876%,35.211% 33.876%,32.391% 36.164%,29.809% 38.514%,27.421% 40.967%,25.179% 43.564%,23.039% 46.343%,20.954% 49.345%,18.879% 52.611%,16.767% 56.18%,14.574% 60.093%,12.252% 64.39%,12.252% 64.39%,10.626% 67.591%,8.951% 71.146%,7.278% 74.894%,5.659% 78.67%,4.147% 82.313%,2.793% 85.658%,1.649% 88.544%,0.768% 90.807%,0.201% 92.284%,0% 92.813%,0% 2.355% );
width: 300px;
height: 200px;
box-shadow: 0px 3px 6px 0px #00000029;
opacity: 0.1;
z-index: -1;
} .document-section .document-detail .document-info-box .info-title a{
color: var(--wp--preset--color--heading-color);
text-decoration: none;
}
.document-section .document-detail .document-info-box .info-list li{
list-style: none;
position: relative;
}
.document-section .document-detail .document-info-box .info-list li:before{
content: '';
position: absolute;
left: 0;
top: 4px;
height: 13px;
width: 13px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn.svg);
}
.document-section .document-bg{
text-align: center;
position: relative;
}
.document-section .document-bg svg{
height: 590px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.document-section .document-detail .document-info-box{
text-align: left;
} .about-section .about-right-content .about-small-title{
display: inline-block;
}
.about-section .about-right-content .about-icon{
border-radius: 6px;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.about-section .about-right-content .about-icon{
background-color: var(--wp--preset--color--secondary);
}
.about-section .about-left-content .about-images figure,
.about-section .about-right-content .about-icon,
.about-section .about-right-content .about-icon{
overflow: hidden;
}
.about-section .about-left-content .about-images img,
.about-section .about-right-content .about-icon img,
.about-section .about-right-content .about-icon img{
transition: 1.1s;
}
.about-section .about-left-content .about-images img:hover,
.about-section .about-right-content .about-icon:hover img,
.about-section .about-right-content .about-icon:hover img{
transform: scale(1.1);
}
.about-section .about-left-content .about-images figure{
border-radius: 20px;
} .faq-section .faq-detail-section details.faq-btm-title summary{
border: 1px solid #C9C9C9; 
border-radius: 5px;
padding: 5px 32px 5px 18px;
list-style: none;
position: relative;
}
body.dark-mode .faq-section .faq-detail-section details.faq-btm-title summary:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn1.svg);
}
.faq-section .faq-detail-section details.faq-btm-title summary:after{
content: '';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn.svg);
}
.faq-section .faq-detail-section details[open].faq-btm-title summary:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn1.svg);
transform: translateY(-50%) rotate(90deg);
}
.faq-section .faq-detail-section details[open].faq-btm-title > summary{
background: var(--wp--preset--gradient--banner-background-main);
color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--secondary);
} .testimonial-section .testimonial-heading-cont{
position: relative;
}
.testimonial-section .testimonial-heading-cont:after{
content: '';
position: absolute;
height: 7px;
width: 80px;
background-color: var(--wp--preset--color--secondary);
bottom: 0;
left: 50%;
border-radius: 10px;
transform: translateX(-50%);
}
.testimonial-section .wp-block-cover .wp-block-cover__background{
transition: 1s;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__background{
background-color: var(--wp--preset--color--primary) !important;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container p,
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container h5{
color: #ffffff !important;
}
.testimonial-section .owl-nav{
position: absolute;
bottom: 50%;
transform: translateY(50%);
margin-top: 0;
display: flex;
width: 100%;
justify-content: space-between;
z-index: -1;
}
.testimonial-section .owl-nav button{
border: none;
height: 35px;
width: 35px;
border-radius: 5px;
}
.testimonial-section .owl-nav button{
background-color: #ffffff;
transition: 1s;
}
.testimonial-section .owl-nav button:hover{
background-color: var(--wp--preset--color--primary);
}
.testimonial-section .owl-nav button.owl-prev{
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next{
margin-right: -5%;
}
.testimonial-section .owl-nav button.owl-next,
.testimonial-section .owl-nav button.owl-prev{
position: relative;
}
.testimonial-section .owl-nav button.owl-next:after,
.testimonial-section .owl-nav button.owl-prev:after{
content: '';
position: absolute;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
height: 16px;
width: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.testimonial-section .owl-nav button.owl-next:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn.svg);
margin-left: 1px;
}
.testimonial-section .owl-nav button.owl-next:hover:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/left-btn1.svg);
}
.testimonial-section .owl-nav button.owl-prev:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/right-btn1.svg);
margin-right: 1px;
}
.testimonial-section .owl-nav button.owl-prev:hover:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/right-btn.svg);
}
.testimonial-section .client-box {
position: relative;
}
.testimonial-section .client-box .client-img{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
} .testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
gap: 0;
}
.news-section .news-heading-inner-box .news-small-title,
.faq-section .faq-heading-box .faq-inner-head-box .faq-small-title{
display: flex;
margin: 0 auto;
width: fit-content;
}
.news-section .news-box .wp-block-post-date{
margin-top: 0;
}
.news-section .news-box .news-meta .wp-block-post-author-name,
.news-section .news-box .news-meta .wp-block-post-date,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title{
position: relative;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after,
.news-section .news-box .news-meta .wp-block-post-date:after,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
height: 17px;
width: 17px;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/author.svg);
}
.news-section .news-box .news-meta .wp-block-post-date:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/calender.svg);
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/comment.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-author-name:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/author1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-date:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/calender1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
background-image: url(https://youthfornextstep.com/wp-content/themes/online-documentation/images/comment1.svg);
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--primary);
}
.news-section .news-meta{
flex-wrap: wrap;
gap: 10px;
}
.news-section .news-box .news-box-title a{
color: var(--wp--preset--color--heading-color);
} .wc-block-components-product-sale-badge img{
height: 250px !important;
}
.products-block-post-template h3 a{
font-size: 22px !important;
text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
font-size: 18px !important;
color: #000;
}
a.added_to_cart.wc_forward{
margin-top: 0 !important;
background: var(--wp--preset--color--primary);
color: #fff;
padding: 6px 12px;
font-size: 18px !important;
text-decoration: none;
border-radius: 6px;
}
.single-post .wp-block-post-featured-image img{
width: auto;
transform: translateY(10px);
transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
transform: translateY(0px);
}
.single-post .wp-block-post-author__avatar img{
width: 25px !important;
height: 25px !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout {
width: 80% !important;
margin: 0 auto;
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button svg,
.woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{
color: #ffffff !important;
} .archive-page-sec{
padding-bottom: 30px;
padding-top: 30px;
} .footer-section a:hover{
color: var(--wp--preset--color--foreground);
}
.footer-section .footer-box .footer-mail-box,
.footer-section .footer-box .footer-phone-box{
gap: 12px;
}
.footer-section  .wp-block-social-links{
gap: 10px !important;
}
.footer-section .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
background: #009DAE;
border:1px solid #009DAE;
}
.footer-add{
margin-right: 10%;
}
.footer-section {
padding: 0;
min-height: auto;
}
.footer-section .wp-block-group {
padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px 0px;
margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
padding-left: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding-right: 50px;
}
.footer-add{
line-height: 30px !important;
}
.footer-box a{
text-decoration: none !important;
}
.footer-box ul {
padding: 0;
gap: 0;
}
.footer-box{
position: relative;
}
.footer-box ul li {
list-style: none;
margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
background: transparent !important;
color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
padding: 10px 25px;
font-weight: 500;
font-size: 14px;
color: #fff !important;
text-decoration: none;
background-color: transparent;
border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
color: #fff !important;
}
.footer-section .wp-block-social-link a{
padding: 6px !important;
border-radius: 5px;
background: #ffffff;
font-size: 20px !important;
}
.copyright-section p{
line-height: 30px;
}
.copyright-section p a{
text-decoration: none;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{
color:#e60122;
}
.innerpage-banner{
margin: 0 !important;
} .theme-button-section a{
border: 2px solid transparent !important;
}
.theme-button-section a:hover{
border: 2px solid var(--wp--preset--color--primary) !important;
background: transparent !important;
color: #000 !important;
font-size: 18px;
font-weight: 600;
} .wp-block-search__button {
border: 0;
background: var(--wp--preset--color--primary);
} .theme-sidebar .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
color: var(--wp--preset--color--heading-color);
padding-bottom: 5px;
border-bottom: 3px double var(--wp--preset--color--heading-color);
font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
line-height: 2;
font-size: 20px;
color: var(--wp--preset--color--primary);
list-style: disc;
text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
color: var(--wp--preset--color--heading-color) !important;
text-decoration: none !important;
font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
background:#fff;
color: #000;
font-size:15px !important;
padding: 6px 18px;
margin: 2px 4px 6px;
display:inline-block;
border: 2px solid #000;
text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
background: var(--wp--preset--color--primary);
color: #fff;
border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
background: var(--wp--preset--color--primary);
color: #fff;
border: 1px solid transparent;
border-radius: 6px;
padding: 6px 25px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{
text-decoration: none;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title{
padding: 8px 16px !important;
}
.single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
margin-top: 10px !important;
}
.single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{
text-decoration: line-through;
}
.single-product .wc-block-grid__product-price del{
text-decoration: none;
}
.single-product .yith-add-to-wishlist-button-block--single a{
background-color: var(--wp--preset--color--primary);
text-decoration: none;
color: #ffffff;
padding: 10px;
border-radius: 6px;
}
.wp-element-button:hover{
background: transparent;
border: 1px solid var(--wp--preset--color--primary);
color: #fff !important;
}
.wp-block-search__button:hover{
color: #fff ;
}
.wp-block-site-logo{
margin-top: 10px !important;
}
.wp-block-site-title{
line-height: 1;
} .wp-block-latest-posts.is-grid li {
position: relative;
background: #fff;
border: solid 1px #eee;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
font-size: 20px;
font-weight: 700;
color: #000;
padding: 0 10px;
text-transform: capitalize;
text-decoration: none;
display: block;
margin:  15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
display: inline-block;
background: var(--wp--preset--color--primary);
padding: 8px 8px;
font-weight: 600;
font-size: 13px;
color: #fff;
margin: 10px 0px 0px 10px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
color: #6b6b6b;
padding: 0 10px;
font-size: 14px;
line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
color: #fff !important;
} .has-shadow-dark, .has-no-hover-shadow-dark {
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
padding: 50px !important;
margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
padding: 10px 15px;
background: var(--wp--preset--color--primary);
border-radius: 6px;
font-size: 18px !important;
color: #fff;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none !important;
margin-top: 10px;
margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
color: #000 !important;
font-size: 18px !important;
text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
color: #000 !important;
font-size: 16px !important;
font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
background: black !important;
border: 1px solid var(--wp--preset--color--primary);
color: white !important;
}
footer.comment-meta {
margin-top: 12px;
}
.wp-block-post-author__name{
margin: 10px 0px;
} .theme-sidebar .wp-block-search__button{
background: var(--wp--preset--color--primary) !important;
}
.theme-sidebar .wp-block-search__button:hover{
background-color: #ffffff !important;
color: #000000;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
margin-bottom: 30px;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
font-size: 30px;
}
.wp-block-post-author{
align-items: center;
} .wp-block-query-pagination {
margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
margin: 0;
display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background: var(--wp--preset--color--primary);
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
background-color: var(--wp--preset--color--primary);
color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background:#fff;
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #000;
}
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time{
color: #000;
}
.wp-block-post-excerpt__more-link{
padding: 10px;
background: var(--wp--preset--color--primary);
color: #fff !important;
font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
background: #000;
} header.woocommerce-Address-title.title a{
background-color: var(--wp--preset--color--primary);
border-radius: 0px !important;
color: #fff;
font-size: 15px;
font-weight: bold !important;
text-decoration: none !important;
padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
background-color: var(--wp--preset--color--primary) !important;
border-radius: 6px !important;
color: #fff !important;
border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
padding: 10px 16px !important;
}
.wp-element-button:hover, .wp-block-button__link:hover{
color:#000000 !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button svg,
.search .wp-block-search .wp-block-search__button .search-icon{
fill: #fff;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover, 
.search .wp-block-search .wp-block-search__button:hover{
background-color: #ffffff !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover svg,
.search .wp-block-search .wp-block-search__button:hover .search-icon{
fill: #000;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent{
align-items: flex-start;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{
margin-top: 10px !important;
}
.wc-block-grid__products {
justify-content: center;
}
.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
width: 80%;
margin: 0 auto;
}
.single-product.woocommerce .wp-block-woocommerce-breadcrumbs{
width: 100%;
}
.footer-para{
font-size: 14px !important;
}
.woocommerce .wp-block-woocommerce-store-notices + .wp-block-group,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection,
.single-product.woocommerce .wp-block-woocommerce-store-notices{
width: 80%;
} header.woocommerce-Address-title.title{
display: inline-grid;
margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
text-decoration: none;
color: #fff !important;
}
ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
display: grid !important;
grid-template-columns: auto auto auto auto;
gap: 1em;
width: 80%;
margin: 0 auto;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.wc-block-grid__product-onsale{
padding: 5px 12px !important;
font-size: 12px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
border: 1px solid #dcdcdc;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-radius: 5px;
}
td.wc-block-cart-item__image{
padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
padding-left: 16px !important;
padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
font-weight: 700;
padding: 9px 12px !important;
line-height: 1.5em;
font-size: 16px;
}
a.wc-block-components-product-name{
color: #000;
font-size: 20px;  
font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
color: #717171 !important;
}
span.price.wc-block-components-product-price{
text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
border-radius: 0;
color: #fff !important;
font-weight: 500;
padding: 10px 25px !important;
font-size: 18px;
border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
font-size: 1.5em !important;
padding: 10px !important;
display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
padding: 10px;
}
.wc-block-components-button:hover{
background-color: #000 !important;
color: white !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
margin-left: auto;
margin-right: auto;
width: 90% !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
padding: 5px 12px !important;
font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
margin: 0 !important;
}
.woocommerce{
margin: 0 auto;
max-width: 100% !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
display: block !important;
}
tr.wc-block-cart-items__header{
border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
border-top: 1px solid #fff;
}
.wc-block-cart{
width: 90%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
background: none !important;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 40% !important;
} .woocommerce-wishlist .wishlist_table.mobile{
padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile li{
padding: 15px;
border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
display: grid;
grid-template-columns: 2fr 50%;
gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
font-size: 16px !important;
font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
font-size: 14px !important;
padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none !important;
line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a{
border-radius: 6px;
color: #fff;
padding: 12px 12px !important;
font-size: 15px;
font-weight: bold;
text-decoration: none !important;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
text-decoration: none;
} .wp-block-button.wc-block-components-product-button{
gap: 0;
}
.woocommerce a.added_to_cart{
margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
border: 1px solid #dcdcdc;
padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
background: var(--wp--preset--color--accent);
color: #fff;
border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
font-size: 16px;
}
.woocommerce .wc-block-components-product-price ins,
.woocommerce-wishlist .wishlist-items-wrapper .product-price ins,
.woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{
background-color: transparent;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-remove a,
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none;
}
.woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{
width: 130px;
height: 50px;
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
padding: 10px 12px !important;
} .blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{
background: var(--wp--preset--color--primary);
border-radius: 6px;
padding: 7px 10px;
color: #fff;
text-decoration: none !important;
}
span.page-numbers.current {
background: var(--wp--preset--color--primary);
color: #fff;
padding: 12px 16px;
}
a.page-numbers{
background: transparent;
color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
color: #fff;
background: var(--wp--preset--color--primary);
padding: 12px 16px;
}
.wp-block-query-pagination{
gap: 10px !important;
}
.wp-block-query-pagination a{
text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
background: #000;
color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
width: 450px;
margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
padding: 10px 12px 10px 30px !important;
} .scroll-top-box {
display: none; position: fixed;
bottom: 20px;
right: 20px;
background: var(--wp--preset--color--primary);
color: white;
border: none;
border-radius: 50% !important;
padding: 10px 16px 13px; 
cursor: pointer;
z-index: 1000; 
transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
border-radius: 50% !important;
padding: 0!important;
margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
background-color: var(--wp--preset--color--primary);
} @media screen and (min-width: 1020px) and (max-width: 1299px){
.main-header-section .header-logo .wp-block-site-title a{
font-size: 16px;
}
}
@media screen and (min-width: 600px) and (max-width: 991px){
.search.search-results .wp-block-query ul.wp-block-post-template{
display: grid;
grid-template-columns: auto auto;
}
}
@media screen and (min-width: 500px) and (max-width: 767px){
.main-header-section .header-inner-section{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.main-header-section .header-inner-section .header-logo{
grid-column: span 3 / span 3;
}
.main-header-section .header-inner-section .header-menu-box{
grid-row-start: 2;
margin-bottom: 0;
}
.main-header-section .header-inner-section .header-btn-box{
grid-column: span 2 / span 2;
grid-row-start: 2;
}
}
@media screen and (max-width: 500px){
.banner-main-sec .banner-content .banner-search-box{
flex-wrap: wrap;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories{
border-right: none;
padding-bottom: 15px;
}
}
@media screen and (max-width:767px) {
.home .main-header-section .header-logo .header-title a{
margin-top: 0;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 0;
margin-bottom: 0;
}
.home .main-header-section{
position: static !important;
padding-bottom: 15px !important;
}
.home .main-header-section .header-logo .header-title{
min-width: 100%;
min-height: 100%;
}
.main-header-section .header-logo .header-title{
text-align: center;
}
.main-header-section .header-btn-box .header-btn-inner{
justify-content: center;
}
.main-header-section .header-menu-box{
margin-bottom: 16px;
}
.banner-main-sec .banner-content .banner-title{
font-size: 28px !important;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 90%;
}
.banner-section:before, .banner-main-sec:after, .banner-section .banner-inner-bg:before, .banner-section .banner-inner-bg:after{
content: none;
}
.banner-section{
clip-path: none;
}
.banner-main-sec .banner-inner-bg{
background: var(--wp--preset--gradient--banner-background-main);
padding-right: 0 !important;
}
.banner-main-sec .banner-filter-box{
flex-wrap: wrap;
}
.banner-main-sec .banner-filter-box .banner-filter-btn-box{
justify-content: center;
}
.banner-main-sec .banner-inner-bg .banner-content{
transform: translate(-50%, -62%);
}
.banner-bottom .banner-bottom-box{
border-right: none;
border-bottom: 2px solid #0000001a;
padding-right: 0 !important;
padding-bottom: 15px;
text-align: center;
}
.banner-bottom .banner-bottom-box:last-child{
border-bottom: none;
}
.banner-bottom .banner-bottom-box .banner-info{
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-info-left figure{
margin: 0 auto;
}
.document-section .document-bg svg{
display: none;
}
.document-section .document-head-box .document-sec-title{
font-size: 25px !important;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 300px !important;
}
.about-section .about-inner-content{
flex-direction: column-reverse;
}
.about-section .about-left-content .about-images{
gap: 12px;
}
.search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper {
width: 100% !important;
}
.faq-section .faq-detail-section{
gap: 0;
}
.testimonial-section .owl-nav{
bottom: -20px;
transform: none;
gap: 10px;
justify-content: center;
}
.testimonial-section .owl-carousel{
padding-bottom: 60px;
}
.news-section .news-heading-box{
margin-bottom: 0 !important;
}
.news-section .news-heading-inner-box{
display: flex;
flex-direction: column;
align-items: center;
}
.news-section .news-heading-inner-box .news-sec-heading{
text-align: center;
}
.news-section .news-meta{
justify-content: space-around;
}
.news-section .news-box .wp-block-post-title, .news-section .news-box .wp-block-post-excerpt__excerpt{
text-align: center;
} 
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{
justify-content: center;
}  
.error-page{
padding: 0 !important;
}
.error-page h2{
font-size: 122px !important;
}
.has-shadow-dark, .has-no-hover-shadow-dark{
padding: 20px !important;
}
.wp-block-post-comments .commentlist .comment{
padding-left: 0 !important;
}
.main-page, .page-no-title{
padding: 20px !important;
}
.footer-section .wp-block-navigation-item__label{
color: #000 !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.footer-section .wp-block-columns {
padding: 0 20px;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px;
text-align: center;
}
.footer-section .wp-block-columns {
margin: 0;
}
.copyright-section .wp-block-social-links{
justify-content: center !important;
}
.footer-section .wp-block-group{
max-width: 100% !important;
}
.footer-section h1{
text-align: center;
}
span.woocommerce-Price-amount.amount {
font-size: 14px !important;
}
.products-block-post-template h3 a {
font-size: 20px !important;
}
.footer-para{
margin-right: 0% !important;
}
.wp-block-navigation__responsive-container-content{
margin-left: 30px;
}
.footer-section .wp-block-group{
text-align: center !important;
}
.footer-section .wp-block-social-links{
justify-content: center !important;
}
.banner-calender .wp-block-column p{
text-align: center;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
display: flex !important;
flex-direction: column;
padding: 10px !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{
padding: 0 !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{
height: 100px;
width: auto;
float: left;
margin-bottom: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
}
@media screen and (min-width: 601px) and (max-width: 991px){
.document-section .document-detail .document-boxes{
display: grid;
grid-template-columns: auto auto;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.document-section .document-detail .document-info-box{
padding: 15px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.home .main-header-section .header-logo .header-title a{
margin-top: 10px;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 3px;
}
.main-header-section .header-inner-section .header-logo{
flex-basis: 20% !important;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 40% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 40% !important;
}
.main-header-section .header-inner-section{
flex-wrap: nowrap !important;
}
.banner-section .banner-inner-bg:before, .banner-section .banner-inner-bg:after{
height: 35%;
}
.banner-section:before{
width: 90%;
}
.banner-main-sec:after{
height: 540px;
width: 98%;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 75%;
}
.banner-main-sec .banner-content .banner-title {
font-size: 28px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
flex-wrap: nowrap !important;
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content .banner-info{
flex-wrap: wrap !important;
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-btm-outer {
padding: 10px 0px;
}
.banner-main-sec .banner-bottom .banner-info .banner-info-left,
.banner-main-sec .banner-bottom .banner-info .banner-info-right{
flex-basis: 100% !important;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 350px !important;
}
.about-section .about-right-content .about-bottom{
flex-wrap: nowrap !important;
}
.about-section .about-inner-content{
flex-wrap: wrap !important;
flex-direction: column-reverse;
}
.about-section .about-inner-content .about-left-content, .about-section .about-inner-content .about-right-content{
flex-basis: 100%;
}
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
flex-wrap: wrap !important;
}
.testimonial-section .testimonial-heading-box .testimonial-heading-cont, .news-section .news-heading-box .news-heading-inner-box, .faq-section .faq-heading-box .faq-inner-head-box{
flex-basis: 100% !important;
}
.news-section .news-box{
grid-template-columns: auto auto auto !important;
}
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 18px !important;
}
.faq-section .faq-detail-section{
gap: 12px;
flex-wrap: nowrap !important;
}
.testimonial-section .owl-nav{
bottom: -40px;
transform: none;
gap: 10px;
justify-content: center;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
flex-wrap: wrap !important;
}
li.wc-block-grid__product{
max-width: 26% !important;
}
.banner-box h2:before,.banner-calender::before{
border: none;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left {
margin-right: 0%;
margin-left: 0%;
}
.wp-block-navigation__responsive-container-content{
margin-left: 20px;
}
.wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
max-width: 100%;
}
.footer-section{
padding: 30px 30px 0 !important;
}
.blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
flex-basis: 46% !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
flex-basis: 70% !important;
}
.menu-section nav{
gap: 0 !important;
}
.menu-section-button a{
padding: 10px 9px !important;
font-size: 13px;
}
.menu-section .wp-block-navigation__responsive-container-open {
background: var(--wp--preset--color--primary);
padding: 10px;
color: #fff;
margin: 0 auto;
}
.wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 200% !important;
}
.footer-section .wp-block-group{
padding: 0;
max-width: 100% !important;
}
.banner-col-2 h1{
font-size: 36px !important;
line-height: 55px;
}
.footer-box{
max-width: 300px !important;
}
.products-block-post-template{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.footer-section .wp-block-columns{
display: grid;
grid-template-columns: auto auto;
}
.footer-section .wp-block-social-links {
gap: 0.5rem !important;
}
.footer-section .wp-block-columns.copyright-section{
display: block;
}
.footer-para{
margin-right: 0% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
gap: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
}
@media screen and (min-width: 782px) and (max-width: 992px){
.archive .archive-page .wp-block-latest-posts li{
flex: 1 0 50% !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
li.wc-block-grid__product{
max-width: 18% !important;
}
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 999px) {
.main-header-section .header-menu-box .top-menus ul,
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
.main-header-section .header-menu-box .top-menus .wp-block-navigation__submenu-container{
gap: 20px !important;
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__container li a{
padding: 0 20px !important;
}
.main-header-section .header-menu-box .top-menus .wp-block-navigation__submenu-container{
padding: 0;
}
.header-section .header-menus nav .wp-block-navigation__responsive-container{
background-color: #000000 !important;
}
.main-header-section .wp-block-navigation__responsive-container-close{
background: #ffffff;
padding: 10px;
color: #000000;
font-size: 30px;
font-weight: 600;
border-radius: 50%;
right: 25px;
top: 16px;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: none;
}
.main-header-section .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
padding-top: calc(2rem + 60px);
margin-left: 0;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: block;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
grid-template-columns: 100%;
}
}
@media screen and (max-width: 1199px) and (min-width:901px){
.header-section .header-menus nav .wp-block-navigation__responsive-container-content ul{
gap: 30px;
}
}
@media screen and (max-width: 1400px) and (min-width:1025px){
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 768px){
.single-product ul.tabs.wc-tabs{
display: flex !important;
}
}
@media screen and (max-width: 991px){
.wc-block-components-sidebar-layout{
display: block;
}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
width: 100% !important;
}
}
@media screen and (max-width: 425px){
.single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{
padding: 6px 20px !important;
}
td.wc-block-cart-item__total{
padding: 0 !important;
}
tr.wc-block-cart-items__row{
grid-template-columns: repeat(4, 1fr)!important;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
display: block;
}
}
@media screen and (min-width: 721px) and (max-width: 1199px){
.wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
gap: 0.83333em;
}
.wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
width: calc(50% - 1em)!important;
}
}
@media screen and (max-width: 720px){
.wc-block-product-template__responsive,ul.wc-block-grid__products{
grid-template-columns: auto !important;
}
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
display: block;
grid-template-columns: auto !important;
}
li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
.page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
margin-bottom: 20px;
}
.wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
width: calc(100% - 1em)!important;
}
.not-found-heading{
font-size: 50px !important;
}
}
@media screen and (max-width: 768px){
.single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{
border-bottom-width: 2px !important;
border-left-width: 0 !important;
}
}
@media screen and (max-width: 599px){
.woocommerce-account .entry-content .woocommerce-form-login{
width: 100% !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
flex-direction: column;
gap: 1em;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
width: auto;
}
.wc-block-components-order-summary-item{
display: block !important;
}
}
@media screen and (min-width: 600px) and (max-width: 991px){
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(50% - 1em);
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.home .main-header-section .header-logo .header-title a{
margin-top: 10px;
}
.home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
margin-top: 3px;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 52% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 28% !important;
}
.main-header-section .header-inner-section .header-menu-box .top-menus ul li{
font-size: 13px !important;
}
.main-header-section .header-menu-box .top-menus ul li a{
padding: 5px 15px !important;
}
.banner-main-sec .banner-content .banner-inner-content{
max-width: 75%;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content .banner-info{
gap: 15px;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 30% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 70% !important;
}
.document-section .document-detail .document-boxes{
gap: 10px;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.document-section .document-detail .document-info-box .info-title{
font-size: 18px !important;
}
.document-section .document-detail .document-info-box{
padding: 12px !important;
}
.about-section .about-left-content .about-images,
.about-section .about-right-content .about-bottom{
gap: 12px;
}
.about-section .about-right-content .about-bottom .wp-block-column{
flex-basis: 50% !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.news-section .news-box{
grid-template-columns: auto auto auto;
}
.testimonial-section .owl-nav button{
height: 35px;
width: 35px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -6%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -6%;
}
.footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box {
gap: 6px;
}
.footer-section .footer-box:first-child{
padding-right: 0 !important;
}
.footer-section .footer-box{
flex-basis: 25% !important;
}
.footer-section .footer-box h3{
font-size: 22px !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 17px !important;
}
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(33% - 1em);
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(1){
flex-basis: 60% !important;
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(2){
flex-basis: 40% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){
flex-basis: 65% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){
flex-basis: 35% !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
.home .main-header-section .header-logo .header-title a{
margin-top: 15px;
}
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 55% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 25% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-content{
padding: 15px !important;
gap: 20px;
}
.banner-main-sec .banner-bottom .banner-bottom-box{
padding-right: 15px !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 20% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 80% !important;
}
.document-section .document-detail .document-boxes{
gap: 10px;
}
.document-section .document-detail .document-info-box .info-list li{
font-size: 13px !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -5%;
}
.footer-section .footer-box {
flex-basis: 25% !important;
}
.footer-section .footer-box h3 {
font-size: 22px !important;
}
.footer-section .footer-box:first-child {
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) and (max-width: 1780px){
.main-header-section .header-inner-section .header-menu-box{
flex-basis: 55% !important;
}
.main-header-section .header-inner-section .header-btn-box{
flex-basis: 25% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left{
flex-basis: 20% !important;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-right{
flex-basis: 80% !important;
}
}

.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.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-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 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;
}.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;
-moz-backface-visibility: hidden; }
.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-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.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%; }
.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 {
visibility: hidden; }
.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 {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@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 {
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(//youthfornextstep.com/wp-content/themes/online-documentation/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-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%; }