@charset "utf-8";
@charset "UTF-8";
.codeless-core-dashboard {
max-width: initial !important;
}
.codeless-core-dashboard .codeless-core-dashboard-inner {
margin: 0 -15px;
display: inline-block;
width: 100%;
}
.codeless-core-dashboard .codeless-cd-logo {
display: inline-block;
vertical-align: middle;
padding-right: 15px;
width: 62px;
}
.codeless-core-dashboard .codeless-cd-title {
display: inline-block;
vertical-align: middle;
font-size: 41px;
font-weight: 400;
margin: 0;
}
.codeless-core-dashboard .codeless-cd-title-holder {
margin-bottom: 30px;
}
.codeless-core-dashboard .codeless-cd-subtitle {
font-size: 18px;
line-height: 25px;
font-weight: 400;
color: #555d66;
max-width: 610px;
margin: 10px 0 30px;
}
.codeless-core-dashboard .codeless-core-dashboard-column {
float: left;
width: 100%;
max-width: 610px;
padding: 0 15px;
}
.codeless-core-dashboard .codeless-core-dashboard-column.codeless-cd-smaller-column {
max-width: 380px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box {
background-color: #fff;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box.codeless-core-bottom-space {
margin-bottom: 30px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-box-title-holder {
padding: 28px 34px 23px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-box-title-holder p {
margin: 19px 0 0;
padding: 0;
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #555d66;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box.codeless-cd-import-box .codeless-cd-box-title-holder p {
font-size: 14px;
line-height: 20px;
margin: 17px 0 0;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box.codeless-cd-import-box .codeless-cd-label {
font-weight: 600;
margin-bottom: 15px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box h2 {
margin: 0;
padding: 0;
font-size: 25px;
font-weight: 400;
color: #32373c;
text-align: left;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box h3 {
margin: 0;
padding: 0;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-field-holder {
padding-bottom: 30px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-label {
display: block;
color: #555d66;
font-size: 14px;
margin-bottom: 7px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input {
border: none;
border-bottom: 1px solid #c2c2c2;
outline: 0;
width: 50%;
box-shadow: none;
color: #555d66;
font-size: 14px;
padding: 4px 0;
margin: 0;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:focus {
outline: 0;
border-color: #c2c2c2;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:focus::-webkit-input-placeholder {
color: #555d66;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:focus:-moz-placeholder {
color: #555d66;
opacity: 1;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:focus::-moz-placeholder {
color: #555d66;
opacity: 1;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:focus:-ms-input-placeholder {
color: #555d66;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input::-webkit-input-placeholder {
color: #555d66;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-moz-placeholder {
color: #555d66;
opacity: 1;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input::-moz-placeholder {
color: #555d66;
opacity: 1;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-ms-input-placeholder {
color: #555d66;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-webkit-autofill, .codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-webkit-autofill:hover, .codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-webkit-autofill:focus, .codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-input:-webkit-autofill {
-webkit-text-fill-color: #666 !important;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-error-field {
border-bottom-color: #ee3535;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-error-message {
display: block;
color: #ee3535;
font-size: 12px;
margin-top: 5px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cdb-problem {
border: 1px solid #e1e1e1;
border-left: 3px solid #ee3535;
padding: 15px;
margin-bottom: 25px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cdb-problem p {
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin: 0;
padding: 0;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box:last-child .codeless-cd-box-row:last-child {
padding-bottom: 10px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-button {
padding: 7px 35px;
font-size: 16px;
line-height: 1em;
color: #fff;
background-color: #3596ee;
border: none;
border-radius: 5px;
box-shadow: 0 2px 0 0 #246eae;
cursor: pointer;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-button.codeless-import-demo-data-disabled, .codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-button.codeless-cd-button-disabled {
background-color: #6bb4f7;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-button-wait {
display: none;
font-size: 12px;
color: #3596ee;
margin-left: 15px;
font-weight: 400;
}
.codeless-core-dashboard .codeless-core-dashboard-column a.codeless-cd-button {
text-decoration: none;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-section {
padding: 0 35px 10px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-section h3 {
padding: 0;
margin: 0 0 24px;
color: #555d66;
font-size: 17px;
line-height: 20px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-list {
padding: 10px 35px;
margin: 0;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-list li {
font-size: 15px;
margin: 0 0 25px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-list li a {
color: #3675ae;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-box-row {
display: table;
padding: 0 20px;
border-bottom: 1px solid #f1f1f1;
width: 100%;
box-sizing: border-box;
font-size: 14px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cdb-label,
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cdb-value {
display: table-cell;
width: 50%;
padding: 17px 15px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cdb-value {
color: #3e87be;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cdb-value-false span {
color: #ea3a27;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form {
padding: 0 30px 10px 30px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section {
padding: 0 0 28px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section.codeless-cd-box-form-section-columns {
display: flex;
margin: 0 -15px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section.codeless-cd-box-form-section-columns .codeless-cd-box-form-section-column {
padding: 0 15px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section.codeless-cd-box-form-section-columns .codeless-cd-box-form-section-column:first-child {
width: 75%;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section.codeless-cd-box-form-section-columns .codeless-cd-box-form-section-column:last-child {
width: 25%;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section .codeless-import-demo,
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section .codeless-cd-import-option {
width: 100%;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section .select2-container--default .select2-selection--single {
border-radius: 0;
border-color: #e1e1e1;
height: 34px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-import-is-completed {
display: none;
color: #3596ee;
font-size: 14px;
font-weight: 600;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-import-went-wrong {
display: none;
color: #3596ee;
font-size: 14px;
font-weight: 600;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-import-went-wrong a {
color: inherit;
}
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section-dependency,
.codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form .codeless-cd-box-form-section-progress {
display: none;
}
#codeless-progress-bar[value] { -webkit-appearance: none;
-moz-appearance: none;
appearance: none; border: none; width: 100%;
height: 5px;
}
#codeless-progress-bar[value]::-webkit-progress-bar {
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 0;
} #codeless-progress-bar {
color: #3596ee;
} #codeless-progress-bar::-moz-progress-bar {
background: #3596ee;
} #codeless-progress-bar::-webkit-progress-value {
background: #3596ee;
} #codeless-progress-bar[aria-valuenow]:before {
background: #3596ee;
}
.codeless-cd-selection li.select2-results__option {
padding: 10px;
margin: 0;
}
.codeless-cd-selection img {
vertical-align: middle;
padding-right: 20px;
}
.select2-container--default .codeless-cd-selection .select2-results__option[aria-selected=true] {
background-color: #fafafa;
}
.select2-container--default .codeless-cd-selection .select2-results__option--highlighted {
background-color: #fafafa;
color: #000000;
}
.codeless-cd-action-selection li.select2-results__option,
.codeless-cd-single-page-selection li.select2-results__option {
margin: 0;
}
.select2-container--default .codeless-cd-action-selection .select2-results__option[aria-selected=true], .select2-container--default
.codeless-cd-single-page-selection .select2-results__option[aria-selected=true] {
background-color: #fafafa;
}
.select2-container--default .codeless-cd-action-selection .select2-results__option--highlighted, .select2-container--default
.codeless-cd-single-page-selection .select2-results__option--highlighted {
background-color: #fafafa;
color: #000000;
}
.codeless-cd-import-single-page {
width: 100%;
}
.qode-cd-switch {
display: inline-block;
border: 1px solid #e1e1e1;
border-radius: 40px;
overflow: hidden;
}
.qode-cd-switch .codeless-cd-import-attachments {
display: none;
}
.qode-cd-switch .qode-cd-cb-enable,
.qode-cd-switch .qode-cd-cb-disable {
display: block;
float: left;
padding: 0 10px;
}
.qode-cd-switch .qode-cd-cb-enable.selected,
.qode-cd-switch .qode-cd-cb-disable.selected {
background-color: #3596ee;
color: #fff;
}
.qode-cd-switch .qode-cd-cb-enable span,
.qode-cd-switch .qode-cd-cb-disable span {
line-height: 32px;
font-size: 13px;
display: block;
font-weight: bold;
} .codeless-cd-demos-list {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
background: #fff;
box-sizing: border-box;
padding: 45px 35px;    }
.codeless-cd-demos-list article {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
box-sizing: border-box;
}
.touch .codeless-cd-demos-list article {
cursor: pointer;
}
.codeless-cd-demos-list article .codeless-cd-demo-item-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.codeless-cd-demos-list article .codeless-cd-demo-item-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.codeless-cd-demos-list article .codeless-cd-demo-item-link:focus {
box-shadow: none;
}
.codeless-cd-demos-list article .codeless-cd-di-image {
padding: 0 0 22px;
}
.codeless-cd-demos-list article .codeless-cd-di-image img {
box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.05);
}
.codeless-cd-demos-list article .codeless-cd-di-text {
padding-bottom: 10px;
}
.codeless-cd-demos-list article .codeless-cd-di-text .codeless-cd-di-title {
padding: 0;
margin: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
}
.codeless-cd-demos-list article .codeless-cd-di-text .codeless-cd-di-categories {
font-size: 14px;
font-weight: 400;
color: #555d66;
}
.codeless-cd-demos-list article .codeless-cd-di-text .codeless-cd-di-categories span {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 7px 0 0;
}
.codeless-cd-demos-list article .codeless-cd-di-text .codeless-cd-di-categories span:after {
position: absolute;
top: 0;
right: -4px;
content: ', ';
color: inherit;
line-height: inherit;
}
.codeless-cd-demos-list article .codeless-cd-di-text .codeless-cd-di-categories span:last-child:after {
display: none;
}
.codeless-cd-demos-list.codeless-cd-no-space article {
padding: 0 0px;
margin: 0 0 0px;
}
.codeless-cd-demos-list.codeless-cd-tiny-space article {
padding: 0 5px;
margin: 0 0 10px;
}
.codeless-cd-demos-list.codeless-cd-small-space article {
padding: 0 10px;
margin: 0 0 20px;
}
.codeless-cd-demos-list.codeless-cd-normal-space article {
padding: 0 15px;
margin: 0 0 30px;
}
.codeless-cd-demos-list.codeless-cd-medium-space article {
padding: 0 25px;
margin: 0 0 50px;
}
.codeless-cd-demos-list.codeless-cd-large-space article {
padding: 0 30px;
margin: 0 0 60px;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry .codeless-cd-demos-list-inner {
opacity: 0;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry article,
.codeless-cd-demos-list.codeless-cd-demos-masonry .codeless-cd-grid-sizer {
width: 100%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry .codeless-cd-grid-gutter {
width: 0;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-two-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-two-columns .codeless-cd-grid-sizer {
width: 50%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns .codeless-cd-grid-sizer {
width: 25%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns .codeless-cd-grid-sizer {
width: 20%;
}
.codeless-cd-demos-list .codeless-cd-demos-filter-holder {
padding: 0 0 60px 25px;
}
.codeless-cd-demos-list .codeless-cd-dlf-search {
position: relative;
width: 250px;
padding-right: 30px;
}
.codeless-cd-demos-list .codeless-cd-dlf-search .codeless-cd-dlf-search-icon {
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
color: #3594cd;
}
.codeless-cd-demos-list .codeless-cd-dlf-search input {
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #c2c2c2;
box-shadow: none;
padding-left: 25px;
outline: none;
font-size: 14px;
line-height: 26px;
color: #555d66;
}
.codeless-cd-demos-list .codeless-cd-dlf-search {
display: inline-block;
}
.codeless-cd-demos-list .codeless-cd-dlf-filter {
position: relative;
display: inline-block;
vertical-align: bottom;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
list-style: none;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list > li {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
margin: 0;
float: left;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list > li span {
position: relative;
display: inline-block;
vertical-align: middle;
color: #555d66;
font-size: 16px;
font-weight: 600;
line-height: 20px;
white-space: nowrap;
border-bottom: 1px solid transparent;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list > li:hover span, .codeless-cd-demos-list .codeless-cd-dfl-filter-list > li.codeless-cd-demos-current span {
border-bottom-color: #3596ee;
color: #3596ee;
}
#codeless-demo-import-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.3);
}
#codeless-demo-import-popup .codeless-import-popup-close {
position: absolute;
right: 25px;
top: 25px;
text-decoration: none;
color: #000;
}
#codeless-demo-import-popup .codeless-core-dashboard {
margin: 0;
padding: 27px 40px 2px;
background-color: #fff;
position: relative;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-core-dashboard-column {
max-width: 670px;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-core-dashboard-column .codeless-core-dashboard-box .codeless-cd-box-title-holder {
padding: 0;
margin: 0 0 33px;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-core-dashboard-column .codeless-cd-import-form {
padding: 0;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-import-popup-image-holder {
max-width: 205px;
margin-right: 19px;
display: inline-block;
vertical-align: top;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-import-popup-image-holder img {
display: block;
max-width: 100%;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 230px);
border: 1px solid #e1e1e1;
border-left: 3px solid #3596ee;
box-sizing: border-box;
padding: 16px 17% 11px 18px;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder p {
margin: 0;
font-size: 12px;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder p.qode-demo-plugins-intall-main-title {
margin: 0 0 7px;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder p .qode-demo-plugin-install-link {
color: #4b9eef;
text-decoration: none;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder p .qode-demo-plugin-intalled {
color: #6ab375;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder .spinner {
float: none;
margin-top: 0;
}
#codeless-demo-import-popup .codeless-core-dashboard .codeless-popup-required-plugins-holder .spinner.active {
visibility: visible;
}
@media only screen and (max-width: 1400px) {
.codeless-cd-dlf-filter {
display: block;
padding-top: 30px;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list > li {
padding: 5px 10px;
}
.codeless-cd-demos-list .codeless-cd-dfl-filter-list > li span {
line-height: 26px;
}
}
@media only screen and (max-width: 1280px) {
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) {
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns .codeless-cd-grid-sizer {
width: 33.33333%;
}
}
@media only screen and (max-width: 768px) {
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns .codeless-cd-grid-sizer {
width: 50%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns .codeless-cd-grid-sizer {
width: 50%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns .codeless-cd-grid-sizer {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-two-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-two-columns .codeless-cd-grid-sizer {
width: 100%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-three-columns .codeless-cd-grid-sizer {
width: 100%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-four-columns .codeless-cd-grid-sizer {
width: 100%;
}
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns article,
.codeless-cd-demos-list.codeless-cd-demos-masonry.codeless-cd-demos-five-columns .codeless-cd-grid-sizer {
width: 100%;
}
}.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 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;
}header#header {padding-top:10px; padding-bottom:10px}
.force_fw .container, #force_fw .container{max-width:98%!important; width:100%!important}
#omp_sup_nav LI{padding-left:12px!important; padding-right:12px!important}
#footer H2{color:#fff!important; font-size:21px!important}
.mb_0{margin-bottom:0px!important}
.mt_0{margin-top:0px!important}
.mt_15{margin-top:15px!important}
.mr15, .mr15 A{margin-right:15px!important}
.rojo_domund{color:#BA232E!important}
.azul_infancia{color:#446AA3!important}
.verde_vocaciones{color:#7CB050!important}
.red_colabora{color:#fe0002!important}
.txt-left{text-align:left!important}
.txt-right{text-align:right!important}
.txt-center{text-align:center!important}
.npl{padding-left:0px!important}
.npr{padding-right:0px!important}
.txt_black{color:#000!important}
.txt_black A, .txt_black P A{color:#000!important; text-decoration:underline}
.c_btn_right{width:220px!important; float:right}
.btn_w200 BUTTON, .btn_w200 A{width:200px!important; font-family:'Poppins'; display:inline-block; margin-left:10px; margin-right:10px}
.btn_w300 BUTTON, .btn_w300 A{width:300px!important; font-family:'Poppins'; display:inline-block; margin-left:10px; margin-right:10px}
.btn_w400 BUTTON, .btn_w400 A{width:400px!important; font-family:'Poppins'; display:inline-block; margin-left:10px; margin-right:10px}
.btn_omp BUTTON, .btn_omp A{color:#000!important; border-color:#000!important; font-family:'Poppins';}
.btn_im BUTTON, .btn_im A{color:#00C1C2!important; border-color:#00C1C2!important; font-family:'Poppins';}
.btn_im_op BUTTON, .btn_im_op A{color:#1e73be!important; border-color:#1e73be!important; font-family:'Poppins';}
.link_omp, .link_omp UL li I, .link_omp UL li A{color:#10B8C7!important}
.comodin_azul{color:#10B8C7!important}
.btn_back{font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; background-color: #fff; border-radius: 5px; color: #000 !important; border-color: #000 !important; font-family: 'Poppins'; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: normal; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; border:1px solid #000}
.btn_back:hover{background-color: #f0f0f0;}
.btn_domund BUTTON, .btn_domund A{width:300px!important; font-weight:bold!important; font-family:'Poppins'; display:inline-block; margin-left:10px; margin-right:10px; color:#fff!important; background:#BA232E!important}
.btn_vn BUTTON, .btn_vn A{width:300px!important; font-weight:bold!important; font-family:'Poppins'; display:inline-block; margin-left:10px; margin-right:10px; color:#fff!important; background:#7CB050!important}
.portfolio-item.grayscale .project h5{width:90%!important;padding-left:5%!important; padding-right:5%!important}
.item_contador{font-family:'Poppins'!important}
.c_item_chart{font-family:'Poppins'!important; color:#000000;}
.c_item_chart .text{font-weight:bold!important;}
.c_item_chart H5{font-size:18px!important}
.c_item_misionero, .c_item_misionero:hover, .p_item_misionero, .item_column_generic_1{cursor:pointer}
.p_item_misionero P, .item_column_generic_1 P, .item_column_generic_2 P{width:90%; padding-left:5%; padding-right:5%; margin-bottom:0px!important}
.p_item_misionero P A, .item_column_generic_1 P A, .item_column_generic_1 P A{color:#000000!important; text-decoration:none}
.hidden_content{display:none!important}
.c_portfolio_projects{}
.item_link_nv DIV I, .item_link_nv DIV A:hover{color:#7CB050!important}
.wpcf7-form p{color:#000!important}
.wpcf7 .wpcf7-submit{font-weight:bold!important; font-family:'Poppins';}
.wpcf7-response-output{text-align:center; color:#dc3232!important}
.wpcf7-form-control{font-family:'Poppins';}
.item_delegacion A{text-decoration:underline; word-break: break-word;}
.txt_underline_b H2{border-bottom:3px solid #000; padding-bottom:10px;}
#copyright{border-top:1px solid #666666; font-size:16px!important}
#c_rrss_footer{padding-bottom:10px}
#c_rrss_footer A{display:inline-block!important; margin-right:8px!important}
#c_rrss_footer IMG{width:20px!important; height:auto!important}
#btnColabora{position:fixed; right:0px; top:25vh; z-index: 9999;}
#btnColabora IMG{width:80px; height:80px}
#btnSuscribeteF{position:fixed; right:0px; top:calc(25vh + 100px); z-index: 9999;}
#btnSuscribeteF IMG{width:80px; height:80px}
.timeline .avatar{display:none!important}
.header_page, #billing_codigo_carrera_field{display:none!important}
.cart_icon, .product_meta, .quantity, #tab-title-description, .related.products, .woocommerce-notices-wrapper, .product-price, .product-quantity, .shop_table .actions, .cart-collaterals H2, .cart_totals TABLE{display:none!important}
.reset_variations{position: absolute; top: -999999px;}
.variations_form .nyp:first-child{position: absolute; top: -999999px;}
.woocommerce-cart .woocommerce form{width:100%!important}
.cart-collaterals{width:auto!important; margin-left: 80%; margin-bottom:40px}
FORM.woocommerce-checkout{background:#f5f5f5; padding:20px}
.menu-small ul.menu > li > ul > li > a{padding-left: 20%!important; margin-top: 0px; margin-bottom: 0px;}
@media (max-width: 1350px){
nav .menu > li > a{font-size:16px!important}
header .container{width: 95%!important;}
}
#c_ninios .vc_gitem-zone .vc_gitem-zone-c{background:#fff!important} .col-c-new{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#c_footer_m{display:none}
@media (max-width: 767px){
.cart-collaterals{width:100%!important; margin-left: 0px!important; margin-bottom:40px!important}
#c_rrss_footer A{display:inline-block!important; margin-right:15px!important}
#c_rrss_footer IMG, #c_footer_m IMG{width:30px!important; height:auto!important}
#c_footer_d, #c_rrss_footer{display:none}
#c_footer_m{display:block}
#btnColabora IMG{width:50px; height:50px}
#btnSuscribeteF IMG{width:50px; height:50px}
}
@media (min-width: 768px) {
.col-c-new{
float: left;
width: 30%;
}
}
.p_pagination {
float: left;
width: auto!important;
margin-left: 40%;
} .col-sm-4{width: 33% !important;}
@media (max-width: 767px){
.full-width-content {
padding-left: 5px!important;
padding-right: 5px!important;
}
.wpb_text_column {
width: initial!important;
}
.wpb_column .wpb_wrapper {
width: 96%!important;
margin-left: 2%!important;
}
#c_noticia{padding-left:15px}
.c_noticia IMG{margin:0 auto} .col-sm-4{width: 100% !important;}
}
@media (max-width: 600px){
BODY{overflow-x: hidden;width: 100vw;}
}
@media (max-width: 480px){
BODY{padding-top: 80px!important;}
.container {
max-width: 450px!important;
}
.vc_row{width: initial!important;}
#footer{text-align: center;}
header#header .row-fluid .span12, .header_wrapper {width: 100%!important;}
#copyright .span12{width: 90% !important; margin-left: 3%;}
.blog-article.standard-style .content{width: 90% !important; margin-left: 0%;}
}
.ls-circle-timer{display:none!important}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: inherit !important;
color: #000 !important;
}
.wpcf7-form-control-wrap select{
width: 100%;
height: 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wpcf7-form-control-wrap [data-name="cantidad-donacion"]{max-width:150px!important}
.num_p{	width: 100%!important; height: 30px!important; max-width:100px!important;}
.num_p::after{
content: '€';
}
.h_form_section{margin-bottom:20px; margin-top:20px; font-size:25px; border-bottom:1px solid #000; padding-bottom:10px; font-weight:bold}
#billing_origen_donacion_dl{display:none}
#c_header_links A.social {
padding-left: 5px !important;
padding-right: 5px !important;
display: inline-block;
height: 40px;
line-height: 35px;
}
.blog-article.standard-style .content.tabbable .nav-tabs {
margin:0;
padding:0;
}
.tabbable .nav-tabs i {
padding-right: 5px;
}
.wpb_tabs:last-child {
margin-bottom:0;
}
.wpb_tabs .wpb_text_column:last-child{margin-bottom:0;}  .tabbable.tabs-top.style_1 .nav.nav-tabs{
border-bottom: 2px solid #e2e2e2;
}
.tabbable.tabs-top.style_1 .nav.nav-tabs li.active,  .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active {
border-top:2px solid #e2e2e2;
border-right:2px solid #e2e2e2;
border-left:2px solid #e2e2e2;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom:-2px;
}
.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active { background: #fff;  border-bottom: 0px !important;}
.vc_tta-panel, .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{
background: #fff !important;
} .vc_tta-style-classic .vc_tta-tabs-list {border-bottom:2px solid #e2e2e2;}
.vc_tta.vc_tta-style-classic .vc_tta-tab>a{border-width: 0px !important;}
.vc_tta-tab.vc_active a .vc_tta-title-text{font-weight: 500;}
.tabbable.style_1 .nav-tabs li{
border-bottom:none;
border-right:none;
}
.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active {border-bottom: none !important;}
.tabbable.style_1.tabs-left .nav-tabs li  {
border-bottom:none;
margin-top:-3px;
margin-right: -1px;
}
.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab {
margin-top:-3px;
margin-right: -1px;
}
.tabbable.style_1 .nav-tabs li:last-child{
margin-bottom: -1px;
}
.tabbable.style_1.tabs-left .nav-tabs li:last-child {
border-right:none !important;
}
.tabbable.style_1.tabs-top .tab-content{
padding:0px 20px;
}
.tabbable.style_1 .nav-tabs li a, .vc_tta-tab a .vc_tta-title-text{
color:#444;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding-top: 10px;
padding-bottom: 10px;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover{background: transparent !important;}
.vc_tta-style-classic .vc_tta-tab>a:hover{background-color: transparent; }
.vc_tta-tab a .vc_tta-title-text{font-weight: 500;}
.dark_version .tabbable.style_1 .nav-tabs li a{color:#aaa;}
.dark_version .nav-tabs > .active > a, .dark_version .nav-tabs > .active > a:hover{background-color:transparent;}
.tabbable.style_1.tabs-left .nav-tabs li a {
border-radius:3;
-webkit-border-radius:3;
-moz-border-radius:3;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{
border-left: 2px solid #e2e2e2;
border-top: 2px solid #e2e2e2;
border-bottom: 2px solid #e2e2e2;
}
.tabs-left > .nav-tabs{
border-right:2px solid #e2e2e2;
}
.tabbable.style_1 .tab-content {
margin-top:10px;
}
.tabbable.style_1.tabs-left .tab-content {
margin-top:0;
padding: 0px 32px;
}
.tabbable.style_1.tabs-left .tab-content p{
margin-top:0px;
}    .tabbable.style_2.tabs-left {
float:left;
width:100%;
}
.tabbable.style_2.tabs-top .nav-tabs {
}
.tabbable.style_2.tabs-left .nav-tabs {
position:relative;
left:-1px;
}
.tabbable.style_2 .nav-tabs li {
border-bottom:none;
border-right:none;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.tabbable.style_2.tabs-left li {
border-bottom:none;
margin-bottom:-3px;
margin-top:0;
}
.tabbable.style_2.tabs-left li:last-child {
border-right:none !important;
}
.tabbable.style_2 .nav-tabs li:hover {
border-top:1px solid #555555;
}
.tabbable.style_2.tabs-left .nav-tabs li:hover {
border-left:1px solid #555;
}
.tabbable.style_2.tabs-left .nav-tabs li.active {
border-right: 1px solid #fff;
z-index: 1111111;
position: relative;
right:-1px;
}
.tabbable.style_2 .nav-tabs li a {
color:#222;
font-weight:400;
}
.dark_version .tabbable.style_2 .nav-tabs li a{
color:#aaa;
}
.tabbable.style_2.tabs-left .nav-tabs li a {
border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
.tabbable.style_2 .tab-content {
padding:20px;
}
.tabbable.style_2.tabs-left .tab-content {
margin-top:0px;
padding:15px;
height: 100%;
position:relative; left:-2px;
}    .tabbable.style_3.tabs-left {
float:left;
width:100%;
}
.dark_version .tabbable.style_3.tabs-left{border-right:1px solid transparent;border-bottom:1px solid transparent; background:transparent;}
.tabbable.style_3.tabs-top .nav-tabs {
}
.tabbable.style_3.tabs-left .nav-tabs {
border-right:none;
}
.tabbable.style_3 .nav-tabs li {
border-right:none;
}
.dark_version .tabbable.style_3 .nav-tabs li{background:transparent;}
.tabbable.style_3 .nav-tabs li.active{border-bottom:1px solid #f9f9f9; background:#f9f9f9;}
.tabbable.style_3 .nav-tabs li.active a {
background:#f0f0f0;
}
.dark_version .tabbable.style_3 .nav-tabs li.active a{background:transparent;}
.tabbable.style_3 .nav-tabs li:first-child {
}
.dark_version .tabbable.style_3 .nav-tabs li:first-child{border-left:2px solid transparent;}
.tabbable.style_3.tabs-left .nav-tabs li:first-child {
}
.dark_version .tabbable.style_3.tabs-left .nav-tabs li:first-child{border-left:1px solid transparent;}
.tabbable.style_3.tabs-left li {
margin-bottom:0px;
margin-top:0;
border-bottom:none;
}
.dark_version .tabbable.style_3.tabs-left li{border-top:2px solid transparent; border-left:1px solid transparent;}
.tabbable.style_3.tabs-left li:last-child {
border-right:none !important;
}
.tabbable.style_3 .nav-tabs li:last-child {
border-right:1px solid #fff;
}
.dark_version .tabbable.style_3 .nav-tabs li:last-child{border-right:1px solid transparent;}
.tabbable.style_3.tabs-left .nav-tabs li:hover {
}
.dark_version .tabbable.style_3.tabs-left .nav-tabs li:hover{border-top:2px solid transparent;}
.tabbable.style_3.tabs-left .nav-tabs li.active {
border-bottom:none;
}
.tabbable.style_3.tabs-left .nav-tabs li.active:last-child{
border-bottom:1px solid #ebebeb !important;
}
.tabbable.style_3 .nav-tabs li a {
color:#444;
font-weight:600;
text-transform: uppercase;
}
.dark_version .tabbable.style_3 .nav-tabs li a{color:#aaa;}
.tabbable.style_3.tabs-left .nav-tabs li a {
border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
margin-bottom:0;
}
.tabbable.style_3 .tab-content {
padding:20px;
}
.dark_version .tabbable.style_3 .tab-content{border-top:2px solid transparent;}
.tabbable.style_3.tabs-left .tab-content {
margin-top:0px;
padding:15px;
height: 100%;
}      .services_list p {
margin-top:5px;
}
.services_list dt {
width:70px;
height:70px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
background:#333333;
}
.services_list dt i {
width:100%;
text-align:center;
color:#fff;
float:left;
line-height:70px;
font-size:32px;
}
.services_list dd {
margin-left:85px;
}
.services_list dl {
position:relative;
}
.services_list h3 {
color:#444;
font-weight:bold;
margin-bottom:10px;
}
.dark_version .services_list h3{color:#fff;}
.services_list ul {
margin:0;
padding:0;
list-style:none;
}
.services_list ul li {
padding-left:10px;
margin-bottom:3px;
}    .row-dynamic-el .media {
margin-top:0;
}
.row-dynamic-el .media .type_image {
width:auto;
}
.row-dynamic-el .media .type_image.alignment_left {
float:left;
}
.row-dynamic-el .media .type_image.alignment_right {
float:right;
}
.row-dynamic-el .media .type_image.alignment_center {
margin:0 auto;
display:block;
}
.row-dynamic-el .media .type_slideshow.alignment_center {
margin:0 auto;
display: block;
}    #faq-filter {
margin-bottom:35px;
position:relative;
min-height:20px !important;
height: auto;
}
#faq-filter ul {
margin:0;
padding:0;
list-style:none;
float:left;
z-index:9999;
}
#faq-filter ul li {
float:left;
padding:8px 18px;
webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
#faq-filter ul li a {
}
#faq-filter ul li.active a {
}
#faq-filter ul li.active {
position:relative;
}
#faq-filter ul li:hover {
}
#faq-filter ul li a:hover {
text-decoration:none;
}    .accordion .accordion-inner {
}
.accordion {
float:left;
width:100%;
}
.faq {
width:100%;
float:left
}
.faq .accordion-group {
position:relative;
display: block
}
.accordion .wpb_text_column{ 
margin-bottom:0 !important;
}
.accordion p:first-child{
margin-top:0;
}  .accordion.style_1 .accordion-group {
border-left:none;
border-top:none;
border-right:none;
margin-bottom:10px;
border-bottom:none;
}
.accordion.style_1 .accordion-heading .accordion-toggle {
position: relative;
padding: 15px 55px;
}
.accordion.style_1 .accordion-heading .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/plus.png);
background-position:center center;
content:"";
background-repeat:no-repeat;
position: absolute;
left: 0px;
top: 5px;
text-align:center;
background-color:#fff;
border:2px solid #ebebeb;
color:#ccc;
font-size:16px;
width:40px;
line-height:40px;
height:40px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.accordion.style_1 .accordion-heading.in_head .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/minus.png);
background-position:center center;
background-repeat:no-repeat;
content:"";
}
.accordion.style_1 .accordion-heading.in_head .accordion-toggle{
}
.accordion.style_1 .accordion-inner {
border-top:none;
padding: 1px 55px;
padding-bottom: 0px;
float:left;
padding-right:0;
}  .accordion.style_2 .accordion-group {
border-left:none;
border-top:none;
border-right:none;
margin-bottom:20px;
border-bottom:none;
}
.accordion.style_2 .accordion-heading .accordion-toggle {
position: relative;
padding: 15px 70px;
}
.accordion.style_2 .accordion-heading .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/plus.png);
background-position:center center;
content:"";
background-repeat:no-repeat;
position: absolute;
left: 10px;
top: 9px;
text-align:center;
background-color:#fff;
color:#ccc;
font-size:16px;
width:32px;
line-height:40px;
height:32px; 
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s; 
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.accordion.style_2 .accordion-heading.in_head .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/minus.png);
background-position:center center;
background-repeat:no-repeat;
content:"";
}
.accordion.style_2 .accordion-heading.in_head .accordion-toggle{
color:#222;
}
.accordion.style_2 .accordion-inner {
border-top:none;
padding: 20px 15px;
padding-bottom: 10px;
float:left;
}  .accordion.style_3 .accordion-group {
border-left:none;
border-top:none;
border-right:none;
margin-bottom:10px;
border-bottom:none;
}
.accordion.style_3 .accordion-heading .accordion-toggle {
position: relative;
padding: 8px 45px;
}
.accordion.style_3 .accordion-heading .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/plus.png);
background-position:center center;
content:"";
background-repeat:no-repeat;
position: absolute;
left: 10px;
top: 9px;
text-align:center;
background-color:#222;
color:#ccc;
font-size:16px;
width:20px;
line-height:20px;
height:20px; 
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s; 
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.accordion.style_3 .accordion-heading.in_head .accordion-toggle:before{
background-image:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/minus.png);
background-position:center center;
background-repeat:no-repeat;
content:"";
}
.accordion.style_3 .accordion-heading.in_head .accordion-toggle{
color:#222;
}
.accordion.style_3 .accordion-inner {
border-top:none;
padding: 20px 15px;
padding-bottom: 10px;
float:left;
}     .side-nav {
float:left;
list-style:none;
margin:0;
padding:0;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
background:#fff;
}
.side-nav li {
padding-top:10px;
font-weight:300;
padding-bottom:10px;
font-size:13px;
padding-left:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.side-nav li.current_page_item{
color:#fff;
font-weight:bold;
}
.side-nav li.current_page_item a:hover{
color:#fff;
}
.side-nav ul{
padding:0;
margin:0;
list-style: none;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.side-nav ul li{
padding-left:40px;
}
.side-nav li a {
}
.side-nav li a:hover {
text-decoration:none;
}
.side-nav li:last-child {
border-bottom:none;
}
.side-nav .page_item {
position:relative;
}    .nav-growpop a {
position: fixed;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 9999999;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-growpop a.prev {
left: 0;
}
.nav-growpop a.next {
right: 0;
}
.nav-growpop a i {
display: block;
margin: 0 auto;
padding: 0;
font-size: 24px;
width: 17px;
text-align: center;
color: #fff;
}
.nav-growpop .icon-wrap {
position: relative;
z-index: 100;
display: block;
padding: 16px 5px;
-webkit-transition: border-width 0.3s 0.15s;
transition: border-width 0.3s 0.15s;
}
.nav-growpop .icon {
color:#fff;
}
.nav-growpop div {
position: absolute;
top: 50%;
padding: 20px;
width: 440px;
height: 144px;
background: #fff;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.nav-growpop a.prev div {
left: 0;
padding: 23px 98px 0px 34px;
width: 161px;
height: 63px;
text-align: right;
-webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
transform: translateY(-50%) translateX(-100%) scale(0.75);
}
.nav-growpop a.next div {
right: 0;
padding: 23px 34px 0px 98px;
width: 161px;
height: 63px;
-webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
transform: translateY(-50%) translateX(100%) scale(0.75);
}
.nav-growpop h3 {
margin: 0;
padding: 8px 0 10px;
color: #222;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
padding-top:0;
margin-top:0;
}
.nav-growpop div p {
margin: 0;
color: #999;
font-style: italic;
font-size: 13px;
}
.nav-growpop img {
position: absolute;
top: 10px;
width: 65px;
}
.nav-growpop a.prev img {
right: 12px;
}
.nav-growpop a.next img {
left: 12px;
}
.nav-growpop a:hover .icon-wrap {
border-top-width: 15px;
border-bottom-width: 15px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav-growpop a:hover div {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY(-50%) translateX(0) scale(1);
transform: translateY(-50%) translateX(0) scale(1);
}     .block_title.column_title{
margin-bottom:30px;
}
.block_title.column_title .h1{
width:auto;
display:inline-block;
padding-right:10px;
line-height:24px;
}
.block_title.column_title.inner-inline_border{
position:relative;
float:left;
width:100%;
}
.block_title.column_title.inner-inline_border .h1, .block_title.column_title.inner-inline_border h1{
background:#fff;
z-index:5;
position:relative;
padding-right:20px;
width:auto;
float:left;
}
.block_title.column_title.inner-inline_border:after{
display:block;
height:1px;
content:"";
background:#e1e1e1;
position:absolute;
top:50%;
margin-top:-0.5px;
width:100%;
z-index:-1;
}
.block_title.column_title h2{
width:100%;
line-height:24px;
}
.block_title.section_title{
position:relative;
}
.block_title.section_title .h1{
width: 100%;
text-align: center;
}
.block_title.section_title:first-child h2{
margin-top:-10px;
}
.block_title.section_title .divider{
width: 208px;
position: absolute;
left: 50%;
margin-left: -104px;
margin-top: 10px;
}
.block_title.section_title .divider .line{
width:90px;
height:1px;
background:#ccc;
float:left;
}
.block_title.section_title .divider .circle{
width:10px;
height:10px;
border:1px solid #ddd;
margin-left:8px;
float:left;
margin-right:8px;
margin-top:-5px;
}
.block_title.section_title p{
width: 100%;
padding: 0 28%;
margin-top: 25px;
text-align: center;
font-size:14px;
color:#555;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.block_title.section_title.inner-only_text p{
margin-top:10px;
}
.light .block_title{
color:#ddd;
}
.light .block_title h1{
color:#fff !important;
}
.light .block_title.section_title p{
color:#fff; 
}
.light .block_title.column_title h2{
color:#fff;
}  .list ul{margin:0; padding:0; list-style: none;}
.list li.simple{
width:100%;
position:relative;
padding-left:25px;
font-size:14px;
line-height:22px;
padding-bottom:10px;
}
.list li.simple:last-child{
padding-bottom:0;
}
.list li.simple:first-child:last-child{
padding-bottom:10px;
}
.list li.simple i{
position:absolute;
left:0;
top:0;
font-size:16px;
line-height:22px;
}
li.simple i{ margin-right: 5px; }
.list li.titledesc{
float:left;
width:100%;
margin-bottom:20px;
}
.list li.titledesc:last-child{
margin-bottom:0;
}
.list li.titledesc dl{
margin:0;
padding:0;
}
.list li.titledesc dl dt{
width:45px;
height:45px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.list li.titledesc dl dt .circle{
width: 36px;
height: 36px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
float: left;
margin-left: 2px;
margin-top: 2px;
}
.list li.titledesc dl dt i{
font-size:16px;
text-align: center;
width:100%;
line-height:36px;
float:left;
}
.list li.titledesc dl dd{
margin-left:50px;
}
.list li.titledesc dl  p{
margin:0;
padding:0;
margin-top:5px;
}
.list li.titledesc dl dt i.steadysets-icon-checkmark{
font-size: 30px;
padding-left: 7px;
margin-top: -5px;
}
.list li.titledesc h6{
font-weight:600;
} 
.dl-horizontal i{ margin-right: 5px; }  .single_staff{
overflow:hidden;
}
.single_staff .content{
padding:15px;
background:#fff;
position:relative;
z-index:10;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.single_staff .overlay .bg{
background: rgba(0,0,0,0.5);
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
}
.single_staff:hover .overlay .bg{
}
.single_staff .content h5{
}
.single_staff p{
margin-top:5px;
}
.single_staff .featured_img{
position:relative;
z-index:5;
overflow:hidden;
display:block;
width:100%;
}
.single_staff .featured_img img{
position:relative;
top:0;
left:0; 
width:100%;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
}
.single_staff:hover .featured_img img{
}
.single_staff .center-bar a{
margin-left:10px;
border:2px solid rgba(255,255,255,0.4);
width:40px;
height:40px;
display:inline-block;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
}
.single_staff .center-bar a:first-child{
margin-left:0;
}
.single_staff .center-bar a:hover{
border:2px solid #fff;
}
.single_staff .center-bar a i{
font-size:18px;
color:#fff;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
opacity:0.4;
text-align:center;
width:100%;
float:left;
line-height:40px;
}
.single_staff .center-bar a:hover i{
opacity:1;
} .single_staff.style_2 .content{padding:0; background:transparent;text-align:center; margin-top:20px;}
.single_staff.style_2 .content p{padding:0 15px;}  .staff_carousel .codeless-slider-container{
height:auto !important;
}
.staff_carousel .swiper-slide{
height:auto !important;
}
.single_staff.modern{
overflow:hidden;
float:left; 
width:100%;
}
.single_staff.modern .content{
position:absolute;
bottom:-100%;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
text-align: center;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.single_staff.modern .content p{
padding-left:13%;
padding-right:13%;
}
.single_staff.modern:hover img{
top:-50px;
}
.single_staff.modern:hover .content{
bottom:0;
}
.single_staff.modern .center-bar{
margin-top:-70px;
}
.swiper_pagination{
position:absolute;
right:0;
top:0;
width:100px;
height:57px;
}    .services_small dl{
margin:0;
} 
.services_small dt{
width:40px;
height:40px;
}
.services_small dt i{
font-size:32px;
}
.services_small dd{
margin-left:60px;
}
.services_small .content{
margin-top:10px;
}
.services_small h4{
}
.services_small .wrapper{
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
width: 40px;
height: 40px;
}
.services_small .wrapper i{
font-size: 18px;
float: left;
text-align: center;
width: 100%;
line-height: 40px;
}
.services_small.align_right dt{float:right;}
.services_small.align_right dd{margin-right: 60px;margin-left: 0;}
.services_small.align_right h4{text-align:right;}
.services_small.align_right .content{text-align:right;}  .clients {
float:left;
z-index:5 !important;
}
.caroufredsel_wrapper{
width:100% !important; 
margin:0 !important;
}
.clients .item {
width:175px;
padding:0 25px;
float:left;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.clients .item:hover img{
opacity:1;
}
.clients .item a {
}
.clients_caro{
margin-left:0px;
}
.clients .item a img {
opacity:0.75;
top:0;
left:0;
float:left;
bottom:0;
right:0;
margin:auto;
margin-top:0;
-webkit-transition-duration:0.6s;
-moz-transition-duration:0.6s;
-o-transition-duration:0.6s;
-ms-transition-duration:0.6s;
transition-duration:0.6s;
}
.clients_el{
position:relative;
float: left;
width:100%;
}
.clients_el .pagination{
margin:0;
float:none;
}
.clients_el .pagination a{
position:absolute;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border:1px solid #e1e1e1;
top:50%;
margin-top:-20px;
opacity:0;
-webkit-transition-duration:0.6s;
-moz-transition-duration:0.6s;
-o-transition-duration:0.6s;
-ms-transition-duration:0.6s;
transition-duration:0.6s;
}
.clients_el .pagination a i{
color:#444;
text-align:center;
float:left;
width:100%;
line-height:40px;
}
.clients_el .pagination a.prev{
left:0px;
}
.clients_el:hover .pagination a.prev{
left:-60px;
opacity:1;
}
.clients_el .pagination a.next{
right:0px;
}
.clients_el:hover .pagination a.next{
right:-60px;
opacity:1;
}  .textbar{
width:100%;
position:relative;
float:left;
}
.textbar h2{
width:auto;
color:inherit;
float:left;
line-height:33px;
position:absolute;
top:50%;
margin-top:-16.5px;
}
.light .textbar h2{
color:#fff !important;
}
.light .textbar .btn-bt.default{
}
.textbar .btn-bt.default:hover{
opacity:1;
}
.textbar .btn-bt.default:hover i{
left:80%;
}
.textbar.style_2 h2{width:100%; text-align:center;position:static;}
.textbar.style_2 .btn-bt{
float:left; 
position:relative; 
left:50%; 
margin-top:30px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%); 
transform: translateX(-50%);
}
.textbar .btn-bt{
float:right;
}  .services_medium {
text-align:center;
position:relative;
top:0;
padding:15px;
padding-top:0;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.services_medium.style_2{
float:left;
}
.services_medium img{
width:100px;
height:100px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
text-align:center;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
position:relative;
z-index:9999;
}
.services_medium.style_1 .icon_wrapper {
width:100px;
height:100px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
left:50%;
margin-left:-50px;
text-align:center;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
position:relative;
z-index:9999;
}
.services_medium.style_2 .icon_wrapper {
width:100px;
height:60px;
left:50%;
margin-left:-50px;
text-align:center;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
position:relative;
z-index:9999; 
}
.services_medium.style_3 .icon_wrapper {
width:94px;
height:94px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
left:50%;
margin-left:-47px;
text-align:center;
-webkit-transition-duration:0.1s;
-moz-transition-duration:0.1s;
-o-transition-duration:0.1s;
-ms-transition-duration:0.1s;
transition-duration:0.1s;
position:relative;
z-index:9999;
}
.services_medium.style_4 .icon_wrapper {
width:100px;
height:100px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
left:50%;
margin-left:-50px;
transform:translateY(0px);
box-shadow: 0px 18px 48px -12px rgba(26, 29, 45, 0.14);
text-align:center;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
position:relative;
z-index:9999;
}
.services_medium.style_4:hover .icon_wrapper{
transform:translateY(-3px);
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
.services_medium.style_1:hover .icon_wrapper i{
color:#fff !important;
}
.services_medium.style_1 i {
float:left;
text-align:center;
width:100%;
line-height:100px;
font-size:48px;
margin-bottom:10px;
z-index:1000;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_medium.style_2 i {
float:left;
text-align:center;
width:100%;
line-height:60px;
font-size:48px;
margin-bottom:10px;
z-index:1000;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_medium.style_2 i{
color:#222;
}
.services_medium.style_3 i {
float:left;
text-align:center;
width:100%;
line-height:92px;
font-size:42px;
margin-bottom:10px;
z-index:1000;
-webkit-transition-duration:0.1s;
-moz-transition-duration:0.1s;
-o-transition-duration:0.1s;
-ms-transition-duration:0.1s;
transition-duration:0.1s;
}
.services_medium.style_4 i {
float:left;
text-align:center;
width:100%;
line-height:100px;
font-size:48px;
margin-bottom:10px;
z-index:1000;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_medium.style_4:hover .icon_wrapper i{
color:#fff !important;
}
.light .services_medium.style_2 i{
color:#fff;
}
.services_medium.style_3:hover .icon_wrapper i {
color:#fff !important;
}
.services_medium h4 {
margin-bottom:0px;
float:left;
width:100%;
text-align:center;
margin-top:15px;
position:relative;
z-index:9999;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_medium.style_2 h4{
margin-top:12px;
}
.services_medium p {
display:block;
text-align:center;
float:left;
margin-top:7px;
position:relative;
}  .count_to{
width:234px;
height:120px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
position:relative;
left:50%;
}
.odometer{
width: 100%;
margin-top:15px;
text-align: center;
}
.light .odometer{
color:#fff !important;
}
.animated_counter h3{text-align:center; margin-top:0px; width:100%;  font-weight:300;}
.light .animated_counter h3{color:#fff;opacity:0.75;}
.animated_counter i{
font-size:42px;
text-align:center;
margin-bottom:5px;
width:100%;
float:left;
}
.animated_counter.style-left i{ 
text-align:left !important;
}
.animated_counter.style-left h3{ 
text-align:left !important;
}
.animated_counter.style-left .count_to{
left:0;
transform: translateX(0);
}
.animated_counter.style-left .odometer{
text-align:left;
}  .chart_skill .new_color {
display:none;
}
.chart_skill {
position:relative;
}
.chart_skill .text {
line-height: 37px;
width: 200px;
float: left;
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
margin-left: -100px;
margin-top: -18px;
}
.chart_skill i.base {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
}
.chart_skill h5{
width:100%;
text-align: center;
margin-top:20px;
font-weight:600;
}
.light .chart_skill h5{color:#fff;}
.light .chart_skill .text{color:#ddd;}  .wpb_content_element.button{
float:left;
min-height:50px;
width:100%;
}
.wpb_content_element.button.buttons_two{
float:left;
width:auto !important;
}
.wpb_content_element.button.buttons_two a:first-child{
margin-right:15px;
}
.wpb_content_element.button.buttons_two a:nth-child(2){
background:#ebebeb;
color:#444;
}
.wpb_content_element.button.buttons_two.al_center{
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
left:50%;
position:relative;
}  .block_skill{
float:left;
width:100%;
}
.skill {
height:12px;
position:relative;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
margin-bottom:16px;
float:left;
width:100%;
-webkit-box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1);
}
.section-style .dark .skill{background:#fff;}
.skill:last-child {
margin-bottom:0;
}
.skill>* {
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.skill .prog {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.skill .prog .circle {
width:35px;
height:35px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
position:absolute;
right:-17px;
top:-8px;
}
.skill_title {
float:left;
}
.block_skill .big_percentage {
font-size:13px;
float:right;
color:#222;
margin-left:5px;
margin-bottom:5px;
}
.skill .prog {
position:relative;
height: 100%;
}  .single_testimonial dl{
margin:0;
}
.single_testimonial dl dt{
width:90px;
height:120px;
}
.single_testimonial dl dt img{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.single_testimonial dl dd{
margin-left:110px;
}
.single_testimonial dl dd p{
margin-top:0;
margin-top:3px;
line-height:24px;
font-style: italic; 
margin-bottom:5px;
}
.single_testimonial dl dd .param{
float:right;
}
.single_testimonial dl dd .param h6{
font-weight:bold;
float:left;
margin-right:10px;
}
.single_testimonial dl dd .param .position{
float:left;
color:#aaa;
}  .services_large .icon_wrapper{
width:120px; 
height:120px; 
position:relative; 
left:50%; 
margin-left:-60px; 
background:#fff;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_large .icon_wrapper .top{
position:absolute; 
width:144px; 
top:0; 
left:-12px; 
height:1px;
}
.services_large .icon_wrapper .bottom{
position:absolute;
width:144px; 
bottom:0; 
left:-12px; 
height:1px;
}
.services_large .icon_wrapper .right{
position:absolute; 
width:1px; 
top:-12px; 
right:0px; 
height:144px;
}
.services_large .icon_wrapper .left{
position:absolute; 
width:1px; 
top:-12px; 
left:0px; 
height:144px;
}
.services_large .icon_wrapper i{
font-size:64px; 
line-height:120px; 
float:left; 
width:100%; 
text-align: center;
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-o-transition-duration:0.8s;
-ms-transition-duration:0.8s;
transition-duration:0.8s;
}
.services_large p{margin-top:7px;}
.services_large{text-align: center}
.services_large h4{margin-top:25px; font-weight:600; text-transform: uppercase; letter-spacing: 1px}
.services_large .icon_wrapper .top, .services_large .icon_wrapper .right, .services_large .icon_wrapper .bottom, .services_large .icon_wrapper .left{background:#e1e1e1;}
.services_large:hover .icon_wrapper i{color:#fff;}  .services_media {
position:relative;
}
.services_media .overlay{
height:auto;
position: relative;
overflow:hidden;
}
.services_media .overlay > a{
width: 100%;
height: auto;
position: relative;
display: block;
z-index:1;
}
.services_media .overlay span{
background:rgba(255,255,255,0.2);
opacity:0;
width:100%;
left:0;
top:0;
height:100%;
position:absolute;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_media video{ position: relative; width: 100%;}
.services_media:hover .overlay span{
opacity:1;
}
.services_media img {
width:100%;
}
.services_media iframe {
width:100%; 
height:180px;
}
.services_media h5 {
margin-top:25px; 
}
.services_media p {
margin-top:7px;
margin-bottom: 0;
}
.services_media.style_2 h5{margin:0;position:absolute; color:#fff; bottom:20px; width:auto; padding:10px 20px;z-index:9999;}
.services_media.style_2 h5 a:hover{color:#fff;}  .row-google-map iframe{
width:100%;
}  .testimonial_carousel{width:100%;} 
.testimonial_carousel_element .caroufredsel_wrapper{display:inline-block !important;}
.testimonial_carousel .item{float:left;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.testimonial_carousel .item p{float:left;text-align:center;margin-top:0;padding:0 10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.light .testimonial_carousel .item p{
color:#eee;
}
.testimonial_carousel .item p{
text-align: center;
width: 100%;
}
.testimonial_carousel .item .param{width:100%; text-align:center; float:left;}
.testimonial_carousel .item .param h6{ 
font-weight:400;
}
.testimonial_carousel .item .param span{
color:#bbb !important;
}
.testimonial_carousel_element .pagination{
margin:0;
float:none;
}
.testimonial_carousel_element .pagination a{
position:absolute;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border:1px solid #e1e1e1;
top:50%;
margin-top:-20px;
opacity:0;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.light .testimonial_carousel_element .pagination a{
background:transparent;
border:1px solid #fff;
}
.testimonial_carousel_element .pagination a i{
color:#444;
text-align:center;
float:left;
width:100%;
line-height:40px;
}
.light .testimonial_carousel_element .pagination a i{
color:#fff;
}
.testimonial_carousel_element .pagination a.prev{
left:0px;
}
.testimonial_carousel_element:hover .pagination a.prev{
left:-60px;
opacity:1;
}
.testimonial_carousel_element .pagination a.next{
right:0px;
}
.testimonial_carousel_element:hover .pagination a.next{
right:-60px;
opacity:1;
}  .left_testimonial_carousel {
position:relative;
}
.left_testimonial_carousel:after{
content: "\e19f";
position: absolute;
left: -45px;
font-family: 'moon';
top: -12px;
font-size: 70px;
line-height: 64px;
color: #1b309614;
}
.left_testimonial_carousel .item .param{
display:flex;
align-items:center;
}
.left_testimonial_carousel .item .param img{
flex: 1;
max-width: 64px;
max-height: 64px;
border-radius: 50%;
}
.left_testimonial_carousel .item .param .content{
padding-left:20px;
} .testimonial_cycle{width:100%;} 
.testimonial_cycle .item{float:left; width:347px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.testimonial_cycle .item p{position:relative;float:left;margin-top:0;padding:30px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.testimonial_cycle .item p:after{
content:"";
background:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/img/testimonials_arrow.png) center center;
position:absolute;
bottom:-12px;
left:40px;
width:20px;
height:12px;
}
.testimonial_cycle .item .param{width:100%; float:left; margin-top:20px; margin-left:20px;}
.testimonial_cycle .item .param i{float:left;color:#444; width:36px; height:36px; font-size:36px; line-height:36px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.testimonial_cycle .item .param .name{margin-left:20px;float:left;}
.testimonial_cycle .item .param h6{ 
font-weight:500;
float:left;
width:100%;
}
.testimonial_cycle .item .param span{
color:#bbb !important;
float:left;
width:100%;
}  .services_steps{position:relative; top:50%;text-align:center;height:150px; cursor:pointer; display:block;}
.services_steps .icon_wrapper{
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
margin-left: -50px;
left: 50%;
position: relative;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.services_steps .icon_wrapper i{
font-size: 42px;
line-height: 100px;
-webkit-transition-duration:0.6s;
-moz-transition-duration:0.6s;
-o-transition-duration:0.6s;
-ms-transition-duration:0.6s;
transition-duration:0.6s;
}
.services_steps:hover .icon_wrapper i{
color:#fff;
}
.services_steps .content{
margin-top:20px;
position:relative;
width:100%;
}
.services_steps h4{
position:absolute;
top:0;
width:100%;
opacity:1;
left:0;
margin-bottom: 0; 
-webkit-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
-moz-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
-o-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
} 
.services_steps:hover h4{
-webkit-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards ;
-moz-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
-o-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
}
.services_steps:hover p{
-webkit-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
-moz-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
-o-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards;
}
.services_steps p{
margin-top:5px;
position:absolute;
top:0;
left:0;
opacity:0;
width:100%;
opacity:0;
-webkit-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
-moz-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
-o-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ;
}  .full-width-content .recent_portfolio #portfolio-preview-items{margin-left:0;} 
.recent_portfolio .swiper-slide{height:auto !important;}
.recent_portfolio .swiper-wrapper{ height: auto !important;}
.recent_portfolio .portfolio_slider{height:auto; overflow:hidden;}
.three-cols.no_space .portfolio_slider .portfolio-item{margin-left:0; margin-bottom:0;}
.no_space .row{margin-left:0;}
.recent_portfolio #portfolio-preview-items.no_space{margin-left:0;}
.recent_portfolio .four-cols .portfolio-item:nth-last-child(1){
margin-bottom:0;
}
.recent_portfolio .four-cols .portfolio-item:nth-last-child(2){
margin-bottom:0;
}
.recent_portfolio .four-cols .portfolio-item:nth-last-child(3){
margin-bottom:0;
}
.recent_portfolio .four-cols .portfolio-item:nth-last-child(4){
margin-bottom:0;
} .wpb_content_element:last-child{margin-bottom:0;} .latest_blog .no_carousel .blog-item{
width: 33.333333333333%;
padding-left: 20px;
float: left;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.latest_blog .blog-item.single{
width:100%;
padding-left:20px;
margin-left:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.latest_blog .blog-item.swiper-slide{
height:auto !important;
}
.latest_blog .swiper-wrapper{
height:auto !important;
}
.latest_blog .blog_slider{
height:auto; 
}
.latest_blog .blog-item .content{
padding-top:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.latest_blog .blog-item .content:first-child{
padding-top:0;
}
.latest_blog .blog-item .content h4{
}
.latest_blog .blog-item .content p
{
margin-top:10px;
margin-bottom:0;
}
.latest_blog .blog-item .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:4px;}
.latest_blog .blog-item .info li{float:left; margin-right:11px; display:flex; align-items:center}
.latest_blog .blog-item .info li i{margin-right: 7px;float: left;}
.latest_blog .blog-item .after{padding-top:15px; margin-top:15px; border-top:1px solid #ebebeb; width:100%; float:left;}
.latest_blog .blog-item .after .info{float:left; margin:0; padding:0; color:#222; width:auto;}
.latest_blog .blog-item .after .post-like{
margin-top:-2px;
}
.latest_blog .no_carousel .blog-item{padding-bottom:20px;}
.latest_blog .blog-item.boxed .content{padding:20px; background:#fff;}
.latest_blog .blog-item.boxed .content .after{display:none;}  .recent_news.inline .blog-item{
width:100%;
padding-top:15px;
padding-bottom:15px;
text-align:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom:1px solid rgba(0,0,0,0.05);
float:left;
position:relative;
overflow:hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.recent_news.inline .blog-item img{
position:absolute;
left:0;
top:0;
width:100%;
opacity:0.0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
} 
.dark .recent_news.inline .blog-item:hover img{
opacity:0.2;
}
.recent_news.inline .blog-item a{ 
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.recent_news.inline .blog-item h4{
text-align:center;
font-weight:600;
letter-spacing: 1px;
color:#222;
float:left;
line-height:30px;
width:100%;
}
.recent_news.inline .blog-item .info{
position:relative;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin:0; 
padding:0; 
list-style:none;   
float:left; 
}
.recent_news.inline .blog-item .info li{float:left; margin-right:11px;}
.recent_news.inline .blog-item .info li i{margin-right: 7px;float: left;padding-top: 2px;}
.light .recent_news.inline .blog-item h4{
color:#fff;
}
.light .recent_news.inline .blog-item .info{
color:#ccc;
}
.light .recent_news.inline .blog-item:hover{
background:rgba(0,0,0,0.2);
}
.recent_news.events{float:left; width:100%;}
.recent_news.events .blog-item{
margin:0;
padding:0;
margin-bottom:15px;
max-width:400px;
position:relative;
}
.recent_news.events .blog-item > a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.recent_news.events .blog-item:last-child{
margin-bottom:0;
}
.recent_news.events .blog-item dt{
width:80px;
height:60px;
background:#f5f5f5;
}
.recent_news.events .blog-item dt .date{
font-size:13px;
font-weight:bold;
color:#222;
text-transform: uppercase;
margin-top: 20px;
float: left;
margin-left: 16px;
letter-spacing: 1px
}
.recent_news.events .blog-item dd{
margin-left:90px;
}
.recent_news.events .blog-item dd h5{
margin-top:10px;
float:left;
max-width:400px;
}
.recent_news.events .time{
letter-spacing: 1.5px;
width:300px;
float:left;
}
.recent_news.events .link{
float:right;
width:60px;
position:absolute;
top:0;
right:0;
background:#fff;
height:60px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.recent_news.events .link i{
float:left;
font-size:18px;
text-align:center;
width:100%;
line-height:60px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.recent_news.events .blog-item:hover .link i{
color:#fff;
}
.recent_news.vertical .blog-item{
margin:0;
padding:0;
margin-bottom:15px;
}
.recent_news.vertical .blog-item:last-child{
margin-bottom:0;
}
.recent_news.vertical .blog-item dt{
width:100px;
height:100px;
}
.recent_news.vertical .blog-item dd{
margin-left:110px;
}  .codeless_separator{
position: relative;
}  .countdown
.countdown_row {
clear:both;
width:100%;
padding:0px 2px;
text-align:center;
font-weight:300 !important;
}
.countdown_show1 .countdown_section {
width:98%;
}
.countdown_show2 .countdown_section {
width:48%;
}
.countdown_show3 .countdown_section {
width:32.5%;
}
.countdown_show4 .countdown_section {
width:24.5%;
}
.countdown_show5 .countdown_section {
width:19.5%;
}
.countdown_show6 .countdown_section {
width:16.25%;
}
.countdown_show7 .countdown_section {
width:14%;
}
.countdown_section {
display:block;
float:left;
text-align:center;
font-size:14px;
text-transform: uppercase;
font-weight:bold;
color:#222;
}
.countdown_amount {
font-size:86px;
font-weight:300;
color:#555;
line-height:98px;
margin-bottom:5px
}  .price_table .title{width:100%; padding:20px 0;}
.price_table  h1{text-align:center; width:100%;}
.price_table .price{width:100%; padding:20px 0px; text-align:center;}
.price_table .price .p{
font-size: 54px;
color: #222;
font-weight:300;
line-height: 60px;
}
.price_table .price .period{
margin-left:20px;
font-size:18px;
font-weight:bold;
}
.price_table .list{width:100%;padding:25px 0;float:left;}
.price_table .list ul{width:100%; padding:0; margin:0;float:left; position:relative;}
.price_table .list ul li{float:left; width:100%; text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.price_table .list ul li:before{content: "\e367";font-family: 'moon'; margin-right: 10px;}
.price_table.highlighted .price .p, .price_table.highlighted .price .period{color:#fff;}
.price_table .price_button{float:left; width:100%;padding-top:15px; padding-bottom:15px;}
.price_table .price_button a{position:relative; left:50%; -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);}  .wpb_widgetised_column .footer_social_icons {
float:left;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin-left:0px !important;
margin-top:0px !important;
position:relative;
padding:0;
list-style: none
}
.wpb_widgetised_column .footer_social_icons li {
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
float:left;
padding-bottom:0 !important;
padding-top:0 !important;
margin-left:12px !important;
width:32px !important;
height:32px !important;
}
.wpb_widgetised_column .footer_social_icons li:after{
display: none
}
.wpb_widgetised_column .footer_social_icons li:first-child {
margin-left:0 !important;
}
.wpb_widgetised_column .footer_social_icons li a {
float:left;
}
.wpb_widgetised_column .footer_social_icons li i {
float:left;
line-height:38px;
font-size:18px;
display:block;
width:100%;
text-align:center;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.wpb_widgetised_column .social_widget{
float: left;
width: 100%;
margin-bottom: 40px;
}
.footer_social_icons.circle li{
background:#222;
width:32px !important;
height:32px !important;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.footer_social_icons.circle li a{
width:100%;
text-align:center;
height:32px;
}
.footer_social_icons.circle li a i{
color:#fff;
line-height:32px !important;
font-size:14px !important;
}
.footer_social_icons.circle li a:hover i{
color:#fff !important;
}  #mc_signup_form .mc_input{height:40px;}
.mc_signup_submit{text-align:left;}
#mc_signup_submit{width:inherit !important;}
#mc_display_rewards{
float: left;
width: 100%;
margin-top: 20px;
text-align: left;
}
.mc_form_inside .mc_signup_submit:nth-child(3){
text-align:center !important;
}
.mc_form_inside .mc_signup_submit:nth-child(3) #mc_signup_submit{
margin-top:0px !important;
float:none !important;
}
.mc_merge_var:nth-child(2) label{display:none;}
.mc_form_inside #mc_display_rewards:nth-child(4){
text-align:center !important;
float:none !important;
}    @media (min-width: 768px) and (max-width: 979px) {
.fixed_slider .boxed_layout .top_wrapper{
padding-top:0;
} 
.codeless_news_slider .codeless_slider_swiper{
width:100%;
}
.codeless_news_slider .featured_posts{
display:none;
}
.codeless_news_slider .swiper-slide p{
font-size:11px !important;
}
.codeless_slider .swiper-slide h1{
font-size:26px !important;
line-height:32px !important;
}
.codeless_news_slider .swiper-slide h1{
font-size:18px !important;
}
.codeless_news_slider .swiper-slide:hover h1{
bottom:60px;
}
.sidebar_left .vc_col-sm-6 .blog-article.grid-style, .sidebar_right  .vc_col-sm-6 .blog-article.grid-style{
width:100%;
margin-left:0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.sidebar_left .vc_col-sm-6 #blogmasonry .row, .sidebar_right .vc_col-sm-6 #blogmasonry .row{
margin-left:0 !important;
}
.latest_blog .no_carousel .blog-item.single{
width:100%;
}
.recent_news.events .blog-item dd h5{font-size:13px;}
.latest_blog .no_carousel .blog-item .info{
display:none;
}
.latest_blog .no_carousel .blog-item .after{
display:none;
}
}
@media (max-width: 979px) {
.codeless_slider .swiper-slide .content {
width:724px !important; 
}
.codeless_slider .swiper-slide .content.vertical_centered{
margin-left:-362px !important;
}
.vc_responsive .vc_row .vc_span3{
margin-bottom:30px;
width:50% !important;
}
.vc_responsive .vc_row .vc_span9{
width:50% !important;
}
}
@media (max-width: 767px) {
.wpb_column{
} 
.wpb_column{
margin-bottom:20px;
float:left;
width:100%;
}
.wpb_column .wpb_wrapper{
float:left;
width:100%;
}
.wpb_column:last-child{
margin-bottom:0;
}
.wpb_column{
margin-bottom:20px;
float:left;
width:100%;
}
.wpb_column .wpb_wrapper{
float:left;
width:100%;
}
.wpb_column:last-child{
margin-bottom:0;
}
.vc_responsive .vc_row .vc_span3{
width:100% !important;
}
.vc_responsive .vc_row .vc_span9{
width:100% !important;
}
.vc_row.transparency_section{
position:relative;
}
#faq-filter ul li{padding:8px 5px !important;}
.codeless_slider .swiper-slide .content p{
font-size:13px !important;
line-height:20px !important;
}
.codeless_slider .swiper-slide .content h1{
font-size:18px !important;
line-height:26px !important;
}
.codeless_slider .swiper-slide .buttons a{
padding-left:30px ;
padding-right:30px ;
}
.block_title.section_title p{
padding:0 0% !important;
}
.latest_blog .no_carousel .blog-item{
width:100%;
margin-bottom:30px;
padding-left:0; 
}
.latest_blog .no_carousel .blog-item:last-child{
margin-bottom:0;
}
.testimonial_carousel .item{
width:420px !important;
}
.clients .item{
width:180px !important;
}
.codeless_slider .swiper-slide .content{
width:420px !important;
}
.codeless_slider .swiper-slide .content.vertical_centered{
margin-left:-210px !important;
}
.single_staff{
width:100%;
}
.nav-fillpath a.next{
right:-50px;
}
.nav-fillpath a.prev{
right:25px;
}
.parallax_slider .codeless_slider_wrapper{
position:relative !important;
}
.latest_blog .no_carousel .blog-item{
width:100% !important;
padding-left:0;
}
.wpb_text_column{
float:left;
width:100%;
} 
.wpb_column.centered_vertical .wpb_wrapper{
top:auto !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding-top:20px;
padding-bottom:20px;
}
.codeless_news_slider .codeless_slider_swiper{
width:100%;
}
.codeless_news_slider .swiper-slide h1{
font-size:16px !important;
line-height:24px;
}
.codeless_news_slider .swiper-slide p{
font-size:10px !important;
}
.codeless_news_slider .swiper-slide:hover h1{
bottom:80px !important;
}
.codeless_news_slider .featured_posts{width:100%; margin-left:0;}
.codeless_news_slider .featured_posts .featured:hover h4{
bottom:60px;
}
.latest_blog .blog-item.single{
padding-left:0;
}
.wpb_column .blog-article.grid-style{padding-left:0;}
.recent_portfolio .swiper-slide{ width:420px !important; height:auto !important; float:left;}
}
@media (max-width: 480px) {
.recent_portfolio .swiper-slide{ width:300px !important; height:auto !important; float:left;}
.wpb_column{padding-left:0 !important; padding-right:0 !important;}
.wpb_column{padding-left:0; padding-right:0;}
.codeless_slider .swiper-slide .content p{
font-size:12px !important;
line-height:20px !important;
}
.codeless_slider .swiper-slide .content h1{
font-size:16px !important;
line-height:26px !important;
}
.codeless_slider .swiper-slide .buttons a{
font-size:9px;
padding-left:20px;
padding-right:20px;
}
.latest_blog .no_carousel .blog-item{
width:300px;
margin-bottom:30px;
padding-left:0;
}
.latest_blog .no_carousel .blog-item:last-child{
margin-bottom:0;
}
.testimonial_carousel .item{
width:300px !important;
}
.clients .item{
width:250px !important;
}
.codeless_slider .swiper-slide .content{
width:300px !important;
}
.codeless_slider .swiper-slide .content.vertical_centered{
margin-left:-150px !important;
}
.codeless_slider .btn-bt{
font-size:10px;
padding:6px 15px;
}
.codeless_news_slider .swiper-slide:hover h1{
bottom:120px !important;
}
.recent_news.events .blog-item dd h5{
font-size:11px; 
}
.codeless_slider .video-wrap .remove_on_mobile{display:none;}
.codeless_slider .video-wrap .video_replace_mobile{
display:block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
}
}
@media (max-width: 979px) {
.section-style.parallax_section{
background-position:0 0 !important;
background-attachment:scroll !important;
}
.block_title.section_title p{
padding:0 14% !important;
}
.codeless_slider .swiper-slide p{
font-size:14px !important;
}
.textbar h2{
width:100%;
text-align:center;
position:relative;
top:0;
margin-top:0;
font-size:22px;
}
.textbar .btn-bt{
left:50%;
float:left;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin-top:20px;
}
.clients .item{
width:200px;
}
.clients_el:hover .pagination a.prev{
left:-30px !important;
}
.clients_el:hover .pagination a.next{
right:-30px !important;
}
.testimonial_carousel .item{
width:724px;
}
.testimonial_carousel_element:hover .pagination a.prev{
left:-10px;
}
.testimonial_carousel_element:hover .pagination a.next{
right:-10px;
}
.row-dynamic-el .media .type_image.alignment_center{
width:100% !important;
left:0 !important;
margin-left:0 !important;
}
.full-width-content .col > .wpb_column{ 
width:100% !important; 
}
.single_staff.modern{
width:100%;
}
.row-dynamic-el .media .type_image.alignment_right{
float:left;
position:relative;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); 
}
}
@media (min-width: 981px) and (max-width: 1100px) {
.codeless_news_slider .swiper-slide:hover h1{
bottom:60px;
}
.codeless_slider .swiper-slide .content{
width:940px !important;
}
.codeless_slider .swiper-slide .content.vertical_centered{
margin-left:-470px !important;
}
.codeless_slider .swiper-slide h1{
font-size:40px !important;
}
.codeless_slider .swiper-slide p{
font-size:16px !important;
}
.textbar h2{
width:100%;
text-align:center;
position:relative;
top:0;
margin-top:0;
}
.textbar .btn-bt{
left:50%;
float:left;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin-top:20px;
}
.testimonial_carousel .item{
width:940px;
}
.testimonial_carousel_element:hover .pagination a.prev{
left:-20px;
}
.testimonial_carousel_element:hover .pagination a.next{
right:-20px;
}
.clients .item{
width:230px;
padding:0 40px;
}
.clients_el:hover .pagination a.prev{
left:-20px;
}
.clients_el:hover .pagination a.next{
right:-20px;
}
.codeless_news_slider .swiper-slide h1{ 
font-size:18px !important;
}
.codeless_news_slider .swiper-slide p{
font-size:13px !important; 
}
}
@media (max-width: 1100px){
.codeless_gallery_carousel.opacity img{
opacity:1;
}
.codeless_gallery_carousel .info > *{
opacity:1;
}
.codeless_gallery_carousel .info{
display:none;
}
}
@media (max-width: 979px){
.codeless_slider .nav-thumbflip .icon-wrap {
width: 28px;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}  .owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 30px; }
.owl-theme .owl-dots {
text-align: left;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot:focus{
border:0;
outline:0;
}
.owl-theme .owl-dots .owl-dot span {
width: 30px;
height: 5px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }.blockquote{
padding:20px;
padding-top:15px;
padding-bottom: 15px;
font-size:16px;
color:#000;
line-height:25px;
margin-top:20px;
margin-bottom: 20px !important;
float:left;
}
.blockquote span.source{
float:right;
padding-top:6px;
font-size:12px;
color:#666;
}  .social_icons_sc{
float:left;
padding-left: 10px;
padding-top: 20px;
}
.social_icons_sc i{
font-size:18px;
color:#333;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
}  .alert h1{
font-size:20px;
width:100%;
float:left;
color:inherit;
}	
.alert .alert_content{
padding-bottom: 18px;
}  .tooltip-inner{
float:left;
width:100%;
}  .dropcaps, .dropcaps.squre{
font-size: 32px;
line-height: 1;
float: left;
margin-right: 10px;
padding: 0.3em 0.5em;
}
.dropcaps.circle{
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-moz-border-radius:50%;
}  .lightbox-gallery img{
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
} 
.lightbox-gallery:hover img {
opacity: 0.7;
}
.lightbox-media img{
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.lightbox-media:hover img{
opacity: 0.7;
}  .highlights {
}  .icon_text{
float:left;
}
.icon_text i{
float:left;
margin-right:7px;
font-size:13px;
color:inherit;
line-height:20px;
}
.icon_text span{
float:left;
color:inherit;
line-height:20px;
}  .contact_information{float:left;}
.contact_information dl{margin:0; padding:0; float:left; width:auto; margin-right:25px;}
.contact_information dl:last-child{margin-right:0;}
.contact_information dt{width:28px;height:28px;}
.contact_information dt i{font-size:24px; line-height: 35px;float: right;}
.contact_information dt .bbm_channels{width:24px; line-height: 35px;height:35px;float: right; background:url(//omp.es/wp-content/plugins/specular-wpbakery-addons/public/img/bbm.png) center no-repeat;}
.contact_information dd{margin-left:40px; margin-top:0px;}
.contact_information dd .title{display:block; font-weight:400; color:#a4a4a4; font-size:12px;}
.contact_information dd p{margin-bottom:0px; color:#444; font-size:12px; font-style: italic; font-weight:500; float:left;margin-top:-4px;}.easyPieChart {
position: relative;
text-align: center;
margin:0 auto;
font-size:55px;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px;
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);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}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}

.he-wrap
{
position:relative;
zoom:1;
display: inline-block;
*display:inline;
position:relative;
}
.he-view,.he-zoom
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;
visibility:hidden;
}
.he-zoom img
{
position:absolute;
top:0;
left:0;
}
.he-zoomstate
{
position:absolute;
bottom:0;
right:0;
background:#c00;
color:#fff;
border-radius:3px 0 0 0;
font-size:12px;
line-height:16px;
padding:0 4px;
box-shadow:-1px -1px 1px rgba(204,0,0,.3);
}
.he-view-show
{
visibility:visible;
}
.he-sliders
{
overflow:hidden;
}
.he-sliders img
{
display:none;
}
.he-sliders img:first-child
{
display:inline-block;
*display:inline;
*zoom:1;
}
.he-pre,.he-next
{
position:absolute;
top:50%;
left:0;
width:61px;
height:35px;
margin-top:-18px;
cursor:pointer;
}
.he-next
{
left:auto;
right:0;
background-position:top right;
}
.a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .6s;
-moz-animation-duration: .6s;
-ms-animation-duration: .6s;
-o-animation-duration: .6s;
animation-duration: .6s;
}
.a1
{
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;
}
.a2
{
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;
}
.a3
{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
}
.a4
{
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s;
}
.a5
{
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.a6
{
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.a7
{
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
animation-delay: 1.4s;
}
@-webkit-keyframes flipInLeft {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity:0.5;
}
60% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
80% {
-webkit-transform: perspective(400px) rotateY(5deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInLeft {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity:0.5;
}
60% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
80% {
-moz-transform: perspective(400px) rotateY(5deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInLeft {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity:0.5;
}
60% {
-o-transform: perspective(400px) rotateY(-10deg);
}
80% {
-o-transform: perspective(400px) rotateY(5deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInLeft {
0% {
transform: perspective(400px) rotateY(90deg);
opacity:0.5;
}
60% {
transform: perspective(400px) rotateY(-10deg);
}
80% {
transform: perspective(400px) rotateY(5deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInLeft {
-webkit-transform-style: preserve-3d;
-webkit-animation-name: flipInLeft;
-webkit-transform-origin: 0 50%;
-moz-transform-style: preserve-3d;
-moz-animation-name: flipInLeft;
-moz-transform-origin: 0 50%;
-o-transform-style: preserve-3d;
-o-animation-name: flipInLeft;
-o-transform-origin: 0 50%;
transform-style: preserve-3d;
animation-name: flipInLeft;
transform-origin: 0 50%;
}
@-webkit-keyframes flipInRight {
0% {
-webkit-transform: perspective(400px) rotateY(-90deg);
opacity:0.5;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInRight {
0% {
-moz-transform: perspective(400px) rotateY(-90deg);
opacity:0.5;
}
60% {
-moz-transform: perspective(400px) rotateY(10deg);
}
80% {
-moz-transform: perspective(400px) rotateY(-5deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInRight {
0% {
-o-transform: perspective(400px) rotateY(-90deg);
opacity:0.5;
}
60% {
-o-transform: perspective(400px) rotateY(10deg);
}
80% {
-o-transform: perspective(400px) rotateY(-5deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInRight {
0% {
transform: perspective(400px) rotateY(-90deg);
opacity:0.5;
}
60% {
transform: perspective(400px) rotateY(10deg);
}
80% {
transform: perspective(400px) rotateY(-5deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInRight {
-webkit-transform-style: preserve-3d;
-webkit-animation-name: flipInRight;
-webkit-transform-origin: 100% 50%;
-moz-transform-style: preserve-3d;
-moz-animation-name: flipInRight;
-moz-transform-origin: 100% 50%;
-o-transform-style: preserve-3d;
-o-animation-name: flipInRight;
-o-transform-origin: 100% 50%;
transform-style: preserve-3d;
animation-name: flipInRight;
transform-origin: 100% 50%;
}
@-webkit-keyframes flipInDown {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
opacity:0.5;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInDown {
0% {
-moz-transform: perspective(400px) rotateX(-90deg);
opacity:0.5;
}
60% {
-moz-transform: perspective(400px) rotateX(10deg);
}
80% {
-moz-transform: perspective(400px) rotateX(-5deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInDown {
0% {
-o-transform: perspective(400px) rotateX(-90deg);
opacity:0.5;
}
60% {
-o-transform: perspective(400px) rotateX(10deg);
}
80% {
-o-transform: perspective(400px) rotateX(-5deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInDown {
0% {
transform: perspective(400px) rotateX(-90deg);
opacity:0.5;
}
60% {
transform: perspective(400px) rotateX(10deg);
}
80% {
transform: perspective(400px) rotateX(-5deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInDown {
-webkit-transform-style: preserve-3d;
-webkit-animation-name: flipInDown;
-webkit-transform-origin: 50% 0%;
-moz-transform-style: preserve-3d;
-moz-animation-name: flipInDown;
-moz-transform-origin: 50% 0%;
-o-transform-style: preserve-3d;
-o-animation-name: flipInDown;
-o-transform-origin: 50% 0%;
transform-style: preserve-3d;
animation-name: flipInDown;
transform-origin: 50% 0%;
}
@-webkit-keyframes flipInUp {
0% {
-webkit-transform: perspective(300px) rotateX(90deg);
opacity:0.5;
}
60% {
-webkit-transform: perspective(300px) rotateX(-10deg);
}
80% {
-webkit-transform: perspective(300px) rotateX(5deg);
}
100% {
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes flipInUp {
0% {
-webkit-transform: perspective(300px) rotateX(90deg);
opacity:0.5;
}
60% {
-webkit-transform: perspective(300px) rotateX(-10deg);
}
80% {
-webkit-transform: perspective(300px) rotateX(5deg);
}
100% {
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInUp {
0% {
-moz-transform: perspective(300px) rotateX(90deg);
opacity:0.5;
}
60% {
-moz-transform: perspective(300px) rotateX(-10deg);
}
80% {
-moz-transform: perspective(300px) rotateX(5deg);
}
100% {
-moz-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInUp {
0% {
-o-transform: perspective(300px) rotateX(90deg);
opacity:0.5;
}
60% {
-o-transform: perspective(300px) rotateX(-10deg);
}
80% {
-o-transform: perspective(300px) rotateX(5deg);
}
100% {
-o-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInUp {
0% {
transform: perspective(300px) rotateX(90deg);
opacity:0.5;
}
60% {
transform: perspective(300px) rotateX(-10deg);
}
80% {
transform: perspective(300px) rotateX(5deg);
}
100% {
transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
.flipInUp {
-webkit-transform-style: preserve-3d;
-webkit-animation-name: flipInUp;
-webkit-transform-origin: 50% 100%;
-moz-transform-style: preserve-3d;
-moz-animation-name: flipInUp;
-moz-transform-origin: 50% 100%;
-o-transform-style: preserve-3d;
-o-animation-name: flipInUp;
-o-transform-origin: 50% 100%;
transform-style: preserve-3d;
animation-name: flipInUp;
transform-origin: 50% 100%;
}
.flipInV,flipInH {
-webkit-transform-style: preserve-3d;
-webkit-animation-name: flipInDown;
-webkit-transform-origin: 50% 50%;
-moz-transform-style: preserve-3d;
-moz-animation-name: flipInDown;
-moz-transform-origin: 50% 50%;
-o-transform-style: preserve-3d;
-o-animation-name: flipInDown;
-o-transform-origin: 50% 50%;
transform-style: preserve-3d;
animation-name: flipInDown;
transform-origin: 50% 50%;
}
.flipInH
{
-webkit-animation-name: flipInLeft;
-moz-animation-name: flipInLeft;
-o-animation-name: flipInLeft;
animation-name: flipInLeft;
}
@-webkit-keyframes zoomIn {
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);
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes zoomIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
-moz-animation-name: zoomIn;
-o-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: .3;
-webkit-transform: scale(.4) translateX(-1000px);
}
70% {
opacity: 1;
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(.95) translateX(0px);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomInLeft {
0% {
opacity: .3;
-moz-transform: scale(.4) translateX(-1000px);
}
70% {
opacity: 1;
-moz-transform: scale(1.05);
}
90% {
-moz-transform: scale(.95) translateX(0px);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes zoomInLeft {
0% {
opacity: .3;
-o-transform: scale(.4) translateX(-1000px);
}
70% {
opacity: 1;
-o-transform: scale(1.05);
}
90% {
-o-transform: scale(.95) translateX(0px);
}
100% {
-o-transform: scale(1);
}
}
@keyframes zoomInLeft {
0% {
opacity: .3;
transform: scale(.4) translateX(-1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% {
transform: scale(.95) translateX(0px);
}
100% {
transform: scale(1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
-moz-animation-name: zoomInLeft;
-o-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: .3;
-webkit-transform: scale(.4) translateX(1000px);
}
70% {
opacity: 1;
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(.95) translateX(0px);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomInRight {
0% {
opacity: .3;
-moz-transform: scale(.4) translateX(1000px);
}
70% {
opacity: 1;
-moz-transform: scale(1.05);
}
90% {
-moz-transform: scale(.95) translateX(0px);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes zoomInRight {
0% {
opacity: .3;
-o-transform: scale(.4) translateX(1000px);
}
70% {
opacity: 1;
-o-transform: scale(1.05);
}
90% {
-o-transform: scale(.95) translateX(0px);
}
100% {
-o-transform: scale(1);
}
}
@keyframes zoomInRight {
0% {
opacity: .3;
transform: scale(.4) translateX(1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% {
transform: scale(.95) translateX(0px);
}
100% {
transform: scale(1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
-moz-animation-name: zoomInRight;
-o-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: .3;
-webkit-transform: scale(.4) translateY(-1000px);
}
70% {
opacity: 1;
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(.95) translateY(0px);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomInUp {
0% {
opacity: .3;
-moz-transform: scale(.4) translateY(-1000px);
}
70% {
opacity: 1;
-moz-transform: scale(1.05);
}
90% {
-moz-transform: scale(.95) translateY(0px);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes zoomInUp {
0% {
opacity: .3;
-o-transform: scale(.4) translateY(-1000px);
}
70% {
opacity: 1;
-o-transform: scale(1.05);
}
90% {
-o-transform: scale(.95) translateY(0px);
}
100% {
-o-transform: scale(1);
}
}
@keyframes zoomInUp {
0% {
opacity: .3;
transform: scale(.4) translateY(-1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% {
transform: scale(.95) translateY(0px);
}
100% {
transform: scale(1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
-moz-animation-name: zoomInUp;
-o-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: .3;
-webkit-transform: scale(.4) translateY(1000px);
}
70% {
opacity: 1;
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(.95) translateY(0px);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomInDown {
0% {
opacity: .3;
-moz-transform: scale(.4) translateY(1000px);
}
70% {
opacity: 1;
-moz-transform: scale(1.05);
}
90% {
-moz-transform: scale(.95) translateY(0px);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes zoomInDown {
0% {
opacity: .3;
-o-transform: scale(.4) translateY(1000px);
}
70% {
opacity: 1;
-o-transform: scale(1.05);
}
90% {
-o-transform: scale(.95) translateY(0px);
}
100% {
-o-transform: scale(1);
}
}
@keyframes zoomInDown {
0% {
opacity: .3;
transform: scale(.4) translateY(1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% {
transform: scale(.95) translateY(0px);
}
100% {
transform: scale(1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
-moz-animation-name: zoomInDown;
-o-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-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 fadeInLeft {
0% {
opacity: 0;
-webkit-transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform:translateX(-100%);
}
100% {
opacity:1;
-moz-transform:translateX(0%);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform:translateX(-100%);
}
100% {
opacity:1;
-o-transform:translateX(0%);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform:translateX(-100%);
}
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(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0%);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform:translateX(100%);
}
100% {
opacity:1;
-moz-transform:translateX(0%);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform:translateX(100%);
}
100% {
opacity:1;
-o-transform:translateX(0%);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform:translateX(100%);
}
100% {
opacity:1;
transform:translateX(0%);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform:translateY(100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0%);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform:translateY(100%);
}
100% {
opacity:1;
-moz-transform:translateY(0%);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform:translateY(100%);
}
100% {
opacity:1;
-o-transform:translateY(0%);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform:translateY(100%);
}
100% {
opacity:1;
transform:translateY(0%);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform:translateY(-100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0%);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform:translateY(-100%);
}
100% {
opacity:1;
-moz-transform:translateY(0%);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform:translateY(-100%);
}
100% {
opacity:1;
-o-transform:translateY(0%);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform:translateY(-100%);
}
100% {
opacity:1;
transform:translateY(0%);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes rotateIn {
0% {
opacity: 0;
-webkit-transform:rotate(360deg) scale(.1);
}
100% {
opacity:1;
-webkit-transform:rotate(0deg) scale(1);
}
}
@-moz-keyframes rotateIn {
0% {
opacity: 0;
-moz-transform:rotate(360deg) scale(.1);
}
100% {
opacity:1;
-moz-transform:rotate(0deg) scale(1);
}
}
@-o-keyframes rotateIn {
0% {
opacity: 0;
-o-transform:rotate(360deg) scale(.1);
}
100% {
opacity:1;
-o-transform:rotate(0deg) scale(1);
}
}
@keyframes rotateIn {
0% {
opacity: 0;
transform:rotate(360deg) scale(.1);
}
100% {
opacity:1;
transform:rotate(0deg) scale(1);
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInLeft
{
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rotateInLeft
{
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rotateInLeft
{
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rotateInLeft
{
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rotateInLeft {
-webkit-animation-name: rotateInLeft;
-moz-animation-name: rotateInLeft;
-o-animation-name: rotateInLeft;
animation-name: rotateInLeft;
}
@-webkit-keyframes rotateInRight
{
0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rotateInRight
{
0% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rotateInRight
{
0% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rotateInRight
{
0% { opacity: 0; transform: translateX(100%) rotate(120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rotateInRight {
-webkit-animation-name: rotateInRight;
-moz-animation-name: rotateInRight;
-o-animation-name: rotateInRight;
animation-name: rotateInRight;
}
@-webkit-keyframes rotateInUp
{
0% { opacity: 0; -webkit-transform: translateY(100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); }
}
@-moz-keyframes rotateInUp
{
0% { opacity: 0; -moz-transform: translateY(100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateY(0px) rotate(0deg); }
}
@-o-keyframes rotateInUp
{
0% { opacity: 0; -o-transform: translateY(100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateY(0px) rotate(0deg); }
}
@keyframes rotateInUp
{
0% { opacity: 0; transform: translateY(100%) rotate(-120deg); }
100% { opacity: 1; transform: translateY(0px) rotate(0deg); }
}
.rotateInUp {
-webkit-animation-name: rotateInUp;
-moz-animation-name: rotateInUp;
-o-animation-name: rotateInUp;
animation-name: rotateInUp;
}
@-webkit-keyframes rotateInDown
{
0% { opacity: 0; -webkit-transform: translateY(-100%) rotate(120deg); }
100% { opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); }
}
@-moz-keyframes rotateInDown
{
0% { opacity: 0; -moz-transform: translateY(-100%) rotate(120deg); }
100% { opacity: 1; -moz-transform: translateY(0px) rotate(0deg); }
}
@-o-keyframes rotateInDown
{
0% { opacity: 0; -o-transform: translateY(-100%) rotate(120deg); }
100% { opacity: 1; -o-transform: translateY(0px) rotate(0deg); }
}
@keyframes rotateInDown
{
0% { opacity: 0; transform: translateY(-100%) rotate(120deg); }
100% { opacity: 1; transform: translateY(0px) rotate(0deg); }
}
.rotateInDown {
-webkit-animation-name: rotateInDown;
-moz-animation-name: rotateInDown;
-o-animation-name: rotateInDown;
animation-name: rotateInDown;
}
@-webkit-keyframes jellyInDown {
0% {
-webkit-transform:translateY(-1000px);
opacity:0;
}
40% {
-webkit-transform:translateY(0px);
opacity:1;
}
50% {
-webkit-transform:scale(1.1, .9);
}
60% {
-webkit-transform:scale(.95, 1.05);
}
70% {
-webkit-transform:scale(1.05, .95);
}
80% {
-webkit-transform:scale(.98, 1.02);
}
90% {
-webkit-transform:scale(1.02, .98);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes jellyInDown {
0% {
-moz-transform:translateY(-1000px);
opacity:0;
}
40% {
-moz-transform:translateY(0px);
opacity:1;
}
50% {
-moz-transform:scale(1.1, .9);
}
60% {
-moz-transform:scale(.95, 1.05);
}
70% {
-moz-transform:scale(1.05, .95);
}
80% {
-moz-transform:scale(.98, 1.02);
}
90% {
-moz-transform:scale(1.02, .98);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes jellyInDown {
0% {
-o-transform:translateY(-1000px);
opacity:0;
}
40% {
-o-transform:translateY(0px);
opacity:1;
}
50% {
-o-transform:scale(1.1, .9);
}
60% {
-o-transform:scale(.95, 1.05);
}
70% {
-o-transform:scale(1.05, .95);
}
80% {
-o-transform:scale(.98, 1.02);
}
90% {
-o-transform:scale(1.02, .98);
}
100% {
-o-transform:scale(1);
}
}
@keyframes jellyInDown {
0% {
transform:translateY(-1000px);
opacity:0;
}
40% {
transform:translateY(0px);
opacity:1;
}
50% {
transform:scale(1.1, .9);
}
60% {
transform:scale(.95, 1.05);
}
70% {
transform:scale(1.05, .95);
}
80% {
transform:scale(.98, 1.02);
}
90% {
transform:scale(1.02, .98);
}
100% {
transform:scale(1);
}
}
.jellyInDown {
-webkit-animation-name: jellyInDown;
-webkit-transform-origin:50% 100%;
-moz-animation-name: jellyInDown;
-moz-transform-origin:50% 100%;
-o-animation-name: jellyInDown;
-o-transform-origin:50% 100%;
animation-name: jellyInDown;
transform-origin:50% 100%;
}
@-webkit-keyframes jellyInUp {
0% {
-webkit-transform:translateY(1000px);
opacity:0;
}
40% {
-webkit-transform:translateY(0px);
opacity:1;
}
50% {
-webkit-transform:scale(1.1, .9);
}
60% {
-webkit-transform:scale(.95, 1.05);
}
70% {
-webkit-transform:scale(1.05, .95);
}
80% {
-webkit-transform:scale(.98, 1.02);
}
90% {
-webkit-transform:scale(1.02, .98);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes jellyInUp {
0% {
-moz-transform:translateY(1000px);
opacity:0;
}
40% {
-moz-transform:translateY(0px);
opacity:1;
}
50% {
-moz-transform:scale(1.1, .9);
}
60% {
-moz-transform:scale(.95, 1.05);
}
70% {
-moz-transform:scale(1.05, .95);
}
80% {
-moz-transform:scale(.98, 1.02);
}
90% {
-moz-transform:scale(1.02, .98);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes jellyInUp {
0% {
-o-transform:translateY(1000px);
opacity:0;
}
40% {
-o-transform:translateY(0px);
opacity:1;
}
50% {
-o-transform:scale(1.1, .9);
}
60% {
-o-transform:scale(.95, 1.05);
}
70% {
-o-transform:scale(1.05, .95);
}
80% {
-o-transform:scale(.98, 1.02);
}
90% {
-o-transform:scale(1.02, .98);
}
100% {
-o-transform:scale(1);
}
}
@keyframes jellyInUp {
0% {
transform:translateY(1000px);
opacity:0;
}
40% {
transform:translateY(0px);
opacity:1;
}
50% {
transform:scale(1.1, .9);
}
60% {
transform:scale(.95, 1.05);
}
70% {
transform:scale(1.05, .95);
}
80% {
transform:scale(.98, 1.02);
}
90% {
transform:scale(1.02, .98);
}
100% {
transform:scale(1);
}
}
.jellyInUp {
-webkit-animation-name: jellyInUp;
-webkit-transform-origin:50% 0%;
-moz-animation-name: jellyInUp;
-moz-transform-origin:50% 0%;
-o-animation-name: jellyInUp;
-o-transform-origin:50% 0%;
animation-name: jellyInUp;
transform-origin:50% 0%;
}
@-webkit-keyframes jellyInLeft {
0% {
-webkit-transform:translateX(-1000px);
opacity:0;
}
40% {
-webkit-transform:translateX(0px);
opacity:1;
}
50% {
-webkit-transform:scale(.9, 1.1);
}
60% {
-webkit-transform:scale(1.05, .95);
}
70% {
-webkit-transform:scale(.95, 1.05);
}
80% {
-webkit-transform:scale(1.02, .98);
}
90% {
-webkit-transform:scale(.98, 1.02);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes jellyInLeft {
0% {
-moz-transform:translateX(-1000px);
opacity:0;
}
40% {
-moz-transform:translateX(0px);
opacity:1;
}
50% {
-moz-transform:scale(.9, 1.1);
}
60% {
-moz-transform:scale(1.05, .95);
}
70% {
-moz-transform:scale(.95, 1.05);
}
80% {
-moz-transform:scale(1.02, .98);
}
90% {
-moz-transform:scale(.98, 1.02);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes jellyInLeft {
0% {
-o-transform:translateX(-1000px);
opacity:0;
}
40% {
-o-transform:translateX(0px);
opacity:1;
}
50% {
-o-transform:scale(.9, 1.1);
}
60% {
-o-transform:scale(1.05, .95);
}
70% {
-o-transform:scale(.95, 1.05);
}
80% {
-o-transform:scale(1.02, .98);
}
90% {
-o-transform:scale(.98, 1.02);
}
100% {
-o-transform:scale(1);
}
}
@keyframes jellyInLeft {
0% {
transform:translateX(-1000px);
opacity:0;
}
40% {
transform:translateX(0px);
opacity:1;
}
50% {
transform:scale(.9, 1.1);
}
60% {
transform:scale(1.05, .95);
}
70% {
transform:scale(.95, 1.05);
}
80% {
transform:scale(1.02, .98);
}
90% {
transform:scale(.98, 1.02);
}
100% {
transform:scale(1);
}
}
.jellyInLeft {
-webkit-animation-name: jellyInLeft;
-webkit-transform-origin:100% 50%;
-moz-animation-name: jellyInLeft;
-moz-transform-origin:100% 50%;
-o-animation-name: jellyInLeft;
-o-transform-origin:100% 50%;
animation-name: jellyInLeft;
transform-origin:100% 50%;
}
@-webkit-keyframes jellyInRight {
0% {
-webkit-transform:translateX(1000px);
opacity:0;
}
40% {
-webkit-transform:translateX(0px);
opacity:1;
}
50% {
-webkit-transform:scale(.9, 1.1);
}
60% {
-webkit-transform:scale(1.05, .95);
}
70% {
-webkit-transform:scale(.95, 1.05);
}
80% {
-webkit-transform:scale(1.02, .98);
}
90% {
-webkit-transform:scale(.98, 1.02);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes jellyInRight {
0% {
-moz-transform:translateX(1000px);
opacity:0;
}
40% {
-moz-transform:translateX(0px);
opacity:1;
}
50% {
-moz-transform:scale(.9, 1.1);
}
60% {
-moz-transform:scale(1.05, .95);
}
70% {
-moz-transform:scale(.95, 1.05);
}
80% {
-moz-transform:scale(1.02, .98);
}
90% {
-moz-transform:scale(.98, 1.02);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes jellyInRight {
0% {
-o-transform:translateX(1000px);
opacity:0;
}
40% {
-o-transform:translateX(0px);
opacity:1;
}
50% {
-o-transform:scale(.9, 1.1);
}
60% {
-o-transform:scale(1.05, .95);
}
70% {
-o-transform:scale(.95, 1.05);
}
80% {
-o-transform:scale(1.02, .98);
}
90% {
-o-transform:scale(.98, 1.02);
}
100% {
-o-transform:scale(1);
}
}
@keyframes jellyInRight {
0% {
transform:translateX(1000px);
opacity:0;
}
40% {
transform:translateX(0px);
opacity:1;
}
50% {
transform:scale(.9, 1.1);
}
60% {
transform:scale(1.05, .95);
}
70% {
transform:scale(.95, 1.05);
}
80% {
transform:scale(1.02, .98);
}
90% {
transform:scale(.98, 1.02);
}
100% {
transform:scale(1);
}
}
.jellyInRight {
-webkit-animation-name: jellyInRight;
-webkit-transform-origin:0% 50%;
-moz-animation-name: jellyInRight;
-moz-transform-origin:0% 50%;
-o-animation-name: jellyInRight;
-o-transform-origin:0% 50%;
animation-name: jellyInRight;
transform-origin:0% 50%;
}
@-webkit-keyframes bounceInLeft {
0% {
-webkit-transform:translateX(-1000px);
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(0px);
}
52% {
-webkit-transform:translateX(-24px);
-webkit-animation-timing-function:ease-in;
}
70% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out;
}
79% {
-webkit-transform:translateX(-8px);
-webkit-animation-timing-function:ease-in;
}
88% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out;
}
94% {
-webkit-transform:translateX(-3px);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:translateX(0px);
}
}
@-moz-keyframes bounceInLeft {
0% {
-moz-transform:translateX(-1000px);
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateX(0px);
}
52% {
-moz-transform:translateX(-24px);
-moz-animation-timing-function:ease-in;
}
70% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out;
}
79% {
-moz-transform:translateX(-8px);
-moz-animation-timing-function:ease-in;
}
88% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out;
}
94% {
-moz-transform:translateX(-3px);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:translateX(0px);
}
}
@-o-keyframes bounceInLeft {
0% {
-o-transform:translateX(-1000px);
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateX(0px);
}
52% {
-o-transform:translateX(-24px);
-o-animation-timing-function:ease-in;
}
70% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out;
}
79% {
-o-transform:translateX(-8px);
-o-animation-timing-function:ease-in;
}
88% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out;
}
94% {
-o-transform:translateX(-3px);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:translateX(0px);
}
}
@keyframes bounceInLeft {
0% {
transform:translateX(-1000px);
}
34% {
animation-timing-function:ease-out;
transform:translateX(0px);
}
52% {
transform:translateX(-24px);
animation-timing-function:ease-in;
}
70% {
transform:translateX(0px);
animation-timing-function:ease-out;
}
79% {
transform:translateX(-8px);
animation-timing-function:ease-in;
}
88% {
transform:translateX(0px);
animation-timing-function:ease-out;
}
94% {
transform:translateX(-3px);
animation-timing-function:ease-in;
}
100% {
transform:translateX(0px);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
-webkit-transform:translateX(1000px);
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(0px);
}
52% {
-webkit-transform:translateX(24px);
-webkit-animation-timing-function:ease-in;
}
70% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out;
}
79% {
-webkit-transform:translateX(8px);
-webkit-animation-timing-function:ease-in;
}
88% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out;
}
94% {
-webkit-transform:translateX(3px);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:translateX(0px);
}
}
@-moz-keyframes bounceInRight {
0% {
-moz-transform:translateX(1000px);
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateX(0px);
}
52% {
-moz-transform:translateX(24px);
-moz-animation-timing-function:ease-in;
}
70% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out;
}
79% {
-moz-transform:translateX(8px);
-moz-animation-timing-function:ease-in;
}
88% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out;
}
94% {
-moz-transform:translateX(3px);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:translateX(0px);
}
}
@-o-keyframes bounceInRight {
0% {
-o-transform:translateX(1000px);
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateX(0px);
}
52% {
-o-transform:translateX(24px);
-o-animation-timing-function:ease-in;
}
70% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out;
}
79% {
-o-transform:translateX(8px);
-o-animation-timing-function:ease-in;
}
88% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out;
}
94% {
-o-transform:translateX(3px);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:translateX(0px);
}
}
@keyframes bounceInRight {
0% {
transform:translateX(1000px);
}
34% {
animation-timing-function:ease-out;
transform:translateX(0px);
}
52% {
transform:translateX(24px);
animation-timing-function:ease-in;
}
70% {
transform:translateX(0px);
animation-timing-function:ease-out;
}
79% {
transform:translateX(8px);
animation-timing-function:ease-in;
}
88% {
transform:translateX(0px);
animation-timing-function:ease-out;
}
94% {
transform:translateX(3px);
animation-timing-function:ease-in;
}
100% {
transform:translateX(0px);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
-webkit-transform:translateY(1000px);
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(0px);
}
52% {
-webkit-transform:translateY(24px);
-webkit-animation-timing-function:ease-in;
}
70% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
79% {
-webkit-transform:translateY(8px);
-webkit-animation-timing-function:ease-in;
}
88% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
94% {
-webkit-transform:translateY(3px);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:translateY(0px);
}
}
@-moz-keyframes bounceInUp {
0% {
-moz-transform:translateY(1000px);
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateY(0px);
}
52% {
-moz-transform:translateY(24px);
-moz-animation-timing-function:ease-in;
}
70% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
79% {
-moz-transform:translateY(8px);
-moz-animation-timing-function:ease-in;
}
88% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
94% {
-moz-transform:translateY(3px);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:translateY(0px);
}
}
@-o-keyframes bounceInUp {
0% {
-o-transform:translateY(1000px);
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateY(0px);
}
52% {
-o-transform:translateY(24px);
-o-animation-timing-function:ease-in;
}
70% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
79% {
-o-transform:translateY(8px);
-o-animation-timing-function:ease-in;
}
88% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
94% {
-o-transform:translateY(3px);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:translateY(0px);
}
}
@keyframes bounceInUp {
0% {
transform:translateY(1000px);
}
34% {
animation-timing-function:ease-out;
transform:translateY(0px);
}
52% {
transform:translateY(24px);
animation-timing-function:ease-in;
}
70% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
79% {
transform:translateY(8px);
animation-timing-function:ease-in;
}
88% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
94% {
transform:translateY(3px);
animation-timing-function:ease-in;
}
100% {
transform:translateY(0px);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
-webkit-transform:translateY(-1000px);
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(0px);
}
52% {
-webkit-transform:translateY(-24px);
-webkit-animation-timing-function:ease-in;
}
70% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
79% {
-webkit-transform:translateY(-8px);
-webkit-animation-timing-function:ease-in;
}
88% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
94% {
-webkit-transform:translateY(-3px);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:translateY(0px);
}
}
@-moz-keyframes bounceInDown {
0% {
-moz-transform:translateY(-1000px);
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateY(0px);
}
52% {
-moz-transform:translateY(-24px);
-moz-animation-timing-function:ease-in;
}
70% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
79% {
-moz-transform:translateY(-8px);
-moz-animation-timing-function:ease-in;
}
88% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
94% {
-moz-transform:translateY(-3px);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:translateY(0px);
}
}
@-o-keyframes bounceInDown {
0% {
-o-transform:translateY(-1000px);
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateY(0px);
}
52% {
-o-transform:translateY(-24px);
-o-animation-timing-function:ease-in;
}
70% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
79% {
-o-transform:translateY(-8px);
-o-animation-timing-function:ease-in;
}
88% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
94% {
-o-transform:translateY(-3px);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:translateY(0px);
}
}
@keyframes bounceInDown {
0% {
transform:translateY(-1000px);
}
34% {
animation-timing-function:ease-out;
transform:translateY(0px);
}
52% {
transform:translateY(-24px);
animation-timing-function:ease-in;
}
70% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
79% {
transform:translateY(-8px);
animation-timing-function:ease-in;
}
88% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
94% {
transform:translateY(-3px);
animation-timing-function:ease-in;
}
100% {
transform:translateY(0px);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounce {
0% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(0px);
}
37% {
-webkit-transform:translateY(-24px);
-webkit-animation-timing-function:ease-in;
}
54% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
68% {
-webkit-transform:translateY(-8px);
-webkit-animation-timing-function:ease-in;
}
82% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out;
}
91% {
-webkit-transform:translateY(-3px);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:translateY(0px);
}
}
@-moz-keyframes bounce {
0% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateY(0px);
}
37% {
-moz-transform:translateY(-24px);
-moz-animation-timing-function:ease-in;
}
54% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
68% {
-moz-transform:translateY(-8px);
-moz-animation-timing-function:ease-in;
}
82% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out;
}
91% {
-moz-transform:translateY(-3px);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:translateY(0px);
}
}
@-o-keyframes bounce {
0% {
-o-animation-timing-function:ease-out;
-o-transform:translateY(0px);
}
37% {
-o-transform:translateY(-24px);
-o-animation-timing-function:ease-in;
}
54% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
68% {
-o-transform:translateY(-8px);
-o-animation-timing-function:ease-in;
}
82% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out;
}
91% {
-o-transform:translateY(-3px);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:translateY(0px);
}
}
@keyframes bounce {
0% {
animation-timing-function:ease-out;
transform:translateY(0px);
}
37% {
transform:translateY(-24px);
animation-timing-function:ease-in;
}
54% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
68% {
transform:translateY(-8px);
animation-timing-function:ease-in;
}
82% {
transform:translateY(0px);
animation-timing-function:ease-out;
}
91% {
transform:translateY(-3px);
animation-timing-function:ease-in;
}
100% {
transform:translateY(0px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes elasticInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-1000px);
-webkit-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-webkit-animation-timing-function:ease-in-out;
}
80% {
-webkit-transform: translateX(-10px);
-webkit-animation-timing-function:ease-in-out;
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes elasticInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-1000px);
-moz-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
-moz-animation-timing-function:ease-in-out;
}
80% {
-moz-transform: translateX(-10px);
-moz-animation-timing-function:ease-in-out;
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes elasticInLeft {
0% {
opacity: 0;
-o-transform: translateX(-1000px);
-o-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-o-transform: translateX(30px);
-o-animation-timing-function:ease-in-out;
}
80% {
-o-transform: translateX(-10px);
-o-animation-timing-function:ease-in-out;
}
100% {
-o-transform: translateX(0);
}
}
@keyframes elasticInLeft {
0% {
opacity: 0;
transform: translateX(-1000px);
animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
transform: translateX(30px);
animation-timing-function:ease-in-out;
}
80% {
transform: translateX(-10px);
animation-timing-function:ease-in-out;
}
100% {
transform: translateX(0);
}
}
.elasticInLeft {
-webkit-animation-name: elasticInLeft;
-moz-animation-name: elasticInLeft;
-o-animation-name: elasticInLeft;
animation-name: elasticInLeft;
}
@-webkit-keyframes elasticInRight {
0% {
opacity: 0;
-webkit-transform: translateX(1000px);
-webkit-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-webkit-animation-timing-function:ease-in-out;
}
80% {
-webkit-transform: translateX(10px);
-webkit-animation-timing-function:ease-in-out;
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes elasticInRight {
0% {
opacity: 0;
-moz-transform: translateX(1000px);
-moz-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
-moz-animation-timing-function:ease-in-out;
}
80% {
-moz-transform: translateX(10px);
-moz-animation-timing-function:ease-in-out;
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes elasticInRight {
0% {
opacity: 0;
-o-transform: translateX(1000px);
-o-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
-o-animation-timing-function:ease-in-out;
}
80% {
-o-transform: translateX(10px);
-o-animation-timing-function:ease-in-out;
}
100% {
-o-transform: translateX(0);
}
}
@keyframes elasticInRight {
0% {
opacity: 0;
transform: translateX(1000px);
animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
transform: translateX(-30px);
animation-timing-function:ease-in-out;
}
80% {
transform: translateX(10px);
animation-timing-function:ease-in-out;
}
100% {
transform: translateX(0);
}
}
.elasticInRight {
-webkit-animation-name: elasticInRight;
-moz-animation-name: elasticInRight;
-o-animation-name: elasticInRight;
animation-name: elasticInRight;
}
@-webkit-keyframes elasticInUp {
0% {
opacity: 0;
-webkit-transform: translateY(1000px);
-webkit-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-webkit-animation-timing-function:ease-in-out;
}
80% {
-webkit-transform: translateY(10px);
-webkit-animation-timing-function:ease-in-out;
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes elasticInUp {
0% {
opacity: 0;
-moz-transform: translateY(1000px);
-moz-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
-moz-animation-timing-function:ease-in-out;
}
80% {
-moz-transform: translateY(10px);
-moz-animation-timing-function:ease-in-out;
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes elasticInUp {
0% {
opacity: 0;
-o-transform: translateY(1000px);
-o-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
-o-animation-timing-function:ease-in-out;
}
80% {
-o-transform: translateY(10px);
-o-animation-timing-function:ease-in-out;
}
100% {
-o-transform: translateY(0);
}
}
@keyframes elasticInUp {
0% {
opacity: 0;
transform: translateY(1000px);
animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
transform: translateY(-30px);
animation-timing-function:ease-in-out;
}
80% {
transform: translateY(10px);
animation-timing-function:ease-in-out;
}
100% {
transform: translateY(0);
}
}
.elasticInUp {
-webkit-animation-name: elasticInUp;
-moz-animation-name: elasticInUp;
-o-animation-name: elasticInUp;
animation-name: elasticInUp;
}
@-webkit-keyframes elasticInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
-webkit-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-webkit-animation-timing-function:ease-in-out;
}
80% {
-webkit-transform: translateY(-10px);
-webkit-animation-timing-function:ease-in-out;
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes elasticInDown {
0% {
opacity: 0;
-moz-transform: translateY(-1000px);
-moz-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
-moz-animation-timing-function:ease-in-out;
}
80% {
-moz-transform: translateY(-10px);
-moz-animation-timing-function:ease-in-out;
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes elasticInDown {
0% {
opacity: 0;
-o-transform: translateY(-1000px);
-o-animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
-o-transform: translateY(30px);
-o-animation-timing-function:ease-in-out;
}
80% {
-o-transform: translateY(-10px);
-o-animation-timing-function:ease-in-out;
}
100% {
-o-transform: translateY(0);
}
}
@keyframes elasticInDown {
0% {
opacity: 0;
transform: translateY(-1000px);
animation-timing-function:ease-in-out;
}
60% {
opacity: 1;
transform: translateY(30px);
animation-timing-function:ease-in-out;
}
80% {
transform: translateY(-10px);
animation-timing-function:ease-in-out;
}
100% {
transform: translateY(0);
}
}
.elasticInDown {
-webkit-animation-name: elasticInDown;
-moz-animation-name: elasticInDown;
-o-animation-name: elasticInDown;
animation-name: elasticInDown;
}
@-webkit-keyframes shake
{
10%
{
-webkit-transform:translateX(7px);
}
30%
{
-webkit-transform:translateX(-7px);
}
50%
{
-webkit-transform:translateX(5px);
}
70%
{
-webkit-transform:translateX(-5px);
}
90%
{
-webkit-transform:translateX(3px);
}
100%
{
-webkit-transform:translateX(0px);
}
}
@-moz-keyframes shake
{
10%
{
-moz-transform:translateX(7px);
}
30%
{
-moz-transform:translateX(-7px);
}
50%
{
-moz-transform:translateX(5px);
}
70%
{
-moz-transform:translateX(-5px);
}
90%
{
-moz-transform:translateX(3px);
}
100%
{
-moz-transform:translateX(0px);
}
}
@-o-keyframes shake
{
10%
{
-o-transform:translateX(7px);
}
30%
{
-o-transform:translateX(-7px);
}
50%
{
-o-transform:translateX(5px);
}
70%
{
-o-transform:translateX(-5px);
}
90%
{
-o-transform:translateX(3px);
}
100%
{
-o-transform:translateX(0px);
}
}
@keyframes shake
{
10%
{
transform:translateX(7px);
}
30%
{
transform:translateX(-7px);
}
50%
{
transform:translateX(5px);
}
70%
{
transform:translateX(-5px);
}
90%
{
transform:translateX(3px);
}
100%
{
transform:translateX(0px);
}
}
.shake
{
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes pendulum
{
10% { -webkit-transform: rotate(15deg); }	
30% { -webkit-transform: rotate(-10deg); }
50% { -webkit-transform: rotate(5deg); }	
70% { -webkit-transform: rotate(-5deg); }
90%{ -webkit-transform: rotate(2deg);}
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes pendulum
{
10% { -moz-transform: rotate(15deg); }	
30% { -moz-transform: rotate(-10deg); }
50% { -moz-transform: rotate(5deg); }	
70% { -moz-transform: rotate(-5deg); }
90%{ -moz-transform: rotate(2deg);}
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes pendulum
{
10% { -o-transform: rotate(15deg); }	
30% { -o-transform: rotate(-10deg); }
50% { -o-transform: rotate(5deg); }	
70% { -o-transform: rotate(-5deg); }
90%{ -o-transform: rotate(2deg);}
100% { -o-transform: rotate(0deg); }
}
@keyframes pendulum
{
10% { transform: rotate(15deg); }	
30% { transform: rotate(-10deg); }
50% { transform: rotate(5deg); }	
70% { transform: rotate(-5deg); }
90%{ transform: rotate(2deg);}
100% { transform: rotate(0deg); }
}
.pendulum
{
-webkit-animation-name: pendulum;
-moz-animation-name: pendulum;
-o-animation-name: pendulum;
animation-name: pendulum;
}.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}