.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.be-wrap {
max-width: 1160px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.layout-box{
position: relative;
width:1280px;
margin: 0px auto;
box-shadow: 1px 1px 10px rgba(0,0,0,0.4); 
} #page-content.content-single-sidebar{
width:820px;
}
#left-sidebar, #right-sidebar{
width: 260px;
}
#left-sidebar, #right-sidebar{
float: left;
}
.left-sidebar-page #page-content,.dual-sidebar-page #page-content {
float: right;
}
.right-sidebar-page #page-content{
float: left;
}
#left-sidebar, 
.right-sidebar-page #page-content {
margin-right: 80px;
}
#left-sidebar, #right-sidebar{
margin-bottom: 50px;
}
#content {
position: static;
z-index: 2;
}   
.no-page-builder {
padding: 70px 0px;
}
.page #comments {
padding: 50px 0;
} .column-block { 
float: left;
margin-left: 5%; 
margin-bottom: 60px;
}
.one-col.column-block {
margin-left: 0px;
float: none;
}
.one-third { 
width:30%; 
}
.one-fourth { 
width:21.25%; 
}
.one-fifth { 
width:16%; 
}
.one-half { 
width:47.5%; 
}
.two-third { 
width:65%; 
}
.three-fourth { 
width:73.75%; 
}
.be-no-space .one-third { 
width:33.33%; 
}
.be-no-space .one-fourth { 
width: 25%; 
}
.be-no-space .one-fifth { 
width: 20%; 
}
.be-no-space .one-half { 
width: 50%; 
}
.be-no-space .two-third { 
width: 66.68%; 
}
.be-no-space .three-fourth { 
width: 75%; 
}
.be-no-space { 
display: table; 
margin-bottom: 60px; 
}
.be-no-space.zero-bottom { 
margin-bottom: 0; 
}
.be-no-space .column-block { 
display: table-cell; 
margin-left: 0px; 
float: none; 
vertical-align: top; 
}
.be-column-pad {
padding: 100px 5%;
}
.one-third.be-column-pad, .one-fourth.be-column-pad, .one-col.be-column-pad, .two-third.be-column-pad, .three-fourth.be-column-pad {
padding: 100px 5%;
}
.one-half.be-column-pad {
padding: 100px 15% 100px 5%;
}
.one-half.be-column-pad:first-child {
padding: 100px 5% 100px 15%;
}
.column-block *:last-child {
margin-bottom: 0 !important;
}
.be-last-child {
margin-bottom: 0 !important;
}
.be-row .column-block:first-child{
margin-left: 0;
}
.be-row.zero-bottom .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block h1:last-child,
.be-section .be-row:last-child .column-block h2:last-child,
.be-section .be-row:last-child .column-block h3:last-child,
.be-section .be-row:last-child .column-block h4:last-child,
.be-section .be-row:last-child .column-block h5:last-child,
.be-section .be-row:last-child .column-block h6:last-child {
margin-bottom: 0 !important;
} 
.be-section .be-row:not(:last-child) .column-block h1:last-child,
.be-section .be-row:not(:last-child) .column-block h2:last-child,
.be-section .be-row:not(:last-child) .column-block h3:last-child,
.be-section .be-row:not(:last-child) .column-block h4:last-child,
.be-section .be-row:not(:last-child) .column-block h5:last-child,
.be-section .be-row:not(:last-child) .column-block h6:last-child {
margin-bottom: 30px !important;
}
html body .be-section .be-row .column-block .be-notification *:last-child {
margin-bottom: 0px !important;
}
.two-third .column-block, .three-fourth .column-block {
margin-bottom: 0;
} .be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay,
.hero-section-wrap.be-video-section {
position: relative;
}
.be-section {
overflow: hidden;
}
.be-row {
z-index: 3;
position: relative;
}
.be-row.be-no-space {
width: 100%;
}
.be-bg-video {
display: none;
position: absolute;
width: 100%;
z-index: 1;
top: 0;
left: 0;
}
.be-animate {
visibility: hidden;
margin-bottom: 30px;
}
#be-pb-main .be-animate {
visibility: visible;
}
.be-bg-parallax {
background-attachment: fixed;
}
.be-bg-cover {
background-size: cover !important;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
}
.be-bg-mousemove-parallax.be-bg-cover {
background-size: initial !important;
-webkit-background-size: initial !important;
-moz-background-size:initial !important;
}
.section-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
background: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.be-shortcode {
margin-bottom: 60px;
}   
html.section-scroll.csstransforms,
html.csstransforms body.section-scroll
html.csstransforms body.section-scroll #main-wrapper {
overflow: hidden;
height: 100%;
}
html.csstransforms body.section-scroll #footer {
display: none;
}
html.csstransforms body.section-scroll #content {
opacity: 0;
}
html.csstransforms body.section-scroll section#content {
-webkit-transition: -webkit-transform 800ms ease;
-moz-transition: -moz-transform 800ms ease;
-o-transition: -o-transform 800ms ease;
transition: transform 800ms ease;
position: relative;
z-index: 9;
}
.fullscreen-nav-wrap {
display: none;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: table;
height: 100%;
position: fixed;
bottom: 0px;
left: 35px;
top: 0px;
z-index: 10;
}
html.csstransforms body.section-scroll.left-header .fullscreen-nav-wrap{
left: auto;
right: 35px;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap-inner {
display: table-cell;
zoom: 1;
vertical-align: middle;
}
.fullscreen-nav {
margin-bottom: 0px;
list-style-type: none;
padding: 0px;
}
.fullscreen-nav-item, .fullscreen-nav-item-hero-section {
width: 7px;
height: 7px;
border: 1px solid #fff;
background: transparent;
border-radius: 50%;
cursor: pointer;
margin: 5px 0px 5px 0px;
}
.fullscreen-nav-item.current-item, .fullscreen-nav-item-hero-section.current-item {
background: #fff;
}
body.section-scroll .be-section * {
-webkit-transform: translateZ(0);
}
@media only screen and (min-width: 1280px) and (max-width: 1360px) {
.left-header .sb-slidebar {
width: 240px;
}
.left-header #main-wrapper {
margin-left: 240px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
.left-header .be-wrap {
max-width: 980px;
margin: 0 auto;
}
.left-header #page-content.content-single-sidebar {
width:700px;
}
.left-header #left-sidebar, 
.left-header #right-sidebar {
width:220px;
}
.left-header #left-sidebar, 
.left-header .right-sidebar-page #page-content {
margin-right: 50px;
}        
} @media only screen and (min-width: 960px) and (max-width: 1279px) {
.be-wrap {
max-width: 980px;
margin: 0 auto;
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:700px;
}
#left-sidebar, #right-sidebar{
width:220px;
}
#left-sidebar, 
.right-sidebar-page #page-content {
margin-right: 50px;
}    
} @media only screen and (max-width: 1024px) {
.be-bg-cover {
background-attachment: scroll !important;
background-position: center center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.be-wrap {
max-width: 740px;
margin: 0 auto;
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:500px;
}
#left-sidebar, #right-sidebar{
width:200px;
}
#left-sidebar,
.right-sidebar-page #page-content,
.dual-sidebar-page #left-sidebar,
#dual-sidebar-wrap {
margin-right: 40px;
}   
.content-single-sidebar .column-block {
width: 100%;
margin-left: 0;
float: none;
}     
}
@media only screen and (min-width: 960px) {
.full-screen-section-wrap {
display: table;
width: 100%;
height: 100%;
}
.full-screen-section-wrap .be-section-pad {
padding: 0px !important;
display: table-cell;
vertical-align: middle;
}
}
html.touch.section-scroll, html.touch body.section-scroll{
overflow: auto !important;
height: auto !important;    
}
@media only screen and (max-width: 960px) {
html.section-scroll,
body.section-scroll {
overflow: auto !important;
height: auto !important;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: none !important;
}
body.section-scroll #footer {
display: block;
}
#content {
-webkit-transform: translateY(0px) !important;
-moz-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
-o-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
} @media only screen and (max-width: 767px) {
.be-wrap {
max-width: 300px;
margin: 0 auto;
} 
.layout-box {
width:100%;
margin: 0; 
} 
#right-sidebar,
#left-sidebar {
float: none;
margin-right: 0;
margin-left: 0;
margin-top: 50px;
width: 100%;
}
#page-content.content-single-sidebar,
.right-sidebar-page #page-content { 
float: none;
margin-right: 0px;
width:100%;
margin-left: 0px;  
}    
.column-block {
float: none;
margin-left: 0;
width: 100%;
}
.column-block .column-block{
margin-bottom: 60px;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 60px;
}
.be-section .be-row.be-no-space:last-child .column-block {
margin-bottom: 0px;
}
.be-section .be-row:last-child .column-block:last-child {
margin-bottom: 0;
}
.be-no-space .column-block {
width: 100%;
min-height: 300px;
display: block;
}
.be-no-space .column-block.be-column-pad {
padding: 80px 15% 80px 5%;
width:90%;
}   
#bottom-widgets .column-block {
margin-bottom: 60px;
}       
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.be-wrap {
max-width: 440px;
margin: 0 auto;
} 
}.header-hero-section {
overflow: hidden;
width: 100%;
}
.hero-section-wrap *:last-child {
margin-bottom: 0px !important;
}
.hero-section-wrap {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.hero-section-inner-wrap {
display: table;
width: 100%;
height: 100%;
}
.hero-section-inner {
display: table-cell;
vertical-align: middle;
}
.header-hero-custom-section .be-row {
height: 100% !important;
}
.hero-section-wrap .special-heading .separator:last-child {
margin-bottom: 30px !important;
} .rev_slider_wrapper{
z-index: 1;
}
.tp-leftarrow,.tp-rightarrow {
-webkit-transition: margin 0.4s ease-in-out;
-moz-transition: margin 0.4s ease-in-out;
-o-transition: margin 0.4s ease-in-out;
transition: margin 0.4s ease-in-out;
background: none !important;
border: 2px solid #fff;
border-radius: 50%;
}
.tp-leftarrow {
margin-left : -100px;
}
.tp-rightarrow {
margin-right : -100px;
}
.rev_slider_wrapper:hover .tp-leftarrow {
margin-left: 0px;
}
.rev_slider_wrapper:hover .tp-rightarrow {
margin-right: 15px;
}  .be-accordion {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
padding: 15px 20px;
min-height: 0;
margin: 0px;
margin-top: 25px;
outline: 0;
border: 1px solid;
line-height: normal;
}
.ui-accordion .ui-accordion-header:first-child {
margin-top: 0;
}
.ui-accordion .ui-accordion-content p:last-child {
margin-bottom: 0px;
}
.ui-accordion .ui-accordion-header.top-space {
margin-top: 20px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 25px;
border-top: 0;
overflow: auto;
background: none;
border: 1px solid;
margin-top: -1px;
font-size: 14px;
} 
.ui-accordion-header:before {
content: '\e72b';
font-family: "be-themes";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
}
.ui-accordion-header-active:before {
content: '\e712';
font-family: "be-themes";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
} .animate-number,.animate-number-caption {
display: block;
margin-bottom: 10px;
}
.animate-number-wrap {
text-align: center;
} .chart-wrap {
text-align: center;
}
.chart {
text-align: center;
position: relative;
width: 110px;
height: 110px;
line-height: 110px;
margin: 0 auto 10px;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.chart .percentage{
letter-spacing: 3px;
} .style3-blog {
margin-bottom: 40px;
} .be-button-wrap {
display: inline-block;
margin:0 20px 10px 0;
}
.be-button-wrap.align-block {
display: block;
margin:0 0 40px 0;
}
.be-button {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border-color: transparent;
}
.be-button {
transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.be-buttton-wrap.block-center .be-button {
margin:0px 0px 10px 0;
}
.be-buttton-wrap.block-center .font-icon {
margin-right: 0px;
}
p .be-button {
margin-bottom: 0; 
}
.be-button.rounded {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.smallbtn {
font-size: 10px;
line-height: 11px;
padding: 15px;
letter-spacing: 2px;
}
.mediumbtn {
font-size: 11px;
line-height: 11px;
padding: 20px;
letter-spacing: 3px;
}
.largebtn {
font-size: 13px;
line-height: 18px;
padding: 22px 30px;
letter-spacing: 3px;
}
.blockbtn{
font-size: 20px;
width: 100%;
padding: 40px 0;
}
.be-button i {
margin-right: 1em;
}
.icon-shortcode {
margin-bottom: 10px;
}
.be-button-wrap.block-left {
text-align: left;
}
.be-button-wrap.block-center {
text-align: center;
}
.be-button-wrap.block-right{
text-align: right;
}
.be-button-wrap.block-right a.be-button {
margin-right: 0px;
}
.icon-shortcode.block-center .font-icon { 
margin-right: 0; 
} .call-to-action {
padding: 40px 0px;
display: table;
width: 100%;
text-align: center;
border-radius: 3px;
}
.action-content {
display: inline;
margin-bottom: 0;
line-height: 47px;
margin-right: 40px;
}
.action-button {
position: relative;
top: -4px;
} .carousel-wrap {
position: relative;
margin-bottom: 50px;
}
.be-carousel {
margin: 0;
padding: 0;
list-style: none;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
height: 0px;
overflow: hidden;
-webkit-transition: opacity 0.3s ease-in, height 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in, height 0.3s ease-in;
-o-transition: opacity 0.3s ease-in, height 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in, height 0.3s ease-in;
transition: opacity 0.3s ease-in, height 0.3s ease-in;
}
.be-carousel li{
float: left;
margin: 0px 10px;
display: block;
position: relative;
}
.portfolio-carousel .be-carousel li {
margin: 0px 0px;
}
.client-carousel li a {
display: block;
text-align: center;
line-height: 120px;
}
.portfolio-carousel .be-carousel li img {
width: 100%;
max-width: 100%;
}
.client-carousel li img {
vertical-align: middle;
height: auto !important;
}
.be-carousel-nav {
position: absolute;
top: 50%;
width: 35px;
height: 35px;
line-height: 35px;    
font-size: 16px;
margin-top: -18px;
text-align: center;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
background: none !important;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff !important;
border: 2px solid #fff;
display: none;
opacity: 0;
-moz-opacity: 0;
}
.portfolio-carousel .be-carousel-nav.prev{
margin-left: 20px;
}
.portfolio-carousel .be-carousel-nav.next{
margin-right: 20px;
}
.be-wrap .carousel-wrap .be-carousel-nav.prev {
left: -44px;
}
.be-wrap .carousel-wrap .be-carousel-nav.next {
right: -44px;
}
.carousel-wrap .be-carousel-nav.prev,
.be-wrap .carousel-wrap.portfolio-carousel .be-carousel-nav.prev {
left: 0;
margin-left: 10px;
}
.carousel-wrap .be-carousel-nav.next,
.be-wrap .carousel-wrap.portfolio-carousel .be-carousel-nav.next {
right: 0px;
margin-right: 10px;
}
.prev:hover, .next:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.be-carousel-nav.background--light {
border-color: #000;
color: #000 !important;
}
.single-page-nav-wrap a {
color: inherit !important;
margin: 5px;
}
.single-page-nav-wrap i{
font-size: 20px;
} .dropcap .font-icon:before{
width: auto;
margin: 0;
}   
.dropcap-circle, .dropcap-letter, .dropcap-icon,.dropcap-rounded{
float: left;
text-transform: uppercase;
}
.dropcap-circle.small, .dropcap-rounded.small{
margin-top: 3px;
font-size: 19px;
line-height: 50px;
margin: 0 20px 5px 0;
width: 50px;
height: 50px;
text-align: center;
}
.dropcap-circle {
border-radius: 50%;
}
.dropcap-rounded {
border-radius: 3px;
}
.dropcap-letter {
font-size: 35px;
margin: 15px 10px 0 0;
} 
.dropcap-letter.small{
font-size: 24px;
margin: 15px 15px 0 0;
}
.dropcap-circle.big, .dropcap-rounded.big{
margin-top: 5px;
font-size: 26px;
line-height: 70px;
width: 70px;
height: 70px;
margin-right: 20px;
text-align: center;
}
.dropcap-circle , .dropcap-rounded {
color:#fff;
} .gallery-slider-wrap  {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
top: 0px;
left: -100%;
z-index: 15;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-ms-transition: left 0.3s ease-in, opacity 0.3s ease-in;
transition: left 0.3s ease-in, opacity 0.3s ease-in;
}
body.admin-bar .gallery-slider-wrap {
padding-top: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.no-link {
cursor: default;
}
.overflow-hidden {
overflow: hidden !important;
}
.gallery-slider-content,
#gallery-container-wrap,
#gallery-container {
position: relative;
width: 100%;
height: 100%;
}
#gallery-container-wrap {
overflow-x: hidden;
overflow-y: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: opacity 1s ease;
}
#gallery-container {
white-space: nowrap !important;
word-wrap: normal;
font-size: 0;
}
#gallery-container .placeholder {
width: 100%;
height: 100%;
display: inline-block;
zoom: 1;
text-align: center;
position: relative;
}
#gallery-container .placeholder img {
display: inline-block;
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: none;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
-ms-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
#gallery-container .placeholder.style1_placehloder {
width: auto;
position: relative;
vertical-align: top;
height: 100%;
height: 100% !important;
}
#gallery-container .placeholder.style1_placehloder img {
height: 100%;
max-width: none;
}
#gallery-container .placeholder.center {
vertical-align: top;
}
#gallery-container .placeholder.center .fluid-width-video-wrapper iframe{
width: 100%!important;
}
.single-page-lightbox-content {
height: 100% !important;
overflow: auto !important;
}
.portfolio-item-overlay,
.overlay_placeholder {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
z-index: 1;
}
.placeholder .fluid-width-video-wrapper {
display: inline-block !important;
vertical-align: top !important;
padding: 0px !important;
margin: 0px !important;
height: 100% !important;
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper, .image-wrap {
margin-bottom: 40px;
}
.fluid-width-video-wrapper, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
max-width: 100%;
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
position: relative !important;
height: 100% !important;
}
#gallery-container .placeholder.center img {
-webkit-backface-visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
max-width: none;
max-height: none;
}
#gallery-container .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#gallery-container .placeholder.center,
#gallery-container .placeholder.style2_placehloder {
vertical-align: top;
}
.arrow_prev, 
.arrow_next, 
.single_portfolio_info_close,
.single_portfolio_close {
position: absolute;
top: 50%;
cursor: pointer;
z-index: 10;
margin-top: -20px;
}
.arrow_prev {
left: 40px;
}
.arrow_next {
right: 40px;
}
.arrow_next .font-icon, 
.arrow_prev .font-icon, 
.single_portfolio_close .font-icon, 
.single_portfolio_info_close .font-icon, 
.single_portfolio_back .font-icon {
display: inline-block;
text-align: center;
color: #fff;
line-height: 38px;
width: 38px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #fff;
font-size: 14px;
-webkit-user-select: none;
}
.gallery_content {
position: absolute;
top: 0px;
width: 340px;
background: #fff;
word-break: break-word;
z-index: 3;
height: 100%;
left: -340px;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.gallery_content.show {
left: 0px;
}
.single_portfolio_info_close {
right: -40px;
top: 40px;
}
.single_portfolio_info_close .font-icon {
border-radius: 0px;
border: 0px;
font-size: 16px;
background: #000;
padding: 1px 2px 0px 0px;
}
.single_portfolio_close {
right: 40px;
top: 60px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.single_portfolio_close .font-icon {
font-size: 16px;
}
.single_portfolio_close:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.arrow_next, 
.arrow_prev {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.arrow_next:hover, 
.arrow_prev:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.post-title.gallery-title {
font-size: 16px;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
margin-bottom: 15px;
}
.gallery_scrollable_content {
margin-bottom: 50px;
}
.gallery_scrollable_content a.more-link,
.single-portfolio a.more-link {
display: none !important;
}
.gallery_content_area .post-header {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.gallery_content_area .post-header i {
margin-right: 20px;
}
.gallery_content_area .post-header li {
margin-bottom: 10px;
}
.gallery_content_area,
.gallery_content_area_wrap {
height: 100%;
max-height: 100%;
}
.gallery_content_area_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
}
.gallery_content .be-section-pad {
padding: 0 !important;
} .icon-shortcode .font-icon {
display: inline-block !important;
text-align: center;
margin-right: 10px;
font-family: "be-themes";
margin-bottom: 10px;
transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.font-icon.small {
font-size: 13px;
}
.font-icon.medium {
font-size: 24px;
}
.font-icon.large {
font-size: 42px;
}
.font-icon.small {
width: 35px;
height: 35px;
line-height: 35px;
}
.font-icon.medium {
height: 70px;
line-height: 70px;
width: 70px;
}
.font-icon.large {
width: 100px;
height: 100px;
line-height: 100px;
}
.font-icon.small.plain {
font-size: 30px;
}
.font-icon.medium.plain {
font-size: 35px;
}
.font-icon.large.plain {
font-size: 50px;  
}
.font-icon.large.plain,
.font-icon.medium.plain,
.font-icon.small.plain {
width: 1.5em ;
height: 1em;
line-height: 1em;
}
.circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.icon-shortcode.block-center, .icon-shortcode.block-center, .icon-shortcode.block-right {
display: block;
margin-bottom: 30px;
}
.icon-shortcode.block-left {
text-align: left;
}
.icon-shortcode.block-center {
text-align: center;
}
.icon-shortcode.block-right {
text-align: right;
} .custom-list {
list-style: none;
padding: 0;
}
.custom-list .font-icon {
font-size: 13px;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
display: block;
}
.custom-list-content {
margin-bottom: 15px;
width: auto;
line-height: 25px;
position: relative;
}
.custom-list-content-inner {
padding-left: 40px;
display: inline-block;
} .be-notification {
margin-bottom: 20px;
}
#be-pb-main .be-shortcode, #be-pb-main .be-notification{
margin-bottom: 0;
}
.contact_status.success, .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #26cda4;
color: #000;   
}
.contact_status.error, .wpcf7-response-output.wpcf7-validation-errors{
background: #dd6868;
color:#fff;
}
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
cursor: default;
line-height:20px;
margin-bottom:20px;
padding: 17px 30px 17px 20px;
border:none;
text-align: center;
position: relative;
border-radius: 2px;
}  
.be-notification span.close {
cursor: pointer;
margin-top: -7px;
position: absolute;
right: 20px;
top: 50%;
line-height: 14px;
width: 15px;
height: 15px;
font-size: 14px;
color: #fff;
} .project_details{
list-style: none;
padding: 0;
margin-bottom: 30px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;    
}
.project_details li i {
margin-right: 20px;
}
.project_details li {
margin-bottom: 10px;
} .pricing-table {
list-style: none;
padding: 0;
border-bottom: none !important;
background: #fff;
}   
.pricing-table li {
margin: 0;
padding: 15px;
text-align: center;
}
.pricing-table li.pricing-button {
padding: 20px 15px;
}
.pricing-button .button{
margin: 0;
}
.pricing-price{
padding: 30px 15px;
}
li.pricing-feature{
padding: 15px 0;
}
.pricing-table .price {
font-size: 40px;
line-height: 50px;
display: inline-block;
}
.pricing-table .currency{
font-size: 20px;
}
.pricing-table .pricing-duration {
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
}
.pricing-table.highlight-yes {
margin-top: -15px;
}
.pricing-table.highlight-yes .pricing-title, 
.pricing-table.highlight-yes .pricing-button {
padding: 25px 15px;
} .related-items {
margin-bottom: 60px;
}
.related-items .post-nav, .related-items .post-nav h6 {
margin-bottom: 0;
padding: 0;
}
.related-items .column-block{
margin-bottom: 0;
}
.recent-post-header {
margin-bottom: 15px; 
}
.recent-post-title {
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 5px;       
}
.recent-post-title a {
color:inherit;
} .services {
margin: 0 auto;
max-width: 700px;
overflow: hidden;
list-style: none;
padding: 0;
position: relative;
list-style-type: none;
opacity: 0;
position: relative;
}
.service.even  {
float: left;
padding: 0px 60% 0 0;
}
.service {
float: right;
margin: 0 0 10px;
padding: 0 0 0 60%;
position: relative;
}
.service .font-icon {
position: absolute;
top: 0px;
display: block;
right: 50%;
margin-right: -22px;
background: #000;
color: #fff;
padding: 0px 12px;
border-radius: 50%;
z-index: 1;
line-height: 44px;
-webkit-transition: background 500ms ease, color 500ms ease;
-moz-transition: background 500ms ease, color 500ms ease;
-ms-transition: background 500ms ease, color 500ms ease;
-o-transition: background 500ms ease, color 500ms ease;
transition: background 500ms ease, color 500ms ease;
}
.service .font-icon.icon-size-large {
line-height: 84px;
margin-right: -42px;
font-size: 30px;
padding: 0px 21px;
}
.service .font-icon.icon-size-medium {
line-height: 68px;
margin-right: -34px;
font-size: 20px;
padding: 0px 20px;
}
.services-outer-wrap span.timeline {
position: absolute;
top: 0px;
right: 50%;
display: block;
background: #000;
height: 100%;
width: 1px;
margin-right: -0.5px;
}
.services-outer-wrap {
position: relative;
}
.service.odd,
.service.even {
margin-bottom:30px;
} .skill-bar {
background: #e2e2e2;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;    
height: 30px;
margin-bottom: 20px;
position: relative;
}
.expand { 
height: 30px;
line-height: 30px;
position:absolute;
top: 0;
left: 0;
width: 0px;        
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.7s linear !important;
}
.skill_name {
margin-bottom: 5px;
} .special-heading {
margin-bottom: 30px;
position: relative; 
}
.special-h-tag {
display: block;
padding-bottom: 15px;
margin: 0;
letter-spacing: 6px;
text-transform: uppercase;
}
.special-heading:first-child{
margin-top: 0;
}
.special-heading.align-center {
text-align: center;
}
.special-heading .separator {
margin-bottom: 40px;
width: 15% !important;
height: 2px;
}
.special-heading .sub-title {
font-size: 20px;
}
.special-heading.align-left .separator {
margin: 0;
}
.special-heading-wrap.style1 .special-h-tag {
padding-bottom: 25px;
}
.special-heading-wrap.style2 {
border: 1px solid #fff;
padding: 10px;
max-width: 500px;
margin: 0 auto;
}
.special-heading-wrap.style2 .special-heading {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.7);
padding:45px;
}
.special-heading-wrap.style2 .separator {
margin-bottom: 20px;
}
.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
display: none;
}
.special-heading-wrap.style1 .sub-title {
display: block;
font-size: 16px;
max-width:60%;
margin: 0 auto 50px;
line-height: 35px;    
}
.special-heading-wrap.style3 {
text-align: center;
overflow: hidden;
}
.special-heading-wrap.style3 .special-h-tag {
text-align: center;
padding-bottom: 0px;
margin: 20px 0px !important;
}
html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
margin-bottom: 20px !important;
}
.be-section .be-row:not(:last-child) .column-block .special-h-tag:last-child {
margin-bottom: 20px !important;
}
.special-heading-wrap.style3 .special-heading {
margin-bottom: 0px;
}
.special-heading-wrap.style3 .caption-wrap {
text-align: center;
position: relative;
}
.special-heading-wrap.style3 .caption {
padding: 0 15px;
display: inline-block;
position: relative;
}
.special-heading-wrap.style3 .caption .caption-inner {
background: #ddd;
}
.special-heading-wrap.style3 .caption .caption-inner:before, .special-heading-wrap.style3 .caption .caption-inner:after {
content: "";
position: absolute;
display: inline-block;
height: 1px;
width: 100px;
left: -100px;
top: 50%;
background: inherit;
margin-top: -1px;
}
.special-heading-wrap.style3 .caption .caption-inner:after {
right: -100px;
left: auto;
}
.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child  {
margin-bottom: 0 !important;
} .be-tabs {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-tabs {
position: relative;
margin-bottom: 50px;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
padding: 0;
margin: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 10px 15px;
text-decoration: none;
outline: 0;   
border: 1px solid;
border-left: none;
}
.ui-tabs .ui-tabs-nav li:first-child a {
border-left: 1px solid;
}
.ui-tabs .ui-tabs-panel p:last-child {
margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
cursor: text; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
background: rgba(0,0,0,0.12) !important;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {   
cursor: pointer; 
}
.tabs li a.tab-icon:before {
font-size: 15px;
width: 25px;
text-align: left;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
border: 1px solid;
margin-top: -1px;
padding: 25px;
}
.ui-tabs .ui-tabs-panel p {
width: 100%;
} .testimonial_slide {
text-align: center;
font-size: 18px;
line-height:35px;
}
.testimonial-author {
margin-top: 25px;
font-size: 13px;
display: block;
letter-spacing: 3px;
text-transform: uppercase;
}
.testimonial_author_position {
margin-right: 10px;
}
.testimonial_controller_wrap {
list-style: none;
text-align: center;
margin-top: 20px;
}
.testimonial_controller_wrap li {
display: inline-block;
line-height: 15px;
zoom: 1;
margin-right: 6px;
margin-bottom: 0;
}
.testimonial_controller {
display: block;
overflow: hidden;
position: relative;
width: 15px;
-webkit-font-smoothing:antialiased;
}
.testimonial_controller span:before {
font-family: "be-themes";
content: '\e648';
display: inline-block;
width: 10px;
height: 10px;
line-height: 10px;
font-size: 10px;
}
.testimonial_controller.active span:before {
content: '\e63e';
width: 13px;
height: 13px;
line-height: 13px;
font-size: 13px;    
}
.testimonials_wrap img {
margin-bottom: 30px;
}
.testimonials_wrap .flex-control-nav.flex-control-paging {
position: relative !important;
top: 0px;
margin: 0px;
display: block !important;
opacity: 1 !important;
}
.testimonials_wrap .flex-viewport {
margin-bottom: 40px;
}
span.subtitle {
font-size: 11px;
}
.section-skew {
-webkit-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
overflow: visible;
}
.section-skew-normal {
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg);
transform: skewY(4deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
} .be-text-block img {
margin-bottom: 30px;
} .title-icon {
display: inline-block;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
}
.title-icon.align-right {
float: right;
margin-left: 30px;
margin-right: 0px;
}
.title-icon.circled {
border: 1px solid;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.title-icon.small {
font-size: 21px;
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 20px;
}
.title-icon.medium {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 28px;
}
.title-icon.medium.plain {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 28px;
}
.title-with-icon {
padding-left: 80px;
margin-bottom: 50px;
}
.title-with-icon.small.plain {
padding-left: 50px;
}
.title-icon.small.circled {
width: 45px;
height: 45px;
line-height: 45px;
}
.title-with-icon.small {
padding-left: 70px;
}
.title-with-icon.small.align-right {
padding-right: 70px;
}
.title-icon.small.align-right {
margin-left: 20px;
margin-right: 0;
}
.title-with-icon.medium {
padding-left: 100px;
}
.title-with-icon.medium.plain {
padding-left: 60px;
}
.title-with-icon.align-right {
padding-right: 80px;
}
.title-with-icon.small.plain.align-right {
padding-right: 50px;
}
.title-with-icon.medium.align-right {
padding-right: 100px;
}
.title-with-icon.medium.plain.align-right {
padding-right: 60px;
}
.title-with-icon.align-right,
.title-with-icon.small.plain.align-right,
.title-with-icon.medium.align-right,
.title-with-icon.medium.plain.align-right {
padding-left: 0px;
text-align: right;
} .team-shortcode-wrap{
text-align: center;
}
.team-title{
margin-bottom: 0px;
}
.team-shortcode-wrap  .designation{   
text-transform: capitalize;
margin-bottom: 10px;
}
.team-social {
list-style: none;
margin:15px 0 0;
padding-left: 0;
}
.team-social li {
display:inline-block;
}
.team_icons{
font-size: 13px;
margin: 0 5px;
color: inherit;  
}
.team-img {
margin-bottom: 20px;
}
.team_icons i {
width: 30px;
height: 30px;
line-height: 30px;
text-align:center;
display:inline-block;
border: 1px solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.team-wrap {
padding: 0;
text-align: center;
}  .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.element{
float: left;
margin: 0px 0px 40px 0px;
overflow: hidden;
} .two-col .element {
width:  560px;
}
.three-col .element {
width:  360px;
}
.three-col .element.wide {
width:  760px;
}
.four-col .element {
width:  260px;
}
.four-col .element.wide {
width:  560px;
} .full-screen .element {
width: 19.97%;
margin: 0px;
}
.full-screen.three-col .element {
width: 33.34%;
}
.full-screen.three-col .element.wide {
width: 66.7%;
}
.full-screen.four-col .element {
width: 25%;
}
.full-screen.four-col .element.wide {
width: 50%;
}
.full-screen.five-col .element {
width: 20%;
}
.full-screen.five-col .element.wide {
width: 40%;
} .full-screen-gutter  {
margin-right: 40px;
}
.full-screen-gutter .element .element-inner{
margin-left: 40px;
}
.full-screen-gutter .element {
margin-bottom: 40px;
} .element img {
width: 100%;
}
.element-inner {
overflow: hidden;
}
.element img {
-webkit-transition: -webkit-transform 0.8s ease;
-moz-transition: -moz-transform 0.8s ease;
-o-transition: -o-transform 0.8s ease;
transition: transform 0.8s ease;
}
.element:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.element.wide-width-height img, 
.element.wide-height img, 
.element.wide-width img {
max-width: none;
display: inline-block !important;
}
.portfolio{
margin-bottom: 50px;
overflow: hidden;
}
.portfolio-archives .portfolio.full-screen {
margin-bottom: 0px;
}
.portfolio-container {
width: 100%;
overflow: hidden;
}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {
margin-bottom: 40px !important;
}
.full-screen .portfolio-container .element {
margin-bottom: 0px !important;
}
.portfolio-container .thumb-overlay .thumb-icons i {
line-height: 38px;
display: block;
}
.portfolio-categories{
list-style: none;
padding: 0;
margin-bottom: 10px;
}
.portfolio-categories li{
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.portfolio-title {
margin-bottom: 0;
}
.portfolio-title h6 {
margin-bottom: 5px;
}
.portfolio-title a {
display: block;
}
.portfolio-content{ margin-bottom: 20px; }
.element .one-half , .element .be-button, .element img {
margin-bottom: 0;
}
.element .be-row, .portfolio.one-col .element{
margin-bottom: 50px;
}
.three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{
padding: 5px 5px 5px 0;
margin: 12px 1px 1px !important;
}
.portfolio-content-wrap{
padding-left: 10px;
}
.portfolio-ovelay-icon {
color: #fff;
background: url(//www.inedrritamarie.com/wp-content/themes/namo/img/plus_icon.png) no-repeat;
width: 50px;
height: 50px;
display: inline-block;
}
.trigger_load_more {
margin: 50px 0 0 40px; text-align: center;
}
.portfolio .pagination_parent{
margin-top: 40px;
} .thumb-wrap {
display: block;
}
.thumb-wrap, .thumb-bg{
position: relative;
}
.thumb-overlay {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top:0;
left:0;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.thumb-bg {
width: 100%;
height: 100%;
display: table;
}
.thumb-bg .thumb-icons {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.thumb-title {
text-align: center;
display: table-cell;
vertical-align: middle;
font-size: 20px;
color: #000;
font-weight: bold;
}
.popup-gallery {
display: none;
}
.thumb-bg.act-table {
display: table
}
.thumb-icons a{
margin-right: 10px;
padding: 6px 5px 4px 5px;
display: inline-block;
border-radius: 50%;
}
.thumb-icons .font-icon {
font-size: 16px;
} .filters .sort{
padding:5px 18px 5px 20px;
cursor:pointer; 
display: inline-block;
}
.filters{
text-transform: uppercase;
margin-bottom:50px;  
font-size: 12px;
text-align: center;
}
.filters h6 {
font-weight: 400;
letter-spacing:2px;
font-size:11px;
text-transform: uppercase;
margin-right: 5px;
margin-bottom: 0;
display: inline-block;
}
.filters .current_choice {
border-radius: 3px;
border: 1px solid;
} .bubblingG {
text-align: center;
width:50px;
height:30px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -15px 0px 0px -24px;
display: none;
overflow: hidden;
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 6px;
margin: 15px auto;
background: #3A8C35;
-moz-border-radius: 30px;
-moz-animation: bubblingG 0.4s infinite alternate;
-webkit-border-radius: 30px;
-webkit-animation: bubblingG 0.4s infinite alternate;
-ms-border-radius: 30px;
-ms-animation: bubblingG 0.4s infinite alternate;
-o-border-radius: 30px;
-o-animation: bubblingG 0.4s infinite alternate;
border-radius: 30px;
animation: bubblingG 0.4s infinite alternate;
}
#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2 {
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-ms-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
#bubblingG_3 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}
#bubblingG_1_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2_2 {
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-ms-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
#bubblingG_3_3 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.page-loader {
position: fixed;
z-index: 10;
} .carousel_bar_area {
position: absolute;
bottom: 0px;
min-width: 70%;
width: 316px;
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
min-height: 35px;
display: block;
height: 100px;
overflow: hidden;
z-index: 5;
background: url(//www.inedrritamarie.com/wp-content/themes/namo/img/dots.png) no-repeat center;
}
.carousel_bar_wrap {
position: absolute;
bottom: -300px;
max-width: 100%;
margin: 0 auto;
right: 0px;
left: 0px;
margin-bottom: 20px;
}
.carousel_bar {
position: relative;
}
.elastislide-list {
list-style-type: none;
display: none;
}
.no-js .elastislide-list {
display: block;
}
.elastislide-carousel ul li {
min-width: 20px; }
.elastislide-wrapper {
position: relative;
margin: 0 auto;
min-height: 36px;
}
.elastislide-wrapper.elastislide-loading {
background-image: url(//www.inedrritamarie.com/wp-content/themes/namo/img/dots.png);
background-repeat: no-repeat;
background-position: center center;
}
.elastislide-horizontal {
padding: 0px;
}
.elastislide-vertical {
padding: 40px 10px;
}
.elastislide-carousel {
overflow: hidden;
position: relative;
}
.elastislide-carousel ul {
position: relative;
display: block;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.elastislide-horizontal ul {
white-space: nowrap;
}
.elastislide-carousel ul li {
margin: 0;
-webkit-backface-visibility: hidden;
}
.elastislide-horizontal ul li {
height: 100%;
display: inline-block;
margin: 0px 2px;
}
.elastislide-vertical ul li {
display: block;
}
.elastislide-carousel ul li a {
display: inline-block;
width: 100%;
}
.elastislide-carousel ul li a img {
display: block;
max-width: 100%;
}
.elastislide-wrapper nav span {
position: absolute;
width: 23px;
height: 23px;
cursor: pointer;
opacity: 0.8;
background: #000;
}
.elastislide-wrapper nav span:hover {
opacity: 1.0
}
.elastislide-horizontal nav span {
background-position: 7px 10px;
top: 50%;
left: 0px;
margin-top: -10px!important;
overflow: hidden;
}
.elastislide-vertical nav span {
top: 10px;
left: 50%;
margin-left: -11px;
background-position: -17px 5px;
}
.elastislide-horizontal nav span.elastislide-next {
right: 0px;
left: auto;
background-position: 4px 2px;
top: 50%;
margin-top: -10px;
overflow: hidden;
}
.elastislide-vertical nav span.elastislide-next {
bottom: 10px;
top: auto;
background-position: -17px -18px;
}
.elastislide-horizontal nav span {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
margin: 0;
background: none;
color: #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #fff;
} @media only screen and (min-width: 1280px) and (max-width: 1440px) {
.left-header .two-col .element {
width:  470px;
}
.left-header .three-col .element {
width:  300px;
}
.left-header .three-col .element.wide {
width:  640px;
}
.left-header .four-col .element {
width:  215px;
}
.left-header .four-col .element.wide {
width:  470px;
}
.left-header .full-screen .element {
width: 19.97%;
margin: 0px;
}
.left-header .full-screen.three-col .element {
width: 33.34%;
}
.left-header .full-screen.three-col .element.wide {
width: 66.7%;
}
.left-header .full-screen.four-col .element {
width: 25%;
}
.left-header .full-screen.four-col .element.wide {
width: 50%;
}
.left-header .full-screen.five-col .element {
width: 20%;
}
.left-header .full-screen.five-col .element.wide {
width: 40%;
}    
} @media only screen and (min-width: 960px) and (max-width: 1279px) {
.two-col .element {
width:  470px;
}
.three-col .element {
width:  300px;
}
.three-col .element.wide {
width:  640px;
}
.four-col .element {
width:  215px;
}
.four-col .element.wide {
width:  470px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.call-to-action{
padding: 30px 30px;
}
.action-content , .action-button { float: none; }
.fullscreen-col .element { width: 33.4%; }	
.two-col .element,
.three-col .element,
.four-col .element { 
width: 350px; 
}
.three-col .element.wide,
.four-col .element.wide { 
width: 740px; 
} .full-screen .element,
.full-screen.three-col .element,
.full-screen.four-col .element,
.full-screen.five-col .element {
width: 33.4%;
}
.full-screen.three-col .element.wide,
.full-screen.four-col .element.wide,
.full-screen.five-col .element.wide {
width: 66.7%;
}
} @media only screen and (max-width: 767px) {
.call-to-action{
padding: 30px 0px;
}
ul.tabs li {
width: 298px;
}
.action-content, 
.action-button { 
float: none; 
}
.action-content {
display: block;
margin: 0 0 25px;
}   
.portfolio-content-wrap{
padding-left: 0px;
}
.related-items .column-block {
margin-bottom: 40px;
}
.service {
padding: 0px !important;
margin-bottom: 30px;
text-align: center !important;
}
.service .font-icon {
position: relative;
display: block;
left: auto !important;
right: auto !important;
width: 18px;
height: 42px;
margin: 0 auto 10px;
}
.service .font-icon.icon-size-medium,
.service .font-icon.icon-size-large	{
margin: 0 auto 10px;
height: 60px;
line-height: 60px;
padding: 0px;
width: 60px;
}
.services-outer-wrap span.timeline {
display: none;
}
.three-col .element, 
.four-col .element , 
.two-col .element {
width: 300px;
}
.full-screen .element, 
.full-screen.three-col .element, 
.full-screen.four-col .element, 
.full-screen.five-col .element {
width: 100%!important;
}
.services .service * {
text-align: center !important;
}
.services .service .font-icon {
margin-bottom: 20px;
}
.single_portfolio_close .font-icon {
border-color: #000;
background: #000;
}
.single_portfolio_close {
right: 10px;
top: 35px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
ul.tabs li {
width: 438px;
}
.three-col .element, 
.four-col .element , 
.two-col .element,
.three-col .element.wide, 
.four-col .element.wide , 
.two-col .element.wide {
width:100%;
}
.full-screen .element, 
.full-screen.three-col .element, 
.full-screen.four-col .element, 
.full-screen.five-col .element {
width: 50%!important;
}
}body {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
#header-inner-wrap,
body.header-transparent #header #header-inner-wrap.no-transparent {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
body.header-transparent #header #header-inner-wrap {
-webkit-transition: background .25s ease, box-shadow .25s ease;
-moz-transition: background .25s ease, box-shadow .25s ease;
-o-transition: background .25s ease, box-shadow .25s ease;
transition: background .25s ease, box-shadow .25s ease;
}
#content {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
#bottom-widgets {
background-color: rgb(32,32,32);background-color: rgba(32,32,32,1);}
#footer {
background-color: rgb(0,0,0);background-color: rgba(0,0,0,1);}
.page-title-module-custom {
background-color: rgb(232,232,232);background-color: rgba(232,232,232,1);	padding: 32px 0px;
}
#navigation .sub-menu,
#mobile-menu, #mobile-menu ul {
background-color: #141414;
}
.sb-slidebar {
background-color: #141414;
} body {
font: normal normal 18px "Open Sans","Open Sans","Arial",sans-serif; 
color: #7e7e7e;
line-height: 22px;
letter-spacing: 0px;
text-transform: none;    -webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
}
h1 {
font: normal normal 38px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 50px;
letter-spacing: 0px;
text-transform: none;}
h2 {
font: normal normal 30px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 45px;
letter-spacing: 0px;
text-transform: none;}
h3 {
font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 36px;
letter-spacing: 0px;
text-transform: none;}
h4 {
font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 36px;
letter-spacing: 0px;
text-transform: none;}
h5, #reply-title {
font: normal normal 18px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 30px;
letter-spacing: 0px;
text-transform: none;}
h6 {
font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 29px;
letter-spacing: 0px;
text-transform: none;}
#navigation {
font: normal 600 15px "Open Sans","Open Sans","Arial",sans-serif; 
color: #8D8D8D;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;;
}
.thumb-title,
.full-screen-portfolio-overlay-title {
font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 30px;
letter-spacing: 3px;
text-transform: uppercase;;
}
#footer {
font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; 
color: #868686;
line-height: 14px;
letter-spacing: 0px;
text-transform: none;}
#bottom-widgets h6 {
font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
text-transform: uppercase;    margin-bottom:20px;
}
#bottom-widgets {
font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; 
color: #9f9f9f;
line-height: 25px;
letter-spacing: 0px;
text-transform: none;}
.sidebar-widgets h6 {
font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 22px;
letter-spacing: 2px;
text-transform: uppercase;   margin-bottom:20px;
}
.sidebar-widgets {
font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; 
color: #7e7e7e;;
line-height: 25px;
letter-spacing: 0px;
text-transform: none;}
#navigation .sub-menu,
#mobile-menu {
font: normal normal 11px "Open Sans","Open Sans","Arial",sans-serif; 
color: #a2a2a2;
line-height: 32px;
letter-spacing: 1px;
text-transform: uppercase;}
#slidebar-menu {
font: normal normal 11px "Open Sans","Open Sans","Arial",sans-serif; 
color: #a9a9a9;
line-height: 50px;
letter-spacing: 2px;
text-transform: uppercase;}
.sb-slidebar .widget {
font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; 
color: #9f9f9f;
line-height: 25px;
letter-spacing: 0px;
text-transform: none;}
.sb-slidebar .widget h6 {
font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
text-transform: uppercase;}
#bottom-widgets .widget ul li a, #bottom-widgets a {
color: inherit;
}
#bottom-widgets .widget ul li a:hover, #bottom-widgets a:hover {
color: #da721f;
}
#mobile-menu a,
#navigation .menu > ul > li.mega > ul > li {
border-color: #303030;
}
#slidebar-menu a {
border-color: #303030;
}
.page-title-module-custom .page-title-custom {
font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; 
color: #000000;
line-height: 36px;
letter-spacing: 2px;
text-transform: uppercase;}
.page-title-module-custom .header-breadcrumb {
line-height: 36px;
}
.be-button {
font-family: "Open Sans";
}
.ui-tabs .ui-tabs-nav li a,
.ui-accordion .ui-accordion-header,
.skill_name,
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
} body #header-inner-wrap.top-animate #navigation, 
body #header-inner-wrap.top-animate .header-controls, 
body #header-inner-wrap.stuck #navigation, 
body #header-inner-wrap.stuck .header-controls {
-webkit-transition: line-height 0.5s ease;
-moz-transition: line-height 0.5s ease;
-ms-transition: line-height 0.5s ease;
-o-transition: line-height 0.5s ease;
transition: line-height 0.5s ease;
}
.header-cart-controls .cart-contents {
background: #141414;
}
.header-cart-controls .cart-contents {
color: #ffffff;
}
.left-sidebar-page,.right-sidebar-page, .no-sidebar-page .be-section-pad:first-child, .page-template-page-940-php #content , .blog .no-sidebar-page #content-wrap, .portfolio-archives.no-sidebar-page #content-wrap {
padding-top: 80px;
}  
.left-sidebar-page .be-section:first-child, .right-sidebar-page .be-section:first-child, .dual-sidebar-page .be-section:first-child {
padding-top:0 !important;
} .sec-bg {
background-color: #efefef;
}
.sec-color,
.post-meta a,
.pagination a, .pagination span, .pages_list a {
color: #555555;
}
.sec-border {
border: 1px solid #dedede;
}
.pricing-table li {
border-bottom: 1px solid #dedede;
}
.separator {
border:0;
height:1px;
color: #dedede;
background-color: #dedede;
}
.alt-color,
li.ui-tabs-active h6 a,
#navigation a:hover,
#header-top-menu a:hover,
#navigation .current-menu-item > a,
#slidebar-menu .current-menu-item > a,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
a.team_icons:hover,
.recent-post-title a:hover,
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li.current-menu-item:before,
.filters .current_choice,
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce-page ul.cart_list li a:hover,
.woocommerce-page ul.product_list_widget li a:hover,
.woocommerce-page .product-categories li a:hover,
.woocommerce ul.products li.product .product-meta-data h3:hover,
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover,
td.product-name a:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover,
.post-category a:hover {
color: #da721f;
}
.post-title a:hover {
color: #da721f !important;
}
.alt-bg,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
.flex-direction-nav a:hover,
.pagination .current,
#navigation .sub-menu .current-menu-item > a {
background-color: #da721f;
transition: 0.2s linear all;
}
.mejs-controls .mejs-time-rail .mejs-time-current ,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.woocommerce span.onsale, 
.woocommerce-page span.onsale, 
.woocommerce a.add_to_cart_button.button.product_type_simple.added,
.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce .button.alt,.woocommerce-page #respond input#submit.alt,
.woocommerce .button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button.alt#place_order:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
.woocommerce .widget_shopping_cart_content .button.checkout {
background: #da721f !important;
}
.tagcloud a:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
.testimonial-flex-slider .flex-control-paging li a {
border-color: #da721f;
}
.thumb-bg {
background-color: rgba(218,114,31,0.85);
}
.photostream_overlay,
.be-button {
background-color: #da721f;
}
.alt-bg-text-color,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
#navigation .sub-menu .menu-item:hover:before,
.pagination .current,
#navigation .sub-menu .current-menu-item > a,
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li a:focus {
color: #ffffff !important;
transition: 0.2s linear all;
}
.be-button {
color: #ffffff;
transition: 0.2s linear all;
}
.portfolio-title a {
color: inherit;
}
pre {
background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px);
display: block;
line-height: 28px;
margin-bottom: 50px;
overflow: auto;
padding: 0px 10px;
border:1px solid #dedede;
}
@media only screen and (max-width : 767px ) {
#hero-section h1 , 
.full-screen-section-wrap h1 {
font-size: 30px;
line-height: 40px;
}
#hero-section h2,
.full-screen-section-wrap h2 { 
font-size: 25px;
line-height: 35px;
}
#hero-section h4,
.full-screen-section-wrap h4 {
font-size: 16px;
line-height: 30px;
}
#hero-section h5,
.full-screen-section-wrap h5 {
font-size: 16px;
line-height: 30px;
}    
}
#navigation,
.header-controls, 
.mobile-nav-controller-wrap {
line-height: 78px;
}
body.header-transparent #header-inner-wrap #navigation,
body.header-transparent #header-inner-wrap .header-controls, 
body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap {
line-height: 78px;
}
body #header-inner-wrap.top-animate #navigation, 
body #header-inner-wrap.top-animate .header-controls, 
body #header-inner-wrap.stuck #navigation, 
body #header-inner-wrap.stuck .header-controls {
line-height: 58px;
} .bubblingG {
text-align: center;
width:50px;
height:30px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -15px 0px 0px -24px;
display: none;
overflow: hidden;
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 6px;
margin: 15px auto;
background:#da721f !important;
-moz-border-radius: 30px;
-moz-animation: bubblingG 0.4s infinite alternate;
-webkit-border-radius: 30px;
-webkit-animation: bubblingG 0.4s infinite alternate;
-ms-border-radius: 30px;
-ms-animation: bubblingG 0.4s infinite alternate;
-o-border-radius: 30px;
-o-animation: bubblingG 0.4s infinite alternate;
border-radius: 30px;
animation: bubblingG 0.4s infinite alternate;
}
#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2 {
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-ms-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
#bubblingG_3 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}
#bubblingG_1_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2_2 {
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-ms-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
#bubblingG_3_3 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.page-loader {
position: fixed;
z-index: 10;
}
@-moz-keyframes bubblingG {
0% {
width: 6px;
height: 6px;
background-color: #da721f;
-moz-transform: translateY(0);
}
100% {
width: 14px;
height: 14px;
background-color:#000000;
-moz-transform: translateY(-13px);
}
}
@-webkit-keyframes bubblingG {
0% {
width: 6px;
height: 6px;
background-color: #da721f;
-webkit-transform: translateY(0);
}
100% {
width: 14px;
height: 14px;
background-color:#000000;
-webkit-transform: translateY(-13px);
}
}
@-ms-keyframes bubblingG {
0% {
width: 6px;
height: 6px;
background-color: #da721f;
-ms-transform: translateY(0);
}
100% {
width: 14px;
height: 14px;
background-color:#000000;
-ms-transform: translateY(-13px);
}
}
@-o-keyframes bubblingG {
0% {
width: 6px;
height: 6px;
background-color: #da721f;
-o-transform: translateY(0);
}
100% {
width: 14px;
height: 14px;
background-color:#000000;
-o-transform: translateY(-13px);
}
}
@keyframes bubblingG {
0% {
width: 6px;
height: 6px;
background-color:#3A8C35;
transform: translateY(0);
}
100% {
width: 14px;
height: 14px;
background-color:#000000;
transform: translateY(-13px);
}
}@font-face {
font-family: 'be-themes';
src: url(//www.inedrritamarie.com/wp-content/themes/namo/fonts/fontello/be-themes.eot?24213162);
src: url(//www.inedrritamarie.com/wp-content/themes/namo/fonts/fontello/be-themes.eot?24213162#iefix) format('embedded-opentype'),
url(//www.inedrritamarie.com/wp-content/themes/namo/fonts/fontello/be-themes.woff?24213162) format('woff'),
url(//www.inedrritamarie.com/wp-content/themes/namo/fonts/fontello/be-themes.ttf?24213162) format('truetype'),
url(//www.inedrritamarie.com/wp-content/themes/namo/fonts/fontello/be-themes.svg?24213162#be-themes) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before, ul.custom-list li:before {
font-family: "be-themes";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;
-webkit-font-smoothing: antialiased !important;    }
.icon-address:before {
content: "\e667";
}
.icon-adjust:before {
content: "\e668";
}
.icon-air:before {
content: "\e669";
}
.icon-alert:before {
content: "\e66a";
}
.icon-archive:before {
content: "\e66b";
}
.icon-arrow-combo:before {
content: "\e66c";
}
.icon-arrows-ccw:before {
content: "\e66d";
}
.icon-attach:before {
content: "\e66e";
}
.icon-attention:before {
content: "\e66f";
}
.icon-back-in-time:before {
content: "\e670";
}
.icon-back:before {
content: "\e671";
}
.icon-bag:before {
content: "\e672";
}
.icon-basket:before {
content: "\e673";
}
.icon-battery:before {
content: "\e674";
}
.icon-behance:before {
content: "\e675";
}
.icon-bell:before {
content: "\e676";
}
.icon-block:before {
content: "\e677";
}
.icon-book-open:before {
content: "\e678";
}
.icon-book:before {
content: "\e679";
}
.icon-bookmark:before {
content: "\e67a";
}
.icon-bookmarks:before {
content: "\e67b";
}
.icon-box:before {
content: "\e67c";
}
.icon-briefcase:before {
content: "\e67d";
}
.icon-brush:before {
content: "\e67e";
}
.icon-bucket:before {
content: "\e67f";
}
.icon-calendar:before {
content: "\e680";
}
.icon-camera:before {
content: "\e681";
}
.icon-cancel-circled:before {
content: "\e682";
}
.icon-cancel-squared:before {
content: "\e683";
}
.icon-cancel:before {
content: "\e684";
}
.icon-cc-by:before {
content: "\e685";
}
.icon-cc-nc-eu:before {
content: "\e686";
}
.icon-cc-nc-jp:before {
content: "\e687";
}
.icon-cc-nc:before {
content: "\e688";
}
.icon-cc-nd:before {
content: "\e689";
}
.icon-cc-pd:before {
content: "\e68a";
}
.icon-cc-remix:before {
content: "\e68b";
}
.icon-cc-sa:before {
content: "\e68c";
}
.icon-cc-share:before {
content: "\e68d";
}
.icon-cc-zero:before {
content: "\e68e";
}
.icon-cc:before {
content: "\e68f";
}
.icon-ccw:before {
content: "\e690";
}
.icon-cd:before {
content: "\e691";
}
.icon-chart-area:before {
content: "\e692";
}
.icon-chart-bar:before {
content: "\e693";
}
.icon-chart-line:before {
content: "\e694";
}
.icon-chart-pie:before {
content: "\e695";
}
.icon-chat:before {
content: "\e696";
}
.icon-check:before {
content: "\e697";
}
.icon-clipboard:before {
content: "\e698";
}
.icon-clock:before {
content: "\e699";
}
.icon-cloud-thunder:before {
content: "\e69a";
}
.icon-cloud:before {
content: "\e69b";
}
.icon-code:before {
content: "\e69c";
}
.icon-cog:before {
content: "\e69d";
}
.icon-comment:before {
content: "\e69e";
}
.icon-compass:before {
content: "\e69f";
}
.icon-credit-card:before {
content: "\e6a0";
}
.icon-cup:before {
content: "\e6a1";
}
.icon-cw:before {
content: "\e6a2";
}
.icon-database:before {
content: "\e6a3";
}
.icon-db-shape:before {
content: "\e6a4";
}
.icon-direction:before {
content: "\e6a5";
}
.icon-doc-landscape:before {
content: "\e6a6";
}
.icon-doc-text-inv:before {
content: "\e6a7";
}
.icon-doc-text:before {
content: "\e6a8";
}
.icon-doc:before {
content: "\e6a9";
}
.icon-docs:before {
content: "\e6aa";
}
.icon-dot-2:before {
content: "\e6ab";
}
.icon-dot-3:before {
content: "\e6ac";
}
.icon-dot:before {
content: "\e6ad";
}
.icon-down-bold:before {
content: "\e6ae";
}
.icon-down-circled:before {
content: "\e6af";
}
.icon-down-dir:before {
content: "\e6b0";
}
.icon-down-open-big:before {
content: "\e6b1";
}
.icon-down-open-mini:before {
content: "\e6b2";
}
.icon-down-open:before {
content: "\e6b3";
}
.icon-down-thin:before {
content: "\e6b4";
}
.icon-down:before {
content: "\e6b5";
}
.icon-download:before {
content: "\e6b6";
}
.icon-dribbble-circled:before {
content: "\e6b7";
}
.icon-dribbble:before {
content: "\e6b8";
}
.icon-drive:before {
content: "\e6b9";
}
.icon-dropbox:before {
content: "\e6ba";
}
.icon-droplet:before {
content: "\e6bb";
}
.icon-erase:before {
content: "\e6bc";
}
.icon-evernote:before {
content: "\e6bd";
}
.icon-export:before {
content: "\e6be";
}
.icon-eye:before {
content: "\e6bf";
}
.icon-facebook-circled:before {
content: "\e6c0";
}
.icon-facebook-squared:before {
content: "\e6c1";
}
.icon-facebook:before {
content: "\e6c2";
}
.icon-fast-backward:before {
content: "\e6c3";
}
.icon-fast-forward:before {
content: "\e6c4";
}
.icon-feather:before {
content: "\e6c5";
}
.icon-flag:before {
content: "\e6c6";
}
.icon-flash:before {
content: "\e6c7";
}
.icon-flashlight:before {
content: "\e6c8";
}
.icon-flattr:before {
content: "\e6c9";
}
.icon-flickr-circled:before {
content: "\e6ca";
}
.icon-flickr:before {
content: "\e6cb";
}
.icon-flight:before {
content: "\e6cc";
}
.icon-floppy:before {
content: "\e6cd";
}
.icon-flow-branch:before {
content: "\e6ce";
}
.icon-flow-cascade:before {
content: "\e6cf";
}
.icon-flow-line:before {
content: "\e6d0";
}
.icon-flow-parallel:before {
content: "\e6d1";
}
.icon-flow-tree:before {
content: "\e6d2";
}
.icon-folder:before {
content: "\e6d3";
}
.icon-forward:before {
content: "\e6d4";
}
.icon-gauge:before {
content: "\e6d5";
}
.icon-github-circled:before {
content: "\e6d6";
}
.icon-github:before {
content: "\e6d7";
}
.icon-globe:before {
content: "\e6d8";
}
.icon-google-circles:before {
content: "\e6d9";
}
.icon-gplus-circled:before {
content: "\e6da";
}
.icon-gplus:before {
content: "\e6db";
}
.icon-graduation-cap:before {
content: "\e6dc";
}
.icon-heart-empty:before {
content: "\e6dd";
}
.icon-heart:before {
content: "\e6de";
}
.icon-help-circled:before {
content: "\e6df";
}
.icon-help:before {
content: "\e6e0";
}
.icon-home:before {
content: "\e6e1";
}
.icon-hourglass:before {
content: "\e6e2";
}
.icon-inbox:before {
content: "\e6e3";
}
.icon-infinity:before {
content: "\e6e4";
}
.icon-info-circled:before {
content: "\e6e5";
}
.icon-info:before {
content: "\e6e6";
}
.icon-instagram:before {
content: "\e6e7";
}
.icon-install:before {
content: "\e6e8";
}
.icon-key:before {
content: "\e6e9";
}
.icon-keyboard:before {
content: "\e6ea";
}
.icon-lamp:before {
content: "\e6eb";
}
.icon-language:before {
content: "\e6ec";
}
.icon-lastfm-circled:before {
content: "\e6ed";
}
.icon-lastfm:before {
content: "\e6ee";
}
.icon-layout:before {
content: "\e6ef";
}
.icon-leaf:before {
content: "\e6f0";
}
.icon-left-bold:before {
content: "\e6f1";
}
.icon-left-circled:before {
content: "\e6f2";
}
.icon-left-dir:before {
content: "\e6f3";
}
.icon-left-open-big:before {
content: "\e6f4";
}
.icon-left-open-mini:before {
content: "\e6f5";
}
.icon-left-open:before {
content: "\e6f6";
}
.icon-left-thin:before {
content: "\e6f7";
}
.icon-left:before {
content: "\e6f8";
}
.icon-level-down:before {
content: "\e6f9";
}
.icon-level-up:before {
content: "\e6fa";
}
.icon-lifebuoy:before {
content: "\e6fb";
}
.icon-light-down:before {
content: "\e6fc";
}
.icon-light-up:before {
content: "\e6fd";
}
.icon-link:before {
content: "\e6fe";
}
.icon-linkedin-circled:before {
content: "\e6ff";
}
.icon-linkedin:before {
content: "\e700";
}
.icon-list-add:before {
content: "\e701";
}
.icon-list:before {
content: "\e702";
}
.icon-location:before {
content: "\e703";
}
.icon-lock-open:before {
content: "\e704";
}
.icon-lock:before {
content: "\e705";
}
.icon-login:before {
content: "\e706";
}
.icon-logo-db:before {
content: "\e707";
}
.icon-logout:before {
content: "\e708";
}
.icon-loop:before {
content: "\e709";
}
.icon-magnet:before {
content: "\e70a";
}
.icon-mail:before {
content: "\e70b";
}
.icon-map:before {
content: "\e70c";
}
.icon-megaphone:before {
content: "\e70d";
}
.icon-menu:before {
content: "\e70e";
}
.icon-mic:before {
content: "\e70f";
}
.icon-minus-circled:before {
content: "\e710";
}
.icon-minus-squared:before {
content: "\e711";
}
.icon-minus:before {
content: "\e712";
}
.icon-mixi:before {
content: "\e713";
}
.icon-mobile:before {
content: "\e714";
}
.icon-monitor:before {
content: "\e715";
}
.icon-moon:before {
content: "\e716";
}
.icon-mouse:before {
content: "\e717";
}
.icon-music:before {
content: "\e718";
}
.icon-mute:before {
content: "\e719";
}
.icon-network:before {
content: "\e71a";
}
.icon-newspaper:before {
content: "\e71b";
}
.icon-note-beamed:before {
content: "\e71c";
}
.icon-note:before {
content: "\e71d";
}
.icon-palette:before {
content: "\e71e";
}
.icon-paper-plane:before {
content: "\e71f";
}
.icon-pause:before {
content: "\e720";
}
.icon-paypal:before {
content: "\e721";
}
.icon-pencil:before {
content: "\e722";
}
.icon-phone:before {
content: "\e723";
}
.icon-picasa:before {
content: "\e724";
}
.icon-picture:before {
content: "\e725";
}
.icon-pinterest-circled:before {
content: "\e726";
}
.icon-pinterest:before {
content: "\e727";
}
.icon-play:before {
content: "\e728";
}
.icon-plus-circled:before {
content: "\e729";
}
.icon-plus-squared:before {
content: "\e72a";
}
.icon-plus:before {
content: "\e72b";
}
.icon-popup:before {
content: "\e72c";
}
.icon-print:before {
content: "\e72d";
}
.icon-progress-0:before {
content: "\e72e";
}
.icon-progress-1:before {
content: "\e72f";
}
.icon-progress-2:before {
content: "\e730";
}
.icon-progress-3:before {
content: "\e731";
}
.icon-publish:before {
content: "\e732";
}
.icon-qq:before {
content: "\e733";
}
.icon-quote:before {
content: "\e734";
}
.icon-rdio-circled:before {
content: "\e735";
}
.icon-rdio:before {
content: "\e736";
}
.icon-record:before {
content: "\e737";
}
.icon-renren:before {
content: "\e738";
}
.icon-reply-all:before {
content: "\e739";
}
.icon-reply:before {
content: "\e73a";
}
.icon-resize-full:before {
content: "\e73b";
}
.icon-resize-small:before {
content: "\e73c";
}
.icon-retweet:before {
content: "\e73d";
}
.icon-right-bold:before {
content: "\e73e";
}
.icon-right-circled:before {
content: "\e73f";
}
.icon-right-dir:before {
content: "\e740";
}
.icon-right-open-big:before {
content: "\e741";
}
.icon-right-open-mini:before {
content: "\e742";
}
.icon-right-open:before {
content: "\e743";
}
.icon-right-thin:before {
content: "\e744";
}
.icon-right:before {
content: "\e745";
}
.icon-rocket:before {
content: "\e746";
}
.icon-rss:before {
content: "\e747";
}
.icon-search:before {
content: "\e748";
}
.icon-share:before {
content: "\e749";
}
.icon-shareable:before {
content: "\e74a";
}
.icon-shuffle:before {
content: "\e74b";
}
.icon-signal:before {
content: "\e74c";
}
.icon-sina-weibo:before {
content: "\e74d";
}
.icon-skype-circled:before {
content: "\e74e";
}
.icon-skype:before {
content: "\e74f";
}
.icon-smashing:before {
content: "\e750";
}
.icon-sound:before {
content: "\e751";
}
.icon-soundcloud:before {
content: "\e752";
}
.icon-spotify-circled:before {
content: "\e753";
}
.icon-spotify:before {
content: "\e754";
}
.icon-star-empty:before {
content: "\e755";
}
.icon-star:before {
content: "\e756";
}
.icon-stop:before {
content: "\e757";
}
.icon-stumbleupon-circled:before {
content: "\e758";
}
.icon-stumbleupon:before {
content: "\e759";
}
.icon-suitcase:before {
content: "\e75a";
}
.icon-sweden:before {
content: "\e75b";
}
.icon-switch:before {
content: "\e75c";
}
.icon-tag:before {
content: "\e75d";
}
.icon-tape:before {
content: "\e75e";
}
.icon-target:before {
content: "\e75f";
}
.icon-thermometer:before {
content: "\e760";
}
.icon-thumbs-down:before {
content: "\e761";
}
.icon-thumbs-up:before {
content: "\e762";
}
.icon-ticket:before {
content: "\e763";
}
.icon-to-end:before {
content: "\e764";
}
.icon-to-start:before {
content: "\e765";
}
.icon-tools:before {
content: "\e766";
}
.icon-traffic-cone:before {
content: "\e767";
}
.icon-trash:before {
content: "\e768";
}
.icon-trophy:before {
content: "\e769";
}
.icon-tumblr-circled:before {
content: "\e76a";
}
.icon-tumblr:before {
content: "\e76b";
}
.icon-twitter-circled:before {
content: "\e76c";
}
.icon-twitter:before {
content: "\e76d";
}
.icon-up-bold:before {
content: "\e76e";
}
.icon-up-circled:before {
content: "\e76f";
}
.icon-up-dir:before {
content: "\e770";
}
.icon-up-open-big:before {
content: "\e771";
}
.icon-up-open-mini:before {
content: "\e772";
}
.icon-up-open:before {
content: "\e773";
}
.icon-up-thin:before {
content: "\e774";
}
.icon-up:before {
content: "\e775";
}
.icon-upload-cloud:before {
content: "\e776";
}
.icon-upload:before {
content: "\e777";
}
.icon-user-add:before {
content: "\e778";
}
.icon-user:before {
content: "\e779";
}
.icon-users:before {
content: "\e77a";
}
.icon-vcard:before {
content: "\e77b";
}
.icon-video:before {
content: "\e77c";
}
.icon-vimeo-circled:before {
content: "\e77d";
}
.icon-vimeo:before {
content: "\e77e";
}
.icon-vkontakte:before {
content: "\e77f";
}
.icon-volume:before {
content: "\e780";
}
.icon-water:before {
content: "\e781";
}
.icon-window:before {
content: "\e782";
}
.icon-attach2:before {
content: "\e783";
}
.icon-beaker:before {
content: "\e784";
}
.icon-calendar2:before {
content: "\e785";
}
.icon-camera2:before {
content: "\e786";
}
.icon-cd2:before {
content: "\e787";
}
.icon-clock2:before {
content: "\e788";
}
.icon-cloud2:before {
content: "\e789";
}
.icon-cog2:before {
content: "\e78a";
}
.icon-comment2:before {
content: "\e78b";
}
.icon-cup2:before {
content: "\e78c";
}
.icon-database2:before {
content: "\e78d";
}
.icon-desktop:before {
content: "\e78e";
}
.icon-diamond:before {
content: "\e78f";
}
.icon-doc2:before {
content: "\e790";
}
.icon-eye2:before {
content: "\e791";
}
.icon-fire:before {
content: "\e792";
}
.icon-food:before {
content: "\e793";
}
.icon-globe2:before {
content: "\e794";
}
.icon-graduation-cap2:before {
content: "\e795";
}
.icon-heart2:before {
content: "\e796";
}
.icon-inbox2:before {
content: "\e797";
}
.icon-key2:before {
content: "\e798";
}
.icon-lightbulb:before {
content: "\e799";
}
.icon-location2:before {
content: "\e79a";
}
.icon-lock2:before {
content: "\e79b";
}
.icon-mail2:before {
content: "\e79c";
}
.icon-megaphone2:before {
content: "\e79d";
}
.icon-mobile2:before {
content: "\e79e";
}
.icon-money:before {
content: "\e79f";
}
.icon-music2:before {
content: "\e7a0";
}
.icon-note2:before {
content: "\e7a1";
}
.icon-paper-plane2:before {
content: "\e7a2";
}
.icon-params:before {
content: "\e7a3";
}
.icon-pencil2:before {
content: "\e7a4";
}
.icon-photo:before {
content: "\e7a5";
}
.icon-search2:before {
content: "\e7a6";
}
.icon-shop:before {
content: "\e7a7";
}
.icon-sound2:before {
content: "\e7a8";
}
.icon-star2:before {
content: "\e7a9";
}
.icon-t-shirt:before {
content: "\e7aa";
}
.icon-tag2:before {
content: "\e7ab";
}
.icon-thumbs-up2:before {
content: "\e7ac";
}
.icon-trash2:before {
content: "\e7ad";
}
.icon-truck:before {
content: "\e7ae";
}
.icon-tv:before {
content: "\e7af";
}
.icon-user2:before {
content: "\e7b0";
}
.icon-videocam:before {
content: "\e7b1";
}
.icon-wallet:before {
content: "\e7b2";
}
.icon-acrobat:before {
content: "\e600";
}
.icon-aim:before {
content: "\e601";
}
.icon-amazon:before {
content: "\e602";
}
.icon-android:before {
content: "\e603";
}
.icon-angellist:before {
content: "\e604";
}
.icon-appnet:before {
content: "\e605";
}
.icon-appstore:before {
content: "\e606";
}
.icon-bitbucket:before {
content: "\e607";
}
.icon-bitcoin:before {
content: "\e608";
}
.icon-blogger:before {
content: "\e609";
}
.icon-buffer:before {
content: "\e60a";
}
.icon-calendar3:before {
content: "\e60b";
}
.icon-call:before {
content: "\e60c";
}
.icon-cart:before {
content: "\e60d";
}
.icon-cc2:before {
content: "\e60e";
}
.icon-chrome:before {
content: "\e60f";
}
.icon-cloudapp:before {
content: "\e610";
}
.icon-delicious:before {
content: "\e611";
}
.icon-digg:before {
content: "\e612";
}
.icon-disqus:before {
content: "\e613";
}
.icon-dribbble2:before {
content: "\e614";
}
.icon-dropbox2:before {
content: "\e615";
}
.icon-drupal:before {
content: "\e616";
}
.icon-duckduckgo:before {
content: "\e617";
}
.icon-dwolla:before {
content: "\e618";
}
.icon-ebay:before {
content: "\e619";
}
.icon-email:before {
content: "\e61a";
}
.icon-eventasaurus:before {
content: "\e61b";
}
.icon-eventbrite:before {
content: "\e61c";
}
.icon-eventful:before {
content: "\e61d";
}
.icon-evernote2:before {
content: "\e61e";
}
.icon-facebook2:before {
content: "\e61f";
}
.icon-fivehundredpx:before {
content: "\e620";
}
.icon-flattr2:before {
content: "\e621";
}
.icon-flickr2:before {
content: "\e622";
}
.icon-forrst:before {
content: "\e623";
}
.icon-foursquare:before {
content: "\e624";
}
.icon-github-circled2:before {
content: "\e625";
}
.icon-github2:before {
content: "\e626";
}
.icon-gmail:before {
content: "\e627";
}
.icon-google:before {
content: "\e628";
}
.icon-googleplay:before {
content: "\e629";
}
.icon-gowalla:before {
content: "\e62a";
}
.icon-gplus2:before {
content: "\e62b";
}
.icon-grooveshark:before {
content: "\e62c";
}
.icon-guest:before {
content: "\e62d";
}
.icon-hackernews:before {
content: "\e62e";
}
.icon-html5:before {
content: "\e62f";
}
.icon-ie:before {
content: "\e630";
}
.icon-instagram2:before {
content: "\e631";
}
.icon-instapaper:before {
content: "\e632";
}
.icon-intensedebate:before {
content: "\e633";
}
.icon-itunes:before {
content: "\e634";
}
.icon-klout:before {
content: "\e635";
}
.icon-lanyrd:before {
content: "\e636";
}
.icon-lastfm2:before {
content: "\e637";
}
.icon-lego:before {
content: "\e638";
}
.icon-linkedin2:before {
content: "\e639";
}
.icon-lkdto:before {
content: "\e63a";
}
.icon-login2:before {
content: "\e63b";
}
.icon-macstore:before {
content: "\e63c";
}
.icon-meetup:before {
content: "\e63d";
}
.icon-myspace:before {
content: "\e63e";
}
.icon-ninetyninedesigns:before {
content: "\e63f";
}
.icon-openid:before {
content: "\e640";
}
.icon-opentable:before {
content: "\e641";
}
.icon-paypal2:before {
content: "\e642";
}
.icon-pinboard:before {
content: "\e643";
}
.icon-pinterest2:before {
content: "\e644";
}
.icon-plancast:before {
content: "\e645";
}
.icon-plurk:before {
content: "\e646";
}
.icon-pocket:before {
content: "\e647";
}
.icon-podcast:before {
content: "\e648";
}
.icon-posterous:before {
content: "\e649";
}
.icon-print2:before {
content: "\e64a";
}
.icon-quora:before {
content: "\e64b";
}
.icon-reddit:before {
content: "\e64c";
}
.icon-rss2:before {
content: "\e64d";
}
.icon-scribd:before {
content: "\e64e";
}
.icon-skype2:before {
content: "\e64f";
}
.icon-smashmag:before {
content: "\e650";
}
.icon-songkick:before {
content: "\e651";
}
.icon-soundcloud2:before {
content: "\e652";
}
.icon-spotify2:before {
content: "\e653";
}
.icon-stackoverflow:before {
content: "\e654";
}
.icon-statusnet:before {
content: "\e655";
}
.icon-steam:before {
content: "\e656";
}
.icon-stripe:before {
content: "\e657";
}
.icon-stumbleupon2:before {
content: "\e658";
}
.icon-tumblr2:before {
content: "\e659";
}
.icon-twitter2:before {
content: "\e65a";
}
.icon-viadeo:before {
content: "\e65b";
}
.icon-vimeo2:before {
content: "\e65c";
}
.icon-vk:before {
content: "\e65d";
}
.icon-w3c:before {
content: "\e65e";
}
.icon-weibo:before {
content: "\e65f";
}
.icon-wikipedia:before {
content: "\e660";
}
.icon-windows:before {
content: "\e661";
}
.icon-wordpress:before {
content: "\e662";
}
.icon-xing:before {
content: "\e663";
}
.icon-yahoo:before {
content: "\e664";
}
.icon-yelp:before {
content: "\e665";
}
.icon-youtube:before {
content: "\e666";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.mfp-iframe-holder .mfp-close {
top: -40px; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.white-popup-block {
background: #FFF;
padding: 40px 0px 0px 0px;
text-align: left;
margin: 40px auto;
position: relative;
}
.white-popup-block-content {
margin: 0px 20px 20px 20px;
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1); 
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0.001; -webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}  .my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
} .my-mfp-slide-bottom.mfp-bg {
opacity: 0.01;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
}
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider li{ margin-bottom: 0;}
.content-flexslider { position: relative; } .flexslider {margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flexslider .slides .testimonial_slide img {
width: auto;
}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { position: relative;  zoom: 1; }
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides { zoom: 1; }
.carousel li {margin-right: 5px} .flex-direction-nav a { 
display: block;
position: absolute;
top: 50%;
margin-top: -21px;
cursor: pointer;
height: 38px;
width: 38px;
line-height: 38px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background: none;
border-radius: 50%;
opacity: 0;
text-align: center;
font-size: 20px;
border: 2px solid #fff;
background: none !important;
}
.tp-leftarrow,
.tp-rightarrow {
display: block;
cursor: pointer;
height: 38px;
width: 38px;
line-height: 38px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background: none;
border-radius: 50%;
text-align: center;
font-size: 23px;
border: 2px solid #fff;
background: none !important;
color: #fff;
top: 50% !important;
}
.tp-bullets.simplebullets.round .bullet {
background: none;
border: 2px solid #fff;
width: 10px;
height: 10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tp-bullets.simplebullets.round .bullet:hover, 
.tp-bullets.simplebullets.round .bullet.selected, 
.tp-bullets.simplebullets.navbar .bullet:hover, 
.tp-bullets.simplebullets.navbar .bullet.selected {
background: #fff;
border: 2px solid #fff;
}
.flex-direction-nav {
font-size: 19px; 
line-height: 40px;
}
.flex-direction-nav.flex-direction-nav-container {
display: block;
}
.flex-direction-nav .flex-next { right: 0px; color: #fff; z-index: 100; }
.flex-direction-nav .flex-next:before,
.tp-rightarrow:before {
content: '\e743';
font-family: "be-themes";
}
.flex-direction-nav .flex-prev {	left: 0px; color: #fff; z-index: 100; }
.flex-direction-nav .flex-prev:before,
.tp-leftarrow:before {
content: '\e6f6';
font-family: "be-themes";
}
.flex-direction-nav .disabled {opacity: 0!important; filter:alpha(opacity=30); cursor: default;}
.flexslider:hover .flex-next {
opacity: 1; right: 20px;
}
.flexslider:hover .flex-prev {
opacity: 1; left: 20px;
}
.flexslider:hover .flex-control-nav {
opacity: 1;
}
.flex-prev:hover, 
.flex-next:hover,
.tp-leftarrow:hover,
.tp-rightarrow:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.flex_loading{ min-height: 300px; } .flex-control-nav {
width: 100%; 
position: absolute; 
bottom: 10px; 
text-align: 
center; 
z-index: 2; 
opacity: 0; 
-webkit-transition: all .6s ease; 
-moz-transition: all .6s ease; 
-o-transition: all .6s ease; 
transition: all .6s ease;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
width: 7px;
height: 7px;
display: block;
cursor: pointer;
text-indent: -9999px;
border: 1px solid #fff;
border-radius: 50%;
background: none !important;
}
.testimonial_slider .flex-control-paging li a {
width: 7px;
height: 7px;
border-width: 1px;
}
.flex-control-paging li a.flex-active {
background: #fff !important;
}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
.flex-caption {width: 50%; margin: 0; position: absolute; left: 30px; bottom: 30px; line-height: 18px; background: rgba(0,0,0,0.7); border:2px solid rgba(0,0,0,0.1); padding: 10px 20px;}
.flex-caption h4 {
margin: 0;
background-image: none !important;
text-transform: uppercase;
color: #fff;
}
.flex-direction-nav a,
.flex-control-paging li a {
-webkit-transition: all .6s ease; 
-moz-transition: all .6s ease; 
-o-transition: all .6s ease; 
transition: all .6s ease;
}
.flex-direction-nav a.flex-next.background--light,
.flex-direction-nav a.flex-prev.background--light,
.flex-control-paging li a.background--light,
.tp-rightarrow.background--light {
border-color: #000;
color: #000;
}
.flex-control-paging li a.flex-active.background--light {
background: #000 !important;
}
.flex-loading {
padding: 20px 0px 20px 0px;
text-align: center;
}
.flex-loading i.font-icon.icon-cog.icon-spin {
font-size: 25px;
}
.icon-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}  .mCSB_container{
width:auto;
margin-right:25px;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0; 
height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
height: 100%;
margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 8px;
height: 100%;
margin: 0 auto;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-40px;
} .mCSB_horizontal>.mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right;
}
.mCustomScrollBox{
-ms-touch-action:none; } .mCustomScrollBox>.mCSB_scrollTools{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff; background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(//www.inedrritamarie.com/wp-content/themes/namo/mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }  .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
} .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-40px -56px;
} .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-120px -56px;
} .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-20px -56px;
} .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-100px -56px;
} .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#fff; background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
} .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
}  .content_1>.mCustomScrollBox>.mCSB_scrollTools{
height:96%;
top:2%;
} .content_2 .mCSB_scrollTools .mCSB_draggerRail{
width:6px;
box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:rgba(255,255,255,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.5);
filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; }
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.6);
filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; } .content_3>.mCustomScrollBox>.mCSB_scrollTools{
height:94%;
top:3%;
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail{
width:0;
border-right:1px dashed #09C;
}
.content_3 .mCSB_scrollTools .mCSB_dragger{
height:11px;
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:11px;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
background:#09C;
} .content_4>.mCustomScrollBox>.mCSB_scrollTools{
height:94%;
top:3%;
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:8px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#d0b9a0;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:#dfcdb9;
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
box-shadow:0 0 3px rgba(0,0,0,0.5);
} .content_5>.mCustomScrollBox>.mCSB_scrollTools{
width: 98%;
margin: 0 1%;
} .content_6>.mCustomScrollBox>.mCSB_scrollTools{
width:88%;
margin: 0 6%;
} .content_8 .mCSB_scrollTools .mCSB_draggerRail{
width:0px;
border-left:1px solid rgba(0,0,0,0.8);
border-right:1px solid rgba(255,255,255,0.2);
}.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; 
visibility: visible !important; 
}
.animated.hinge { 
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;  
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
} 40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes bounce { 
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
40% {-webkit-transform: translateY(-30px);} 
60% {-webkit-transform: translateY(-15px);} 
} 
@keyframes bounce { 
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
40% {transform: translateY(-30px);} 
60% {transform: translateY(-15px);} 
} 
.bounce { 
-webkit-animation-name: bounce; 
animation-name: bounce; 
} @-webkit-keyframes bounceIn { 
0% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.05); 
} 
70% { 
-webkit-transform: scale(.9); 
} 
100% { 
-webkit-transform: scale(1); 
} 
} 
@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 
50% { 
opacity: 1; 
transform: scale(1.05); 
} 
70% { 
transform: scale(.9); 
} 
100% { 
transform: scale(1); 
} 
} 
.bounceIn { 
-webkit-animation-name: bounceIn; 
animation-name: bounceIn; 
} @-webkit-keyframes bounceInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateY(-30px); 
} 
80% { 
-webkit-transform: translateY(10px); 
} 
100% { 
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInUp { 
0% { 
opacity: 0; 
transform: translateY(2000px); 
} 
60% { 
opacity: 1; 
transform: translateY(-30px); 
} 
80% { 
transform: translateY(10px); 
} 
100% { 
transform: translateY(0); 
} 
} 
.bounceInUp { 
-webkit-animation-name: bounceInUp; 
animation-name: bounceInUp; 
} @-webkit-keyframes bounceInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateY(30px); 
} 
80% { 
-webkit-transform: translateY(-10px); 
} 
100% { 
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInDown { 
0% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
60% { 
opacity: 1; 
transform: translateY(30px); 
} 
80% { 
transform: translateY(-10px); 
} 
100% { 
transform: translateY(0); 
} 
} 
.bounceInDown { 
-webkit-animation-name: bounceInDown; 
animation-name: bounceInDown; 
} @-webkit-keyframes bounceInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateX(30px); 
} 
80% { 
-webkit-transform: translateX(-10px); 
} 
100% { 
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInLeft { 
0% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
60% { 
opacity: 1; 
transform: translateX(30px); 
} 
80% { 
transform: translateX(-10px); 
} 
100% { 
transform: translateX(0); 
} 
} 
.bounceInLeft { 
-webkit-animation-name: bounceInLeft; 
animation-name: bounceInLeft; 
} @-webkit-keyframes bounceInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateX(-30px); 
} 
80% { 
-webkit-transform: translateX(10px); 
} 
100% { 
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInRight { 
0% { 
opacity: 0; 
transform: translateX(2000px); 
} 
60% { 
opacity: 1; 
transform: translateX(-30px); 
} 
80% { 
transform: translateX(10px); 
} 
100% { 
transform: translateX(0); 
} 
} 
.bounceInRight { 
-webkit-animation-name: bounceInRight; 
animation-name: bounceInRight; 
} @-webkit-keyframes fadeInUpBig { 
0% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUpBig { 
0% { 
opacity: 0; 
transform: translateY(2000px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUpBig { 
-webkit-animation-name: fadeInUpBig; 
animation-name: fadeInUpBig; 
} @-webkit-keyframes fadeInDownBig { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDownBig { 
0% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDownBig { 
-webkit-animation-name: fadeInDownBig; 
animation-name: fadeInDownBig; 
} @-webkit-keyframes fadeInLeftBig { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftBig { 
0% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftBig { 
-webkit-animation-name: fadeInLeftBig; 
animation-name: fadeInLeftBig; 
} @-webkit-keyframes fadeInRightBig { 
0% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightBig { 
0% { 
opacity: 0; 
transform: translateX(2000px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightBig { 
-webkit-animation-name: fadeInRightBig; 
animation-name: fadeInRightBig; 
} @-webkit-keyframes flash { 
0%, 50%, 100% {opacity: 1;} 
25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
0%, 50%, 100% {opacity: 1;} 
25%, 75% {opacity: 0;} 
} 
.flash { 
-webkit-animation-name: flash; 
animation-name: flash; 
} @-webkit-keyframes flip { 
0% { 
-webkit-transform: perspective(400px) rotateY(0); 
-webkit-animation-timing-function: ease-out; 
} 
40% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
-webkit-animation-timing-function: ease-out; 
} 
50% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
80% { 
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
-webkit-animation-timing-function: ease-in; 
} 
100% { 
-webkit-transform: perspective(400px) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
} 
@keyframes flip { 
0% { 
transform: perspective(400px) rotateY(0); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translateZ(150px) rotateY(170deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) rotateY(360deg) scale(.95); 
animation-timing-function: ease-in; 
} 
100% { 
transform: perspective(400px) scale(1); 
animation-timing-function: ease-in; 
} 
} 
.flip { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flip; 
backface-visibility: visible !important; 
animation-name: flip; 
} @-webkit-keyframes lightSpeedIn { 
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedIn { 
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedIn { 
-webkit-animation-name: lightSpeedIn; 
animation-name: lightSpeedIn; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} 
.animated.lightSpeedIn { 
-webkit-animation-duration: 0.5s; 
animation-duration: 0.5s; 
} @-webkit-keyframes pulse { 
0% { -webkit-transform: scale(1); } 
50% { -webkit-transform: scale(1.1); } 
100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
0% { transform: scale(1); } 
50% { transform: scale(1.1); } 
100% { transform: scale(1); } 
} 
.pulse { 
-webkit-animation-name: pulse; 
animation-name: pulse; 
} @-webkit-keyframes rotateIn { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateIn { 
0% { 
transform-origin: center center; 
transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateIn { 
-webkit-animation-name: rotateIn; 
animation-name: rotateIn; 
} @-webkit-keyframes rotateInUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpLeft { 
-webkit-animation-name: rotateInUpLeft; 
animation-name: rotateInUpLeft; 
} @-webkit-keyframes rotateInDownLeft {
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownLeft { 
-webkit-animation-name: rotateInDownLeft; 
animation-name: rotateInDownLeft; 
} @-webkit-keyframes rotateInUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpRight { 
-webkit-animation-name: rotateInUpRight; 
animation-name: rotateInUpRight; 
} @-webkit-keyframes rotateInDownRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownRight { 
-webkit-animation-name: rotateInDownRight; 
animation-name: rotateInDownRight; 
} @-webkit-keyframes shake { 
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake { 
-webkit-animation-name: shake; 
animation-name: shake; 
}
@-webkit-keyframes swing { 
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
20% { -webkit-transform: rotate(15deg); } 
40% { -webkit-transform: rotate(-10deg); } 
60% { -webkit-transform: rotate(5deg); } 
80% { -webkit-transform: rotate(-5deg); } 
100% { -webkit-transform: rotate(0deg); } 
} @keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing { 
-webkit-transform-origin: top center; 
transform-origin: top center; 
-webkit-animation-name: swing; 
animation-name: swing; 
} @-webkit-keyframes tada { 
0% {-webkit-transform: scale(1);} 
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
0% {transform: scale(1);} 
10%, 20% {transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
100% {transform: scale(1) rotate(0);} 
} 
.tada { 
-webkit-animation-name: tada; 
animation-name: tada; 
} @-webkit-keyframes wiggle { 
0% { -webkit-transform: skewX(9deg); } 
10% { -webkit-transform: skewX(-8deg); } 
20% { -webkit-transform: skewX(7deg); } 
30% { -webkit-transform: skewX(-6deg); } 
40% { -webkit-transform: skewX(5deg); } 
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); } 
70% { -webkit-transform: skewX(-2deg); } 
80% { -webkit-transform: skewX(1deg); } 
90% { -webkit-transform: skewX(0deg); } 
100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
0% { transform: skewX(9deg); } 
10% { transform: skewX(-8deg); } 
20% { transform: skewX(7deg); } 
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); } 
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); } 
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); } 
90% { transform: skewX(0deg); } 
100% { transform: skewX(0deg); } 
} 
.wiggle { 
-webkit-animation-name: wiggle; 
animation-name: wiggle; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} 
.animated.wiggle { 
-webkit-animation-duration: 0.75s; 
animation-duration: 0.75s; 
} @-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); } 
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); } 
} 
.wobble { 
-webkit-animation-name: wobble; 
animation-name: wobble; 
} .rotates {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
overflow: hidden;
display: inline-block;
vertical-align: bottom;
}
.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}.component {
margin: 0 auto;
position: relative;
margin-bottom: 40px;
max-width: 100%;
}
.component-small {
width: 650px;
height: 290px;
}
.component-fullwidth {
width: 100%;
height: 100%;
min-height: 200px;
margin-bottom: 0;
background: #fff;
}
.component-transparent {
width: 900px;
height: 500px;
}
.component > ul {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0 auto;
}
.component-small > ul {
width: 450px;
}
.component-fullwidth > ul {
overflow: hidden;
}
.component-transparent > ul {
width: 112px;
}
.component li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
z-index: 999;
}
.component-fullwidth li {
overflow: hidden;
}
.component .current {
opacity: 1;
pointer-events: auto;
z-index: 1000;
}
.component li img {
display: inline-block;
max-width: 100%;
}
.component nav a {
position: absolute;
width: 40px;
height: 40px;
color: #fff;
outline: none;
overflow: hidden;
text-align: center;
line-height: 40px;
top: 50%;
font-size: 16px;
border-radius: 50%;
border: 2px solid #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
z-index: 100000;
}
.component-small nav a.prev,
.component-transparent nav a.prev {
left: 0px;
}
.component-small nav a.next,
.component-transparent nav a.next {
right: 0px;
}
.component-fullwidth nav a {
top: 50%;
left: 50%;
margin-top: -22px;
}
.component-fullwidth nav a.prev {
left: 20px;
}
.component-fullwidth nav a.next {
right: 20px;
left: auto;
}
.component li .be-slide-bg-holder,
.component li .be-slide-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.be-slide-bg-holder .be-wrap {
height: 100%;
}
.be-slider-content-wrap {
display: table;
width: 100%;
height: 100%;
}
.be-slider-content {
color: #fff;
z-index: 1;
position: relative;
display: table-cell;
vertical-align: middle;
}
.be-slider-content-inner {
display: none;
}
.current .be-slider-content-inner {
display: block;
}
.be-slider-content-inner-wrap.center {
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 35.5em) {
.component-small nav a {
top: 100%;
margin-top: 10px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.component-small nav a.prev {
left: 50%;
margin-left: -80px;
}
.component-small nav a.next {
margin-left: 20px;
right: auto;
left: 50%;
}
}    .fxSoftScale .navOutNext {
-webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInNext {
-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navOutPrev {
-webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInPrev {
-webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes scaleUp {
from {} to {
-webkit-transform: scale(1.2);
opacity: 0;
}
}
@keyframes scaleUp {
from {} to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-webkit-keyframes scaleDownUp {
from {
opacity: 0;
-webkit-transform: scale(0.9);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleDownUp {
from {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scaleDown {
from {} to {
opacity: 0;
-webkit-transform: scale(0.9);
}
}
@keyframes scaleDown {
from {} to {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform: scale(1.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}   .fxPressAway .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInNext {
opacity: 1;
-webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInPrev {
opacity: 1;
-webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes slideOutScaleRight {
from {} to {
-webkit-transform: translateX(100%) scale(0.9);
opacity: 0;
}
}
@keyframes slideOutScaleRight {
from {} to {
-webkit-transform: translateX(100%) scale(0.9);
transform: translateX(100%) scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
}
}
@keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slideOutScaleLeft {
from {} to {
-webkit-transform: translateX(-100%) scale(0.9);
opacity: 0;
}
}
@keyframes slideOutScaleLeft {
from {} to {
-webkit-transform: translateX(-100%) scale(0.9);
transform: translateX(-100%) scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes slideInFromRight {
from {
-webkit-transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
}
}
@keyframes slideInFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}   .fxSideSwing .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards;
animation: slideOutScaleRight 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInNext {
opacity: 1;
-webkit-animation: slideInFromLeft 1.2s forwards;
animation: slideInFromLeft 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards;
animation: slideOutScaleLeft 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInPrev {
opacity: 1;
-webkit-animation: slideInFromRight 1.2s forwards;
animation: slideInFromRight 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}   .fxFortuneWheel .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxFortuneWheel .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInNext {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInPrev {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes rotateInFromLeft {
from {
-webkit-transform: translateX(-100%) rotateY(-55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes rotateInFromLeft {
from {
-webkit-transform: translateX(-100%) rotateY(-55deg);
transform: translateX(-100%) rotateY(-55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes rotateInFromRight {
from {
-webkit-transform: translateX(100%) rotateY(55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes rotateInFromRight {
from {
-webkit-transform: translateX(100%) rotateY(55deg);
transform: translateX(100%) rotateY(55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}   .fxSwipe .navOutNext {
-webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
animation: decreaseHeight 0.8s forwards ease-in-out;
}
.fxSwipe .navInNext {
-webkit-animation: show 0.8s forwards ease-in-out;
animation: show 0.8s forwards ease-in-out;
}
.fxSwipe .navOutPrev {
-webkit-animation: hide 0.8s forwards ease-in-out;
animation: hide 0.8s forwards ease-in-out;
}
.fxSwipe .navInPrev {
z-index: 1001;
opacity: 1;
-webkit-animation: increaseHeight 0.8s forwards ease-in-out;
animation: increaseHeight 0.8s forwards ease-in-out;
}
@-webkit-keyframes decreaseHeight {
from {} to {
height: 0;
}
}
@keyframes decreaseHeight {
from {} to {
height: 0;
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
1%,100% {
opacity: 1;
}
}
@keyframes show {
0% {
opacity: 0;
}
1%,100% {
opacity: 1;
}
}
@-webkit-keyframes hide {
0%,99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hide {
0%,99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes increaseHeight {
from {
height: 0;
}
to {
height: 100%;
}
}
@keyframes increaseHeight {
from {
height: 0;
}
to {
height: 100%;
}
}   .fxPushReveal .navOutNext {
opacity: 1;
-webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
animation: slideOutBottom 0.7s forwards ease-in-out;
}
.fxPushReveal .navInNext {
opacity: 1;
-webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navOutPrev {
opacity: 1;
-webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
animation: slideOutHalfTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navInPrev {
opacity: 1;
z-index: 1001;
-webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
animation: slideInFromBottom 0.7s forwards ease-in-out;
}
@-webkit-keyframes slideOutBottom {
from {} to {
-webkit-transform: translateY(100%);
}
}
@keyframes slideOutBottom {
from {} to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes slideInHalfFromTop {
from {
-webkit-transform: translateY(-50%);
}
to {
-webkit-transform: translateY(0);
}
}
@keyframes slideInHalfFromTop {
from {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideOutHalfTop {
from {} to {
-webkit-transform: translateY(-50%);
}
}
@keyframes slideOutHalfTop {
from {} to {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@-webkit-keyframes slideInFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0);
}
}
@keyframes slideInFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}   .fxSnapIn .navOutNext {
-webkit-animation: slideOutLeft 0.5s forwards ease-in;
animation: slideOutLeft 0.5s forwards ease-in;
}
.fxSnapIn .navInNext {
z-index: 1001;
opacity: 1;
-webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn .navOutPrev {
-webkit-animation: slideOutRight 0.5s forwards ease-in;
animation: slideOutRight 0.5s forwards ease-in;
}
.fxSnapIn .navInPrev {
z-index: 1001;
opacity: 1;
-webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.8);
transition: opacity 0.4s 0.1s ease-in;
}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes slideOutLeft {
from {} to {
-webkit-transform: translateX(-10%);
}
}
@keyframes slideOutLeft {
from {} to {
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
}
@-webkit-keyframes slideFromRightFast {
0%,50% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes slideFromRightFast {
0%,50% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes slideOutRight {
from {} to {
-webkit-transform: translateX(10%);
}
}
@keyframes slideOutRight {
from {} to {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
}
@-webkit-keyframes slideFromLeftFast {
0%,50% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes slideFromLeftFast {
0%,50% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}   .fxLetMeIn .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxLetMeIn .navOutNext {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
animation: rotateOutRight 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInNext {
z-index: 1001;
opacity: 1;
-webkit-animation: slideFromRightFast 0.5s forwards ease;
animation: slideFromRightFast 0.5s forwards ease;
}
.fxLetMeIn .navOutPrev {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-animation: rotateOutLeft 0.5s forwards ease-in-out;
animation: rotateOutLeft 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInPrev {
z-index: 1001;
opacity: 1;
-webkit-animation: slideFromLeftFast 0.5s forwards ease;
animation: slideFromLeftFast 0.5s forwards ease;
}
.fxLetMeIn li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.6);
transition: opacity 0.5s ease-in-out;
}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes rotateOutRight {
from {} to {
-webkit-transform: rotateY(10deg);
}
}
@keyframes rotateOutRight {
from {} to {
-webkit-transform: rotateY(10deg);
transform: rotateY(10deg);
}
}
@-webkit-keyframes rotateOutLeft {
from {} to {
-webkit-transform: rotateY(-10deg);
}
}
@keyframes rotateOutLeft {
from {} to {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
}   .fxStickIt .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxStickIt .navOutNext {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
animation: rotateBottomSideOut 0.8s forwards ease-in;
}
.fxStickIt .navInNext {
z-index: 1001;
opacity: 1;
-webkit-animation: slideInFromBottomDelayed 0.8s forwards;
animation: slideInFromBottomDelayed 0.8s forwards;
}
.fxStickIt .navOutPrev {
opacity: 1;
-webkit-animation: slideOutToBottom 0.8s forwards;
animation: slideOutToBottom 0.8s forwards;
}
.fxStickIt .navInPrev {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
}
@-webkit-keyframes rotateBottomSideOut {
from {} 40% { 
-webkit-transform: rotateX(-15deg);
-webkit-animation-timing-function: ease-out; 
}
100% { 
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
}
}
@keyframes rotateBottomSideOut {
from {} 40% { 
-webkit-transform: rotateX(-15deg); 
transform: rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; 
}
100% { 
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
}
}
@-webkit-keyframes slideInFromBottomDelayed {
0%, 30% {
-webkit-transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes slideInFromBottomDelayed {
0%, 30% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes rotateBottomSideIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
}
60% {
-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
}
}
@keyframes rotateBottomSideIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
}
60% {
-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
transform: scale(1) translateZ(0) rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
transform: scale(1) translateZ(0) rotateX(0deg);
}
}   .fxArchiveMe .navOutNext {
-webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInNext {
z-index: 1001;
opacity: 1;
-webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navOutPrev {
-webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInPrev {
-webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::before,
.fxArchiveMe li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgba(0,0,0,0.7);
transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
opacity: 1;
}
.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
opacity: 0;
}
.fxArchiveMe .navInNext::after {
transition: none;
}
@-webkit-keyframes scaleHalfDown {
from {} to {
-webkit-transform: scale(0.6);
opacity: 0;
}
}
@keyframes scaleHalfDown {
from {} to {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
}
@-webkit-keyframes slideOutToBottom {
from {} to {
-webkit-transform: translateY(100%);
}
}
@keyframes slideOutToBottom {
from {} to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes scaleHalfUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleHalfUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}   .fxVGrowth .navOutNext {
-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInNext {
z-index: 1001;
opacity: 1;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navOutPrev {
-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInPrev {
z-index: 1001;
opacity: 1;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
@-webkit-keyframes maximize {
from {
-webkit-transform: scale(0);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes maximize {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}    .fxSlideBehind .itemwrap {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.fxSlideBehind .navOutNext {
-webkit-animation: hideLeft 0.8s forwards;
animation: hideLeft 0.8s forwards;
}
.fxSlideBehind .navInNext {
-webkit-animation: showRight 0.8s forwards;
animation: showRight 0.8s forwards;
}
.fxSlideBehind .navOutPrev {
-webkit-animation: hideRight 0.8s forwards;
animation: hideRight 0.8s forwards;
}
.fxSlideBehind .navInPrev {
-webkit-animation: showLeft 0.8s forwards;
animation: showLeft 0.8s forwards;
}
@-webkit-keyframes hideLeft { 
0% { -webkit-transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}
@keyframes hideLeft { 
0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9999; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}
@-webkit-keyframes showRight {
0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}
@keyframes showRight {
0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}
@-webkit-keyframes hideRight { 
0% { -webkit-transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}
@keyframes hideRight { 
0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9999; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}
@-webkit-keyframes showLeft {
0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; }
100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}
@keyframes showLeft {
0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9999; }
100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}   .fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
-webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
animation: scaleUpFadeOut 0.8s forwards ease-in;
}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
-webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
animation: scaleDownFadeIn 0.8s forwards ease-out;
}
@-webkit-keyframes scaleUpFadeOut {
from {} 50% {
-webkit-transform: scale(1.2);
opacity: 1;
}
75% {
-webkit-transform: scale(1.1);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleUpFadeOut {
from {} 50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
75% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes scaleDownFadeIn {
from {} 50% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleDownFadeIn {
from {} 50% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}    .fxEarthquake .navOutNext {
opacity: 1;
-webkit-animation: shakeSlideBottom 1s 0.1s forwards;
animation: shakeSlideBottom 1s 0.1s forwards;
}
.fxEarthquake .navInNext {
-webkit-animation: pushFromTop 1s 0.1s forwards;
animation: pushFromTop 1s 0.1s forwards;
}
.fxEarthquake .navOutPrev {
opacity: 1;
-webkit-animation: shakeSlideTop 1s 0.1s forwards;
animation: shakeSlideTop 1s 0.1s forwards;
}
.fxEarthquake .navInPrev{
opacity: 1;
-webkit-animation: pushFromBottom 1s 0.1s forwards;
animation: pushFromBottom 1s 0.1s forwards;
}
.fxEarthquake li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.3);
transition: opacity 0.5s;
}
.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes shakeSlideBottom { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(100%); } 
}
@keyframes shakeSlideBottom { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(100%); transform: translateY(100%); } 
}
@-webkit-keyframes pushFromTop {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes pushFromTop {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes shakeSlideTop { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(-100%); } 
}
@keyframes shakeSlideTop { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
}
@-webkit-keyframes pushFromBottom {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes pushFromBottom {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}   .fxCliffDiving li {
-webkit-transform-origin: 50% 400%;
transform-origin: 50% 400%;
}
.fxCliffDiving .navOutNext {
opacity: 1;
-webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInNext {
opacity: 1;
-webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev {
opacity: 1;
-webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInPrev {
opacity: 1;
-webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,1);
transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes rotateOutCircLeft {
from {} to {
-webkit-transform: rotate(-20deg) translateX(-100%);
}
}
@keyframes rotateOutCircLeft {
from {} to {
-webkit-transform: rotate(-20deg) translateX(-100%);
transform: rotate(-20deg) translateX(-100%);
}
}
@-webkit-keyframes rotateInCircRight {
from {
-webkit-transform: rotate(20deg) translateX(100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
}
}
@keyframes rotateInCircRight {
from {
-webkit-transform: rotate(20deg) translateX(100%);
transform: rotate(20deg) translateX(100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
}
@-webkit-keyframes rotateOutCircRight {
from {} to {
-webkit-transform: rotate(20deg) translateX(100%);
}
}
@keyframes rotateOutCircRight {
from {} to {
-webkit-transform: rotate(20deg) translateX(100%);
transform: rotate(20deg) translateX(100%);
}
}
@-webkit-keyframes rotateInCircLeft {
from {
-webkit-transform: rotate(-20deg) translateX(-100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
}
}
@keyframes rotateInCircLeft {
from {
-webkit-transform: rotate(-20deg) translateX(-100%);
transform: rotate(-20deg) translateX(-100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
}