@charset "UTF-8";
.portfolio.portfolio-block {
display: block;
float: left;
width: 100%;
}
.portfolio.portfolio-block.vc_portfolio-block{
float: none;
width:auto;
padding:0;
margin:0;
}
.container.portfolio{
float:none
}
.portfolio .dot {
margin: 0;
padding: 0;
}
.portfolio.related h1 {
margin-bottom: 30px
}
.portfolio .portfolio-related > div{
margin:0;
padding:0;
}
.is-portfolio-page #page-body,
.is-portfolio-tax #page-body {
padding: 80px 0;
}
.portfolio-big-holder{
display:table;
width:100%;
} .portfolio-block div[class*=' vc_col'] {
padding: 0;
}
.wow_portfolio_loadmore {
clear: both;
display: block;
text-align: center;	
margin: auto;
margin-top:20px;
margin-bottom:20px;
} .portfolio.style1 h3 {
margin: 0
}
.portfolio.style1 .portfolio_container:before{
background:#ffffff;
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.portfolio.style1 .portfolio_container:hover:before{
background: #212121;
}
.portfolio.style1 .portfolio_details {
display: table;
width: 100%;
position: relative;
padding: 20px 0;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.portfolio.style1 .portfolio_left {
padding: 0px 20px;
display: table-cell;
}
.portfolio.style1 h3,
.portfolio.style1 h3 a {
padding: 0;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px
}
.portfolio.style1 .portfolio_left h3 a {
color: #000000
}
.portfolio.style1 .portfolio_right {
text-align: right;
padding: 0;
display: table-cell;
vertical-align: middle;
width: 52px;
}
.portfolio.style1 .portfolio_right i {
font-size: 4em;
margin-right: 24px;
color: #c4c4c4;
}
.portfolio.style1 .image_wrapper {
float: left;
position: relative;
max-width: 100%;
overflow: hidden;
}
.portfolio.style1 .image_wrapper img {
float: left;
width: 100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.portfolio.style1 .title-line {
margin: 10px 0 15px 0;
}
.portfolio.style1 .iso-filters li {
display: inline
}
.portfolio.style1 .icon_holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 50px;
}
.portfolio.style1 .title-line {
background: #ffc600
} .portfolio.style1 .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style1 .portfolio_container {
position: relative;
width: 100%;
display: block;
cursor: pointer;
}
.style1 .portfolio_container .icon_holder i {
font-size: 50px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
text-align: center;
}
.style1 .portfolio_container:hover .icon_holder i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.style1 .portfolio_container:hover .portfolio_right i {
color: #fff
}
.style1 .portfolio_container:hover .portfolio_details {
color: #ffffff;
}
.style1 .portfolio_container:hover .portfolio_details a {
color: #ffffff
}
.style1 .portfolio_container:hover .image_wrapper img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.style1 .portfolio_container:hover .image_wrapper_hover {
opacity: 1;
}
.style1 .portfolio_container:hover p ,
.style1 .portfolio_container:hover h3 {
color: #fff
}
.style1 .portfolio_container p {
margin-bottom:0
} .portfolio.style2 {
padding-right: 2px
}
.portfolio.style2 h3 {
margin: 0;
margin-bottom:10px
}
.portfolio.style2 .portfolio_details {
padding: 0;
float:left;
width: 100%;
position: relative;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
background: #fff;
overflow: hidden;
}
.portfolio.style2 .portfolio_details_holder{
display: table;
width: calc(100% + 1px);
}
.portfolio.style2 .portfolio_left {
display: block;
padding: 20px;
}
.portfolio.style2 .portfolio_left h3,
.portfolio.style2 .portfolio_left h3 a {
font-size: 16px;
font-weight: 700;
padding: 0;
display: table;
line-height: 28px
}
.portfolio.style2 .portfolio_left p {
font-size: 13px;
font-weight: 300;
display: table;
margin: 0
}
.portfolio.style2 .portfolio_right {
background: #eef2f6;
min-width: 68px;
text-align: center;
padding: 0;
display: table-cell;
vertical-align: middle;
width: 52px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.portfolio.style2 .portfolio_right p {
font-size: 24px;
color: #343c47;
margin: 0
}
.portfolio.style2 .portfolio_right small {
font-size: 14px;
color: #98a1ac;
}
.portfolio.style2 .image_wrapper {
float: left;
position: relative;
width: 100%;
overflow: hidden
} .portfolio.style2 .image_wrapper img {
float: left;
width: 100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.portfolio.style2 .iso-filters li {
display: inline
}
.portfolio.style2 .icon_holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100px;
}
.portfolio.style2 .icon_holder i {
color: #fff;
font-size: 60px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
text-align: center
}
.portfolio.style2 .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style2 .portfolio_container {
width: 100%;
display: block;
cursor: pointer;
}
.style2 .portfolio_container h2 {
color: #FFF;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
text-align: center;
padding: 0 30px;
letter-spacing: -1px;
margin: 0;
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 15px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
}
.style2 .portfolio_container:hover .icon_holder i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.style2 .portfolio_container:hover .portfolio_details {
color: inherit
}
.style2 .portfolio_container:hover .portfolio_details a {
color: #000000
}
.style2 .portfolio_container:hover .image_wrapper img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.style2 .portfolio_container:hover .portfolio_right,
.style2 .portfolio_container:hover .image_wrapper_hover {
background: #ffc600;
}
.style2 .portfolio_container:hover .portfolio_right p {
color: #FFF;
}
.style2 .portfolio_container:hover .portfolio_right small {
color: #FFF;
}
.style2 .portfolio_container:hover .image_wrapper_hover {
opacity: 1
}
.style2 .portfolio_container:hover h2 {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .portfolio.style3 h3 {
margin: 0
}
.portfolio.style3 .portfolio_details {
padding: 0;
float:left;
width: 100%;
position: relative;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.portfolio.style3 .portfolio_top {
display: block;
padding: 20px;
background: #f6f6f6;
}
.portfolio.style3 .portfolio_top h3,
.portfolio.style3 .portfolio_top h3 {
font-size: 16px;
font-weight: 700;
line-height: 28px
}
.portfolio.style3 .portfolio_top h3 a {
text-decoration: none
}
.portfolio.style3 .portfolio_bottom {
background: #FFF;
float:left;
width: 100%;
border-bottom: solid;
border-width: 2px;
border-color: #ffc600;
}
.portfolio.style3 .portfolio_bottom_holder{
display:table;
width: 100%;
}
.portfolio.style3 .portfolio_bottom .plus {
text-align: center;
color: #fff;
font-size: 23px;
padding: 8px 16px;
display: table-cell;
width: 20px;
vertical-align: middle
}
.portfolio.style3 .portfolio_bottom small {
font-size: 13px;
display: block;
padding: 13px 20px;
font-weight: 500;
vertical-align: middle;
line-height:1.4em
}
.portfolio.style3 .image_wrapper {
float: left;
position: relative;
max-width: 100%;
overflow: hidden
}
.portfolio.style3 .image_wrapper img {
float: left;
width: 100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.portfolio.style3 .iso-filters li {
display: inline
}
.portfolio.style3 .icon_holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 50px;
text-align: center
}
.portfolio.style3 .image_wrapper_hover i {
color: #fff;
font-size: 60px;
}
.portfolio.style3 .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style3 .portfolio_container {
width: 100%;
display: block;
cursor: pointer;
}
.style3 .portfolio_container h2 {
color: #FFF;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
text-align: center;
padding: 0 30px;
letter-spacing: -1px;
}
.style3 .portfolio_container .icon_holder i {
font-size: 50px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
}
.style3 .portfolio_container:hover .icon_holder i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.style3 .portfolio_container:hover .portfolio_details {
background: none;
color: inherit
}
.style3 .portfolio_container:hover .image_wrapper img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.style3 .portfolio_container:hover .image_wrapper_hover {
opacity: 1;
}
.style3 .portfolio_container:hover .image_wrapper_hover,
.style3 .portfolio_bottom .plus {
background: #ffc600;
} .portfolio.style4 h2 {
color: #fff;
font-size: 24px;
line-height: 36px
}
.portfolio.style4 h2 a {
color: #fff;
}
.portfolio.style4 .effect-steve h2 {
color: #333;
}
.portfolio.style4 .iso-filters li {
display: inline
}
.portfolio.style4 figure.effect-zoe i,
.portfolio.style4 figcaption i {
color: #ffc600
}
.portfolio.style4 figure.effect-hera i {
color: #fff
}
.portfolio.style4 figure.effect-phoebe p a i {
color: #fff
}
.portfolio.style4 .effect-lily p.second,
.portfolio.style4 .effect-sadie p.second,
.portfolio.style4 .effect-layla p.second,
.portfolio.style4 .effect-romeo p.second,
.portfolio.style4 .effect-dexter p.second,
.portfolio.style4 .effect-chico p.second,
.portfolio.style4 .effect-milo p.second,
.portfolio.style4 .effect-julia p.second,
.portfolio.style4 .effect-goliath p.second,
.portfolio.style4 .effect-phoebe p.second,
.portfolio.style4 .effect-apollo p.second,
.portfolio.style4 .effect-kira p.second,
.portfolio.style4 .effect-lexi p.second,
.portfolio.style4 .effect-duke p.second,
.portfolio.style4 .effect-oscar p.second,
.portfolio.style4 .effect-marley p.second,
.portfolio.style4 .effect-roxy p.second,
.portfolio.style4 .effect-bubba p.second,
.portfolio.style4 .effect-sarah p.second,
.portfolio.style4 .effect-selena p.second,
.portfolio.style4 .effect-steve p.second,
.portfolio.style4 .effect-jazz p.second,
.portfolio.style4 .effect-ming p.second {
background: #ffc600;
color: #fff;
margin: 0
}
figure.effect-milo p{
border-color:#ffc600;
border-style:solid;
border-left:none;
border-right:none;
border-top:none;
} ul.iso-filters {
width: 100%;
margin: 20px 0;
}
ul.iso-filters li {
display: inline;
margin-right: 1px;
}
ul.iso-filters li:last-child {
margin-right: 0;
}
ul.iso-filters li button {
border: none;
padding: 20px;
margin-bottom:5px;
outline: 0;
color: #fff;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
background: #a4a4a4
}
ul.iso-filters li button.active,
ul.iso-filters li button:hover {
background: #333
}  .iso-grid {
display: block;
width:100%
}
ul.iso-filters.simple li button {
background: transparent;
color: #a4a4a4;
font-weight: 400;
padding: 20px 12px
}
ul.iso-filters.simple li {
margin: 0
}
ul.iso-filters.simple li button.active,
ul.iso-filters.button-group.simple li button:hover {
background: transparent;
color: #ff4f4f
}
ul.simple li:first-child button {
padding-left: 0
}
ul.simple li:last-child button {
padding-right: 0
}
ul.iso-filters.bordered button {
background: transparent;
color: #a4a4a4;
font-weight: 400;
padding: 20px 12px;
border: 1px solid #a4a4a4
}
ul.iso-filters.bordered li button.active,
ul.iso-filters.button-group.bordered li button:hover {
background: transparent;
color: #ff4f4f;
border: 1px solid #ff4f4f
}
ul.iso-filters.bordered-rounded button {
background: transparent;
color: #a4a4a4;
font-weight: 400;
padding: 20px 12px;
border: 1px solid #a4a4a4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
ul.iso-filters.bordered-rounded button.active,
ul.iso-filters.button-group.bordered-rounded li button:hover {
background: transparent;
color: #ff4f4f;
border: 1px solid #ff4f4f
}
ul.iso-filters.rounded button {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
ul.iso-filters.small_size.bordered li button{
padding: 13px 12px;
}
ul.iso-filters.small_size button {
font-size: 12px;
padding: 14px 12px;
}
ul.iso-filters.medium_size button {
font-size: 15px;
padding: 12px 14px;
margin-bottom: 5px
}
ul.iso-filters.large_size button {
font-size: 18px;
padding: 18px 16px;
} .posts-block {
display: block
}
.vc_posts-block:not(.style2) .posts-grid {
margin-left: -15px;
margin-right: -15px;
}
.vc_posts-block:not(.style2) div[class^='vc_col-'] {
margin-bottom: 30px
}
body #page-body .posts-block ul {
list-style-type: none
}
.is-blog-page #page-body {
width:100%;
float:left;
clear:both;
background:#f9f9f9;
box-sizing: border-box
}
.has-left-fancy-sidebar.is-blog-page #page-body.content-wrapper {
overflow: visible
}
.has-right-fancy-sidebar.is-blog-page #page-body.content-wrapper {
overflow: visible
}
@media screen and (min-width: 1201px) {
.boxed-layout.is-blog-page.without-container #page-body .posts-block,
.boxed-layout.is-blog-page-single.without-container-single #page-body .blog-single{
padding-right: 45px;
padding-left: 45px
}
}
.is-blog-page.has-left-fancy-sidebar #page-body.content-wrapper .left_sidebar,
.is-blog-page.has-right-fancy-sidebar #page-body.content-wrapper .right_sidebar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.is-blog-page .posts-block div[class^='vc_col-sm-'] {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px
}
.is-blog-page.has-right-sidebar .posts-block {
margin-right: 0px
}
.is-blog-page.has-left-sidebar .posts-block {
margin-left: 0px
}
.is-blog-page #page-body,
.is-blog-page-single #page-body {
padding: 80px 0;
}
.posts {
background-color: #ffffff;
text-align: left;
width: 100%;
position: relative;
height:100%
}
.posts-block .posts{
z-index:1;
}
.wow_posts_loadmore{
clear: both;
display: block;
text-align: center;	
margin: auto;
margin-top:20px;
margin-bottom:20px;
}
.posts.quote .image_wrapper{
margin-bottom:50px
}
.posts-grid article {
padding-bottom: 30px;
} .has-left-fancy-sidebar .blog-single.style1 .blog-single-start ul.categories {
left: 70px;
}
.style1 .posts.quote {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/quote-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.video {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/video-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.audio {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/audio-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.image {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/image-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.aside {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/aside-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.link {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/link-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.status {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/status-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.chat {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/chat-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts.gallery {
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/gallery-icon.gif) bottom right #FFFFFF;
background-repeat: no-repeat;
}
.style1 .posts ul.categories {
top: 30px;
left: 40px;
display: inline-block;
list-style-type: none;
z-index: 10;
}
.style1 .posts ul.categories.no-thumb {
top: 60px;
}
.style1 .posts ul.categories.is-audio-video {
margin-right: 7px
}
.style1 .posts li {
float: left;
margin-right: 3px;
line-height: 18px;
padding: 0 4px;
margin-bottom: 5px;
font-size: 11px;
text-align: center;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style1 .posts .image_wrapper {
float: left;
position: relative;
width: 100%;
overflow: hidden
}
.style1 .posts .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style1 .posts .image-holder.video {
position: relative;
padding-bottom: 57.25%;
height: 0;
overflow: hidden;
}
.style1 .posts .image-holder.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style1 .posts .image-holder.audio {
position: relative;
padding-bottom: 47.25%;
height: 0;
overflow: hidden;
}
.style1 .posts .image-holder.audio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style1 .posts .image-holder img {
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.style1 .posts .text-holder {
padding: 60px 40px;
display: block
}
.style1 .posts span.date {
font-size: 13px;
text-transform: uppercase;
}
.style1 .posts span.date.margin_cat {
display: inline-block;
margin-top: 50px
}
.style1 .posts span.date.no-thumb {
margin-top: 60px;
display: block;
}
.style1 .posts span.comments {
font-size: 13px;
text-transform: uppercase;
display: table;
}
.style1 .posts span .comments_text {
display: table-cell;
vertical-align: middle;
}
.style1 .posts span.comments i {
font-size: 22px;
display: table-cell;
vertical-align: middle;
}
.style1 .posts .spacer {
margin-left: 5px
}
.style1 .posts h2,
.posts h2 a {
font-size: 20px;
line-height: 30px;
font-weight: 700
}
.style1 .posts h2 {
margin: 10px 0
}
.style1 .posts.quote h2 span {
font-style: italic;
border-bottom: solid 1px rgba(0, 0, 0, .3);
padding-bottom: 2px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style1 .posts p {
font-weight: 300;
}
.style1 .posts h2,
.posts h3,
.posts h2 a,
.posts h3 a,
.posts p {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.style1 .posts-block .posts {
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.style1 .posts:hover .image_wrapper_hover {
opacity: 1;
background: rgba(255, 198, 0, .8)
}
.style1 .posts.quote:hover h2 span {
border-bottom: solid 1px rgba(0, 0, 0, 1);
)
}
.style1 .posts:hover li {
background-color: #000;
}
.style1 .posts:hover .image_wrapper img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .posts-block.style2 .posts {
margin-bottom: 0;
background-color: transparent
}
.style2 .posts .image_wrapper {
overflow: hidden;
position: relative;
z-index: 1
}
.style2 .posts .image_wrapper_hover.standard {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style2 .posts .image_wrapper_hover.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.style2 .posts .image_wrapper_hover.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style2 .posts .image_wrapper_hover.audio {
position: relative;
padding-bottom: 47.25%;
height: 0;
overflow: hidden;
}
.style2 .posts .image_wrapper_hover.audio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style2 .posts .image_wrapper img {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 100%;
display: block;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.style2 .posts .icon-holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100px;
text-align: center;
padding: 0 20px
}
.style2 .posts .icon-holder h3,
.style2 .posts .icon-holder h3 a {
color: #fff;
text-transform: uppercase;
font-size: 18px;
margin: 0;
font-weight: 900;
padding-bottom: 10px;
line-height: 30px
}
.style2 .posts .icon-holder h3 a {
color: #fff;
text-transform: uppercase;
font-size: 18px;
margin: 10px 0 0 0;
}
.style2 .posts .icon-holder i {
color: #fff;
font-size: 52px;
}
.style2 .posts span.comments,
.style2 .posts span.category,
.style2 .posts span.date {
padding: 0;
color: #fff;
font-size: 13px;
text-transform: capitalize;
display: inline-block;
line-height: 1.6em
}
.style2 .posts span.date {
padding-right: 10px;
}
.style2 .posts .details.standard {
bottom: 0;
z-index: 1;
width: 100%;
height: 260px;
text-align: left;
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/bg-blog-01.png) top center;
background-repeat: repeat-x;
}
.style2 .posts .details.video,
.style2 .posts .details.audio,
.style2 .posts .details.quote,
.style2 .posts .details.no-thumb {
height: auto;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #222
}
.style2 .posts .details.no-thumb {
padding: 30px
}
.style2 .posts .details_holder {
bottom: 30px;
left: 30px;
}
.style2 .posts .details{
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.style2 .posts .details_holder.video,
.style2 .posts .details_holder.audio,
.style2 .posts .details_holder.quote {
padding: 30px
}
.style2 .posts ul.categories {
top: 30px;
left: 40px;
display: inline-block;
list-style-type: none;
z-index: 10
}
.style2 .posts li {
float: left;
margin-right: 3px;
line-height: 18px;
padding: 0 4px;
margin-bottom: 5px;
font-size: 11px;
text-align: center;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.style2 .posts ul.categories {
position: relative;
top: 0px;
display: inline-block;
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
left: 0
}
.style2 .posts li {
padding: 2px 4px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.style2 .posts .details_holder h2,
.style2 .posts .details_holder h2 a {
color: #fff;
font-size: 18px;
margin: 0;
line-height: 30px;
font-weight: 700;
padding-right: 20px;
margin-bottom: 5px
}
.style2 .posts .details_holder h2.quote {
font-style: italic
}
.style2 .posts:hover .image_wrapper_hover.standard {
opacity: 1;
background: rgba(255, 198, 0, .8)
}
.style2 .posts:hover .image_wrapper img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.style2 .posts:hover .details.standard {
opacity: 0
} .vc_posts-block.style2 .posts {
margin-bottom: 0;
}
.vc_posts-block.style2 .posts .image_wrapper {
overflow: hidden;
}
.vc_posts-block.style2 .posts .image_wrapper:before{
content:"";
position:absolute;
width: 100%;
height: 260px;
bottom: 0;
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/bg-blog-01.png) top center;
background-repeat: repeat-x;
}
.vc_posts-block.style2 .posts:hover .image_wrapper:before{
opacity:0;
}
.vc_posts-block.style2 .posts .image_wrapper img {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 100%;
height:100%;
display: block;
opacity: 1;
}
.vc_posts-block.style2 .posts .icon-holder {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100px;
text-align: center;
}
.vc_posts-block.style2 .posts .icon-holder h3 {
color: #fff;
text-transform: uppercase;
font-size: 18px;
margin: 10px 0 0 0;
}
.vc_posts-block.style2 .posts .icon-holder h3 a {
color: #fff;
display: block;
text-transform: uppercase;
font-size: 18px;
margin: 10px 0 0 0;
}
.vc_posts-block.style2 .posts .icon-holder i {
color: #fff;
font-size: 52px;
}
.vc_posts-block.style2 .posts span {
padding: 0;
color: #fff;
font-size: 13px;
text-transform: capitalize;
}
.vc_posts-block.style2 .posts .details {
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
text-align: left;
background: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/bg-blog-01.png) top center;
background-repeat: repeat-x;
}
.vc_posts-block.style2 .posts .details_holder {
position: absolute;
z-index: 1;
bottom: 30px;
left: 30px;
}
.vc_posts-block.style2 .posts ul.categories {
position: relative;
top: 0px;
display: inline-block;
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
left: 0
}
.vc_posts-block.style2 .posts li {
padding: 2px 4px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.vc_posts-block.style2 .posts .details_holder h2 {
color: #fff;
font-size: 20px;
margin: 0;
line-height:32px;
margin-bottom:5px;
}
.vc_posts-block.style2 .posts .image_wrapper_hover {
opacity: 0
}
.vc_posts-block.style2 .posts:hover .image_wrapper_hover {
opacity: 1
}
.vc_posts-block.style2 .posts .image_wrapper{
float: left;
width:100%;
height: 100%;	
transition: background-color .25s linear,opacity .25s linear;
-moz-transition: background-color .25s linear,opacity .25s linear;
-webkit-transition: background-color .25s linear,opacity .25s linear;	
}
.vc_posts-block.style2 .posts:hover .image_wrapper{
transition: background-color .25s linear,opacity .25s linear;
-moz-transition: background-color .25s linear,opacity .25s linear;
-webkit-transition: background-color .25s linear,opacity .25s linear;
}
.vc_posts-block.style2 .posts:hover .image_wrapper img {
opacity: 0;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.vc_posts-block.style2 .posts .details_holder {
}
.vc_posts-block.style2 .posts:hover .details_holder {
opacity: 0;
}
.vc_posts-block.style2 .posts:hover .image_wrapper {
background: #ff434f
}
.posts-block.style2 .posts-grid .no_paddings {
padding: 0
}
@media screen and (min-width: 1200px) {
.vc_posts-block.posts-block.style2 img.style2_fix {
display:none !important;
}
}
@media screen and (max-width: 1199px) {
.vc_posts-block.posts-block.style2 img.style2_regular{
display:none !important
}
} .style3 .posts {
margin-bottom: 0;
background:transparent
}
.style3 .posts.video,
.style3 .posts.audio,
.style3 .posts.quote,
.style3 .posts.no-thumb {}
.style3 .posts .text-holder {
bottom: 20px;
padding: 0;
left: 28px;
width: calc(100% - 56px);
color: #ffffff
}
.style3 .posts.video .text-holder,
.style3 .posts.audio .text-holder,
.style3 .posts.quote .text-holder,
.style3 .posts.no-thumb .text-holder {
position: relative;
z-index: 100;
padding-top: 60px
}
.style3 .posts.video .date,
.style3 .posts.audio .date,
.style3 .posts.quote .date,
.style3 .posts.no-thumb .date {
margin-right: 3px
}
.posts-block.style3 .posts {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
overflow:hidden;
}
.style3 .posts:before {
content: "";
display:block;
position: absolute;
top: 0;
width: 101%;
opacity: 1;
height: 101%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 55%, rgba(0, 0, 0, 0.8) 83%, rgba(0, 0, 0, 0.91) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 55%, rgba(0, 0, 0, 0.8) 83%, rgba(0, 0, 0, 0.91) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 55%, rgba(0, 0, 0, 0.8) 83%, rgba(0, 0, 0, 0.91) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e8000000', GradientType=0);
}
.style3 .posts.video:before,
.style3 .posts.audio:before,
.style3 .posts.quote:before,
.style3 .posts.no-thumb:before {
background-color: #222
}
.style3 .posts:hover:before {
opacity: 0.9
}
.style3 .posts .date,
.style3 .posts .comments {
width: 65px;
height: 65px;
display: table;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.style3 .posts:hover .date,
.style3 .posts:hover .comments {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.style3 .posts .date {
left: 0;
top: 0;
background: #88d245
}
.style3 .posts .comments {
left: 68px;
top: 0;
background: #ff6b00
}
.style3 .posts .middle {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.style3 .posts .date span,
.style3 .posts .comments span {
display: block
}
.style3 .posts .date .day,
.style3 .posts .comments .comments_no {
font-size: 24px;
font-weight: 700
}
.style3 .posts .date .month,
.style3 .posts .comments .comments_text {
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
}
.style3 .posts h2 {
margin-top: 75px
}
.style3 .posts.video h2,
.style3 .posts.audio h2,
.style3 .posts.quote h2,
.style3 .posts h2.no-thumb {
margin-top: 25px
}
.style3 .posts.quote h2 {
font-style: italic
}
.style3 .posts h2 a,
.style3 .posts h2 {
color: #fff;
font-size: 32px;
line-height: 1.2em;
text-transform: uppercase
}
.style3 .posts p {
color: #a4a4a4;
font-size: 15px;
line-height: 24px;
margin: 0
}
.style3 .posts:hover p {
color: #eae8e8
}
.style3 .posts .video_wrapper.video {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
}
.style3 .posts .video_wrapper.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style3 .posts .audio_wrapper.audio {
position: relative;
padding-bottom: 47.25%;
height: 0;
overflow: hidden;
}
.style3 .posts .audio_wrapper.audio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.style3 .posts.quote:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/quote-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.video:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/video-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.audio:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/audio-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.image:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/image-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.aside:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/aside-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.link:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/link-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.status:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/status-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.chat:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/chat-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
}
.style3 .posts.gallery:before{
background-image: url(//wowlayers.com/wp-content/plugins/infinito-elements//images/post-icons/other-styles/gallery-icon.png) ;
background-repeat: no-repeat;
background-position:  bottom right;
} .posts-block.style4 .blog_container h2 {
color: #fff;
font-size: 24px;
line-height: 36px
}
.posts-block.style4 .blog_container h2 a {
color: #fff;
line-height: 36px
}
.posts-block.style4 .effect-steve h2 {
color: #333;
}
.posts-block.style4 .iso-filters li {
display: inline
}
.posts-block.style4 figure.effect-zoe i,
.posts-block.style4 figcaption i {
color: #ffc600
}
.posts-block.style4 figure.effect-hera i {
color: #fff
}
.posts-block.style4 figure.effect-phoebe p a i {
color: #fff
}
.posts-block.style4 .effect-lily p.second,
.posts-block.style4 .effect-sadie p.second,
.posts-block.style4 .effect-layla p.second,
.posts-block.style4 .effect-romeo p.second,
.posts-block.style4 .effect-dexter p.second,
.posts-block.style4 .effect-chico p.second,
.posts-block.style4 .effect-milo p.second,
.posts-block.style4 .effect-julia p.second,
.posts-block.style4 .effect-goliath p.second,
.posts-block.style4 .effect-phoebe p.second,
.posts-block.style4 .effect-apollo p.second,
.posts-block.style4 .effect-kira p.second,
.posts-block.style4 .effect-lexi p.second,
.posts-block.style4 .effect-duke p.second,
.posts-block.style4 .effect-oscar p.second,
.posts-block.style4 .effect-marley p.second,
.posts-block.style4 .effect-roxy p.second,
.posts-block.style4 .effect-bubba p.second,
.posts-block.style4 .effect-sarah p.second,
.posts-block.style4 .effect-selena p.second,
.posts-block.style4 .effect-steve p.second,
.posts-block.style4 .effect-jazz p.second,
.posts-block.style4 .effect-ming p.second {
background: #ffc600;
color: #fff;
margin: 0
}
.pagination {
display: table;
width: 100%;
margin: 0 auto;
padding: 70px 0;
text-align: center;
box-sizing: border-box;
}
.pagination ul {
display: inline-table
}
.pagination ul li {
display: block;
float: left
}
.pagination ul li a {
padding: 15px 20px;
background: #fff;
border: solid 1px #f2f2f2;
font-size: 12px;
font-weight: bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: block;
margin:1px
}
.pagination ul li.active a,
.pagination ul li:hover a,
.pagination ul li:focus a {
background: #ffc600;
color: #fff
} .headings .heading1 h1,
.headings .heading1 h2,
.headings .heading1 h3,
.headings .heading1 h4,
.headings .heading1 h5,
.headings .heading1 h6 {
font-weight: 300;
line-height: 1.4em;
margin: 0;
display:inline-block
}
.headings .heading2 h1,
.headings .heading2 h2,
.headings .heading2 h3,
.headings .heading2 h4,
.headings .heading2 h5,
.headings .heading2 h6 {
font-weight: 900;
line-height: 1.33em;
margin-top: 20px;
margin-bottom: 10px;
display:inline-block
}
.headings .headings_p{
display:flex;
}
.headings .headings_p > *{
display:table;
clear: both;
}
.headings p {
font-weight: 300;
line-height: 1.75em;
margin: 0
}
.headings .light_heading,
.light_heading {
font-weight: 200;
}
.headings.inline_headings .heading1,
.headings.inline_headings .heading2 {
float: left
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-left .title-line {}
.text-right .title-line {
float: right
}
.text-center .title-line {
margin: 0 auto
}
.line-holder{
width:100%;
display:table;
clear:both
}
.title-line {
height: 1px;
width: 58px;
}  .team.style1 {
text-align: left;
}
.team.style1 .image_wrapper { position: relative;
max-width: 100%;
cursor: pointer;
overflow: hidden;
}
.team.style1 .quote_holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 200px;
text-align: left;
}
.team.style1 .quote_holder i {
padding-left: 30px;
font-size: 32px;
position: absolute;
position: absolute;
top: 50px;
left: 0;
right: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
opacity: 0;
}
.team.style1 .quote_holder h3 {
color: #fff;
font-weight: 300;
font-size: 20px;
margin: 5px 0;
padding: 5px 30px 10px;
line-height: 30px;
position: absolute;
left: 0;
right: 0;
top: 80px;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
opacity: 0;
}
.team.style1 .quote_holder li {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
list-style-type: none;
margin-top: 20px
}
.team.style1 .image_wrapper img {
width: 100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
margin: 0 auto;
display:table
}
.team.style1 h2,
.team.style1 h2 a {
color: #fff;
font-weight: 300;
text-transform: uppercase;
font-size: 20px;
line-height: 1.3em;
margin: 5px 0;
}
.team.style1 .image_wrapper h2 a {
color: #fff;
}
.team.style1 .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: calc(100% - 100px);
z-index: 2;
background: rgba(0, 0, 0, .8);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.team.style1 .details {
width: 100%;
height: 100px;
text-align: left;
background: rgba(0, 0, 0, .8);
position: absolute;
bottom: 0
}
.team.style1 .details_holder {
position: absolute;
bottom: 25px;
left: 30px;
}
.team.style1 .details_holder li {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 4px 7px;
display: inline;
color: #000;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.team:hover.style1 .details_holder li {
background: #FFF !important;
}
.team:hover.style1 .image_wrapper_hover {
opacity: 1
}
.team:hover.style1 .quote_holder h3 {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.team:hover.style1 .quote_holder i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.team:hover.style1 .image_wrapper img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .team.style2 {
text-align: left;
margin: 0px;
cursor: pointer;
}
.team.style2 .image_wrapper {
position: relative;
max-width: 100%;
overflow: hidden;
}
.team.style2 .overlay_holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100px;
text-align: center;
}
.team.style2 .overlay_holder i {
font-size: 36px;
background: #FFF;
padding: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
width: 35px;
height: 36px;
}
.team.style2 .overlay_holder h3 {
color: #fff;
font-weight: 900;
font-size: 18px;
margin: 8px 0 0 0;
line-height: 30px;
position: absolute;
left: 0;
right: 0;
top: 50px;
margin: auto;
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
}
.team.style2 .overlay_holder p {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
margin-bottom: 0
}
.team.style2 .image_wrapper img {
width: 100%;
display: block;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
margin: 0 auto
}
.team.style2 .image_wrapper_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.team.style2 .details {
width: 100%;
text-align: left;
background: #FFF;
display: block;
clear: both
}
.team.style2 .title_holder {
background: #f5f5f5;
}
.team.style2 .title_holder h2 {
font-weight: 700;
font-size: 16px;
line-height: 1.3em;
margin: 15px 0;
display: inline-block;
padding-left: 15px
}
.team.style2 .title_holder h2 a {
font-weight: 700;
font-size: 16px;
line-height: 1.3em;
display: inline-block;
}
.team.style2 .details_holder {
border-bottom: solid;
border-left: solid;
border-right: solid;
border-width: 1px;
border-color: #f5f5f5;
display: table;
width: calc(100% - 2px)
}
.team.style2 .details_holder li.position {
font-size: 13px;
font-weight: 400;
padding: 15px 15px 12px 15px;
display: block;
color: #afafaf;
float: left
}
.team.style2 .details_holder li.facebook,
.team.style2 .details_holder li.twitter {
float: right;
padding: 15px 15px 12px 15px;
border-left: solid 1px #f5f5f5;
list-style-type: none;
}
.team:hover.style2 .image_wrapper_hover {
opacity: 1
}
.team:hover.style2 .overlay_holder i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.team:hover.style2 .overlay_holder h3 {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.team:hover.style2 .image_wrapper img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .team.style3 {
text-align: left;
}
.team.style3 .image_wrapper {
position: relative;
}
.team.style3 .image_wrapper img {
display: block;
margin: 0 auto;
}
.team.style3 .details {
width: 100%;
text-align: left;
background: #FFF;
display: table;
clear: both
}
.team.style3 .title_holder {
background: #FFF;
width: 50%;
display: table-cell;
vertical-align: middle;
padding: 15px 0
}
.team.style3 .title_holder h2 {
font-weight: 700;
font-size: 16px;
line-height: 1.3em;
display: inline-block;
padding-left: 15px;
text-transform: uppercase;
}
.team.style3 .title_holder h2 a {
font-weight: 700;
font-size: 16px;
line-height: 1.3em;
display: inline-block;
text-transform: uppercase;
}
.team.style3 .title_holder h2 {
margin: 0 0 5px 0;
}
.team.style3 .title_holder li.position {
font-size: 13px;
font-weight: 400;
padding: 0 0 0 15px;
display: block;
}
.team.style3 .details_holder {
display: table-cell;
width: 50%;
padding: 15px;
box-sizing: border-box;
vertical-align: middle
}
.team.style3 .details_holder li.facebook,
.team.style3 .details_holder li.twitter,
.team.style3 .details_holder li.phone {
float: left;
display: inline-block;
clear: both;
font-size: 11px;
padding: 4px 0;
color: #fff
}
.team.style3 .details_holder li a {
color: #fff;
font-weight: normal
}
.team.style3 .details_holder li i {
font-size: 11px;
padding: 3px;
background: #fff;
min-width: 12px;
text-align: center;
margin-right: 7px;
} .facts {
display: block;
text-align: center;
padding: 15px;
}
.facts_inner {
}
.facts .icon {
position: relative;
display: table;
width: 100%;
margin-bottom: 10px;
}
.facts .icon i {
font-size: 62px;
height: 62px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto
} .facts h1 {
font-weight: 300;
margin: 0;
}
.facts h2 {
font-weight: 700;
margin: 0;
}
.facts p {
font-weight: 300;
margin: 0;
}
.facts img.center {
margin: 0 auto;
display: block
}
.facts img.left {
display: inline
}
.facts img.right {
display: inline
}
.facts .facts-heading-details {
width: 100%;
display: table;
}
.facts .facts-heading-details-inner.left {
display: table;
width:100%;
}
.facts .facts-heading-details-inner.center {
display: table;
margin: 0 auto
}
.facts .facts-heading-details-inner.right {
display: table;
width: 100%
}
.facts .facts-heading-details-inner.right.right_number_first {
display: unset;
width: unset;
float: right
}
.facts .icon i {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s
}
.facts:hover .icon i {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
} .social_block {
text-align: center;
}
.social_block a {
float: left;
display: block;
}
.social_profile {
float: left;
color: #fff;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.social_profile i {
font-size: 56px;
color: #cdcdcd;
}
.social_profile_inner {
padding: 44px 10px;
}
.social_profile_inner small {
font-size: 12px;
display: block;
clear: both;
width: 100%;
padding: 12px 0 0 0;
font-weight: 300;
color: #cdcdcd;
}
.social_profile .social_profile_inner h3 {
font-size: 18px;
display: block;
clear: both;
width: 100%;
font-weight: 700;
text-transform: uppercase;
margin: 0;
padding: 0;
color: #fff;
line-height: 1.4em;
}
a .social_profile {
background: #3d3d3d;
width: 100%
}
a:nth-child(2n) .social_profile {
background: #252525;
width: 100%
}
.social_block .social_profile:hover i {
color: #fff
}
.social_block .social_profile:hover small {
color: #fff
}
.social_block .social_profile:hover h3 {
color: #fff
}   .wow_btn_container.left {
text-align: left
}
.wow_btn_container.center{
text-align: center;
margin: auto;	
}
.wow_btn_container.right {
text-align: right
} .wow_btn_container button {
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-decoration: none;
outline: 0;
}
.wow_btn_container .wow-button {
max-width: 100%;
position: relative;
overflow: hidden
} .wow_btn_container .wow-button.small {
font-size: 12px;
padding: 11px 26px
}
.wow_btn_container .wow-button.medium {
font-size: 14px;
padding: 14px 34px
}
.wow_btn_container .wow-button.large {
font-size: 14px;
padding: 20px 56px
}
.wow_btn_container .wow-button.xtra_large {
font-size: 18px;
padding: 28px 60px
}
.wow_btn_container .wow-button.regular {
font-size: 12px;
padding: 0
} .wow_btn_container .wow-button.square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.wow_btn_container .wow-button.rounded {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.wow_btn_container .wow-button.circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px
}  .wow_btn_container .wow-button.square[class*=' hvr-']:hover {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.wow_btn_container .wow-button.rounded[class*=' hvr-']:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}  .wow_btn_container .wow-button.regular span.icon {
position: absolute;
}
.wow_btn_container .wow-button.regular span.text {
display: block;
line-height: 1em;
} .wow_btn_container .wow-button.regular span.icon i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
} .wow_btn_container .wow-button.regular.small span.icon i {
font-size: 12px;
height: 12px
}
.wow_btn_container .wow-button.regular.medium span.icon i {
font-size: 14px;
height: 14px
}
.wow_btn_container .wow-button.regular.large span.icon i {
font-size: 20px;
height: 21px
}
.wow_btn_container .wow-button.regular.xtra_large span.icon i {
font-size: 30px;
height: 30px
} .wow_btn_container .wow-button.regular.small.padding_left span.text {
padding-left: 20px
}
.wow_btn_container .wow-button.regular.medium.padding_left span.text {
padding-left: 20px
}
.wow_btn_container .wow-button.regular.large.padding_left span.text {
padding-left: 30px
}
.wow_btn_container .wow-button.regular.xtra_large.padding_left span.text {
padding-left: 40px
} .wow_btn_container .wow-button.regular.small.padding_right span.text {
padding-right: 20px
}
.wow_btn_container .wow-button.regular.medium.padding_right span.text {
padding-right: 20px
}
.wow_btn_container .wow-button.regular.large.padding_right span.text {
padding-right: 30px
}
.wow_btn_container .wow-button.regular.xtra_large.padding_right span.text {
padding-right: 40px
} .wow_btn_container .wow-button.regular.small.padding_right span.icon i {
margin-left: -12px
}
.wow_btn_container .wow-button.regular.medium.padding_right span.icon i {
margin-left: -14px
}
.wow_btn_container .wow-button.regular.large.padding_right span.icon i {
margin-left: -20px
}
.wow_btn_container .wow-button.regular.xtra_large.padding_right span.icon i {
margin-left: -30px
} .wow_btn_container .wow-button div.icon.fancy {
position: absolute;
top: 0;
height: 100%
}
.wow_btn_container .wow-button div.icon.fancy.padding_left {
left: 0
}
.wow_btn_container .wow-button div.icon.fancy.padding_right {
right: 0
} .wow_btn_container .wow-button div.icon.fancy.small {
width: 42px
}
.wow_btn_container .wow-button div.icon.fancy.medium {
width: 56px
}
.wow_btn_container .wow-button div.icon.fancy.large {
width: 74px
}
.wow_btn_container .wow-button div.icon.fancy.xtra_large {
width: 100px
} .wow_btn_container .wow-button div.icon.fancy.left.square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.wow_btn_container .wow-button div.icon.fancy.left.rounded {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.wow_btn_container .wow-button div.icon.fancy.left.circle {
-webkit-border-top-left-radius: 45px;
-webkit-border-bottom-left-radius: 45px;
-moz-border-radius-topleft: 45px;
-moz-border-radius-bottomleft: 45px;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px
} .wow_btn_container .wow-button div.icon.fancy.right.square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.wow_btn_container .wow-button div.icon.fancy.right.rounded {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.wow_btn_container .wow-button div.icon.fancy.right.circle {
-webkit-border-top-right-radius: 45px;
-webkit-border-bottom-right-radius: 45px;
-moz-border-radius-topright: 45px;
-moz-border-radius-bottomright: 45px;
border-top-right-radius: 45px;
border-bottom-right-radius: 45px
} .wow_btn_container .wow-button.fancy.small.padding_left .text,
.wow_btn_container .wow-button.fancy.small.padding_left .text2 {
padding-left: 28px
}
.wow_btn_container .wow-button.fancy.medium.padding_left .text,
.wow_btn_container .wow-button.fancy.medium.padding_left .text2 {
padding-left: 36px
}
.wow_btn_container .wow-button.fancy.large.padding_left .text,
.wow_btn_container .wow-button.fancy.large.padding_left .text2 {
padding-left: 40px
}
.wow_btn_container .wow-button.fancy.xtra_large.padding_left .text,
.wow_btn_container .wow-button.fancy.xtra_large.padding_left .text2 {
padding-left: 70px
} .wow_btn_container .wow-button.fancy.small.padding_right .text,
.wow_btn_container .wow-button.fancy.small.padding_right .text2 {
padding-right: 28px
}
.wow_btn_container .wow-button.fancy.medium.padding_right .text,
.wow_btn_container .wow-button.fancy.medium.padding_right .text2 {
padding-right: 36px
}
.wow_btn_container .wow-button.fancy.large.padding_right .text,
.wow_btn_container .wow-button.fancy.large.padding_right .text2 {
padding-right: 40px
}
.wow_btn_container .wow-button.fancy.xtra_large.padding_right .text,
.wow_btn_container .wow-button.fancy.xtra_large.padding_right .text2 {
padding-right: 70px
} .wow_btn_container .wow-button div.icon.fancy.padding_left span {}
.wow_btn_container .wow-button div.icon.fancy.padding_right span {} .wow_btn_container .wow-button.fancy i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
} .wow_btn_container .wow-button.fancy.small i {
font-size: 18px;
height: 18px
}
.wow_btn_container .wow-button.fancy.medium i {
font-size: 24px;
height: 24px
}
.wow_btn_container .wow-button.fancy.large i {
font-size: 32px;
height: 32px
}
.wow_btn_container .wow-button.fancy.xtra_large i {
font-size: 48px;
height: 48px
} .wow_btn_container .wow-button.fancy.small {
padding-top: 12px;
padding-bottom: 12px
}
.wow_btn_container .wow-button.fancy.medium {
padding-top: 14px;
padding-bottom: 14px
}
.wow_btn_container .wow-button.fancy.large {
padding-top: 16px;
padding-bottom: 16px
}
.wow_btn_container .wow-button.fancy.xtra_large {
padding-top: 22px;
padding-bottom: 22px
} .wow_btn_container .wow-button.fancy.padding_left .text,
.wow_btn_container .wow-button.fancy.padding_left .text2 {
text-align: left
}
.wow_btn_container .wow-button.fancy.padding_right .text,
.wow_btn_container .wow-button.fancy.padding_right .text2 {
text-align: right
} .wow_btn_container .wow-button.fancy .text2 {
font-weight: 700;
line-height: 1.2em
}
.wow_btn_container .wow-button.fancy.small .text {
font-size: 10px
}
.wow_btn_container .wow-button.fancy.small .text2 {
font-size: 12px
}
.wow_btn_container .wow-button.fancy.medium .text {
font-size: 12px
}
.wow_btn_container .wow-button.fancy.medium .text2 {
font-size: 14px
}
.wow_btn_container .wow-button.fancy.large .text {
font-size: 13px
}
.wow_btn_container .wow-button.fancy.large .text2 {
font-size: 18px
}
.wow_btn_container .wow-button.fancy.xtra_large .text {
font-size: 16px
}
.wow_btn_container .wow-button.fancy.xtra_large .text2 {
font-size: 24px
} .wow_btn_container .wow-button,
.wow_btn_container .wow-button div.icon.fancy span i,
.wow_btn_container .wow-button div.icon.fancy,
.wow_btn_container .wow-button.fancy .text,
.wow_btn_container .wow-button.fancy .text2 {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
} .wow_btn_container .wow-button i.from_top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
transition: background-color 0.5s ease;
transition: all 0.5s ease !important;
}
.wow_btn_container .wow-button:hover i.from_top {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0);
transition: all 0.5s ease !important;
} .wow_btn_container .wow-button i.second.from_top {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s
}
.wow_btn_container .wow-button:hover i.second.from_top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
} .wow_btn_container .wow-button i.from_bottom {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s;
transition: all 0.5s ease !important;
}
.wow_btn_container .wow-button:hover i.from_bottom {
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0);
transition: all 0.5s ease !important;
} .wow_btn_container .wow-button i.second.from_bottom {
opacity: 0;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
-webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
transition: opacity 0.75s, transform 0.75s
}
.wow_btn_container .wow-button:hover i.second.from_bottom {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
} .wow_btn_container .style-3d {
position: relative
}
.wow_btn_container .style-3d:activ {
position: relative;
top: 6px;
color: red
}
.wow_btn_container .style-3d {
background: #ff434f
} .testimonials.style1 .testimonial_inner {
margin-bottom: 40px
}
.testimonials.style1 .testimonial_inner .image_wrapper {
float: left;
width:64px;
}
.testimonials.style1 .testimonial_inner .image_wrapper img {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block
}
.testimonials.style1 .testimonial_inner .details_holder {
padding-left: 80px
}
.testimonials.style1 .testimonial_inner h2 {
font-size: 20px;
font-weight: 300;
margin-top: 0;
margin-bottom: 5px;
line-height: 1.3em;
}
.testimonials.style1 .testimonial_inner p {
font-style: italic;
margin-bottom: 10px
}
.testimonials.style1 .testimonial_inner span {
font-weight: 900;
font-size: 12px;
color: #171717
} .accordion_container {}
.accordion_head {
color: #333;
cursor: pointer;
font-size: 18px;
margin: 0 0 1px 0;
font-weight: bold;
line-height: 2.45em;
}
.accordion_body {}
.accordion_body p {
padding: 20px 0 20px 50px;
font-weight: 300;
margin: 0px;
}
.plusminus {
float: left;
width: 44px;
background: #333;
text-align: center;
margin-right: 15px;
color: #fff;
font-family: 'Lato';
font-weight: 100;
font-size: 24px;
}
.accordion_head:hover .plusminus {
opacity: .8;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
} .list_element {
padding: 0;
box-sizing:border-box;
text-align:left;	
}
.list_element.position-left, .list_element.position-right{
display:flex
}
.list_element.position-right{
justify-content: flex-end;
}
.list_element.position-right .icon_container, .list_element.position-right .image_container{
order:2;
}
.list_element .heading_container{
text-align:left
}
.list_element i {
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.list_element h1,
.list_element h2,
.list_element h3,
.list_element h4,
.list_element h5,
.list_element h6 {
line-height: 1em;
margin-top: 0;
margin-bottom: 14px;
font-weight: 500;
}
.list_element .list_arrow {
display: block;
font-family: Arial;
font-size: 32px
}
.list_element.position-top .icon_container{
}
.list_element.position-top .details_container{
padding-left: 0;	
}
.list_element.position-top.top-center .image_container{
margin:auto;
float:none;
}
.rotate_effect .icon_holder i {
-webkit-transition: -webkit-transform .3s ease-in-out;
-ms-transition: -ms-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
.rotate_effect:hover .icon_holder i {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.list_paragraph p {
margin: 0
}
.list_element .icon_holder {
text-align: center;
}
.list_element.style1 i.list_icon{
display:block;
height:auto;
}
.list_element.position-top .details_container {
padding-left: 0;
}
.list_element.position-top .heading_container {
text-align: center
}
.list_element.position-top .list_paragraph {
text-align: center
}
.list_element.position-top.style1 .icon_holder .list_icon {
width: auto;
}
.list_element.top-center .icon_holder {
text-align:center;
margin: 0 auto;
margin-bottom: 18px;
}
.list_element.position-top.top-center div.details_container {
padding-left: 0
}
.list_element.top-left .icon_holder {
margin-bottom: 18px;
}
.list_element.position-top.top-left div.details_container {
padding-left: 0
}
.list_element.top-left .heading_container {
text-align: left
}
.list_element.top-left .list_paragraph p {
text-align: left
}
.list_element.top-left .list_paragraph {
text-align: left
}
.list_element.top-right .icon_container {
margin-bottom: 18px;
display: flex;
justify-content: flex-end;
}
.list_element.position-top.top-right div.details_container {
padding-left: 0;
}
.list_element.position-top.top-right div.heading_container {
text-align: right
}
.list_element.position-top.top-right div.list_paragraph {
text-align: right
}
.list_element.position-right .heading_container {
text-align: right
}
.list_element.position-right .list_paragraph {
text-align: right
}
.list_element.position-right .details_container {
padding-left: 0
}
.list_element.position-right .list_button {
text-align: right;
}
.list_element i.list_icon {
display: table-cell;
vertical-align: middle;
} .list_element.top-left .image_holder{
text-align:left
}
.list_element.top-right .image_holder{
text-align:right
} .list_element.small i.list_icon {
font-size: 32px;
height: 60px;
width: 60px;
}
.list_element.medium i.list_icon {
font-size: 56px;
height: 104px;
width: 104px;
}
.list_element.large i.list_icon {
font-size: 62px;
height: 130px;
width: 130px;
}
.list_element.xlarge i.list_icon {
font-size: 80px;
height: 160px;
width: 160px;
} .list_element.small.style2 .icon_holder, .list_element.small.style2-1 .icon_holder, .list_element.small.style3 .icon_holder, .list_element.small.style3-1 .icon_holder, .list_element.small.style4 .icon_holder, .list_element.small.style4-1 .icon_holder{
width:64px;
}
.list_element.medium.style2 .icon_holder, .list_element.medium.style2-1 .icon_holder, .list_element.medium.style3 .icon_holder, .list_element.medium.style3-1 .icon_holder, .list_element.medium.style4 .icon_holder, .list_element.medium.style4-1 .icon_holder{
width:107px;
}
.list_element.large.style2 .icon_holder, .list_element.large.style2-1 .icon_holder, .list_element.large.style3 .icon_holder, .list_element.large.style3-1 .icon_holder, .list_element.large.style4 .icon_holder, .list_element.large.style4-1 .icon_holder{
width:133px;
}
.list_element.xlarge.style2 .icon_holder, .list_element.xlarge.style2-1 .icon_holder, .list_element.xlarge.style3 .icon_holder, .list_element.xlarge.style3-1 .icon_holder, .list_element.xlarge.style4 .icon_holder, .list_element.xlarge.style4-1 .icon_holder{
width:163px;
}
.list_element.small.style2-2 .icon_holder, .list_element.small.style3-2 .icon_holder, .list_element.small.style4-2 .icon_holder{
width:73px;
}
.list_element.medium.style2-2 .icon_holder, .list_element.medium.style3-2 .icon_holder, .list_element.medium.style4-2 .icon_holder{
width:118px;
}
.list_element.large.style2-2 .icon_holder, .list_element.large.style3-2 .icon_holder, .list_element.large.style4-2 .icon_holder{
width:144px;
}
.list_element.xlarge.style2-2 .icon_holder, .list_element.xlarge.style3-2 .icon_holder, .list_element.xlarge.style4-2 .icon_holder{
width:173px;
} .list_element.style1.top-left .icon_holder{
text-align:left
}
.list_element.style1 .list_icon {
color: #ffc600;
}
.list_element.style1.small .list_icon {
height: auto;
width: auto
}
.list_element.style1.medium .list_icon {
height: auto;
width: auto
}
.list_element.style1.large .list_icon {
height: auto;
width: auto
}
.list_element.style1.xlarge i.list_icon {
height: auto;
width: auto
} .list_element.style2 .list_icon {
border-radius: 50%;
border: 1px solid #ffc600;
color: #ffc600;
}
.list_element.style2-1 .list_icon {
border-radius: 50%;
color: #ffffff;
background: #ffc600
}
.list_element.style2-2 .list_icon {
border-radius: 50%;
color: #ffffff;
background: #ffc600;
box-shadow: 0 0 0 3px #ffc600;
border: solid 6px rgba(255, 255, 255, 0);
-webkit-background-clip: padding-box; background-clip: padding-box; } .list_element.style3 .list_icon {
border-radius: 3px;
border: 1px solid #ffc600;
}
.list_element.style3-1 .list_icon {
border-radius: 3px;
color: #ffffff;
background: #ffc600
}
.list_element.style3-2 .list_icon {
border-radius: 3px;
color: #ffffff;
background: #ffc600;
box-shadow: 0 0 0 3px #ffc600;
border: solid 6px rgba(255, 255, 255, 0);
-webkit-background-clip: padding-box; background-clip: padding-box; } .list_element.style4 .list_icon {
border: 1px solid #ffc600;
}
.list_element.style4-1 .list_icon {
color: #ffffff;
background: #ffc600
}
.list_element.style4-2 .list_icon {
color: #ffffff;
background: #ffc600;
box-shadow: 0 0 0 3px #ffc600;
border: solid 6px rgba(255, 255, 255, 0);
-webkit-background-clip: padding-box; background-clip: padding-box; } .list_element.position-right .icon_holder {
text-align: left;
}
.list_element.position-right .icon_holder .list_icon {
text-align: center
}
.list_element .image_holder {
text-align: center;
margin-right: 20px;
}
.list_element.position-left .image_holder img, .list_element.position-right .image_holder img {
max-width:none;
}
.list_element.position-right .image_holder{
margin-right:0;
margin-left:20px;
}
.list_element.position-top .image_holder {
float: none;
margin:0;
margin-bottom:20px;
}
.list_element.top-left {
text-align: left;
}
.list_element.top-center {
text-align: center;
}
.list_element.top-right {
text-align: right;
}
.list_element.position-top.top-center .list_button{
float:none;
margin:auto;
}
.list_element.top-center .image_holder img {
margin: 0 auto;
}
.list_element.position-right .list_arrow {
text-align: right
} .list_button button {
background: none;
border: none;
text-decoration: none;
padding: 0;
}
.list_button button a {
font-size:16px;
display: block;
color: #535353;
padding: 5px 10px
}
.list_element .image_holder {
position: relative
}
.list_element img:not(.list_image_overlay){
opacity:1;
}
.list_image_overlay{
opacity:0;
visibility:hidden;
position:absolute;
top:0;
left:0;
}
.list_element:hover img.has_hover{
opacity:0;
visibility:hidden;
}
.list_element:hover .list_image_overlay{
opacity:1;
visibility:visible;
} .list_element.position-left .icon_container .icon_holder{
margin-right:15px
}
.list_element.position-right .icon_container .icon_holder{
margin-left:15px
} .simple-list {
padding: 3px;
}
.simple-list ul {
list-style: none;
margin-bottom: 0
}
.simple-list.position_right  ul{
float:right;
}
.simple-list.position_center  ul{
float: none;
margin: auto;
display: table;
}
.simple-list li p {
font-weight: 300;
margin-bottom: 0
}
.simple-list .first_text{
padding-right:15px;
}
.simple-list .first_text , .simple-list .second_text{
font-size: 18px;
line-height:2em;
}
.simple-list .second_text {
float: right;
font-weight:700;
}
.simple-list.icon_right  .first_text {
font-weight:300;
}
.simple-list.icon_right ul li i{
float: right
}
.simple-list span.icon{
width:1em;
padding-left: 0;
padding-right: 6px;
}
.simple-list.icon_right span.icon{
padding-left: 6px;
padding-right: 0;	
}
.simple-list  ul li p{
display:table;
width:100%;
}
.simple-list span{
display:table-cell;
vertical-align:middle
} .banners {
background-color: transparent;
padding: 70px 50px;
box-sizing: border-box;
}
.banners .title1_holder,
.banners .title-line,
.banners .title2_holder,
.banners .counter,
.banners .paragraph_content,
.banners button {
clear: both;
}
.banners .title1_holder>* {
font-weight: 300;
margin-bottom: 18px
}
.banners .title2_holder {
font-weight: bold;
margin-top: 20px;
}
.banners .counter {
font-size: 120px;
font-weight: bold;
line-height: 1em;
}
.banners .paragraph_content {
font-size: 16px;
font-weight: 300;
margin-top: 20px;
line-height: 28px
}
.banners .paragraph_content {
margin: 0
}
.banners.align-center .banner_inner {
text-align: center
}
.banners.align-center .title-line {
margin: auto
}
.banners.align-right .banner_inner {
text-align: right
}
.banners.align-right .title-line {
float: right;
margin-bottom: 20px
} .banners button {
background: none;
border: none;
margin: 0;
padding: 0;
}
.banners button a {
background: none;
padding: 13px 40px;
transition: all 0.4s ease;
border: none;
line-height: 1em;
transition: all 0.4s ease;
margin-top: 20px;
}
.banners button a {
font-size: 14px;
font-weight: bold;
display: block;
color: #888888
}
.banners button.simple a {
padding-left: 0;
padding-right: 0;
}
.banners button.simple:hover a {
color: #000000
}
.banners button.flat a {
background-color: rgba(255, 255, 255, 0);
color: #888888;
border: solid 1px #888888
}
.banners button.flat:hover a {
color: #000000;
background-color: rgba(255, 255, 255, 0);
border: solid 1px #000000
}
.banners .button-line {
margin-left: 5px
} .pricing_table_container {
text-align: left; 
box-sizing: border-box;
overflow: hidden;
background-color:transparent
}
.pricing_table_container,
.pricing_table_container .title_sub_holder,
.pricing_table_container .lasttext_wrapper,
.pricing_table_container .lasttext_wrapper a {
color: #333
}
.pricing_table_container .icon_title_wrapper,
.pricing_table_container .price_wrapper,
.pricing_table_container .details_wrapper,
.pricing_table_container .lasttext_wrapper{
display: inline-block;
width: 100%;
float: left;
box-sizing: border-box;
}
.pricing_table_container .details_feature{
text-align:left;
}
.pricing_table_container .details_wrapper ul li{
display:table-row;
}
.pricing_table_container .pt_highlight{
text-align:right;
padding-left: 16px;
font-weight:bold;
}
.pricing_table_container .details_wrapper ul li span{
display:table-cell
}
.pricing_table_container .icon_title_wrapper {
display: block;
padding: 15px 30px;
float: left;
width: 100%;
box-sizing: border-box;
}
.pricing_table_container .icon_holder {
display: table-cell;
vertical-align: middle;
}
.pricing_table_container .price_wrapper {
padding: 10px 30px;
}
.pricing_table_container .title_sub_holder {
font-size: 22px;
font-weight: 800;
vertical-align: middle;
display: table-cell;
padding: 0;
}
.pricing_table_container .title_holder {
float: left;
clear: both;
}
.pricing_table_container .sub_holder {
font-size: 12px;
line-height: 1em;
float: left;
clear: both;
font-weight: normal;
margin-top: 5px;
}
.pricing_table_container i {
font-size: 35px;
float: left;
margin-right: 10px;
}
.pricing_table_container .pt_currency {
font-size: 0.3em;
font-weight: 300;
top: -0.90em;
}
.pricing_table_container .pt_price {
font-size: 72px;
font-weight: 700
}
.pricing_table_container .pt_smallprice {
font-size: 0.25em;
font-weight: normal;
top: -2.2em;
margin: 10px;
}
.pricing_table_container .pt_subprice {
display: block;
font-size: 0.16em;
font-weight: 700;
margin-top: -6px;
}
.pricing_table_container .details_wrapper{
padding: 10px 30px;	
}
.pricing_table_container .details_wrapper ul {
padding: 0;
display: table;
margin: 0;
}
.pricing_table_container .details_wrapper ul li {
font-size: 12px;
line-height: 1.7em;
font-weight:300 }
.pricing_table_container .lasttext_wrapper a {
margin-left: 30px;
margin-right: 30px;
font-size: 16px;
font-weight: 700;
padding:24px 10px;
display: inline-block;
position: relative;
}
.pricing_table_container .pt_arrow {
margin: 0;
font-size: 1em;
margin-left: 0.3em;
top: -0.1em;
position: relative;
}
.pricing_table_container .icon_holder.icon_right i{
margin-right:0;
margin-left:10px;
}
.pricing_table_container .lasttext_wrapper a{
text-align:center
} .pricing_table_container.align-center{text-align:center}
.pricing_table_container.align-center .details_feature{text-align:center}
.pricing_table_container.align-center .icon_title_holder{display:table;margin:auto}
.pricing_table_container.align-center .details_wrapper ul{margin:auto}
.pricing_table_container.align-right{text-align:right}
.pricing_table_container.align-right .details_feature{text-align:right}
.pricing_table_container.align-right .icon_title_holder{float:right}
.pricing_table_container.align-right .details_wrapper ul{float:right}
.pricing_table_container.align-right .lasttext_wrapper a{margin-right:30px}
.pricing_table_container .icon_title_wrapper.icon_right .title_holder{
float:right
} .pricing_table_container .icon_top .icon_holder, .pricing_table_container .icon_bottom .icon_holder{
display: inline-block;
}
.pricing_table_container .icon_top .icon_holder{
margin-bottom:20px
}
.pricing_table_container .icon_bottom .icon_holder{
margin-top:20px
}
.pricing_table_container .icon_top i, .pricing_table_container .icon_bottom i{
margin:0;
}
.pricing_table_container .icon_top .title_sub_holder, .pricing_table_container .icon_bottom .title_sub_holder{
display: block;
float:none;
font-weight:400
}
.pricing_table_container .icon_top .title_holder, .pricing_table_container .icon_bottom .title_holder{
display: block;
float:none;
}
.pricing_table_container .icon_top .sub_holder, .pricing_table_container .icon_bottom .sub_holder{
display: block;
float:none;
}
.pricing_table_container .icon_right i{
margin:0;
margin-left:10px
} .pricing-tables-wrap{
width: 100%
}
.pricing-tables-wrap.horizontal .pricing_table_container {
display:table;
table-layout:fixed;
float:none;
width: 100%;
box-sizing: border-box;
}
.pricing-tables-wrap.horizontal .icon_title_wrapper {
width: 20%
}
.pricing-tables-wrap.horizontal .details_wrapper {
width: 40%
}
.pricing-tables-wrap.horizontal .price_wrapper {
width: 20%
}
.pricing-tables-wrap.horizontal .lasttext_wrapper {
width: 20%;
}
.pricing-tables-wrap.horizontal .icon_title_wrapper, .pricing-tables-wrap.horizontal .details_wrapper, 
.pricing-tables-wrap.horizontal .price_wrapper, .pricing-tables-wrap.horizontal .lasttext_wrapper{
display: table-cell;
vertical-align: middle;	
float:none;
}
.pricing-tables-wrap.horizontal .pricing_table_container.align-left .lasttext_wrapper a{margin-left:30px;} .pricing-tables .pt_line {
position: relative
}
.pricing-tables .pt_line:after {
content: "";
position: absolute;
width: 80%;
height: 1px;
background: #ffc600;
transition: all 0.5s ease;
}
.pricing-tables .icon_title_wrapper.pt_line:after {
left: 100%;
bottom: -1px;
}
.pricing-tables .lasttext_wrapper.pt_line:after {
top: -1px;
right: 100%;
}
.pricing-tables:hover .icon_title_wrapper.pt_line:after {
content: "";
left: 10%
}
.pricing-tables:hover .lasttext_wrapper.pt_line:after {
content: "";
right: 10%
} .wow_progress_bar_holder {
display: block;
text-align: right
}
.wow_progress_bar_text {
font-size: 16px;
line-height: 42px;
font-weight: bold;
float: left
}
.wow_progress_bar_unit {
font-size: 24px;
line-height: 42px;
font-weight: bold
}
.vc_progress_bar.wow_progress_bar .vc_single_bar {
background: #f0f0f0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: 5px;
margin-bottom: 12px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.vc_progress_bar.wow_progress_bar .vc_single_bar .vc_label {
padding: 5px;
}
.vc_progress_bar.wow_progress_bar .vc_single_bar .vc_bar {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
} .wow_countdown {
}
.countdown-detail {
display:inline-block;
margin-right: 20px;
padding: 0 20px
}
.countdown-detail:last-child {
margin-right: 0
}
.countdown-detail p {
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
}
.countdown-detail span {
font-weight: 700;
font-size: 72px;
line-height: 1.2em
}  .has_fancy_text_background {
position: relative
}
.fancy_text_background_holder {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.fancy_text_background_wrapper {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
visibility: hidden
}
.fancy_text_background_wrapper_inner {
display: table-cell;
vertical-align: middle;
color: #dcdcdc;
font-size: 350px;
font-weight: 900;
}
.first_fancy_text,
.second_fancy_text {
line-height: 0.85em;
font-size: 250px
}
.fancy_text_background_wrapper_inner .char-mask {
display: inline-block;
overflow: hidden;
}
.fancy_text_background_wrapper_inner div.char-mask div {
display: inline-block;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all .5s cubic-bezier(.05, .43, .04, .87);
-moz-transition: all .5s cubic-bezier(.05, .43, .04, .87);
transition: all .5s cubic-bezier(.05, .43, .04, .87);
}
.fancy_text_background_wrapper_inner div.char-mask div {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.fancy_text_background_wrapper_inner .char-mask div.char-show {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .simple-headings, .simple-headings .simple-headings-holder{
} #wow-map #map {
height: 800px
}
.map-icon-point-of-interest {
padding: 20px;
background: red
} .wow_simple_banner *, 
.wow_simple_banner *:after, 
.wow_simple_banner *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.wow_simple_banner .grid figure h2{
color:#fff;
font-weight:500
}
.wow_simple_banner .grid figure p.second{
background:transparent !important
}
.wow_simple_banner .grid figure p.second i{
color:#fff
}
.wow_simple_banner figure.effect-layla h2, 
.wow_simple_banner figure.effect-layla p,
.wow_simple_banner figure.effect-layla p.second,
.wow_simple_banner figure.effect-bubba h2, 
.wow_simple_banner figure.effect-bubba p,
.wow_simple_banner figure.effect-bubba p.second{
padding-left:15px;
padding-right:15px
}
.wow_simple_banner figure.effect-roxy p.second,
.wow_simple_banner figure.effect-chico p.second,
.wow_simple_banner figure.effect-oscar p.second,
.wow_simple_banner figure.effect-sarah p.second,
.wow_simple_banner figure.effect-jazz p,
.wow_simple_banner figure.effect-jazz p.second,
.wow_simple_banner figure.effect-selena p.second,
.wow_simple_banner figure.effect-apollo p,
.wow_simple_banner figure.effect-apollo p.second{
padding-left:0;
padding-right:0
}
.wow_simple_banner figure.effect-oscar h2 ,
.wow_simple_banner figure.effect-jazz h2,
.wow_simple_banner figure.effect-layla h2{
padding-top:30px;
margin-top:0
}
.wow_simple_banner figure.effect-apollo h2{
margin-top: 15px;
margin-bottom: 15px
}
.wow_simple_banner figure.effect-apollo p,
.wow_simple_banner figure.effect-apollo p.second{
position:static;
margin:0
}
.wow_simple_banner figure.effect-layla p.second {
top: 30px
}
.wow_simple_banner .grid figure p.second{
display:block
}
.wow_simple_banner figure.effect-honey h2 {
padding-left: 30px;
padding-right: 30px
}
.wow_simple_banner figure.effect-roxy p.second, 
.wow_simple_banner figure.effect-sarah p.second{
float:none
}
.wow_simple_banner figure.effect-apollo h2 {
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
transition: opacity 0.25s, transform 0.25s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
.wow_simple_banner figure.effect-apollo:hover h2 {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.wow_simple_banner figure.effect-apollo p{
padding-left:15px
}
.wow_simple_banner figure.effect-apollo p.second{
margin-left:0 !important;
margin-right:0 !important
}
.wow_simple_banner .grid figure p,
.wow_simple_banner .grid figure p.second{
opacity:0;
visibility:hidden
}
.wow_simple_banner .grid figure:hover p,
.wow_simple_banner .grid figure:hover p.second{
opacity:1;
visibility:visible
} .wow_inner_row_no_paddings > .vc_column_container > .vc_column-inner, .wow_inner_row_no_paddings > .container > .container-inner > .vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
.wpb_single_image{
clear:both
} @media screen and (max-width: 1200px) and (min-width: 769px) {
.social_block a.grid12{
width:20% !important;
}
}.edd-icon{display:inline-block;fill:currentColor;position:relative;vertical-align:middle}.edd-icon-spin{animation:edd-icon-spin 2s linear infinite;display:inline-block}@keyframes edd-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}#edd_checkout_cart{border:none;margin:0 0 21px;table-layout:auto;text-align:left;width:100%}#edd_checkout_cart td,#edd_checkout_cart th{border:1px solid #eee;color:#666;padding:.5em 1.387em;text-align:left}#edd_checkout_cart .edd_cart_header_row th{background:#fafafa;padding:1.387em}#edd_checkout_cart .edd_cart_discount_row th,#edd_checkout_cart .edd_cart_tax_row th{background:none}#edd_checkout_cart th{font-weight:700}#edd_checkout_cart td{background:#fff;line-height:25px;vertical-align:middle}#edd_checkout_cart td.edd_cart_actions,#edd_checkout_cart td:last-child,#edd_checkout_cart th.edd_cart_actions,#edd_checkout_cart th.edd_cart_total,#edd_checkout_cart th:last-child{text-align:right}#edd_checkout_cart td img{background:none;border:none;float:left;margin:0 8px 0 0;padding:0}#edd_checkout_cart input.edd-item-quantity{padding:2px;width:3em}#edd_checkout_cart .edd_discount{display:inline-block;margin-left:5px}#edd_checkout_cart br{display:none}#edd_checkout_cart a.edd-cart-saving-button{font-weight:400;text-decoration:none}#edd_checkout_form_wrap legend{display:block;font-size:120%;font-weight:700;line-height:1;margin:0 0 1rem;padding:0;white-space:nowrap;width:100%}#edd_checkout_form_wrap label{display:block;font-size:95%;font-weight:700;line-height:100%;margin:0 0 5px;position:relative}#edd_checkout_form_wrap .edd-description{color:#666;display:block;font-size:80%;margin:0 0 5px}#edd_checkout_form_wrap input.edd-input,#edd_checkout_form_wrap select.edd-select,#edd_checkout_form_wrap textarea.edd-input{display:block;width:70%}#edd_checkout_form_wrap select.edd-select.edd-select-small{display:inline;width:auto}#edd_checkout_form_wrap input.edd-input.error,#edd_checkout_form_wrap textarea.edd-input.error{border-color:#c4554e}#edd_checkout_form_wrap fieldset>div,#edd_checkout_form_wrap>p{margin:0 0 21px}#edd_checkout_form_wrap span.edd-required-indicator{color:#b94a48;display:inline}#edd_checkout_form_wrap input[type=email],#edd_checkout_form_wrap input[type=password],#edd_checkout_form_wrap input[type=tel],#edd_checkout_form_wrap input[type=text],#edd_checkout_form_wrap select,#edd_checkout_form_wrap textarea{padding:4px 6px}#edd_checkout_form_wrap input[type=radio]{border:none;margin-right:5px}#edd_checkout_form_wrap input[type=checkbox]{display:inline-block;margin:0 5px 0 0}#edd_checkout_form_wrap input[type=checkbox]+label,#edd_checkout_form_wrap input[type=checkbox]+label:after{display:inline}#edd_checkout_form_wrap .edd-payment-icons{display:flex;margin:0 0 8px}#edd_checkout_form_wrap .edd-payment-icons img.payment-icon{max-height:32px}#edd_checkout_form_wrap .edd-payment-icons .payment-icon{margin:0 10px 0 0}#edd_checkout_form_wrap #edd-payment-mode-wrap label{display:inline-block;margin:0 20px 0 0}#edd_checkout_form_wrap #edd-payment-mode-wrap .edd-payment-mode-label{display:inline-block;font-weight:700;margin-bottom:5px;position:relative}#edd_checkout_form_wrap fieldset{border:1px solid #eee;margin:0 0 21px;padding:1.387em}#edd_checkout_form_wrap #edd_discount_code,#edd_checkout_form_wrap #edd_purchase_submit,#edd_checkout_form_wrap #edd_register_account_fields{border:none;padding:0}#edd_checkout_form_wrap #edd_purchase_submit #edd-purchase-button[data-edd-button-state=disabled]{cursor:not-allowed;opacity:.5}#edd_checkout_form_wrap #edd_purchase_submit #edd-purchase-button [data-edd-button-state=processing],#edd_checkout_form_wrap #edd_purchase_submit #edd-purchase-button[data-edd-button-state=updating]{cursor:wait;opacity:.5}#edd_checkout_form_wrap fieldset fieldset{border:none;margin:0;padding:0}#edd_checkout_form_wrap #edd-login-account-wrap,#edd_checkout_form_wrap #edd-new-account-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount,#edd_checkout_form_wrap .edd-cart-adjustment{background:#fafafa;color:#666;padding:.5em 1.387em}#edd_checkout_form_wrap #edd-discount-code-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount{border:1px solid #eee}#edd_checkout_form_wrap .edd-cart-adjustment{padding:1.387em}#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit,#edd_checkout_form_wrap .edd-cart-adjustment input.edd-input,#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit{display:inline-block}#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit{margin-bottom:2px;padding:3px 12px}#edd_checkout_form_wrap #edd-discount-error-wrap{display:inline-block;margin:1em 0 0;width:100%}#edd_checkout_form_wrap #edd-login-account-wrap,#edd_checkout_form_wrap #edd-new-account-wrap{border-left:none;border-right:none;border-top:none;margin:-1.387em -1.387em 21px}#edd_checkout_form_wrap #edd_payment_mode_select,#edd_checkout_form_wrap fieldset#edd_register_fields #edd_checkout_user_info{margin-bottom:21px}#edd_checkout_form_wrap fieldset#edd_register_account_fields legend{padding-top:11px}#edd_checkout_form_wrap fieldset#edd_register_account_fields p.edd_login_password,#edd_checkout_form_wrap fieldset#edd_register_account_fields p.edd_register_password{margin:0}#edd_checkout_form_wrap fieldset#edd_cc_fields legend{border:none;padding:0}#edd_checkout_form_wrap fieldset p:last-child{margin-bottom:0}#edd_checkout_form_wrap fieldset#edd_cc_fields #edd-card-number-wrap{margin-top:5px}#edd_checkout_form_wrap #edd_purchase_final_total{margin:21px 0}#edd_checkout_form_wrap #edd_purchase_final_total p{margin:0}#edd_checkout_form_wrap input.edd-input.card-number.valid{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22green%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2012.75l6%206%209-13.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-position:98% 50%;background-repeat:no-repeat}#edd_checkout_form_wrap span.exp-divider{display:inline}#edd_checkout_form_wrap span.card-type{position:absolute;right:0;top:0}#edd_checkout_form_wrap span.card-type.off{display:none}#edd_checkout_form_wrap .edd-cart-ajax{box-shadow:none}.edd-vat-number-wrap{display:flex;gap:8px;justify-content:space-between}.edd-vat-number-wrap .edd-vat-check__control{display:flex;gap:4px}.edd-vat-number-wrap .edd-vat-check__control .edd-loading{margin:auto!important;position:unset!important}.edd-vat-number-wrap+.edd-alert{margin-top:18px}.edd_clearfix:after{clear:both;content:".";display:block;float:none;text-indent:-9999px;visibility:hidden}.edd_discount_remove{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.75%209.75l4.5%204.5m0-4.5l-4.5%204.5M21%2012a9%209%200%2011-18%200%209%209%200%200118%200z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") 0 0 no-repeat;display:inline-block;height:14px;opacity:.6;position:relative;width:14px}.edd_discount_remove:hover{opacity:1}#edd_secure_site_wrapper{font-weight:700;padding:4px 4px 4px 0}#edd_secure_site_wrapper span{vertical-align:middle}.edd-amazon-profile-wrapper{font-size:12px}.edd-amazon-profile-name{font-weight:600}.edd-amazon-logout{font-size:10px;line-height:12px}.edd-amazon-logout a{cursor:pointer}#edd-amazon-address-box,#edd-amazon-wallet-box{height:228px;width:350px}#edd-amazon-address-box{margin-bottom:15px}.edd_cart_tax .edd-loading-ajax.edd-loading{display:inline-block;margin:0 0 0 auto}@media only screen and (min-width:768px){#edd-amazon-address-box,#edd-amazon-wallet-box{height:228px;width:100%}}.edd_purchase_submit_wrapper{position:relative}.edd_purchase_submit_wrapper a.edd-add-to-cart{display:none;overflow:hidden;position:relative;text-decoration:none}.edd_purchase_submit_wrapper .edd-cart-ajax{display:none;left:-35px;position:relative}.edd-submit.button.edd-ajax-loading{padding-right:30px}.edd-add-to-cart .edd-add-to-cart-label{filter:alpha(opacity=100);opacity:1}.edd-loading,.edd-loading:after{border-radius:50%;display:block;height:1.5em;width:1.5em}.edd-loading{animation:edd-spinning 1.1s linear infinite;border:.2em solid #fff3;border-left-color:#fff;filter:alpha(opacity=0);font-size:.75em;left:calc(50% - .75em);opacity:0;position:absolute;top:calc(50% - .75em);transform:translateZ(0)}.edd-discount-loader.edd-loading,.edd-loading-ajax.edd-loading,a.edd-add-to-cart.white .edd-loading{border-color:#0003 #0003 #0003 #000}.edd-loading-ajax.edd-loading{display:inline-block;left:.25em;position:relative;top:0;vertical-align:middle}.edd-discount-loader.edd-loading{display:inline-block;height:1.25em;left:auto;position:relative;vertical-align:middle;width:1.25em}.edd-loading-ajax.edd-loading{opacity:1}@keyframes edd-spinning{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edd-loading,a.edd-add-to-cart .edd-add-to-cart-label{transition:opacity .1s!important}.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label{filter:alpha(opacity=0);opacity:0}.edd-add-to-cart[data-edd-loading] .edd-loading,.edd-discount-loader.edd-loading{filter:alpha(opacity=100);opacity:1}.edd-cart-added-alert{color:#567622;display:block;position:absolute}.edd_form input.edd-input.required,.edd_form select.edd-select.required{color:#000}body.edd_receipt_page{background-color:#fff;color:#141412;font-family:Helvetica,sans-serif;font-size:12px;margin:0}body.edd_receipt_page:before{position:relative}body.edd_receipt_page #edd_receipt_wrapper{margin:0 auto;padding:50px 0;width:660px}body.edd_receipt_page table{border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;display:table;font-size:14px;line-height:2;margin:0 0 20px;width:100%}body.edd_receipt_page td,body.edd_receipt_page th{border-top:1px solid #ededed;display:table-cell;font-weight:400;padding:6px 10px;text-align:left}body.edd_receipt_page th{font-weight:700;text-transform:uppercase}body.edd_receipt_page h3{clear:both;display:block;font-size:22px;font-weight:700;margin:40px 0 5px}body.edd_receipt_page li{list-style:none}table#edd_purchase_receipt,table#edd_purchase_receipt_products{width:100%}table#edd_purchase_receipt td,table#edd_purchase_receipt th,table#edd_purchase_receipt_products td,table#edd_purchase_receipt_products th{text-align:left}table#edd_purchase_receipt .edd_receipt_payment_status.cancelled,table#edd_purchase_receipt .edd_receipt_payment_status.failed,table#edd_purchase_receipt .edd_receipt_payment_status.pending,table#edd_purchase_receipt .edd_receipt_payment_status.revoked{color:#f73f2e}table#edd_purchase_receipt_products li{list-style:none;margin:0 0 8px 10px}table#edd_purchase_receipt ul,table#edd_purchase_receipt_products ul.edd_purchase_receipt_files{margin:0;padding:0}table#edd_purchase_receipt li.edd_download_file{list-style:none;margin:0 0 8px}table#edd_purchase_receipt_products .edd_purchase_receipt_product_notes{font-style:italic}table#edd_purchase_receipt_products .edd_purchase_receipt_product_name{font-weight:700}table#edd_purchase_receipt_products .edd_bundled_product_name{font-style:italic;font-weight:700}#edd_user_history{border-bottom:none;border-top:1px solid #f0f0f0;text-align:left;width:100%}#edd_user_history td,#edd_user_history th{border-bottom:1px solid #f0f0f0;border-top:none;padding:3px 5px;text-align:left}#edd_user_history th{background:#f5f5f5;font-weight:700}#edd_user_history td{line-height:25px;vertical-align:middle}#edd_user_history .edd_purchase_status.cancelled,#edd_user_history .edd_purchase_status.failed,#edd_user_history .edd_purchase_status.pending,#edd_user_history .edd_purchase_status.revoked{color:#f73f2e}#edd_login_form legend,#edd_register_form legend{font-size:120%;margin-bottom:1em}#edd_login_form fieldset,#edd_register_form fieldset{border:none}#edd_login_form .edd-input,#edd_register_form .edd-input{box-sizing:border-box}#edd_login_form label,#edd_register_form label{cursor:pointer}#edd_profile_editor_form p{margin-bottom:8px}#edd_profile_editor_form label{display:inline-block}#edd_profile_editor_form .edd-profile-emails{display:inline-table;list-style-type:none;margin-bottom:0;margin-left:0}#edd_profile_editor_form .edd-profile-email{width:auto}#edd_profile_editor_form .edd-profile-email .actions{display:none}#edd_profile_editor_form .edd-profile-email:hover>span{display:inline-block}.edd_added_to_cart_alert{background:#9ecce2;border:1px solid #046a9e;color:#333;font-size:14px;margin:8px 0;padding:5px}.edd_added_to_cart_alert a.edd_alert_checkout_link{color:#000!important}input.edd_submit_plain{background:none!important;border:none!important;cursor:pointer;display:inline;padding:0!important}.single-download .edd_download_purchase_form{margin-bottom:1.387em}.edd_download_purchase_form .edd_download_quantity_wrapper{margin:0 0 .5em}.edd_download_purchase_form .edd_download_quantity_wrapper .edd-item-quantity{width:75px}.edd_download_purchase_form .edd_price_options{margin:0 0 15px}.edd_download_purchase_form .edd_price_options ul{list-style:none;margin:0;padding:0}.edd_download_purchase_form .edd_price_options li{display:block;margin:0;padding:0}.edd_download_purchase_form .edd_price_options span{display:inline;margin:0;padding:0}.edd_download_purchase_form .edd_price_options .edd_download_quantity_wrapper{padding-left:18px}.edd_download_purchase_form .edd_price_options .edd_download_quantity_wrapper *{font-size:80%}.edd_download_purchase_form .edd_price_options input.edd-item-quantity{display:inline;max-width:90%;width:50px}#edd-purchase-button,.edd-submit,[type=submit].edd-submit{border:1px solid #ccc;border-radius:4px;box-shadow:none;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.428571429;margin:0;padding:6px 12px;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.edd-submit.button:focus,[type=submit].edd-submit:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.edd-submit.button:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}.edd-submit.plain{border:none;border-radius:0;padding:0}.edd-submit.button,.edd-submit.button.gray,.edd-submit.button:visited{background:#f0f0f0;border-color:#ccc;color:#333}.edd-submit.button.gray:active,.edd-submit.button.gray:focus,.edd-submit.button.gray:hover,.edd-submit.button:active,.edd-submit.button:focus,.edd-submit.button:hover{background:#ebebeb;border-color:#adadad;color:#333}.edd-submit.button.gray:active{background-image:none}.edd-submit.button.white{background:#fff;border-color:#ccc;color:#333}.edd-submit.button.white:active,.edd-submit.button.white:focus,.edd-submit.button.white:hover{background:#ebebeb;border-color:#adadad;color:#333}.edd-submit.button.white:active{background-image:none}.edd-submit.button.blue{background:#428bca;border-color:#357ebd;color:#fff}.edd-submit.button.blue.active,.edd-submit.button.blue:focus,.edd-submit.button.blue:hover{background:#3276b1;border-color:#285e8e;color:#fff}.edd-submit.button.blue.active{background-image:none}.edd-submit.button.red{background:#d9534f;border-color:#d43f3a;color:#fff}.edd-submit.button.red:active,.edd-submit.button.red:focus,.edd-submit.button.red:hover{background:#d2322d;border-color:#ac2925;color:#fff}.edd-submit.button.red:active{background-image:none}.edd-submit.button.green{background:#5cb85c;border-color:#4cae4c;color:#fff}.edd-submit.button.green:active,.edd-submit.button.green:focus,.edd-submit.button.green:hover{background:#47a447;border-color:#398439;color:#fff}.edd-submit.button.green:active{background-image:none}.edd-submit.button.yellow{background:#f0ad4e;border-color:#eea236;color:#fff}.edd-submit.button.yellow:active,.edd-submit.button.yellow:focus,.edd-submit.button.yellow:hover{background:#ed9c28;border-color:#d58512;color:#fff}.edd-submit.button.yellow:active{background-image:none}.edd-submit.button.orange{background:#ed9c28;border-color:#e3921e;color:#fff}.edd-submit.button.orange:active,.edd-submit.button.orange:focus,.edd-submit.button.orange:hover{background:#e59016;border-color:#d58512;color:#fff}.edd-submit.button.orange:active{background-image:none}.edd-submit.button.dark-gray{background:#363636;border-color:#222;color:#fff}.edd-submit.button.dark-gray:active,.edd-submit.button.dark-gray:focus,.edd-submit.button.dark-gray:hover{background:#333;border-color:#adadad;color:#fff}.edd-submit.button.dark-gray:active{background-image:none}.edd_downloads_list{display:grid;grid-column-gap:20px;grid-row-gap:40px}.edd_downloads_list:after{clear:both;content:"";display:table}.edd_download{float:left}.edd_download_columns_1 .edd_download{width:100%}.edd_download_columns_2 .edd_download{width:50%}.edd_download_columns_0 .edd_download,.edd_download_columns_3 .edd_download{width:33%}.edd_download_columns_4 .edd_download{width:25%}.edd_download_columns_5 .edd_download{width:20%}.edd_download_columns_6 .edd_download{width:16.6%}.edd_download_inner{margin:0 0 10px;padding:0 8px 8px}.edd_download_columns_2 .edd_download:nth-child(odd),.edd_download_columns_3 .edd_download:nth-child(3n+1),.edd_download_columns_4 .edd_download:nth-child(4n+1),.edd_download_columns_5 .edd_download:nth-child(5n+1),.edd_download_columns_6 .edd_download:nth-child(6n+1){clear:left}.edd_download_image{max-width:100%}.edd_download .edd_price{margin-bottom:10px}@media(min-width:768px){.edd_downloads_list:not(.edd_download_columns_1){grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.edd_downloads_list.edd_download_columns_2{grid-template-columns:repeat(2,1fr)}.edd_downloads_list.edd_download_columns_3{grid-template-columns:repeat(3,1fr)}.edd_downloads_list.edd_download_columns_4{grid-template-columns:repeat(4,1fr)}.edd_downloads_list.edd_download_columns_5{grid-template-columns:repeat(5,1fr)}.edd_downloads_list.edd_download_columns_6{grid-template-columns:repeat(6,1fr)}}@supports(display:grid){.edd_downloads_list .edd_download{width:auto}.edd_download_inner{margin:0;padding:0}}.edd-hide-on-empty.cart-empty{display:none}.edd-cart-ajax{background:none;border:none;margin:0 8px 0 4px;padding:0;position:relative;top:2px}.edd-cart-number-of-items{color:gray;font-style:italic}.edd-cart-meta.edd_subtotal{font-style:italic;font-weight:700}.edd-cart-meta.edd_cart_tax{font-size:1em;font-style:italic}.edd-cart-meta.edd_cart_tax:before{font-style:normal}.edd-cart-meta.edd_total{font-weight:700}.edd-cart-meta{padding:2px 5px}.edd-cart-meta.edd_subtotal,.edd-cart-meta.edd_total{background-color:#f9f9f9}.edd_errors:not(.edd-alert){background:#ffffe0;border:1px solid #e6db55;border-radius:2px;color:#333;margin:0 0 21px}.edd_error{padding:10px}p.edd_error{margin:0!important}.edd_success:not(.edd-alert){background:#d5eab3;border:1px solid #b3ce89;border-radius:2px;box-shadow:inset 0 1px 0 #ffffffb3;color:#567622;margin:20px 0;padding:6px 8px}.edd-alert{border:1px solid #0000;border-radius:2px;margin-bottom:20px;padding:10px;vertical-align:middle}.edd-alert p{padding:0}.edd-alert p:not(:last-child){margin-bottom:5px}.edd-alert p:last-child{margin-bottom:0}.edd-alert-error{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.edd-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.edd-alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.edd-alert-warn{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}@font-face {
font-family: 'social';
src:  url(//wowlayers.com/wp-content/themes/infinito/fonts/icons/social/fonts/icomoon.eot?38a4z1);
src:  url(//wowlayers.com/wp-content/themes/infinito/fonts/icons/social/fonts/icomoon.eot?38a4z1#iefix) format('embedded-opentype'),
url(//wowlayers.com/wp-content/themes/infinito/fonts/icons/social/fonts/icomoon.ttf?38a4z1) format('truetype'),
url(//wowlayers.com/wp-content/themes/infinito/fonts/icons/social/fonts/icomoon.woff?38a4z1) format('woff'),
url(//wowlayers.com/wp-content/themes/infinito/fonts/icons/social/fonts/icomoon.svg?38a4z1#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wow-social-"], [class*=" wow-social-"] { font-family: 'social' !important;
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;
}
.wow-social-aim:before {
content: "\edf2";
}
.wow-social-badoo:before {
content: "\edf3";
}
.wow-social-bebo:before {
content: "\edf4";
}
.wow-social-behance:before {
content: "\edf5";
}
.wow-social-blogger:before {
content: "\edf6";
}
.wow-social-bootstrap:before {
content: "\edf7";
}
.wow-social-brightkite:before {
content: "\edf8";
}
.wow-social-cloudapp:before {
content: "\edf9";
}
.wow-social-concrete5:before {
content: "\edfa";
}
.wow-social-designbump:before {
content: "\edfb";
}
.wow-social-designfloat:before {
content: "\edfc";
}
.wow-social-deviantart:before {
content: "\edfd";
}
.wow-social-digg:before {
content: "\edfe";
}
.wow-social-dotcms:before {
content: "\edff";
}
.wow-social-dribble:before {
content: "\ee00";
}
.wow-social-dropbox:before {
content: "\ee01";
}
.wow-social-ebuddy:before {
content: "\ee03";
}
.wow-social-ello:before {
content: "\ee04";
}
.wow-social-ember:before {
content: "\ee05";
}
.wow-social-envato:before {
content: "\ee06";
}
.wow-social-evernote:before {
content: "\ee07";
}
.wow-social-facebook:before {
content: "\ee08";
}
.wow-social-feedburner:before {
content: "\ee09";
}
.wow-social-folkd:before {
content: "\ee0a";
}
.wow-social-friendfeed:before {
content: "\ee0b";
}
.wow-social-ghost:before {
content: "\ee0c";
}
.wow-social-github:before {
content: "\ee0d";
}
.wow-social-gnome:before {
content: "\ee0e";
}
.wow-social-google-buzz:before {
content: "\ee0f";
}
.wow-social-google-map:before {
content: "\ee10";
}
.wow-social-google-plus:before {
content: "\ee11";
}
.wow-social-google-talk:before {
content: "\ee12";
}
.wow-social-hype-machine:before {
content: "\ee13";
}
.wow-social-instagram:before {
content: "\ee14";
}
.wow-social-kickstarter:before {
content: "\ee16";
}
.wow-social-line:before {
content: "\ee17";
}
.wow-social-linux-mint:before {
content: "\ee18";
}
.wow-social-livejournal:before {
content: "\ee19";
}
.wow-social-magento:before {
content: "\ee1a";
}
.wow-social-meetup:before {
content: "\ee1b";
}
.wow-social-mixx:before {
content: "\ee1c";
}
.wow-social-newsvine:before {
content: "\ee1d";
}
.wow-social-nimbuss:before {
content: "\ee1e";
}
.wow-social-opencart:before {
content: "\ee1f";
}
.wow-social-oscommerce:before {
content: "\ee20";
}
.wow-social-pandora:before {
content: "\ee21";
}
.wow-social-picasa:before {
content: "\ee22";
}
.wow-social-pinterest:before {
content: "\ee23";
}
.wow-social-prestashop:before {
content: "\ee24";
}
.wow-social-qik:before {
content: "\ee25";
}
.wow-social-readernaut:before {
content: "\ee26";
}
.wow-social-reddit:before {
content: "\ee27";
}
.wow-social-rss:before {
content: "\ee28";
}
.wow-social-shopify:before {
content: "\ee29";
}
.wow-social-silverstripe:before {
content: "\ee2a";
}
.wow-social-skype:before {
content: "\ee2b";
}
.wow-social-slashdot:before {
content: "\ee2c";
}
.wow-social-smugmug:before {
content: "\ee2d";
}
.wow-social-steam:before {
content: "\ee2e";
}
.wow-social-stumbleupon:before {
content: "\ee2f";
}
.wow-social-technorati:before {
content: "\ee30";
}
.wow-social-telegram:before {
content: "\ee31";
}
.wow-social-tinder:before {
content: "\ee32";
}
.wow-social-tumblr:before {
content: "\ee33";
}
.wow-social-twitter:before {
content: "\ee34";
}
.wow-social-typo3:before {
content: "\ee35";
}
.wow-social-ubercart:before {
content: "\ee36";
}
.wow-social-viber:before {
content: "\ee37";
}
.wow-social-viddler:before {
content: "\ee38";
}
.wow-social-vimeo:before {
content: "\ee39";
}
.wow-social-vine:before {
content: "\ee3a";
}
.wow-social-virb:before {
content: "\ee3b";
}
.wow-social-virtuemart:before {
content: "\ee3c";
}
.wow-social-wechat:before {
content: "\ee3d";
}
.wow-social-xing:before {
content: "\ee3f";
}
.wow-social-yahoo:before {
content: "\ee40";
}
.wow-social-zencart:before {
content: "\ee42";
}
.wow-social-500px:before {
content: "\f117";
}
.wow-social-baidu-tieba:before {
content: "\f118";
}
.wow-social-bbm-messenger:before {
content: "\f119";
}
.wow-social-delicious:before {
content: "\f11a";
}
.wow-social-dribbble:before {
content: "\f11b";
}
.wow-social-facebook-messenger:before {
content: "\f11c";
}
.wow-social-flickr:before {
content: "\f11d";
}
.wow-social-foursquare:before {
content: "\f11e";
}
.wow-social-google-hangouts:before {
content: "\f11f";
}
.wow-social-kakaotalk:before {
content: "\f120";
}
.wow-social-kik:before {
content: "\f121";
}
.wow-social-kiwibox:before {
content: "\f122";
}
.wow-social-linkedin:before {
content: "\f123";
}
.wow-social-meetme:before {
content: "\f124";
}
.wow-social-odnoklassniki:before {
content: "\f125";
}
.wow-social-photobucket:before {
content: "\f126";
}
.wow-social-qq:before {
content: "\f127";
}
.wow-social-renren:before {
content: "\f128";
}
.wow-social-slack:before {
content: "\f129";
}
.wow-social-slidshare:before {
content: "\f12a";
}
.wow-social-snapchat:before {
content: "\f12b";
}
.wow-social-soundcloud:before {
content: "\f12c";
}
.wow-social-spotify:before {
content: "\f12d";
}
.wow-social-stack-exchange:before {
content: "\f12e";
}
.wow-social-stack-overflow:before {
content: "\f12f";
}
.wow-social-tagged:before {
content: "\f130";
}
.wow-social-trello:before {
content: "\f131";
}
.wow-social-twitch:before {
content: "\f132";
}
.wow-social-vk:before {
content: "\f133";
}
.wow-social-weibo:before {
content: "\f134";
}
.wow-social-whatsapp:before {
content: "\f135";
}
.wow-social-youku:before {
content: "\f136";
}
.wow-social-youtube-play:before {
content: "\f137";
}
.wow-social-youtube:before {
content: "\f138";
}
.wow-social-viadeo:before {
content: "\f2a9";
font-size:75%;
}
.wow-social-wordpress:before {
content: "\eab4";
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}