@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%;
}
}html {
overflow-x:hidden;
}
body {
margin-right:0 !important;
-webkit-font-smoothing:antialiased;
}
.light h1, .light h2,.light h3,.light h4, .light h5, .light h6{
color:#fff;
}
body .light{color:#eee;}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
margin:10px 0;
text-align: center;
font-size:14px;
font-style:italic;
} 
.wp-caption {
max-width: 100%;
padding: 4px;
float: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top:20px;
margin-bottom: 10px;
float:left;
}
.wp-caption.alignleft {
margin-right: 20px;
float:left;
}
.wp-caption.alignright {
margin-left: 20px;
float:right;
}
.wp-caption-text {
padding-left: 7px;
margin-bottom: 7px;
text-align: center;
font-size: 13px;
}
.sticky {
display:inherit;
}
.gallery-caption {
display:inherit;
}
.bypostauthor {
display:inherit;
}
.alignleft {
float: left;
margin: 1em 1em 2em 0;
}
.alignright {
float:right;
margin-left:20px;
}
.aligncenter {
display:block;
float:none !important;
margin-left:auto;
margin-right:auto;
}
.wp-caption > a {
display:block;
padding:5px;
padding-bottom:0px;
}
table{
margin-bottom:20px;
margin-top:20px;
}
.wp-caption.alignleft{
margin-right:20px;
}
.wp-caption.alignright{
margin-left:20px;
}
.wp-caption-text {
padding-left:7px;
margin-bottom:7px;
text-align:center;
font-size:13px;
}
#content .row > .span12 > h1, 
#content .row > .span12 > h2, 
#content .row > .span12 > h3, 
#content .row > .span12 > h4, 
#content .row > .span12 > h5, 
#content .row > .span12 > h6 {
margin: 1.414em 0 0.5em; 
}
#content .row > .span12 > p {
margin-bottom: 1.3em; 
margin-top:0;
}
article .content .text h1,
article .content .text h2,
article .content .text h3,
article .content .text h4,
article .content .text h5,
article .content .text h6{
margin: 1.414em 0 0.5em; 
}
article .content .text > p {
margin-bottom: 1.3em; 
margin-top:0;
}
.comment .comment_text h1,
.comment .comment_text h2,
.comment .comment_text h3,
.comment .comment_text h4,
.comment .comment_text h5,
.comment .comment_text h6{
margin: 1.414em 0 0.5em; 
}
.comment .comment_text > p {
margin-bottom: 1.3em; 
margin-top:0;
}
article .content .text table, #content .row > .span12 table, #comments table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
article .content .text thead th, #content .row > .span12 table thead th, #comments table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
article .content .text th, #content .row > .span12 table th, #comments table th {
padding: 0.4em;
text-align: left;
}
article .content .text tr, #content .row > .span12 table tr, #comments table tr {
border-bottom: 1px solid #eee;
}
article .content .text td, #content .row > .span12 table td, #comments table td {
padding: 0.4em;
}
article .content .text th:first-child, #content .row > .span12 table th:first-child,
article .content .text td:first-child, #content .row > .span12 table td:first-child,
#comments table th:first-child, #comments table td:first-child {
padding-left: 5px;
}
article .content .text th:last-child, #content .row > .span12 table th:last-child,
article .content .text td:last-child, #content .row > .span12 table th:last-child,
#comments table th:last-child, #comments table td:last-child {
padding-right: 0;
}
.wp-caption-text,.gallery-caption,.entry-caption {
line-height:1.5em;
}
img.wp-smiley,.rsswidget img {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
box-shadow:none;
margin-bottom:0;
margin-top:0;
padding: 0;
} .entry-content dl.gallery-item {
margin:0;
}
.sticky {
padding:5% !important;
width:90%;
background:#fff;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.post-password-form input[type="password"]{
background:#fff;
height:30px;
}
article embed{max-width:100%;}
a {
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration: 0.4s;
}
.scrollup {
width:50px;
height:50px;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background-image: url(//www.belladancemodesto.com/wp-content/themes/specular/img/icon_top.png);
background-repeat:no-repeat;
background-position:center;
background-color:rgba(34,34,34,0.6);
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.tp-caption a i{color:#fff !important;}    body{
-webkit-font-smoothing: subpixel-antialiased;
}
h1 {
line-height:46px;
margin-top:0;
margin-bottom:0;
}
h2 {
line-height:20px;
margin-top:0;
margin-bottom:0;
}
h3 {
line-height:20px;
margin-top:0;
margin-bottom:0;
}
h4 {
line-height:20px;
margin-top:0;
margin-bottom:0;
}
h5 {
line-height:20px;
margin-top:0;
margin-bottom:0;
}
h6 {
line-height:20px;
margin-top:0;
margin-bottom:0;
}
h1 > a,h2 > a,h3 > a,h4 > a,h5 > a,h6 > a{color:inherit;}    .top_nav {
width:100%;
position:relative;
top:0;
left: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;
opacity:1;
z-index:33;
}
.adjustsub .menu li .sub-menu {
top:58px;
}
.top_nav .widget {
float:left;
display:table;
padding-left:8px;
padding-right:8px;
}
.top_nav .widget span {
}
.top_nav .widget:first-child {
padding-left:0;
border-left:none;
}
.top_nav .widget:last-child {
padding-right:0;
border-right:none;
}
.top_nav .widget_text {
float:left;
}
.topinfo{margin-top:5px;}
.top_nav .topinfo .phone{background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/phone.png) no-repeat 0; width:20px; height:20px; padding-left:21px; padding-right:21px;}
.top_nav .topinfo .email{background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/envelope.png) no-repeat 0; width:20px; height:20px; padding-left:21px; padding-right:5px;}
.top_nav .widget {
}
.top_nav .textwidget{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.top_nav .social_widget ul {
margin:0;
padding:0;
list-style:none;
padding-top:5px
}
.top_nav .social_widget ul li {
height: auto;
float:left;
margin-right:10px;
opacity: 1 !important;
position: relative; 
overflow: hidden;
}
.top_nav .social_widget ul li:first-child {
margin-left:0;
}
.top_nav .social_widget ul li a {
float:left;
width:100%;
}
.top_nav .social_widget .row-fluid {
display:none
}
.top_nav .social_widget .social_row {
display:block;
}
.top_nav .social_widget li i {
float:left;
width:100%;
height:100%;
line-height:26px;
font-size:17px;
display:block;
text-align:center;
padding-left: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;
position: relative;
z-index: 9999;
}
.top_nav .social_widget li a:hover {
text-decoration:none;
display:block;
}
.top_nav .megamenu_container{
height: 100%;
float: left;
display: table;
}
.top_nav .social_widget ul li:last-child {
margin-right:0
}
.top_nav .widget ul {
list-style:none;
margin:0;
padding:0;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.top_nav .widget ul li {
float:left;
padding-left:5px;
padding-right:5px;
}
.top_nav .icl_languages_selector a.lang_sel_sel {
border:none !important;
font-size:12px !important;
line-height:21px !important;
padding-left:0 !important;
}
.top_nav #lang_sel ul ul{left: 1px !important; background: #fafafa !important; top:31px !important; border-top:0px !important; visibility: visible !important; display: none;}
.top_nav #lang_sel ul li:hover ul, .top_nav #lang_sel ul a:hover ul {display: block !important;}
.top_nav #lang_sel ul ul li{border: 1px solid #eef1f2 !important; border-bottom: none !important;  background: #fafafa !important; color:#555 !important; padding-top: 5px !important; padding-bottom:5px !important;}
.top_nav #lang_sel ul ul li:last-child{border-bottom: 1px solid #eef1f2  !important;}
.top_nav #lang_sel ul ul li :hover{background: #fafafa !important;}
.top_nav #lang_sel ul ul a{background: #fafafa !important;}
.top_nav #lang_sel a, .top_nav #lang_sel a:visited{border:none;}
.top_nav #lang_sel > ul > li{height:40px;} 
.top_nav .widget.icl_languages_selector{margin-top:9px; height:15px;}
.top_nav .icl_languages_selector img.iclflag {
top:-1px !important;
}
.top_nav .icl_languages_selector li {
width:97px !important;
}
.top_nav .icl_languages_selector ul ul li {
width:160px !important;
}
.top_nav .icl_languages_selector ul,.top_nav .icl_languages_selector li {
z-index:50000;
}
.top_nav .icl_languages_selector ul ul {
width:160px !important;
left:-21px !important;
}
.top_nav .icl_languages_selector ul ul a,.top_nav .icl_languages_selector ul ul a:visited {
padding-left: 21px !important;
}
.top_nav .icon_text{
display: table-cell;
vertical-align: middle;
text-align: center;
float:none;
}
.top_nav .widget_search input[type="text"] {
border:1px solid #e1e1e1 !important;
width:100%;
height:30px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
padding:5px 13px;
border-radius:none;
-webkit-border-radius:none;
-moz-border-radius:none;
}
.top_nav #search-form:after{
content: "\e1b7";
font-family: 'moon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
position:absolute;
right:15px;
top:7px;
font-size:14px;
display:inline;
width:auto;
height:auto;
line-height:normal;
vertical-align:baseline;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0;
color:#bbb;
}
.top_nav #search-form{width:100%; float:left; position:relative; margin-bottom:0; margin-top:5px;}
.top_nav #search-form .more, .top_nav #search-form .more{
display:none;
}
@media (max-width:767px){
.top_nav_mobile{
height:auto !important;
padding-top:5px;
padding-bottom:10px;
}
.top_nav_mobile .widget{
height:auto !important;
padding-top:5px;
padding-left: 0 !important;
display: block !important;
}
.top_nav_mobile .span6{
min-height:auto;
}
.top_nav_mobile .pull-right{
float:left
}
.top_nav_mobile .widget ul li:first-child{
padding-left:0 !important;
}
}    #logo {
float:left;
height:100%
}
#logo a{
float:left;
height:100%;
}
header#header {
position:relative;
z-index:10000;
}
#logo img {
max-width:none;
top:50%;
position:relative;
}
#logo img.dark{
display:block;
visibility: visible;
}
#logo img.light{
display:none;
visibility: hidden;
}
.background--dark #logo img.light{
display:block;
visibility: visible;
}
.background--dark #logo img.dark{
display:none;
visibility: hidden;
}
.logo_only_sticky .header_wrapper #logo{
-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;
}
@media (max-width:979px){
body.sticky_on_mobile .header_wrapper{
position:fixed !important;
top:0;
left:0;
}
body.sticky_on_mobile.admin-bar .header_wrapper{
top:32px;
}
}
.header_wrapper {
width:100%;
position:relative;
float:left;
z-index:32;
}
header#header .container {
position:relative;
}
header#header .row-fluid .span12
header#header .row-fluid {
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
header#header.animate_this .row-fluid {
padding-top:0;
padding-bottom:0;
}
header#header.animate_reverse .row-fluid {
padding-top:22px;
padding-bottom:22px;
}  header#header #navigation {
float:right;
height:100%;
}
nav {
float:left;
width:100%;
height:100%;
}
nav .menu {
float:left;
padding:0;
margin:0;
list-style:none;
text-align:center;
height:100%;
margin-top:0
}
nav .menu li {
float:left;
position:relative;
height:100%;
}
nav .menu>li:hover>a {
}
nav .menu>li>a {
position:relative;
top:50%;
margin-top:-10px;
float: left;
}
nav .menu li a:hover {
text-decoration:none;
}
nav .menu > li > ul.sub-menu, nav .menu > li > ul.sub-menu ul {
list-style:none;
margin:0 !important;
display:none;
position:absolute;
left:0;
top:100%;
left:6px;
z-index:9999999;
padding:10px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
nav .menu li > ul.sub-menu li {
z-index:50005;
float:left;
text-align:left;
margin:0 !important;
padding:0 !important;
height:auto;
display:block;
width:100%;
}
nav .menu li ul.sub-menu li a {
float:left;
padding:7px 12px;
}
nav .menu > li > ul.sub-menu li > .sub-menu {
top:0 !important;
left:100%; 
}
nav .menu li ul.sub-menu li:last-child {
border-bottom:none;
}
nav .codeless_custom_menu_mega_menu {
display:none;
position:absolute;
right:0px;
top:100%;
z-index:9999999;
width:160px;
padding:10px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom left;
}
nav .codeless_custom_menu_mega_menu.codeless_mega1 {
width:255px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega1 li {
width:195px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega2 {
width:600px !important;
left:0;
}
nav .codeless_custom_menu_mega_menu.codeless_mega2 li {
width:280px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega3 { 
width:620px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega3 li {
width:174px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega4 {
width:1100px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega4 li {
width:240px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega5 {
width:1100px !important;
}
nav .codeless_custom_menu_mega_menu.codeless_mega5 li {
width:198px !important;
}
nav .codeless_custom_menu_mega_menu li:first-child{border-left:none;}
nav .codeless_custom_menu_mega_menu li li {
margin-left:0 !important;
}
nav .codeless_custom_menu_mega_menu ul ul ul {
margin-top:0px;
margin-bottom:0;
}
nav .codeless_custom_menu_mega_menu ul>li {
float:left;
padding:0;
margin:0;
height:auto;
padding-left:10px;
padding-right:10px;
}
nav .codeless_custom_menu_mega_menu ul>li li {
margin-left:0 !important;
}
nav .codeless_custom_menu_mega_menu ul>li h6{
margin-top:10px;
text-align: left;
padding-left:12px;
margin-bottom:10px;
font-weight:600;
}
nav .codeless_custom_menu_mega_menu ul {
float:left;
display:block !important;
position:relative !important;
margin:0;
padding:0;
background-color:transparent !important;
border-top:none !important;
list-style:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
nav .codeless_custom_menu_mega_menu > ul{
float:left;
display:block;
padding:15px !important;
width:100%;
}
nav .codeless_custom_menu_mega_menu > ul > li:first-child{
margin-left:0 !important;
}
nav .menu li:first-child {
margin-left: 0;
}
.header_wrapper:not(.header_8) nav .menu > li:last-child{padding-right:0; margin-right:0;}
.select-menu {
display:none
}    .mobile_small_menu{
display:none; 
position: absolute;
top: 50%;
margin-top: -10px;
}
.mobile_small_menu.open:before{
content: "\f0c9";
font-family: FontAwesome;
font-size:24px;
line-height:21px;
}
.mobile_small_menu.close:before{
content: "\f0c9";
font-family: FontAwesome;
font-size:24px;
line-height:21px;
}
.menu-small{
display: none;
float: left;
width: 100%;
z-index: 100000;
position: relative;
}
.menu-small ul.menu{list-style:none; margin:0; padding:0; padding-top:20px; padding-bottom:20px;float:left;width:100%;}
.menu-small ul.menu:first-child{padding-bottom:0;}
.menu-small ul.menu:first-child:last-child{padding-bottom:20px;} 
.menu-small ul.menu:nth-child(2){padding-top:0}
.menu-small ul li{float:left; width:100%;}
.menu-small ul li a{ margin:0 auto; padding-left:12%; float: left; width:100%;margin-top: 8px;margin-bottom: 8px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.menu-small ul.menu > li > ul{margin:0; padding:0; list-style:none;}
.menu-small ul.menu > li > ul > li > a{padding-left:13%;}
.menu-small ul.menu > li > ul > li > ul{margin:0; padding:0; list-style:none;}
.menu-small ul.menu > li > ul > li > ul > li > a{padding-left:14%;}
.menu-small ul.menu .codeless_custom_menu_mega_menu h6{padding-left:12.5%;margin-top:20px;}
.menu-small ul.menu .codeless_custom_menu_mega_menu > ul{margin:0; padding:0; list-style:none;}
.menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > a{padding-left:30px;}
.menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > ul{margin:0; padding:0; list-style:none; padding-left:13%;}
.menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > ul > li > a{padding-left:30px;}    .header_tools{display:table; height:100%; padding-left:20px;float:right;}
.header_tools .vert_mid{vertical-align: middle;display:table-cell;}
#navigation{padding-right:0px;}    .header_tools .vert_mid > a, .header_tools .cart{
margin-right:20px;
}
.header_tools .cart{float:left; margin-right:20px;z-index:9999999;}
.header_tools .vert_mid > a:last-child, .header_tools .cart:last-child{
margin-right:0;
}
.header_tools .right_search{font-size:14px !important; float:left; }
.header_tools .cart_icon{font-size:14px !important; float:left;position:relative;}
.header_tools .cart_icon .count{background:#222; color:#fff; position:absolute; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; top:10px; width:20px; height:20px; text-align:center; line-height:20px; right:-10px;font-size:11px;} .header_tools .cart .content{
display:none; 
position:absolute; 
top:100%; 
width:260px;  
z-index:9999999999; 
right:0;
list-style:none;
margin:0 !important;
padding:20px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
.header_tools .cart .content .cart_item{
margin:0px 0px; 
padding:13px 0px; 
position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
float:left; 
width:100%;
}
.header_tools .cart .content .cart_item:first-child{padding-top:0;}
.header_tools .cart .content .cart_item:last-child{padding-bottom:0;border-bottom:none;}
.header_tools .cart .content .cart_item img{float:left; width:40px; height:40px;}
.header_tools .cart .content .cart_item .description{float:left; padding-left:12px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;max-width:217px;}
.header_tools .cart .content .cart_item .description .title{font-size:13px; float:left; width:100%;margin-top:-3px;-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-top:1px;}
.header_tools .cart .content .cart_item .description .price{float:left; width:100%;margin-top:-2px;}
.header_tools .cart .content .empty, .header_tools .cart .content .items{padding-bottom: 10px; float:left; width:100%;}
.header_tools .items .cart_item:last-child{border-bottom:none;}
.header_tools .cart .checkout{width:100%; float:left;padding-top:10px;}
.header_tools .cart .checkout .view_cart{float:left; }
.header_tools .cart .checkout .view_cart a{
padding: 4px 14px;
font-size: 10px;
margin-top:5px;
}
.header_tools .cart .checkout .subtotal{float:right;margin-top:10px;}
.header_tools .cart .cart_item .remove:after{position:absolute; content:"\e365"; font-family:'moon';  width:23px; height:23px; position:absolute; right:0; top:13px;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;}
.header_tools .cart .cart_item:first-child .remove:after{top:0px;}
.header_tools .extra_navigation_button{font-size:14px !important; float:left;}
.right_search_container{display:none;}    .header_wrapper{
-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:none;
}
header#header{width:100%;}
header#header .row-fluid .span12{
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.fixed_header{
position: fixed !important;
width: 100%;
left: 0;
top: 0;
z-index: 9999999;
}
.admin-bar .fixed_header{top:32px;}
.sticky_header .header_wrapper{ visibility:hidden; width:100%; top:0; left:0; z-index:99999;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%); 
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.sticky_header .header_wrapper.open{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0); 
-o-transform: translateY(0);
transform: translateY(0);
}
.admin-bar.sticky_header .header_wrapper{top:32px;}
.header_button{
float: right !important;
top: 50%;
position:relative;
margin-left:30px;
-webkit-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
} .header_shadow_full .header_wrapper{
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}
.header_shadow_shadow1 .header_wrapper .container:after{
background: url(//www.belladancemodesto.com/wp-content/themes/specular/img/shadow1.png) no-repeat center top;
bottom: -42px;
content: "";
display: block;
left: 0;
width: 100%;
z-index: -1;
height: 42px;
position: absolute;
}  .fullwidth_header .header_wrapper header{width:100%;  padding-left:70px; padding-right:70px; margin-left:0; margin-right:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}  .header_1.page_header_centered .header_wrapper, .header_1.fullwidth_slider_page .header_wrapper{
position:absolute;
}
.header_1.header-center-menu #header #navigation{
position:absolute;
float:none;
left:50%;
transform:translateX(-50%);
}
.background--dark nav .menu > li > a:hover, .background--dark header#header .header_tools .vert_mid > a:hover, .background--dark .slicknav_btn:hover:after, .background--dark header#header .header_tools .vert_mid .cart .cart_icon:hover{
color:rgba(255,255,255,0.8) !important;
} .header_1 nav .menu > li > a::before {
margin-right: 12px;
content: '';
}
.header_1 nav .menu > li > a::after {
margin-left: 12px;
content:"";
}
.header_1 nav .menu > li:last-child a{padding-right:0; margin-right:0;}
.sticky_header .header_wrapper.header_1{
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}  .header_2 nav .menu>li>a{margin-top:-11px;}
.header_2 nav .menu>li{
border-top:3px solid transparent;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.header_2 nav .menu > li > ul.sub-menu, .header_2 nav .menu > li > ul.sub-menu ul{top:97%;}  .header_3.header_wrapper{position:absolute;}
.header_3.header_wrapper header > .container{
padding-left: 40px;
padding-right: 40px;
top: 30px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.header_3 nav .menu>li>a{margin-top:-14px;}
.header_3 nav .menu>li{
border-top:3px solid transparent;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.header_3 nav .menu > li > ul.sub-menu, .header_3 nav .menu > li > ul.sub-menu ul{top:97%;}
.header_3 #navigation{float:left !important; margin-left:45px;}
.header_3 .menu-small{margin-bottom:30px;}  .header_4.page_header_centered .header_wrapper, .header_4.fullwidth_slider_page  .header_wrapper{
position:absolute;
}
.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after {
color:rgba(255,255,255,1) !important;
}
.header_4 nav .menu > 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;
}
.header_4 nav .menu > li:hover > a{
color:#fff;
}
.header_4 nav .menu > li > ul.sub-menu, .header_4 nav .menu > li > ul.sub-menu ul{
left:0;
}
.header_4 nav .menu > li:last-child{
padding-right:20px;
}  .header_5 .open_full_menu i{font-size:28px;}
.header_5 nav .menu > li > ul.sub-menu, .header_5 nav .menu > li > ul.sub-menu ul{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
.header_5 header .right_search, .header_5 header .extra_navigation_button {display:none;}
.header_5.page_header_centered .header_wrapper, .header_5.fullwidth_slider_page  .header_wrapper{
position:absolute;
}
.header_5 .top_nav{z-index:1;}
.header_5 .header_tools{
height:100%;
margin-top:0;
}
.header_5 .header_tools .cart{display:none;} 
.header_5 .open_full_menu{color:#222;}
.header_5 nav .menu > li > ul.sub-menu li > .sub-menu{display:none;} .overlay_menu {
position: fixed;
width: 100%;
height: 100%;
top: 0; 
left: 0;
} .overlay_menu .overlay-close {
width: 80px;
height: 80px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
background: url(//www.belladancemodesto.com/wp-content/themes/specular/img/cross.png) no-repeat center center;
text-indent: 200%;
color: transparent;
outline: none;
z-index: 100;
}
.admin-bar .overlay_menu .overlay-close{
top:50px;
} .overlay_menu nav {
text-align: center;
position: absolute;
width:100% !important;
height:100%;
display:table;
width:auto;
float:none;
font-size: 54px;
}
.overlay_menu ul {
list-style: none;
padding: 0;
float:none;
margin: 0 auto;
display: table-cell;
vertical-align:middle;
position: relative;
width:100%;
}
.overlay_menu ul ul{
position: relative !important;
float:left;
width: 100% !important;
height:0;
display: block !important;
visibility: visible;
text-align: center;
overflow: hidden;
padding: 0 !important;
padding-top:0px !important; 
opacity:1 !important;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.overlay_menu .menu-item-has-children:hover .sub-menu{
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
padding-top:35px !important;
}
.overlay_menu ul ul a{
padding-left:0 !important;
padding-right:0 !important;
}
.overlay_menu ul li {
display: block;
height: auto;
padding:0 !important;
text-align:center;
width:100%;
float:left;
margin-bottom:50px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s; 
}
.overlay_menu ul li:last-child{
margin-bottom:0;
}
.overlay_menu ul li a {
display: block;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-align:center;
float:left;
width:100%;
margin-top:0 !important;
line-height:100%;
}
.overlay_menu ul li a:hover,
.overlay_menu ul li a:focus {
} .overlay-hugeinc {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.overlay-hugeinc nav {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.overlay-hugeinc nav > ul { 
opacity: 0.4;
-webkit-transform: translateY(-25%) rotateX(35deg);
transform: translateY(-25%) rotateX(35deg);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul {
-webkit-transform: translateY(25%) rotateX(-35deg);
transform: translateY(25%) rotateX(-35deg);
}
@media screen and (max-height: 30.5em) {
.overlay_menu nav ul li a {
font-size: 70%;
}
.overlay_menu ul li {
min-height: 34px;
margin-bottom:15px;
}
}
.header_5 nav .menu li > ul.sub-menu li{
border-bottom:none !important;
}  .header_6 #navigation{
float:left;
width:100%;
position:relative;
}
.header_shadow_full.header_6 .header_wrapper{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.header_6 nav ul > li{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.header_6 .header_widgetized{
float:right;
height:76%;
position:relative;
top:12%;
max-width: 70%;
display:table;
}
.header_6 nav .non_mega_menu{
left:0 !important;
}
.fullwidth_slider_page .header_6_wrapper{position:absolute;width:100%;}
.header_6_wrapper #navigation{z-index:9999;}
.header_6_wrapper .full_nav_menu{width:100%;position:relative;z-index:99999;float:none;}
.header_6 .header_widgetized .widget{
display: table-cell;
vertical-align: middle;
}
.header_6 .header_widgetized .footer_social_icons{
margin: 0;
padding: 0;
float: left;
list-style:none;
}
.header_6 .header_widgetized .footer_social_icons li{
float:left;
margin-right:15px;
}  .header_7.header_wrapper{position:fixed; height:100%; top:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.header_7 .boxed_layout .header_wrapper{position:fixed !important;}
.header_7.header_wrapper .container{width:100%;}
.header_7.header_wrapper .span12{height:auto !important;}
.header_7 .header_tools{display:none;}
.header_7 nav .codeless_custom_menu_mega_menu.codeless_mega2{left:auto;}
.header_7 #navigation{height:auto; float:left;width:100%;}
.header_7 #navigation nav{height:auto;}
.header_7 #navigation nav .menu{height:auto;width:100%;}
.header_7 #navigation nav .menu > li{
width:100%;
text-align:center;
height:auto;
}
.header_7 #navigation nav .menu > li > a{
position: relative;
height:auto;
margin-top:0;
top:0;
float: left;
width:100%;
}
.header_7 #navigation.pos_left nav .menu > li > ul.sub-menu,.header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul {
top:0;
right:auto;
}
.header_7 #navigation.pos_right nav .menu > li > ul.sub-menu,.header_7 #navigation.pos_right nav .menu > li > ul.sub-menu ul {
top:0;
left:auto;
}
.header_7 #logo{
position:relative;
left:50%;
height:auto !important;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.header_7 #logo img{margin-top:0;}
.header_7 .header_widgetized{
float:left;
width:100%;
}
.header_7 .header_wrapper .textwidget{text-align:center;}
.header_7 .codeless_slider_wrapper{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header_7 .header_wrapper .footer_social_icons {
float:left;
width:100%;
margin-left:0px !important;
margin-top:0px !important;
position:relative;
list-style:none;
padding:0;
}
.header_7 .header_wrapper .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:5px !important;
width:32px !important;
height:32px !important;
}
.header_7 .header_wrapper .footer_social_icons li:first-child {
margin-left:0 !important;
}
.header_7 .header_wrapper .footer_social_icons li a {
float:left;
}
.header_7 .header_wrapper .footer_social_icons li i {
float:left;
line-height:32px;
font-size:16px;
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;
}
.header_7 nav .codeless_custom_menu_mega_menu {top:40%;}
.header_7.header_shadow_shadow1 .header_wrapper .container:after{display:none;}
.header_7 .ls-wp-fullwidth-helper, .header_7 .ls-wp-container, .header_7 .ls-inner, .header_7 .ls-slide{
left:0 !important;
max-width:100%;
}
.header_7 .viewport{overflow:hidden;}  .header_8 nav .menu>li>a{margin-top:-8px;}
.header_8 nav .menu>li{
border-bottom:3px solid transparent;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.header_8 nav .menu > li > ul.sub-menu, .header_8 nav .menu > li > ul.sub-menu ul{top:105%;left:0 }
.header_8 nav .menu > li > ul.sub-menu ul {
top: -10px;
}  .header_9 nav .menu>li>a{margin-top:-10px;}
.header_9 nav .menu>li > a{
border-bottom:1px solid transparent;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.header_9.page_header_centered .header_wrapper, .header_9.fullwidth_slider_page .header_wrapper{
position:absolute;
}  .header_10 #logo{
left:50%;
position:relative;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
}
.header_10 .full_nav_menu{
width:100%;
float:none;
display:block;
position:relative;
z-index:11;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
}
.header_10 .full_nav_menu #navigation{
float:none;
}
.header_10 nav .menu>li>a{
top:auto;
margin-top:0;
}
.header_10 #navigation nav{
position:relative;
width:auto;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.header_10.header_shadow_shadow1 .header_wrapper .container:after{display:none;}  .header_11.page_header_centered .header_wrapper, .header_11.fullwidth_slider_page  .header_wrapper{
position:absolute;
}
.header_11 nav{
float:left;
width:auto;
}
.header_11 .centered_header{
position:relative;
float:left;
left:50%;
height:100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.header_11 #logo{
margin-left:60px;
margin-right:60px;
}
.header_11.sticky_header #logo{
display:none;
}
.header_11.sticky_header .header_tools{
display:none;
}
.header_11 .container > .row-fluid > .span12{
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
}  .header_12 #navigation{
float:left;
position:relative;
}
.header_shadow_full.header_12 .header_wrapper{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.header_12 nav ul > li{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-o-transition-duration:0.2s;
-ms-transition-duration:0.2s;
transition-duration:0.2s;
}
.header_12 nav ul > li a{
margin-top:0;
}
.header_12 nav ul > li > a{
padding-top:15px;
padding-bottom:15px;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-o-transition-duration:0.2s;
-ms-transition-duration:0.2s;
transition-duration:0.2s;
}
.header_12 .header_widgetized{
float:right;
position:relative;
top:50%;
max-width: 70%;
display:table;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header_12 nav .non_mega_menu{
left:0 !important;
}
.header_12 #navigation{z-index:9999;}
.header_12 .full_nav_menu{width:100%;position:relative;z-index:99999;float:none; }
.header_12 .full_nav_menu .container{position:relative;}
.header_12 .header_widgetized .widget{
display: table-cell;
vertical-align: middle;
}
.header_12 .header_widgetized .footer_social_icons{
margin: 0;
padding: 0;
float: left;
list-style:none;
}
.header_12 .header_widgetized .footer_social_icons li{
float:left;
margin-right:15px;
}
.header_12 .header_widgetized .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:0px !important;
width:32px !important;
height:32px !important;
}
.header_12 .header_widgetized .footer_social_icons li:first-child {
margin-left:0 !important;
}
.header_12 .header_widgetized .footer_social_icons li:last-child {
margin-right:0 !important;
}
.header_12 .header_widgetized .footer_social_icons li a {
float:left;
}
.header_12 .header_widgetized .footer_social_icons li i {
float:left;
line-height:32px;
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;
}
.header_12 .header_widgetized .widget{
float:left;
display:block;
}
.header_12 .after_navigation_widgetized{
float:right;
width:200px;
position:absolute;
right:0; 
top:50%; 
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header_12 .after_navigation_widgetized #s {
width:100%;
height:34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header_12 .after_navigation_widgetized #search-form:after{
content: "\e1b7";
font-family: 'moon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
position:absolute;
right:15px;
top:8px;
font-size:16px;
display:inline;
width:auto;
height:auto;
line-height:normal;
vertical-align:baseline;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0;
color:#bbb;
}
.header_12 .after_navigation_widgetized #search-form{width:100%; float:left; position:relative;margin-bottom:0;}
.header_12 .after_navigation_widgetized #search-form .more, footer #search-form .more{
display:none;
}
.header_12 .full_nav_menu nav ul > li.current-menu-item > a, .header_12 .full_nav_menu nav ul > li.current-menu-parent > a, .header_12 .full_nav_menu nav ul > li:hover > a{color:#fff;}
.header_12.header_shadow_full .full_nav_menu{
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}
.header_12.header_shadow_shadow1 .full_nav_menu .container:after{
background: url(//www.belladancemodesto.com/wp-content/themes/specular/img/shadow1.png) no-repeat center top;
bottom: -42px;
content: "";
display: block;
left: 0;
width: 100%;
z-index: -1;
height: 42px;
position: absolute;
}
.header_12 .full_nav_menu nav ul > li ul li{border-left:none !important;border-right:none !important;}     .header_page {
width:100%;
position:relative;
float:none;
z-index: 0;
}
.header_page.normal .container{
display:flex;
align-items:center;
}
.header_page.normal .titles, .header_page.normal .container > h1{
flex:1;
}
.header_page.normal .container > h1{
height: auto;
line-height: 30px;
}
.header_page.without_shadow{
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
-ms-box-shadow: none !important;
}
.header_page .container {
position:relative;
z-index:1000;
height:100%;
}
.header_page .page_parents {
}
.page_parents li:first-child {
padding-right:0px;
}
.page_parents li {
float:left;
padding-left:0px;
position:relative;
padding-left:15px;
font-weight:400;
padding-right:11px;
font-size:12px;
opacity:0.7;
}
.page_parents li:after {
content: "/";
position: absolute;
left: 0;
top: 1px;
width: 3px;
font-size: 12px;
height: 7px;
display: inline;
margin-top: 0;
}
.page_parents li:first-child:after {
content:'' !important;
display:none;
}
.page_parents li.home:after{
content:'' !important;
display:none;
}
.page_parents li:last-child {
margin-right:0px;
padding-right:0;
}
.page_parents li a {
font-size:12px;
font-weight:400;
color:inherit;
}
.page_parents li.home{
opacity:1;
}
.page_parents li.home a{
font-weight:bold;
}
.page_parents li a:hover {
text-decoration:none;
}
.page_parents li:last-child a {
margin-right:0px;
}
.page_parents {
margin:0;
padding:0;
list-style:none;
position:relative;
margin-top:0px;
-webkit-transition-duration:0.1s;
-moz-transition-duration:0.1s;
-o-transition-duration:0.1s;
-ms-transition-duration:0.1s;
transition-duration:0.1s;
z-index:20;
float:left;
z-index:1;
}
.header_page h1{
color:inherit;
float:left;
height:100%;
}
.header_page.centered{opacity:0;overflow:hidden;}
.header_page.centered h1{
width:100%;
text-align: center;
}
.header_page.centered .overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.header_page.with_subtitle:not(.normal) .titles{
float:left;
width:100%;
position:relative;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.header_page .titles h1:after{
content: "_";
display: block;
width: 30px;
margin: 0 auto 20px;
text-align: center;
color:inherit;
}
.header_page.with_subtitle.centered .titles h1{
line-height:20px;
color:inherit;
}
.header_page.with_subtitle.centered .titles h3{
line-height:30px; 
color:inherit;
width:100%;
float:left;
text-align: center;
margin-top:5px;
}
.header_page.with_subtitle.normal .titles h1{
line-height:25px;
height:auto;
float:left;
}
.header_page.with_subtitle.normal .titles h1:after{
display:none;
}
.header_page.with_subtitle.normal .titles h3{
line-height:13px;
color:inherit;
opacity:0.7;
float:left;
width:100%;
margin-top:4px;
}
.header_page.with_padding_style .divider{
display:none;
}
.header_page.with_padding_style.with_subtitle.centered h1{
float:left;
text-align:left;
padding: 0.5em 0.6em;
width:auto;
line-height:1;
}
.header_page.with_padding_style.with_subtitle.centered .titles h3{
float:left;
padding:18px 20px;
width:auto;
margin-top:10px;
text-align:left;
}
.header_page.with_padding_style.with_subtitle .titles{
width:500px;
}
.header_page.with_padding_style .titles h1:after{
content:"";
display:none;
}      .top_wrapper { z-index:1;
margin-bottom:0;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
position: relative;
float:none;
}
.page_header_yes #content {
padding-top:60px;
}
.page_header_yes .top_wrapper{
padding-top:0;
}
.span9 > p:first-child{margin-top:0px;}
.span9 .row-dynamic-el .container {
width:100%
}
#content {
padding-top:85px;
padding-bottom:85px;
float:none;
width:100%;
position:relative;
z-index:9;
}
#content.empty-content{
padding-top:0;
padding-bottom:0;
}
#content.section_first {
padding-top:0;
}
#content.section_last {
padding-bottom:0;
margin-bottom:-14px;
}
.section-style .row-dynamic-el {
margin-bottom:30px
}
.section-style.no_borders {
border:none !important;
}
.section-style.section_space_2 .row-dynamic-el {
margin-bottom:30px;
}
.section-style.section_space_2 .row-dynamic-el:last-child {
margin-bottom:0;
}
.section-style.section_space_3 {
padding-top:70px !important;
padding-bottom:70px !important;
}
.section-style.section_space_3 .row-dynamic-el {
margin-bottom:90px;
}
.section-style.section_space_3 .row-dynamic-el:last-child {
margin-bottom:0;
}
#content.section_last .section-style:last-child {
border-bottom:none
}
#content.section_first .section-style:first-child {
border-top:none;
}
.single-portfolio .page_header_yes #content{padding-top:0px !important;}
.single-portfolio #content{padding-top:0px !important;}
.row-dynamic-el:first-child {
margin-top:0px;
}
.row-dynamic-el.second_space {
margin-bottom:0;
}
.row-dynamic-el.third_space {
margin-bottom:60px;
}
.row-dynamic-el.fourth_space {
margin-bottom:60px;
margin-top:-40px;
}
.row-dynamic-el.section-style:first-child {
margin-top:0
}
.row-dynamic-el:last-child {
margin-bottom:0;
}
.customSelect {
display:none !important
}
.boxed_layout {
margin:0 auto
}
.boxed_layout .ls-wp-fullwidth-helper, .boxed_layout .ls-wp-container, .boxed_layout .ls-inner, .header_7 .ls-slide{
left:0 !important;
max-width:100%;
}
.boxed_layout {
margin-bottom:0px;
position:relative;
}
.boxed_layout .top_wrapper{
min-width:100%;
} .section-style {
padding-top:45px;
padding-bottom:45px;
position:relative;
display: block; }
.section-style.parallax_section > .container > .row-fluid{position:relative;}
.section-style.parallax_section{
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
overflow:hidden;
background-position:50% 0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.section-style.parallax_section.mobile_parallax_section{
background-attachment: fixed !important;
} 
.section-style .bg-overlay{
height: 100%;
width: 100%;
position: absolute; 
top: 0;
left: 0;
}
.section_clear{margin-left:-15px; margin-right:-15px;}
.section-style{padding-top:70px; padding-bottom:70px;}
.vc_section{
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
}
.vc_row{
margin-left:0 !important;
margin-right:0 !important;
float:none;
width:100%;
clear:both;
}
.vc_row .vc_row{
}
.one_page .vc_row{
position:relative;
}
.vc_row.transparency_section {
position:absolute;
}
.vc_row.standard_section{
}
.vc_row.standard_section:last-child{
margin-bottom:0;
}
.vc_row .vc_row .container{width:100% !important;}
.vc_row.section-style{
margin-right:0 !important;
z-index:2;
}
.vc_row.section-style:last-child{
margin-bottom:0;
}
.vc_row .wpb_column .vc_row .container{width:auto;} 
.full-width-content{
padding:0;
margin-right:0 !important;
}
.full-width-content > .col{margin:0;}
.full-width-content .span_12{width:100%; float:none; display:table; }
.vc_responsive .full-width-content.vc_row .vc_span6{padding-right:0;}
.vc_responsive .full-width-content.vc_row .vc_span12{padding-left:0; padding-right:0;} 
.vc_responsive .full-width-content.vc_row .vc_col-sm-6{padding-right:0;padding-left:0;}
.vc_responsive .full-width-content.vc_row .vc_col-sm-12{padding-left:0; padding-right:0;} 
.vc_responsive .full-width-content.vc_row .wpb_column .wpb_column{padding-left:15px; padding-right:15px;}
.full-width-content .wpb_column.with_bg, .full-width-content .wpb_column.using_bg{
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}
.vc_row .arrow_bottom{
width: 0;
height: 0;
border-style: solid;
border-width: 25px 20px 0 20px;
-webkit-transform: rotate(360deg);
bottom: -25px;
left: 50%;
margin-left: -17.5px;
position: absolute;
}
.vc_row .arrow_top{
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 25px 20px;
-webkit-transform: rotate(360deg);
top: -25px;
left: 50%;
margin-left: -17.5px;
position: absolute;
}
.full-width-content .wpb_column > .overlay{
width:100%;
left:0;
top:0;
height:100%;
position:absolute;
}
.full-width-content .wpb_column .wpb_wrapper{
z-index: 2;
position: relative;
}
.wpb_column.with_overlay .wpb_wrapper{
position:relative;
z-index:2;
}
.wpb_column.with_overlay .overlay{
width:100%;
left:0;
top:0;
height:100%;
position:absolute;
}
.wpb_column.centered_col{
text-align:center;
display:flex;
justify-content:center;
}
.wpb_column.centered_vertical{
display:flex;
align-items:center;
}
.wpb_column.with_shadow{
box-shadow: 0px 23px 57px rgba(0,0,0,0.1);
}
.wpb_column.with_rounded_corners{
border-radius:8px;
}
.span12{min-height:0 !important;}
.with_animation{
visibility: hidden;
}
.wpb_text_column p:first-child{
margin-top:0;
}
.wpb_image_grid .wpb_image_grid_ul{
min-height:150px;
} #fullpage .section{
display:table;
width:100%;
}
#fullpage .section .fullscreen_inner{
display: table-cell;
vertical-align: middle;
width: 100%;
}
#fullPage-nav{
color: rgb(0, 0, 0);
position: absolute;
right: 40px;
top: 50%;
z-index: 99999;
}
#fullPage-nav ul{
list-style: none;
padding: 0;
margin: 0;
}
#fullPage-nav ul a{
width: 8px;
margin-bottom:10px;
height: 8px;
border: 2px solid #bbb;
float: left;
border-radius: 50%;
}
#fullPage-nav ul a.active{
border: 2px solid #222;
}     footer .widget_search input[type="text"] {
border:1px solid rgba(255,255,255,0.02) !important;
width:100%;
height:40px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
padding:5px 13px;
border-radius:none;
-webkit-border-radius:none;
-moz-border-radius:none;
}
.footer_wrapper {
position:relative;
margin-top:0px;
bottom:0px;
z-index:1;
width:100%;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
footer#footer {
width:100%;
float: none;
}
footer .textwidget p:first-child{margin-top:0;}
footer .icon_text{
width:100%;
}
footer#footer .inner .row-fluid.ff:first-child {
padding-top:52px;
padding-bottom:52px
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child{
width:300px;
position:relative;
left:50%;
margin-left:-150px;
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget{
text-align:center;
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget ul li{
width:auto;
margin-right:10px;
padding:0;
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget ul li:last-child{
margin-right:0;
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child .footer_social_icons{
position:relative;
left:50%;
width:auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
footer#footer .contact_information dl{
margin-bottom:5px;
}
footer#footer .contact_information dl:last-child{
margin-bottom:0
}
#copyright {
padding-top:15px;
padding-bottom:15px;
font-size:11px;
}
#copyright .desc{
display:table;
float:left;
}
#copyright .copyright_text{
display: table-cell;
vertical-align: middle;
} footer .inner .widget ul {
margin:0;
padding:0;
list-style: none
}  footer .widget_recent_comments li{padding:15px !important; margin-bottom:20px !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
footer .widget_recent_comments li a{float:none !important; width:auto !important;} footer .tagcloud a {
color:#999999;
padding:8px 10px;
font-size:13px !important;
margin-right:5px;
margin-bottom:5px;
float:left;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
footer .tagcloud a:hover {
color:#fff;
text-decoration:none
}
footer .widget_flickr {
float:left;
}
footer .widget_flickr .flickr_container {
float:left;
margin-top:0px
}
footer .widget_flickr .flickr_badge_image {
float:left;
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
-ms-transition-duration:0.7s;
transition-duration:0.7s;
border:2px solid rgba(0,0,0,0);
margin-bottom:9px;
margin-right:13px;
width:68px;
height:68px;
border-radius:6px;
-webkit-border-radius:6px;
moz-border-radius: 6px
}
footer .span4 .flickr_badge_image{
width:75px;
height:80px;
max-width:93px;
}
footer .widget_flickr 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;
}
footer .inner .widget_flickr img:hover {
filter:grayscale(0%);
-webkit-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-o-filter:grayscale(0%);
filter:url(//www.belladancemodesto.com/wp-content/themes/specular/desaturate.svg);
filter:none;
}
footer .inner .widget_flickr .flickr_badge_image:nth-child(3n+1) {
}
footer .inner .widget ul li:last-child {
border-bottom:none;
padding-bottom:0;
border-bottom:none !important;
}
footer .inner .widget ul li:first-child {
padding-top:0;
}
footer .inner .widget ul li {
margin:0;
width:100%;
padding:0;
padding-top:4px;
padding-bottom:4px;
}
footer .inner .widget ul li ul.children{
padding-top:7px;
margin-left:10px;
}
footer .inner .widget ul li a {
width:100%;
}
footer .inner .widget ul li span{
display:block;
width:100%;
margin-top:3px;
}
footer .inner .widget_nav_menu .sub-menu li{
padding-top:0 !important;
padding-bottom:0 !important;
}
footer .inner .widget_twitter ul li a {
width: auto;
}
footer .inner .widget_flickr .flickr_badge_image:nth-child(5) {
margin-bottom:0
}
footer .inner .widget_flickr .flickr_badge_image:nth-child(6) {
margin-bottom:0
}
footer .inner .widget_flickr .flickr_badge_image:nth-child(7) {
margin-bottom:0
}
footer .inner .widget_contact_info ul {
margin:0;
padding:0 !important;
list-style:none;
}
footer .inner .widget_contact_info li {
border:none !important;
margin-bottom:0px !important;
padding:0 !important;
}
footer .inner .widget_contact_info li i {
margin-right:10px;
height:30px;
float:left;
margin-top:2px;
}
footer .inner .widget_contact_info li span {
line-height:18px;
}
footer .inner .widget_contact_info li span span {
font-weight:400;
}
footer .inner .widget_recent_posts li {
background:none;
padding:0;
margin:0;
float:left;
margin-bottom:0px;
width:100%;
}
footer .inner .widget_recent_posts li:last-child {
margin-bottom:0;
}
footer .inner .widget_recent_posts li dt {
width:44px;
height:44px;
border:2px solid #444444;
cursor:pointer;
}
footer .inner .widget_recent_posts li dt:hover {
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
footer .inner .widget_recent_posts li dt img {
border:2px solid #222;
width:40px;
height:40px;
}
footer .inner .widget_recent_posts li dl {
margin:0;
}
footer .inner .widget_recent_posts li .info {
color:#a0a0a0;
margin-top:0;
}
footer .widget_recent_posts dl {
width:100%;
}
footer .widget_recent_posts dd {
margin-left:0;
}
footer .inner .widget {
float:left;
width:100%;
margin-bottom:35px;
}
footer .inner .widget:last-child{
margin-bottom:0;
}
footer .footer_social_icons {
float:left;
width:100%;
margin-left:0px !important;
margin-top:0px !important;
position:relative;
}
footer .inner .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:10px !important;
width:32px !important;
height:32px !important;
}
footer .inner .footer_social_icons li:first-child {
margin-left:0 !important;
}
footer .footer_social_icons li a {
float:left;
}
footer .footer_social_icons li i {
float:left;
line-height:32px;
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;
}
footer ul.sub-menu{
padding-left: 32px !important;
}
footer ul li.menu-item-has-children{
padding-bottom:10px;
}
footer #wp-calendar{width:100%;}
footer #wp-calendar td{text-align:center} 
footer #wp-calendar td#today{color:#cdcdcd;}
footer #search-form:after{
content: "\e1b7";
font-family: 'moon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
position:absolute;
right:15px;
top:11px;
font-size:16px;
display:inline;
width:auto;
height:auto;
line-height:normal;
vertical-align:baseline;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0;
color:#ababab;
}
footer #search-form{width:100%; float:left; position:relative;}
footer .widget-title {
margin-bottom:20px;
}
.widget_twitter li .message{
padding-top:0;
margin-top:0;
}
.widget_twitter dl{
margin:0;
margin-bottom:20px;
}
.widget_twitter dl:last-child{
margin-bottom:0;
}
.widget_twitter dl dt{
width:18px;
height:18px;
}
.widget_twitter dl dd{
margin-left:35px;
}
.widget_twitter dl dd .message span{
float:left;
width:100%;
margin-top:2px;
}
.widget_twitter dl dt i{
font-size:18px;
}
.widget_twitter .with_avatar dt{width:45px; height:45px;}
.widget_twitter .with_avatar dd{margin-left:65px;}
.widget_most_popular dt{
width:60px;
height:60px;
}
.widget_most_popular dd{
margin-left:75px;
}
.widget_most_popular dl{
margin:0;
}
.widget_most_popular li{
margin-bottom:20px;
}
.widget_most_popular li:after{
content:"";
display:none;
}
.widget_most_popular li:last-child{
margin-bottom:0;
}
.widget_most_popular .date{
width:100%;
float:left;
}
#copyright .widget ul {
float:left;
list-style:none;
display:inline-block;
margin:0;
border:none;
}
#copyright .widget ul li {
float:left;
padding-right:14px;
margin-top:5px;
border-bottom:none !important;
line-height:15px !important;
height:11px;
}
#copyright .widget ul li a{top:-2px; position:relative;}
#copyright .widget ul li:first-child {
border:none;
}
#copyright .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
}
#copyright .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:26px !important;
margin-top:0 !important;
padding-right:0 !important;
height:26px !important;
}
#copyright .footer_social_icons li:after{
display: none
}
#copyright .footer_social_icons li:first-child {
margin-left:0 !important;
}
#copyright .footer_social_icons li a {
float:left;
}
#copyright .footer_social_icons li i {
float:left;
line-height:26px;
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;
}      #blog .span9{
position:relative;
}
.blog-article .btn-bt{
margin-top:20px;
float:left;
}
.blog-article .btn-bt:hover{
}
.media {
float:left;
width:100%;
}
.media img {
width:100%
}
.media iframe {
width: 100%;
}    .post-like{
float:right;
margin-top:35px;
font-size:16px;
color:#222;
}
.format-quote .post-like{
margin-top:0;
margin-right:0 !important;
float:right !important;
}
.format-quote .post-like i{
margin-right:0 !important;
}
.post-like i{
padding-right:4px;
font-size:20px;
color:#222;
}    .shares_container{position:relative;float:right;}
.blog-article ul.shares{
visibility: hidden;
float: left;
margin-top: 26px;
margin-right: 20px;
position: relative;
list-style: none;
background: #f5f5f5;
padding: 10px 15px;
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;
}
.blog-article ul.shares:after{
width: 0;
content:"";
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #f5f5f5;
position:absolute;
top:50%;
margin-top:-7px;
right:-10px;
}
.blog-article ul.shares li{display:inline-block; float:left; padding-right:15px;}
.blog-article ul.shares li i{font-size:14px; color:#888;}
.blog-article ul.shares li:last-child{padding-right:0px;}
.blog-article .share_link{
float:right;
margin-top:35px;
font-size:16px;
color:#222;
margin-right:10px;
}
.format-quote.blog-article .share_link{
margin-top:0;
margin-right:0 !important;
float:right !important;
}
.format-quote.blog-article .share_link i{
margin-right:0 !important;
}
.blog-article .share_link i{
padding-right:4px;
font-size:20px;
color:#555;
}    #blog.container{position:relative;}
.timeline-border{
position: absolute;
top: 0;
left: 55px;
width: 1px;
height: 88%;
float: left;
z-index: 0;
}
.fullwidth .timeline-border{
left:35px;
}
.blog-article.timeline-style{width:100%; float:left; margin-bottom:50px;z-index:2;}
.blog-article.timeline-style .timeline{width:12.2%; height:150px; padding-right:27px;float:left;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.blog-article.timeline-style .timeline .date{ 
width: 70px;
height: 70px;
border-radius: 50%;
background: #fff;
}
.blog-article.timeline-style .timeline .date span, .blog-article.timeline-style .timeline .date{
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.blog-article.timeline-style .timeline .date .day{
font-size: 24px;
font-weight: 300;
color: #999;
text-align: center;
width: 100%;
float: left;
margin-top: 15px;
line-height: 24px;
}
.blog-article.timeline-style .timeline .date .month{
font-size: 13px;
font-weight: bold;
color: #444;
text-align: center;
text-transform: uppercase;
width: 100%;
float: left;
line-height: 18px;
}
.blog-article.timeline-style .timeline .avatar{
width:48px;
height:48px;
border-radius: 50%;
background: #fff;
margin-left:11px;
}
.blog-article.timeline-style .post_box{
width:87.8%; 
float:left; 
}
.blog-article.timeline-style .post_box.box_shadow{
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.fullwidth .blog-article.timeline-style .post_box{
width:87.8%;
}
.blog-article.timeline-style .media{float:left;position:relative;}
.blog-article.timeline-style .media .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
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;
cursor:pointer;
}
.blog-article.timeline-style .media .overlay .post_type_circle i{
color:#fff;
font-size:18px;
text-align:center;
line-height:52px;
float:left;
width:52px;
}
.blog-article.timeline-style .media .overlay .post_type_circle{
width:50px;
height:50px;
background:#333;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position:absolute;
top:45%;
opacity:0;
left:50%;
cursor:pointer;
margin-left:-25px;
margin-top:-25px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.blog-article.timeline-style .media:hover .overlay .post_type_circle{
top:50%;
opacity:1;
}
.blog-article.timeline-style .media:hover .overlay{opacity:1;}
.blog-article.timeline-style .media > *:not(.post_type){width:100%;}
.blog-article.timeline-style .content{
padding:20px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-article.timeline-style .content h1{}
.blog-article.timeline-style .content .quote{position:relative; float:left; width:100%;}
.blog-article.timeline-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;}
.blog-article.timeline-style .content .quote p{
font-size: 18px;
line-height: 28px;
font-style: italic;
padding: 0;
margin: 0;
padding-left: 45px;
padding-top: 15px;
}
.blog-article.timeline-style .content .quote .author{
float: right;
margin-top: 10px;
font-weight: bold;
}
.blog-article.timeline-style .content .text{margin-top:10px;}
.blog-article.timeline-style .content .text p{margin-bottom:0;}
.blog-article.timeline-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;}
.blog-article.timeline-style .info li{float:left; margin-right:18px;line-height:inherit;}
.blog-article.timeline-style .info li i{margin-right: 7px;float: left;line-height:inherit;}    .blog-article.standard-style{width:100%; float:left; margin-bottom:50px;z-index:2;}
.blog-article.standard-style .media{
position:relative; 
} 
.single .blog-article.standard-style{margin-bottom:20px;}
#posts_container .blog-article.standard-style .media{ width:auto; display:inline-block; position:relative;}
.blog-article.standard-style .media .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
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;
cursor:pointer;
}
.blog-article.standard-style .media .overlay .post_type_circle i{
color:#fff;
font-size:18px;
text-align:center;
line-height:52px;
float:left;
width:52px;
}
.blog-article.standard-style .media .overlay .post_type_circle{
width:50px;
height:50px;
background:#333;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position:absolute;
top:45%;
opacity:0;
left:50%;
cursor:pointer;
margin-left:-25px;
margin-top:-25px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.blog-article.standard-style .media:hover .overlay .post_type_circle{
top:50%;
opacity:1;
}
.blog-article.standard-style .media:hover .overlay{opacity:1;}
.blog-article.standard-style .media > *:not(.post_type){width:100%;}
.blog-article.standard-style .content{
padding-top:15px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
.blog-article.standard-style .content .quote{position:relative; float:left; width:100%;}
.blog-article.standard-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;}
.blog-article.standard-style .content .quote p{ 
font-size: 18px;
line-height: 28px;
font-style: italic;
padding: 0;
margin: 0;
padding-left: 45px;
padding-top: 15px;
}
.blog-article.standard-style .content .quote .author{
float: right;
margin-top: 10px;
font-weight: bold;
}
.blog-article.standard-style .content .text{margin-top:10px;clear:both;}
.blog-article.standard-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:15px; margin-top:0px;}
.blog-article.standard-style .info li{float:left;  margin-right:18px;line-height:inherit;}
.blog-article.standard-style .info li i{margin-right: 7px;float: left;line-height:inherit;}
.wp-block-cover{
box-sizing:border-box;
}
.blocks-gallery-item__caption{
box-sizing:border-box;
}    .blog-article.alternate-style{width:100%; float:left; margin-bottom:50px;z-index:2;}
.blog-article.alternate-style .media{float:left;position:relative;}
.fullwidth .blog-article.alternate-style .media{
width:440px;
}
.fullwidth .blog-article.alternate-style .media iframe{
width:440px;
}
.fullwidth .blog-article.alternate-style .content{
width:640px;
}
.sidebar_right .blog-article.alternate-style .media, .sidebar_left .blog-article.alternate-style .media{
width:46%;
}
.sidebar_right .blog-article.alternate-style .media iframe, .sidebar_left .blog-article.alternate-style .media iframe{
width:100%;
height:235px;
}
.sidebar_right .blog-article.alternate-style .content, .sidebar_left .blog-article.alternate-style .content{
width:54%;
padding-left:20px;
margin-left:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.blog-article.alternate-style.format-quote .content{
width:100%;
}
.blog-article.alternate-style .media .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
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;
cursor:pointer;
}
.blog-article.alternate-style .media .overlay .post_type_circle i{
color:#fff;
font-size:18px;
text-align:center;
line-height:52px;
float:left;
width:52px;
}
.blog-article.alternate-style .media .overlay .post_type_circle{
width:50px;
height:50px;
background:#333;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position:absolute;
top:45%;
opacity:0;
left:50%;
cursor:pointer;
margin-left:-25px;
margin-top:-25px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.blog-article.alternate-style .media:hover .overlay .post_type_circle{
top:50%;
opacity:1;
}
.blog-article.alternate-style .media:hover .overlay{opacity:1;}
.blog-article.alternate-style .media > *:not(.post_type){width:100%;}
.blog-article.alternate-style .content{
margin-left:20px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-article.alternate-style .content h1{line-height:36px;}
.blog-article.alternate-style .content .quote{position:relative; float:left; width:100%;}
.blog-article.alternate-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;}
.blog-article.alternate-style .content .quote p{
font-size: 18px;
line-height: 28px;
font-style: italic;
padding: 0;
margin: 0;
padding-left: 45px;
padding-top: 15px;
}
.blog-article.alternate-style .content .quote .author{
float: right;
margin-top: 10px;
font-weight: bold;
}
.blog-article.alternate-style .content .text{margin-top:10px;}
.blog-article.alternate-style .content .text p{margin-bottom:0;}
.blog-article.alternate-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;}
.blog-article.alternate-style .info li{float:left; margin-right:18px;line-height:inherit;}
.blog-article.alternate-style .info li i{margin-right: 7px;float: left;line-height:inherit;}    .blog-article.grid-style{
float:left; 
margin-bottom:20px;
z-index:2;
padding-left:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.blog-article.grid-style .gridbox{
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
background:#fff;
width:100%;
float:left;
}
.cols3 .blog-article.grid-style, .cols3 .grid-size{width:33.3333%;}
.cols4 .blog-article.grid-style, .cols4 .grid-size{width:25%;}
.cols2 .blog-article.grid-style, .cols2 .grid-size{width:50%;}
.vc_col-sm-6.wpb_column .blog-article.grid-style, .vc_col-sm-6.wpb_column .grid-size{width:100%;}
.blog-article.grid-style.no_shadow .gridbox{
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-article.grid-style .media iframe{
width:100%;
height:350px;
}
.blog-article.grid-style .media{float:left;position:relative;}
.blog-article.grid-style.format-video .media{
height:350px;
}
.blog-article.grid-style .media .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
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;
cursor:pointer;
}
.blog-article.grid-style .media .overlay .post_type_circle i{
color:#fff;
font-size:18px;
text-align:center;
line-height:52px;
float:left;
width:52px;
}
.blog-article.grid-style .media .overlay .post_type_circle{
width:50px;
height:50px;
background:#333;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position:absolute;
top:45%;
opacity:0;
left:50%;
cursor:pointer;
margin-left:-25px;
margin-top:-25px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.blog-article.grid-style .media:hover .overlay .post_type_circle{
top:50%;
opacity:1;
}
.blog-article.grid-style .media:hover .overlay{opacity:1;}
.blog-article.grid-style .media > *:not(.post_type){width:100%;}
.blog-article.grid-style .content{
padding:20px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-article.grid-style.no_shadow .content{
padding:0;
padding-top:20px;
}
.blog-article.grid-style .content h1{font-weight:700; font-size:16px; line-height:24px;}
.blog-article.grid-style .content .quote{position:relative; float:left; width:100%;}
.blog-article.grid-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;}
.blog-article.grid-style .content .quote p{
font-size: 18px;
line-height: 28px;
font-style: italic;
padding: 0;
margin: 0; 
padding-left: 45px;
padding-top: 15px;
}
.blog-article.grid-style .content .quote .author{
float: right;
margin-top: 10px;
font-weight: bold;
}
.blog-article.grid-style .content .text{margin-top:10px;}
.blog-article.grid-style .content .text p{margin-bottom:0;}
.blog-article.grid-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;}
.blog-article.grid-style .info li{float:left; margin-right:11px;line-height:inherit;}
.blog-article.grid-style .info li i{margin-right: 7px;float: left;line-height:inherit;}    .fullscreen-blog-article{
background-position: center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
margin:0;
position:relative;
}
.fullpage_onepage .footer_wrapper{
display:none;
}
.fullpage_onepage .header_wrapper{
position:absolute;
}
.fullscreen-blog-article .content{
position: absolute;
top: 50%;
vertical-align: middle;
width:600px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.fullscreen-blog-article.active .content{
}
.fullscreen-blog-article .content.left{
float:left;
margin-left:150px;
}
.fullscreen-blog-article .content.right{
right:150px;
float:right;
}
.fullscreen-blog-article .content.background--dark{
color:#fff;
}
.fullscreen-blog-article .content.background--light{
color:#222;
}
.fullscreen-blog-article .content h1{
color:inherit !important;
font-size:48px;
line-height:48px;
text-transform: uppercase;
font-weight:bold; 
}
.fullscreen-blog-article .content p{
color:inherit !important;
font-size:14px;
line-height:22px;
margin-top:20px;
}
.fullscreen-blog-article .content .btn-bt{ 
float:left;
}
.fullscreen-blog-article .content.background--dark .btn-bt{
margin-top:20px;
}    .author_box{
float:left;
margin:0;
margin-bottom:30px;
margin-top:75px;
}
.author_box dt{
width:64px;
height:64px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.author_box h5{
font-weight:bold;
}
.author_box dd{
margin-left:80px;
}
.author_box p{
margin-top:7px !important;
}    #comments {
margin-top:40px;
padding-top:40px;
float:left;
width:100%;
}
#comments .single_title {
font-weight:bold;
line-height:50px;
margin-bottom:0;
width:100%;
text-transform: uppercase;
}
.comment {
position:relative;
padding-top:30px;
}
.comments_list .children {
position:relative;
}
.comments_list .children:after {
width:20px;
height:1px;
background:#e8e8e8;
position:absolute;
}
.comment.span12 {
margin-left:0
}
.comment:first-child {
padding-top:40px;
}
.comment .comment-wrapper {
margin-top:0;
margin-bottom:0px;
display:flex;
flex-wrap:nowrap;
padding:30px;
background:#fff;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.comment .comment-avatar {
width:64px;
height:64px;
}
.comment .comment-avatar img {
width:100%;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.comment .comment-content {
margin-top:0px;
padding-left:20px;
flex:1
}
.comment .comment-content:first-child{
margin-left:0px;
}
.comment .comment-content > ul {
margin:0;
padding:0;
list-style:none;
float:left;
width:100%;
margin-top:4px;
}
.comment .comment-content > ul li {
float:left;
border-right:1px solid #999;
line-height:11px;
}
.comment .comment-content > ul li span {
padding-left:8px;
padding-right:8px;
color:#999;
font-weight:300 !important;
font-size:12px !important;
}
.comment .comment-content > ul li span a {
color:#444444;
font-weight:400;
font-size:12px;
}
.comment .comment-content span.author a {
color:#444;
font-size:14px;
font-weight:500 !important;
}
.comment .comment-content > ul li a {
color:#888;
font-weight:500;
font-size:12px !important;
}
.comment .comment-content > ul li a:hover {
text-decoration:none;
}
.comment .comment-content > ul li:first-child span {
padding-left:0
}
.comment .comment-content > ul li:last-child {
border-right:none;
}
.comment {
padding-top:30px;
padding-bottom:30px
}
.comment .comment_text{
width:100%;
float:left;
margin-top:10px;
}
#respond.comment-respond{
clear:both;
}
#respond h3 {
text-transform:uppercase;
margin-top:60px;
float:left;
width:100%;
font-size:18px;
font-weight:bold;
position:relative;
margin-bottom:40px;
}
#respond label{ }
#respond textarea{
width: 100%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#respond .comment-form-author{
width: 32%;
float:left;
margin-right:2%;
}
#respond .comment-form-email{
width: 32%;
float:left;
margin-right:2%;
}
#respond .comment-form-url{
width: 32%;
float:left;
}
#respond input[type="text"]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
height:40px;
width:100%;
float:left;
margin-bottom: 0;
}  #portfolio-single-widget-area {
float:left;
width:100%;
margin-top:60px;
}
.flexslider .headborder {
height:18px;
width:50%;
position:absolute;
left:50%;
top:100%;
margin-left: -10px;
}    .btn-bt.align-left{float:left;}
.btn-bt.align-right{float:right !important;}
.btn-bt.align-center{float:left; position:absolute !important; left:50%; -webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;}
.btn-bt.default{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
border-width:2px;
border-style:solid;
float:left;
padding:10px 38px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-backface-visibility: hidden;
}
.btn-bt.default:hover span{left:-12px;}
.btn-bt.default span{
position: relative;
left: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn-bt.default i {
font-size: 14px;
position: absolute;
top: 50%;
line-height:20px;
margin-top:1px;
left: 73%;
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn-bt.default:hover i {
left: 77%;
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.btn-bt.default i{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn-bt.default:hover{
border:2px solid;
}
.btn-bt.default:hover i{
left:80%;
}
.btn-bt.business{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
border-width: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;
float:left;
padding:10px 32px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.btn-bt.business i{
display:none;
}
.light .btn-bt.business{
border-width:1px;
border-style:solid;
}
.btn-bt.no_padding{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float:left;
padding:10px 0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.btn-bt.no_padding i{
display:none;
}
.btn-bt.rounded{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float:left;
padding:14px 26px;
border-radius:22px;
-webkit-border-radius:22px;
-moz-border-radius:22px;
}
.btn-bt.rounded i{
display:none;
}
.btn-bt.big{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float:left;
padding:14px 28px;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
box-shadow:0px 3px 5px #000;
-webkit-box-shadow:0px 3px 5px #000;
-moz-box-shadow:0px 3px 5px #000;
}
.btn-bt.big i{
display:none;
}
.btn-bt.with_icon{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float:left;
padding:14px 24px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.btn-bt.with_icon i{ 
float: left;
top: 3px;
line-height:100%;
position: relative;
margin-right: 15px;
}
.btn-bt.gradient{
text-align: center;
cursor: pointer;
display: inline-block;
outline: 0;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float:left;
padding:12px 20px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-width:1px;
border-style:solid;
}
.btn-bt.gradient i{ 
display:none;
}
.btn-bt.modern{
border-radius: 27px;
height: 54px;
line-height: 54px;
padding: 0 32px;
transform: translateY(0px);
box-shadow: 0 18px 48px -12px rgba(19, 34, 107, 0.22);
}
input.btn-bt.modern{
line-height:54px;
}
.btn-bt.modern i{
padding-left:20px;
top: 1px;
position: relative;
}
.btn-bt.modern:hover{
transform: translateY(3px);
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}    aside select {
width:100%;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
aside #s {
width:100%;
height:40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside #search-form:after{
content: "\e1b7";
font-family: 'moon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
position:absolute;
right:15px;
top:11px;
font-size:16px;
display:inline;
width:auto;
height:auto;
line-height:normal;
vertical-align:baseline;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0;
color:#bbb;
}
aside #search-form{width:100%; float:left; position:relative;}
aside #search-form .more, footer #search-form .more{
display:none;
}
aside .widget-title {
margin-top:0;
width:100%;
}
aside .widget {
float:left;
width:100%;
}
aside ul {
margin:0;
padding:0;
list-style:none
}
aside ul li{
padding-top:10px;
padding-bottom:10px;
position:relative;
}
aside ul li a{width:100%;}
aside ul li:after{
content: "\f105";
font-family: 'FontAwesome';
position:absolute;
top:10px;
right: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;
}
aside ul .children{
padding-left:20px;
}
aside ul .children li:last-child{
border-bottom:0;
}
aside .widget:first-child {
margin-top:0
}
aside .widget_most_popular li{
margin-bottom:0;
}
aside .widget_most_popular li a{
color:#444;
}
aside .widget_nav_menu li{
border-bottom:0px;
padding-top:7px;
padding-bottom:7px;
}
aside .widget_nav_menu li:after{
display:none;
}
aside .widget_nav_menu ul .sub-menu li:last-child{
padding-bottom:0px;
}
aside .widget_recent_comments li:after{
display:none;
}
a{color:inherit;}
a:hover{text-decoration: none} 
aside #wp-calendar{width:100%;} 
aside #wp-calendar td{text-align:center;}
#wp-calendar td#today {font-weight: 600;}
aside .widget_rss ul li:after{content: "";}
aside .tagcloud a{ 
padding: 8px;
margin-bottom:5px;
float:left;
margin-right:5px;
font-size:13px !important;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
aside ul.sub-menu{
padding-left: 10px;
padding-top:10px;
}
aside ul.sub-menu li:last-child, aside li.menu-item-has-children{
border-bottom: none;
}
aside li.menu-item-has-children:after{content:"";}    .slider {
}
.slider#slider-fullwidth {
width:100%;
margin-top:0;
}
.slider.fixed_parallax .swiper-wrapper{
position:fixed;
}
.slider#slider-fixed {
padding-top:45px;
background:#fff;
}
#slider-fixed.section_active {
padding-bottom:80px;
padding-top:80px;
}
#slider-fullwidth .slider_container {
width:940px;
margin: 0 auto
}
.slider-img{
-webkit-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-position:center;
background-repeat:no-repeat;
background-position:center top;
width:100%;
height:450px;
display:block;
}  .ls-defaultskin {
padding:0 !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
border-radius:none !important;
-moz-border-radius:none !important;
-webkit-border-radius:none !important;
}
.ls-layer {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.ls-defaultskin .ls-nav-prev {
background-position:0 0 !important;
opacity:0.7;
width:64px !important;
height:64px !important;
}
.ls-defaultskin .ls-nav-prev:hover {
opacity:1;
}
.ls-defaultskin .ls-nav-next {
opacity:0.7;
background-position:0 0 !important;
width:64px !important;
height:64px !important;
}
.ls-defaultskin .ls-nav-next:hover {
opacity:1;
}
.ls-defaultskin .ls-nav-prev,.ls-defaultskin .ls-nav-next {
width:64px !important;
height:64px !important;
z-index:10000 !important;
top:50% !important;
margin-top:-32px !important;
position:absolute !important; 
visibility:visible
}
.ls-defaultskin .ls-nav-prev {
left:65px !important
}
.ls-defaultskin .ls-nav-next {
right: 65px !important
}
.ls-layer .big_title_white{
font-size:50px;
line-height:50px;
font-weight:300;
font-family:"Roboto Slab";
color:#fff;
background-color:transparent;
}
.ls-layer .medium_title_white{
font-size:30px;
line-height:50px;
font-weight:300;
font-family:"Roboto";
color:#fff;
background-color:transparent;
}
.ls-layer .description_text{
font-size:20px;
line-height:30px;
font-weight:300;
font-family:"Roboto";
color:#fff;
background-color:transparent;
}    .tp-bullets.simplebullets .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 14px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tparrows.hidearrows{opacity:0 !important;}
.tparrows {
z-index: 40000 !important;
cursor: pointer;
position: absolute;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
}
.tp-leftarrow.default {
width:66px;
height:66px; } .tp-leftarrow.default:hover{
opacity:1;
}
.tp-rightarrow.default:hover{
opacity:1;
}    .codeless-slider-container {
width:100%;
height:500px;
cursor:-moz-grab;
cursor:-webkit-grab;
}
.swiper-slide.layout-full {
height:500px !important;
cursor:-moz-grab;
cursor:-webkit-grab;
}
.swiper-slide.layout-semi {
height:250px !important;
cursor:-moz-grab;
cursor:-webkit-grab;
}
.swiper-slide {
width:25%;
}
.codeless-slider-container .codeless-slider-container {
width:100%;
}
.codeless-slider-container.layout-semi {
height:250px !important;
}
.codeless-slider-container.layout-full {
height:500px !important;
}
.swiper_slider .pagination {
position:absolute;
z-index:100;
left:10px;
bottom:10px;
}
.swiper_slider .swiper-pagination-switch {
display:inline-block;
width:10px;
height:10px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
background:#fff;
margin-right:5px;
opacity:1;
border:1px solid #fff;
cursor:pointer;
}
.swiper_slider .swiper-visible-switch {
background:rgba(255,255,255,0.4);
}
.swiper_slider .swiper-active-switch {
background:rgba(255,255,255,0.4);
}
.swiper_slider .pagination-nested {
bottom:auto;
top:10px;
}
.swiper_slider .pagination-nested .swiper-pagination-switch {
display:block;
margin-right:0;
margin-bottom: 5px;
}   #slider-fullwidth > .default{
background: #f5f5f5;
height: 300px;
line-height: 300px;
text-align: center;
}
.codeless_slider_swiper .loading{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
}
.codeless_slider_swiper .loading i{
position:relative;
top:50%;
line-height:40px;
font-size:36px;
color:#fff;
z-index:9999999;
margin-top:-20px;
}
.codeless_slider_swiper{
position:relative;
width:100%;
overflow:hidden;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
min-height:400px;
}
.codeless_slider .swiper-slide{
position:relative;
}
.codeless_slider_wrapper{
overflow:hidden;
min-height:400px;
}
.parallax_slider .codeless_slider_wrapper {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-o-transform: translate(0, 0); 
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
left: 0!important;
position: fixed;
overflow: hidden;
width: 100%; 
z-index: 1;
}
.boxed_layout .parallax_slider .codeless_slider_wrapper{
position:relative;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
-moz-transform: translateY(0) !important
}
.boxed_layout .codeless_slider_swiper{max-height:500px !important; min-height:auto !important;}
.boxed_layout .codeless_slider{max-height:500px !important;}
.codeless_slider .swiper-slide .container{
height:100%;
position:relative;
z-index:9999;
}
.codeless_slider .swiper-slide .content{
float: left;
position: relative;
}
.codeless_slider .swiper-slide .content.vertical_centered{
top: 50% !important;
transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
}
.codeless_slider .swiper-slide .content.horizontal_centered{
left:50% !important;
transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
}
.codeless_slider .swiper-slide .content p{
margin-bottom:0;
margin-top:25px;
}
.codeless_slider .swiper-slide .content h1{
}
.codeless_slider .swiper-slide .content img.center{
position:relative;
left:50%;
transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
}
.codeless_slider .swiper-slide .content img.left{
position:relative;
left:0;
}
.codeless_slider .swiper-slide .content img.right{
position:relative;
left:100%;
transform: translateX(-100%) !important;
-webkit-transform: translateX(-100%) !important;
-moz-transform: translateX(-100%) !important;
-o-transform: translateX(-100%) !important;
}
.codeless_slider .swiper-slide .buttons{
float:left;
width:auto;
margin-top:25px;
}
.codeless_slider .swiper-slide .buttons.align-center{
position:relative;
left:50% !important;
transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
}
.codeless_slider .swiper-slide .buttons.align-right{
float:right;
}
.codeless_slider .swiper-slide .buttons a{
margin-right:10px;
float:left;
}
.codeless_slider .swiper-slide .buttons a:last-child{
margin-right:0;
}
.codeless_slider .swiper-slide .buttons.colors-light a.bordered{
border-color:#fff;
}
.codeless_slider .swiper-slide .buttons.colors-light a.bordered *{
color:#fff;
}
.codeless_slider .swiper-slide .buttons.colors-dark a.bordered{
border-color:#222;
}
.codeless_slider .swiper-slide .buttons.colors-dark a.bordered *{
color:#222;
}
.codeless_slider .swiper-slide .buttons a.bordered{
opacity:0.88;
}
.codeless_slider .swiper-slide .buttons a.bordered:hover{
border-color:rgba(0,0,0,0);
}
.codeless_slider .swiper-slide .buttons.colors-light a.colored{
border-color:rgba(0,0,0,0);
}
.codeless_slider .swiper-slide .buttons.colors-light a.colored:hover{
background:#fff;
}
.codeless_slider .swiper-slide .buttons.colors-light a.colored *{
color:#fff;
}
.codeless_slider .swiper-slide .buttons.colors-dark a.colored{
border-color:#222;
background:#222;
}
.codeless_slider .swiper-slide .buttons.colors-dark a.colored *{
color:#fff;
}
.codeless_slider .swiper-slide .codeless_animated{
visibility:hidden; 
}
.codeless_slider .swiper-slide h1.animated{
-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;
animation-delay:0.2s;
}
.codeless_slider .swiper-slide p.animated{
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}
.codeless_slider .swiper-slide .buttons.animated{
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s;
} .codeless_slider #video_background {
top: 0px;
position: relative;
-webkit-backface-visibility: hidden!important;
min-width:100%;
min-height:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.codeless_slider .video-wrap{
position: absolute !important;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height:100%;
z-index:-1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.codeless_slider .video-wrap .video_replace_mobile{
display:none;
}
.codeless_slider .bg-overlay{
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index:0;
} .codeless_slider .nav-thumbflip a {
position: absolute;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 1000;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.codeless_slider .nav-thumbflip a.prev {
left: 0;
}
.codeless_slider .nav-thumbflip a.next {
right: 0;
}
.codeless_slider .nav-thumbflip a {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.codeless_slider .nav-thumbflip a.prev {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.codeless_slider .nav-thumbflip a.next {
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.codeless_slider .nav-thumbflip .icon-wrap {
display: block;
width: 50px;
height: 60px;
background-color: rgba(0,0,0,0.9);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.codeless_slider .nav-thumbflip i {
position: relative;
text-align:center;
width:100%;
line-height:60px;
font-size:34px;
float:left;
color: #fff;
}
.codeless_slider .nav-thumbflip .text {
position: absolute;
top: 0;
background:#222;
color:#fff;
text-align:center;
font-size:16px;
font-weight:bold;
letter-spacing:1.5px;
height:100%;
line-height:60px;
width:80px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.codeless_slider .nav-thumbflip a.prev .text {
left: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.codeless_slider .nav-thumbflip a.next .text {
right: 100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.codeless_slider .nav-thumbflip a:hover .icon-wrap {
background-color: #fff;
}
.codeless_slider .nav-thumbflip a:hover i {
color: #222;
}
.codeless_slider .nav-thumbflip a:hover .text {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.codeless_slider:hover .nav-simple a{
opacity:1;
}
.codeless_slider .nav-simple a{
position:absolute;
top:50%;
height:40px;
opacity:0;
margin-top:-20px;
z-index:999999;
width:40px;
}
.codeless_slider .nav-simple a.prev {left:10px;}
.codeless_slider .nav-simple a.next {right:10px;}
.codeless_slider .nav-simple a span{
width:100%;
height:100%;
float:left;
}
.codeless_slider .nav-simple a span i{
color:rgba(255,255,255,0.9);
font-size:64px;
line-height:40px;
text-align:center;
width:100%;
float:left;
}
.codeless_slider .nav-simple .text{
display:none;
}  .codeless_news_slider .codeless_slider_swiper{width:75%;float:left;height:400px;}
.codeless_news_slider .codeless-slider-container{height:400px;}
.codeless_news_slider .featured_posts{width:25%;float:left; padding-left:5px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.codeless_news_slider .featured_posts .featured{
height:197.5px; 
width:100%; 
margin-bottom:5px; 
background:#222;
position:relative;
overflow: hidden;
-webkit-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-position:center;
background-repeat:no-repeat;
}
.codeless_news_slider .swiper-slide{
-webkit-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-repeat:no-repeat;
}
.codeless_news_slider .swiper-slide h1{
padding:8px 30px;
color:#fff;
width:auto;
float:left;
position:absolute;
bottom: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;
}
.codeless_news_slider .swiper-slide .overlay{
background:rgba(0,0,0,0.0);
position:absolute;
top:0;
left:0;
width:100%;
height: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;
}
.codeless_news_slider .swiper-slide p{
opacity:0;
bottom:-40px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
background:rgba(0,0,0,0.6);
color:#ddd;
font-size:13px;
padding:10px 20px;
position:absolute;
margin:0;
width:100%; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.codeless_news_slider .swiper-slide p > *{
color:#fff !important;
}
.codeless_news_slider .swiper-slide h1:hover{
background:rgba(0,0,0,0.8);
}
.codeless_news_slider .swiper-slide:hover .overlay{
background:rgba(0,0,0,0.2);
}
.codeless_news_slider .swiper-slide:hover h1{
bottom:40px;
}
.codeless_news_slider .swiper-slide:hover p{
opacity:1;
bottom:0;
}
.codeless_news_slider .featured_posts .featured:last-child{margin-bottom:0; background:#222;}
.codeless_news_slider .featured_posts .featured h4{
padding:8px 20px;
color:#fff;
width:auto;
float:left;
position:absolute;
bottom:0px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.codeless_news_slider .featured_posts .featured .overlay{
background:rgba(0,0,0,0.0);
position:absolute;
top:0;
left:0;
width:100%;
height: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;
}
.codeless_news_slider .featured_posts .featured h4:hover{
background:rgba(0,0,0,0.8);
}
.codeless_news_slider .featured_posts .featured:hover .overlay{
background:rgba(0,0,0,0.35);
}
.codeless_news_slider .featured_posts .featured:hover h4{
bottom:80px;
}
.codeless_news_slider .featured_posts .featured p{
opacity:0;
bottom:-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;
background:rgba(0,0,0,0.6);
color:#ddd;
padding:10px 20px;
position:absolute;
margin:0;
font-size:13px;
width:100%;
z-index:99999;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.codeless_news_slider .featured_posts .featured p > *{
color:#ddd !important;
}
.codeless_news_slider .featured_posts .featured:hover p{
opacity:1;
bottom:0;
}  .codeless_gallery_carousel.mobile_gallery{height:auto !important;}
.codeless_gallery_carousel.mobile_gallery img{height:auto !important;max-width:none !important; width:100%;}
.mobile_gallery .codeless_slider_swiper{min-height:50px !important;}
.mobile_gallery .codeless_slider_wrapper{min-height:50px !important;}
.mobile_gallery .swiper_slider, .mobile_gallery .swiper-wrapper, .mobile_gallery .swiper-slide{
height: auto !important;
float: left !important;
}
.codeless_gallery_carousel .codeless_swiper_gallery{
opacity:0;
}
.codeless_gallery_carousel .swiper-slide{
height:100%;
width:auto;
float:left;
min-width:10%;
}
@media (max-width:767px){
.codeless_gallery_carousel{
height:auto !important;
}
.codeless_gallery_carousel .codeless_slider_swiper{
min-height:auto;
}
.codeless_gallery_carousel .codeless_slider_wrapper{
min-height:auto !important;
}
.codeless_gallery_carousel .codeless_swiper_gallery{
height:auto !important;
}
.codeless_gallery_carousel .swiper-slide{
height:auto !important;
width:100% !important;
}
.codeless_gallery_carousel .swiper-slide img{
height:auto !important;
}
}
.codeless_gallery_carousel.grayscale img{
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: url(//www.belladancemodesto.com/wp-content/themes/specular/css/desaturate.svg#greyscale);
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.codeless_gallery_carousel.grayscale .swiper-slide-active img{
-moz-filter: grayscale(0);
filter: none;
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.codeless_gallery_carousel.opacity img{
opacity:0.1;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.codeless_gallery_carousel.opacity .swiper-slide-active img{
opacity:1;
}
.codeless_gallery_carousel .codeless_slider_wrapper{
background:#fff;
}
.codeless_gallery_carousel .swiper-slide img{
height:100%;
}
.codeless_gallery_carousel .swiper-slide{
position:relative;
}
.codeless_gallery_carousel .info{
position:absolute;
bottom:0;
background:rgba(255,255,255,0.97);
padding:30px 12px;
width:100%;
text-align:center;
}
.codeless_gallery_carousel .info > *{
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;
}
.codeless_gallery_carousel .info p{
margin:0;
padding:0;
text-align:center;
width: 450px;
position: relative;
left: 50%;
margin-left: -225px;
margin-top:5px;
}
.codeless_gallery_carousel .swiper-slide-active .info > *{
opacity:1;
}
.codeless_gallery_carousel:hover .nav-simple a{
opacity:1;
}
.codeless_gallery_carousel .nav-simple a{
position:absolute;
top:50%;
height:60px;
opacity:1;
margin-top:-30px;
z-index:999999;
background:rgba(0,0,0,0.3);
width:60px;
}
.codeless_gallery_carousel .nav-simple a:hover{
background:rgba(0,0,0,0.5);
}
.codeless_gallery_carousel .nav-simple a.prev {left:0px;}
.codeless_gallery_carousel .nav-simple a.prev span span{
background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/slider_left_carou.png) no-repeat center;
}
.codeless_gallery_carousel .nav-simple a.next {right:0px;}
.codeless_gallery_carousel .nav-simple a.next span span{
background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/slider_right_carou.png) no-repeat center;
}
.codeless_gallery_carousel .nav-simple a span span{
width:100%;
height:100%;
float:left;
}
.codeless_gallery_carousel .nav-simple a span{
width:100%;
height:100%;
float:left;
}
.codeless_gallery_carousel .nav-simple a span i{
color:rgba(255,255,255,0.9);
font-size:64px;
line-height:40px;
text-align:center;
width:100%;
float:left;
}
.codeless_gallery_carousel .nav-simple .text{
display:none;
}
.codeless_gallery_carousel .loading{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
}
.codeless_gallery_carousel .loading i{
position:relative;
top:50%;
line-height:40px;
font-size:36px;
color:#222;
z-index:9999999;
margin-top:-20px;
}     #portfolio-filter {
margin-bottom:35px;
position:relative;
min-height:20px !important;
}
#portfolio-filter ul {
margin:0;
padding:0;
list-style:none;
float:left;
z-index:9999;
}
#portfolio-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;
}
#portfolio-filter ul li a {
}
#portfolio-filter ul li.active a {
}
#portfolio-filter ul li.active {
position:relative;
}
#portfolio-filter ul li:hover {
}
#portfolio-filter ul li a:hover {
text-decoration:none;
} .content_portfolio.fullwidth #portfolio-filter{
margin-bottom:0;
}
.content_portfolio.fullwidth .filter-row{
}
.content_portfolio.fullwidth #portfolio-filter ul {
float:right;
}
.content_portfolio.fullwidth #portfolio-filter ul li{
border:none;
background:transparent;
padding:14px 18px;
}
.content_portfolio.fullwidth #portfolio-filter ul li a{
}
.content_portfolio.fullwidth #portfolio-filter ul li a:hover{
}
.content_portfolio.fullwidth #portfolio-filter ul li:last-child{
padding-right:0;
}      .portfolio-item.overlayed{
display:block;
overflow:hidden;
cursor:pointer;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.portfolio-item.overlayed img{
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
display:block;
}
.portfolio-item.overlayed h4{
} 
.portfolio-item.overlayed a{
position:absolute;
z-index:4;
top:0;
left:0;
width:100%;
height:100%;
}
.portfolio-item.overlayed h6{
}
.portfolio-item.overlayed .tpl2{
}
.portfolio-item.overlayed .bg{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.portfolio-item.overlayed:hover img{
transform: scale(1.1) rotate(0.7deg);
-ms-transform: scale(1.1) rotate(0.7deg);
-webkit-transform: scale(1.1) rotate(0.7deg);
-o-transform: scale(1.1) rotate(0.7deg);
-moz-transform: scale(1.1) rotate(0.7deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}    .portfolio-item.grayscale{
position:relative;
overflow:hidden;
cursor:pointer;
}
.portfolio-item.grayscale img{
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: url(//www.belladancemodesto.com/wp-content/themes/specular/css/desaturate.svg#greyscale);
-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;
top:0;
}
.portfolio-item.grayscale:hover img{
filter: none;
-webkit-filter: grayscale(0);
top:-80px;
}
.portfolio-item.grayscale .project{
height:80px;
width:100%;
position:absolute;
bottom:-92px;
left: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;
}
.portfolio-item.grayscale:hover .project{
bottom:0px;
}
.portfolio-item.grayscale .project h5{margin-top:17px;width:100%; float:left; text-align: center;}
.portfolio-item.grayscale .project h6{margin-top:4px; width:100%; float:left;; text-align:center;}
.portfolio-item.grayscale .project:after{
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 11px 12px 11px;
position:absolute;
left:50%;
margin-left:-11px;
top:0;
margin-top:-12px;
content:"";
}    .portfolio-item.basic{
-moz-box-sizing: border-box; 
-webkit-box-sizing:border-box;  
box-sizing: border-box;
}
.portfolio-item.basic .he-view{
width:100%;
}
.portfolio-item.basic .bg{
}
.portfolio-item.basic .link{
padding:8px 12px !important;
display:inline-block;
margin-right:5px;
}
.portfolio-item.basic .tpl2 .center-bar{
height:34px;
}
.portfolio-item.basic .show_text{
-moz-box-sizing: border-box; 
-webkit-box-sizing:border-box;  
box-sizing: border-box;
padding:20px;
background:#fff;
}
.portfolio-item.basic .show_text h5 {
margin-top:15px;
float:left;
width:100%;
margin-bottom:2px;
letter-spacing:1px; 
}
.portfolio-item.basic .show_text h6{
margin-top:5px;
}   .portfolio-item.chrome .overlay{
height:auto;
position: relative;
overflow:hidden;
}
.portfolio-item.chrome .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;
}
.portfolio-item.chrome:hover .overlay span{
opacity:1;
}
.portfolio-item.chrome .bar{
width:100%; 
height:12px; 
background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/chrome.png) no-repeat; 
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
}
.portfolio-item.chrome .overlay{
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.portfolio-item.chrome .overlay span{
top:12px !important; 
background:rgba(255,255,255,0.7);
}
.portfolio-item.chrome span a{
z-index: 99999999;
position: absolute;
top: 50%;
margin-top: -25px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.portfolio-item.chrome span a:hover{
background:#000 !important;
color:#fff;
}
.portfolio-item.chrome .show_text{
margin-top:15px;
}
.portfolio-item.chrome .show_text h5{
text-align:center;
text-transform: uppercase;
letter-spacing: 1.5px
}   .no_space .filterable{
margin-left:0 !important;
}
.content_portfolio.fullwidth{
padding:0 !important;
margin:0 !important;
}
.content_portfolio.fullwidth.layout-sidebar_left aside, .content_portfolio.fullwidth.layout-sidebar_right aside{
padding-top:40px;
padding-right:60px;
}
.content_portfolio.fullwidth.layout-sidebar_left aside{
padding-right:0px;
padding-left:40px;
}
.fullwidth  .span9{
padding-left:0;
}
.fullwidth.layout-sidebar_left #portfolio-preview-items.normal{
padding-left:0;
}
.fullwidth #portfolio-preview-items.normal{
padding-left:20px;
padding-right:20px;
padding-top:20px;
}
.fullwidth #portfolio-preview-items.normal .row{
margin-left:-20px;
}
.fullwidth #portfolio-preview-items .row{
margin-left:0;
}
.fullwidth #portfolio-preview-items.no_space{
margin-left:-5px;
padding-top:5px;
}
.fullwidth #portfolio-preview-items.no_space .portfolio-item{
padding-left:5px;
padding-bottom:5px;
}
.portfolio-item {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.portfolio-item img {
width:100%;
float:left;
}
.five-cols .portfolio-item {
position: relative;
width: 20%;
padding-left: 20px;
float: left;
margin-bottom: 20px;
}
.three-cols .portfolio-item {
position: relative;
width: 33.33333%;
padding-left: 20px;
float: left;
margin-bottom: 20px;
}
.four-cols .portfolio-item {
position: relative;
width: 25%;
padding-left: 20px;
float: left;
margin-bottom: 20px;
}
.two-cols .portfolio-item {
position: relative;
width: 50%;
padding-left: 20px;
float: left;
margin-bottom: 20px;
}
.no_space .portfolio-item{
margin-left:0;
margin-bottom:0;
padding-left:0;
padding-bottom:0;
}
.tpl2 {
float:left;
width:100%;
overflow: hidden;
}
.tpl2 img {
max-width:none;
width:100%
}
.tpl2 .bg:hover {
opacity:1;
}
.tpl2 .bg {
opacity:0;
width:100%;
height:100%;
}
.tpl2 .center-bar {
position:absolute;
top:50%;
transform:translateY(-50%);
text-align:center;
width:100%;
} .four-cols .masonry .grid-size{width:25%;}
.four-cols .masonry .w1{width:25%;}
.four-cols .masonry .wh2{width:25%;}
.four-cols .masonry .w2{width:50%;}
.four-cols .masonry .w3{width:75%;}
.three-cols .masonry .grid-size{width:33.3333%;}
.three-cols .masonry .w1{width:33.3333%;}
.three-cols .masonry .w2{width:66.6666%;}
.three-cols .masonry .w3{width:100%;}
.five-cols .masonry .grid-size{width:20%;}
.five-cols .masonry .w1{width:20%;}
.five-cols .masonry .w2{width:40%;}
.five-cols .masonry .w3{width:60%;}
.two-cols .masonry .grid-size{width:50%;}
.two-cols .masonry .w1{width:50%;}
.two-cols .masonry .w2{width:100%;} 
.two-cols .masonry .w3{width:50%;}     .isotope,.isotope .isotope-item {
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-ms-transition-duration:0.8s;
-o-transition-duration:0.8s;
transition-duration:0.8s;
}
.isotope {
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
-ms-transition-property:height,width;
-o-transition-property:height,width;
transition-property:height,width;
}
.isotope .isotope-item {
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
-ms-transition-property:-ms-transform,opacity;
-o-transition-property:-o-transform,opacity;
transition-property: transform,opacity;
}      .single_portfolio_gallery{ 
margin-top:60px;
}
.single_portfolio_gallery .gallery a{
width:33.3333%; 
float:left;
padding-left:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
margin-bottom:20px;
}
.single_portfolio_gallery .content{
margin-top:40px;
}
.portfolio_single h4{
}
.portfolio_single ul.info{
margin:0;
padding:0;
list-style: none;
margin-top:13px;
position:relative;
}
.portfolio_single ul.info li{
float:left;
width:100%;
margin-bottom:10px;
}
.portfolio_single ul.info li .title{
width:100%;
float:left;
}
.portfolio_single .post-like{
position: absolute;
top: 0;
margin-top: 0;
right: 0;
width: auto !important;
}
.single_portfolio_container{
margin-top:60px;
}
.single_portfolio_container .details{
margin-top:30px;
}
.single_portfolio_container .content{
margin-top:40px;
float:left;
}
.single_portfolio_floating{
margin-top:60px;
}
.single_portfolio_floating .media img{
margin-bottom:20px;
}
.single_portfolio_floating .media img:last-child{
margin-bottom:0;
}
.single_portfolio_floating .details{
margin-top:30px;
}
.single_portfolio_fullwidth .content{
margin-top:60px;
}
.single_portfolio_fullwidth .media{
width:100%;
float:none;
}
.single_portfolio_fullwidth .media .featured{
-webkit-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-repeat:no-repeat;
width:100%;
height:600px;
}
@media (min-width:768px){
.fixed_sidebar{
position:sticky;
top:0px;
}
.sticky_active .fixed_sidebar{
top:108px;
}
}
.single_portfolio_related{
margin-top:60px;
}
.single_portfolio_related h4{
margin-bottom:20px;
}    .nav-fillpath a {
width: 80px;
height: 80px;
position: absolute;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 1000;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-fillpath .icon-wrap {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.nav-fillpath a::before,
.nav-fillpath a::after,
.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {
position: absolute;
left: 50%;
width: 2px;
height: 50%;
background: #777;
content: '';
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid transparent; }
.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {
z-index: 100;
height: 0;
background: #10b8c7;
-webkit-transition: height 0.3s, -webkit-transform 0.3s;
transition: height 0.3s, transform 0.3s;
}
.nav-fillpath a::before,
.nav-fillpath .icon-wrap::before {
top: 50%;
-webkit-transform: translateX(-50%) rotate(-135deg);
transform: translateX(-50%) rotate(-135deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.nav-fillpath a.next::before,
.nav-fillpath a.next .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(135deg);
transform: translateX(-50%) rotate(135deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.nav-fillpath a::after,
.nav-fillpath .icon-wrap::after {
top: 50%;
-webkit-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.nav-fillpath a.next::after,
.nav-fillpath a.next .icon-wrap::after {
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.nav-fillpath a.next{right:0;}
.nav-fillpath a.prev{right:80px;}
.nav-fillpath h3 {
position: absolute;
top: 50%;
margin: 0;
color: #10b8c7;
text-transform: uppercase;
font-weight: 300;
font-size: 0.85em;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 
transition: transform 0.3s, opacity 0.3s;
}
.nav-fillpath a.prev h3 {
left: 100%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.nav-fillpath a.next h3 {
right: 100%;
text-align: right;
-webkit-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
}
.nav-fillpath a:hover .icon-wrap::before,
.nav-fillpath a:hover .icon-wrap::after {
height: 50%;
}
.nav-fillpath a:hover::before,
.nav-fillpath a:hover .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(-125deg);
transform: translateX(-50%) rotate(-125deg);
}
.nav-fillpath a.next:hover::before,
.nav-fillpath a.next:hover .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(125deg);
transform: translateX(-50%) rotate(125deg);
}
.nav-fillpath a:hover::after,
.nav-fillpath a:hover .icon-wrap::after {
-webkit-transform: translateX(-50%) rotate(-55deg);
transform: translateX(-50%) rotate(-55deg);
}
.nav-fillpath a.next:hover::after,
.nav-fillpath a.next:hover .icon-wrap::after {
-webkit-transform: translateX(-50%) rotate(55deg);
transform: translateX(-50%) rotate(55deg);
}
.nav-fillpath a:hover h3 { 
opacity: 1;
-webkit-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
}    .wpcf7-form{float:left; width:100%;}
.wpcf7-form p{color:#888;float:left; width:100%; margin-top:10px; margin-bottom:10px; }
.wpcf7-form-control-wrap{margin-top:5px;float:left;height:auto;}
.wpcf7-form-control-wrap{
width:100%;
}
.one-third .wpcf7-form-control-wrap{
position: relative;
width: 32%;
margin-left:2%;
}
.wpcf7-form p:nth-child(2){
margin-top:0;
}
.wpcf7-form-control-wrap:first-child{margin-left:0;}
.wpcf7-list-item.last{margin-left:20px;}
.wpcf7-form-control-wrap:first-child:last-child{width:100%;}
.wpcf7-form-control-wrap input[type="checkbox"]{
margin:0;
padding:0;
}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"]{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 textarea{width:100%; 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 p input[type="submit"]{
float:left;
}
.wpcf7-response-output{
clear: both;
margin: 0 !important;
width: 100%;
margin-top: 15px !important;
border: none !important;
background: #f5f5f5;
padding: 20px !important;
box-sizing: border-box;
}
.wpcf7-response-output.wpcf7-display-none{
display:none;
}
.wpcf7-response-output.wpcf7-mail-sent-ok{
display: inline-block
}    .viewport{
position: relative;
left: 0;
z-index: 99;
height: 100%;
top:0;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
}
.open_search .search_bar{
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0); 
}
.open_search.admin-bar .search_bar{
-webkit-transform: translate3d(0, 32px, 0);
transform: translate3d(0, 32px, 0); 
} 
.open_search .viewport{
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0); 
} 
.open_search.admin-bar .viewport{
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0); 
} 
.search_bar{
position: absolute;
left: 0;
z-index: 1;
width: 100%;
top:0;
height:80px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background:#222;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0); 
}
.search_bar .input-append{
height:100%;
}
.search_bar input[type="text"]{
background: transparent;
border: none;
font-size: 42px;
font-weight: 300;
font-family: inherit;
height: 100%;
width:100%;
padding: 0;
margin: 0;
line-height: 80px;
color: #888;
}
.search_bar form{
margin: 0;
height: 100%;
}
.search_bar .container{
height:100%;
}
.search_bar button{
display:none;
}
.extra_navigation{
position: fixed;
top:0;
z-index: 9999999;
width: 300px;
height:100%;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background:rgba(34, 34, 34, 0.93);
}
.extra_navigation.right{
right:-300px;
}
.extra_navigation.left{
left:-300px;
}
.open_extra_nav .extra_navigation{
}
.open_extra_nav .extra_navigation.right{ 
right:0;
}
.open_extra_nav .extra_navigation.left{
left:0;
}
.open_extra_nav .viewport{
} 
.extra_navigation .content{
margin-top:40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:30px;
}
.extra_navigation select {
width:100%;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
.extra_navigation #s {
width:100%;
height:40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.extra_navigation #search-form:after{
content: "\e1b7";
font-family: 'moon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
position:absolute;
right:15px;
top:11px;
font-size:16px;
display:inline;
width:auto;
height:auto;
line-height:normal;
vertical-align:baseline;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0;
color:#bbb;
}
.extra_navigation #search-form{width:100%; float:left; position:relative;}
.extra_navigation #search-form .more, footer #search-form .more{
display:none;
}
.extra_navigation h5.widget-title {
margin-bottom:24px;
margin-top:0;
color:#eee;
float:left;
width:100%;
}
.extra_navigation .widget {
margin-bottom:35px;
float:left;
width:100%;
}
.extra_navigation ul {
margin:0;
padding:0;
list-style:none
}
.extra_navigation ul li{
padding-top:10px;
padding-bottom:10px;
}
.extra_navigation ul li a{width:100%;}
.extra_navigation ul li:after{
content: "\f105";
font-family: 'FontAwesome';
float: right;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.extra_navigation .widget:first-child {
margin-top:0
}
.extra_navigation #wp-calendar{width:100%;}
.extra_navigation #wp-calendar td{padding-left:16px;}
.extra_navigation #wp-calendar td#today {font-weight: 600;}
.extra_navigation .widget_rss ul li:after{content: "";}
.extra_navigation .tagcloud a{
background:#111; 
color:#fff; 
padding: 8px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
.extra_navigation ul.sub-menu{
padding-left: 32px;
padding-top:10px;
}
.extra_navigation ul.sub-menu li:last-child, aside li.menu-item-has-children{
border-bottom: none;
}
.extra_navigation li.menu-item-has-children:after{content:"";}
.extra_navigation .footer_social_icons {
float:left;
width:100%;
margin-left:0px !important;
margin-top:0px !important;
position:relative;
padding:0;
list-style: none
}
.extra_navigation .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:10px !important;
width:32px !important;
height:32px !important;
}
.extra_navigation .footer_social_icons li:after{
display: none
}
.extra_navigation .footer_social_icons li:first-child {
margin-left:0 !important;
}
.extra_navigation .footer_social_icons li a {
float:left;
}
.extra_navigation .footer_social_icons li i {
float:left;
line-height:32px;
font-size:16px;
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;
}
.extra_navigation .close{
position: absolute;
right: 20px;
top: 70px;
background: url(//www.belladancemodesto.com/wp-content/themes/specular/img/black_x.png) 0 0 no-repeat;
width: 20px;
height: 20px;
}
.extra_navigation .close:hover{
background:url(//www.belladancemodesto.com/wp-content/themes/specular/img/white_x.png) 0 0  no-repeat;
opacity:1;
}    .not_found{width:600px !important; max-width:100%; position:relative;left:50%; -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);}
.not_found h2{float: left;width:100%; text-align:center;font-size: 200px;color: #eee;line-height: 200px;}
.not_found p{float:left; width:100%; margin-top:20px; font-size:16px; text-align:center;line-height:28px;}
.not_found .search_field{
display:block;
float:left;
margin-top:40px;
width:400px;
position:relative;
left:50%;
margin-left:-200px;
}
.not_found .search_field input[type="text"]{
height:40px;
padding-left:20px;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border-radius:none;
height:50px;
-webkit-border-radius:none;
-moz-border-radius:none;
}
.not_found .search_field .btn-bt{display: block;position: absolute;top: 0;right: 0;height: 50px;z-index:99999999;}   .p_pagination{float:left; width:100%;}
.p_pagination.hide_this .pagination{
display:none;
}
.p_pagination .infinite-scroll-last{
display:none !important;
}
.p_pagination .page-load-status{
display:none;
}
#portfolio-preview-items .page-load-status {
margin-top:20px;
}
#blogmasonry #infscr-loading{
display: block;
float: left;
bottom: -50px;
position: absolute;
}
#infscr-loading{width:100%; text-align:center;}
#infscr-loading:after{
content: "\e1a7";
font-family: 'moon';
width: 36px;
height: 36px;
line-height: 40px;
font-size: 36px;
color: #222;
z-index: 9999999;
-moz-animation:spin 2s infinite linear;
-o-animation:spin 2s infinite linear;
-webkit-animation:spin 2s infinite linear;
animation:spin 2s infinite linear;
}
#infscr-loading img{display:none;}
#infscr-loading div{display:none;}
.p_pagination .pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:12px;
line-height:20px;
margin:0;
}
.content_portfolio.fullwidth .p_pagination{margin-bottom:5px; padding-left:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.content_portfolio.fullwidth .p_pagination .pagination{
padding:0;
margin-bottom:5px;
}
.p_pagination .pagination span, .p_pagination .pagination a {
display:block;
float:left;
margin: 2px 5px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#444;
}
.p_pagination .pagination a:hover{
color:#fff;
}
.p_pagination .pagination .current{
padding:6px 9px 5px 9px;
color:#fff;
} .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
margin: -12px;
}
@media (max-width: 767px){.side-nav { width: 250px !important;}}
.header_8 nav .menu > li > ul.sub-menu ul {
left: 220px;
}
.widget .screen-reader-text{
display:none;
} @media (min-width: 1200px) {
.row .span12 .alignfull {
width: 100vw;
max-width: none;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .span12 .alignwide {
margin-left: -20%;
margin-right: -20%;
max-width: none;
width: 1120px;
}
}
p.has-drop-cap:not(:focus):first-letter {
font-size: 3.5em;
font-weight: bold;
line-height: 0.95;
}
.wp-block-separator {
margin: 4em 0;
}
.wp-block-quote {
margin-left: 0;
margin-right: 0;
padding: 0 30px;
border-left: none !important;
padding-left: 30px !important;
position: relative;
}
.wp-block-quote:before {
position: absolute;
z-index: 0;
margin: 0;
left: 0;
color: #fdece9;
font-size: 132px;
content: "\201c";
top: 25px;
font-family: Georgia, Arial, sans-serif;
font-style: normal;
line-height: 0.41;
}
.wp-block-quote p {
font-style: italic;
margin-bottom: 15px !important;
z-index: 1;
position: relative;
}
.wp-block-quote cite {
font-weight: 500;
font-style: normal;
}
.wp-block-pullquote {
margin-top: 3em;
margin-bottom: 3em;
border-top: 3px solid;
border-bottom: 3px solid;
color:#777;
}
.has-large-font-size {
font-size: 20px;
} span[class^="vc_icon_element-icon icon-"]{
font-family:FontAwesome;
} .cl-infinite-loader.hidden{
display:none;
visibility:hidden
}
.cl-infinite-loader{
position:relative;
width:40px;
height:40px;
margin:0em auto;
clear:both
}
.cl-infinite-loader .dot{
width:10px;
height:10px;
border-radius:50%;
background:#1b1f21;
position:absolute;
-webkit-animation-duration:0.5s;
animation-duration:0.5s;
-webkit-animation-timing-function:ease;
animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.cl-infinite-loader .dot1,.cl-infinite-loader .dot2{
left:0
}
.cl-infinite-loader .dot3{
left:15px
}
.cl-infinite-loader .dot4{
left:30px
}
.cl-infinite-loader .dot1{
-webkit-animation-name:reveal;
animation-name:reveal
}
.cl-infinite-loader .dot2,.cl-infinite-loader .dot3{
-webkit-animation-name:slide;
animation-name:slide
}
.cl-infinite-loader .dot4{
-webkit-animation-name:reveal;
animation-name:reveal;
-webkit-animation-direction:reverse;
animation-direction:reverse
}
@-webkit-keyframes reveal{
from{
-webkit-transform:scale(0.001);
transform:scale(0.001)
}
to{
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes reveal{
from{
-webkit-transform:scale(0.001);
transform:scale(0.001)
}
to{
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes slide{
to{
-webkit-transform:translateX(15px);
transform:translateX(15px)
}
}
@keyframes slide{
to{
-webkit-transform:translateX(15px);
transform:translateX(15px)
}
}
.cl-infinite-loader.loadmore{
bottom:65px
}  .post_style-modern .span12 > .blog-article{
width: 800px;
max-width:100%;
float: none;
margin: 0 auto;
}
.post_style-modern .span12 > .blog-article > .media{
margin-left: -20%;
margin-right: -20%;
max-width: none;
float: none;
width: auto;
height: auto;
padding-bottom:60px;
display:block;
max-width:100%;
}
.post_style-modern .span12 > .blog-article > .content > h1{
padding-top:0px;
}
.widget_categories li a{
display: inline-block;
float: none !important;
width: auto !important;
}
.gallery-columns-3 .gallery-item{
width: 29% !important;
margin-bottom: 0 !important;
padding: 0px 5px !important;
}
.gallery-columns-3 .gallery-item img{
border:none !important;
} @media (min-width: 1200px) {
#content > .fullwidth .alignfull {
width: 100vw;
max-width: none;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 1200px) {
#content > .fullwidth .alignwide {
margin-left: -20%;
margin-right: -20%;
max-width: none;
width: auto;
}
}
p.has-drop-cap:not(:focus):first-letter {
font-size: 3.5em;
font-weight: bold;
line-height: 0.95;
}
.wp-block-separator {
margin: 4em 0;
}
.wp-block-quote {
margin-left: 0;
margin-right: 0;
padding: 0 30px;
border-left: none !important;
padding-left: 30px !important;
position: relative;
}
.wp-block-quote:before {
position: absolute;
z-index: 0;
margin: 0;
left: 0;
color: #fdece9;
font-size: 132px;
content: "\201c";
top: 25px;
font-family: Georgia, Arial, sans-serif;
font-style: normal;
line-height: 0.41;
}
.wp-block-quote p {
font-style: italic;
margin-bottom: 15px !important;
z-index: 1;
position: relative;
}
.wp-block-quote cite {
font-weight: 500;
font-style: normal;
}
.wp-block-pullquote {
margin-top: 3em !important;
margin-bottom: 3em !important;
border-top: 3px solid;
border-bottom: 3px solid;
padding:0px;
}
.wp-block-pullquote blockquote{
border-left:0px;
padding-left:0px;
}
.has-large-font-size {
font-size: 20px;
}
.wp-block-embed.alignwide .wp-block-embed__wrapper {
position: relative;
}
.wp-block-embed.alignwide .wp-block-embed__wrapper:before {
content: "";
padding-top: 56.25%;
display: block;
}
.wp-block-embed.alignwide .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed.alignfull .wp-block-embed__wrapper {
position: relative;
}
.wp-block-embed.alignfull .wp-block-embed__wrapper:before {
content: "";
padding-top: 56.25%;
display: block;
}
.wp-block-embed.alignfull .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-pullquote__content p {
font-weight: normal;
}
.wp-block-pullquote cite {
font-style: normal;
text-transform: uppercase;
font-size: 13px;
}
.wp-block-pullquote blockquote{
padding-bottom: 35px;
padding-top: 35px;
}
.wp-block-pullquote p{
margin-bottom:20px !important;
margin-top:0px;
}
.wp-block-image.alignfull {
margin-bottom: 1.4em;
}
.wp-block-columns{
width:100%;
}
.page-links{
float:left;
width:100%;
}
.wp-block-cover{
margin-bottom:30px;
}
.wp-block-cover p{
font-size:24px;
}
.wp-block-cover.alignleft{
margin-top:0;
margin-right:20px;
}
.wp-block-cover .wp-block-cover-text{
color:#fff !important;
padding-top:0;
padding-bottom:0;
}
.video_lightbox_button{
display: flex;
justify-content: center;
}
.video_lightbox_button a{
width: 86px;
height: 86px;
display: inline-block;
font-size: 32px;
border-radius: 50%;
color: #fff;
position: relative;
box-shadow: 0px 24px 48px -12px rgba(25, 45, 146, 0.35);
transform:translateY(0px);
}
.video_lightbox_button a:hover{
box-shadow:0px 0px 0px rgba(0,0,0,0);
transform:translateY(3px);
color:#fff;
}
.video_lightbox_button i{
position: absolute;
left: 50%;
top: 50%;
margin-left: -9px;
margin-top: -11px;
font-size: 22px;
}
.video_lightbox_button.with-image{
position:relative;
}
.video_lightbox_button.with-image a{
position:absolute;
top:50%;
margin-top:-43px;
left:50%;
margin-left:-43px;
} .media_el.wpb_content_element.with_shadow{
overflow:initial;
}
.media_el.wpb_content_element.with_shadow:not(.media_align_center){
box-shadow: 0px 23px 57px rgba(0,0,0,0.1);
}
.media_el.wpb_content_element.with_shadow.media_align_center .media_wrapper{
box-shadow: 0px 23px 57px rgba(0,0,0,0.1);
}
.media_el.wpb_content_element.rounded_left_corners img{
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}
.media_el.wpb_content_element.rounded_right_corners img{
border-top-right-radius:10px;
border-bottom-right-radius:10px;
} .blog-article.grid-style.shadowbox-style{
padding-left:40px;
}
.blog-article.grid-style.shadowbox-style .gridbox{
box-shadow: 0px 23px 57px rgba(0,0,0,0.05);
transform:translateY(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;
border-radius:10px;
}
.blog-article.grid-style.shadowbox-style .gridbox .media{
border-radius:10px;
}
.blog-article.grid-style.shadowbox-style:hover .gridbox{
box-shadow: 0px 0px 0px rgba(0,0,0,0.00);
transform:translateY(3px);
}
.blog-article.grid-style.shadowbox-style .post-categories{
list-style:none;
margin:0;
padding:0;
}
.blog-article.grid-style.shadowbox-style .content{
padding: 25px 30px;
width:100%;
}
.blog-article.grid-style.shadowbox-style h3{
font-size:20px;
line-height:30px;
margin-top:6px;
}
.blog-article.grid-style.shadowbox-style .post-info{
list-style: none;
margin: 0;
padding: 0;
}
.blog-article.grid-style.shadowbox-style .post-info li{
display:inline-block;
padding-left:15px;
position:relative;
}
.blog-article.grid-style.shadowbox-style .post-info li:after{
content: "";
display: inline-block;
width: 4px;
height: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 50%;
margin-top: -2px;
right: -12px;
background-color:  #cac2c2;
}
.blog-article.grid-style.shadowbox-style .post-info li:first-child{
padding-left:0;
}
.blog-article.grid-style.shadowbox-style .post-info li:last-child:after{
display:none;
}
.blog-article.grid-style.shadowbox-style .author-img{
position:relative;
display:block;
margin-top:35px;
height:32px;
width:100%
}
.blog-article.grid-style.shadowbox-style .author-img:after{
content: "";
width: 100%;
height: 1px;
background: #ebebeb;
position: absolute;
left: 0;
top: 16px;
z-index: -1;
}
.blog-article.grid-style.shadowbox-style .author-img .img-wrap{
position:absolute;
right:0;
top:0;
width:32px;
height:32px;
box-shadow: 7px 4px 22px rgba(0,0,0,0.1);
border-radius:50%;
}
.blog-article.grid-style.shadowbox-style .author-img .img-wrap img{
border-radius:50%;
}
.wp-block-button{
margin-top:20px;
margin-bottom:20px;
}
div#respond{max-width:100%} .woocommerce-cart .composer_content .woocommerce .actions button.button:disabled{
line-height: 1px !important;
}
.woocommerce-cart .composer_content .woocommerce .actions .coupon button{
line-height: 1px !important;
box-shadow:none;
border:none;
}
.woocommerce-cart .composer_content .shop_table .actions .btn-bt, .woocommerce-form-coupon .btn-bt{
line-height: 1px !important;
} .blog-article.standard-style.sfwd-courses .content .text {
display: flex;
width: 100%;
}
.sfwd-courses .info{ display:none; }
@media (max-width: 979px)
{
.sticky_on_mobile .menu-small{
height: 60vh !important;
overflow: scroll !important;
}
}
footer#colophon .elementor-widget-wp-widget-nav_menu ul{
list-style:none;
padding:0;
margin:0;
} 
footer#colophon .elementor-widget-wp-widget-nav_menu ul li{
padding-bottom:5px;
}
footer#colophon .elementor-widget-wp-widget-mc4wp_form_widget p.mailchimp_wrapper{
display:flex;
}
footer#colophon .elementor-widget-wp-widget-mc4wp_form_widget input[type="email"]{
height:50px;
padding-left:10px;
box-shadow:none;
border:none;
background:#fff;
border-radius:0px;
}
footer#colophon .elementor-widget-wp-widget-mc4wp_form_widget input[type="submit"]{
height:50px;
border:none;
padding-left:20px;
padding-right:20px;
}
.elementor-page #content{
padding-top:0;
padding-bottom:0;
}
.wp-block-cover.has-background-dim-60 .wp-block-cover-text a {
color: #10b8c7 !important;
text-decoration: underline;
}.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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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(//www.belladancemodesto.com/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);
}