/* STYLES FOR COLOR */

.woocommerce-message::before, 
.woocommerce-info::before,
.woocommerce-message, 
.woocommerce-info,
.f-c-2,
.a-price-wrap.action .price,
.a-price-wrap.type-1 .a-btn:hover,
.sydney-icon-box .arrow-icon,
.a-service.type-3 .service-title a:hover,
.a-btn.border-color-primary:hover, .a-btn.border-color-primary:focus,
.a-price-wrap.type-1 .a-btn:focus,
.a-btn.hover-bg-color-primary:hover, .a-btn.hover-bg-color-primary:focus,
.a-btn.hover-color-primary:hover, .a-btn.hover-color-primary:focus,
.a-btn.color-primary,
.about-tab .subtitle::before,
.subscribe .title span,
.about-info-block .services .s-icon,
.vc_tta-style-sydney .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-style-sydney .vc_tta-panel-heading .vc_tta-controls-icon,
.a-slider.style-3.type-6 .point-style-4 .swiper-active-switch,
.about-info-block .info-wrap .about-tab .text::before,
.a-head-1.style-3.type-4 .descr span,
.services.style-3 .s-icons .head-icon:hover,
.a-banner-small.style-3.type-6.type-8 .a-btn.style-3,
.close-btn,
.navigation nav ul li a::before,
.mob-social-btn,
div.header-social.style-2 a:hover,
div.header-social ul li a:hover,
.header-folow.style-2:hover a span,
.header-folow.style-2:hover,
.header-folow.style-1 a:hover span,
.a-header .inner-wrap .sub-menu li:hover>a,
.a-header.style-1:not(.style-2):not(.style-3) .inner-wrap .sub-menu li:hover,
.a-header.style-2.g-type .serch-button:hover .fa-search::before,
input[type="text"]:focus,
.footer-bottom .style-2 a:hover,
.a-commerce-filters .filters-list li:hover,
.a-commerce-filters .search-inp:focus,
.a-commerce-filters .filters-search-submit, 
.woocommerce-product-search .a-commerce-filters input[type="submit"],
.a-commerce-filters .widget .tagcloud a:hover,
.a-commerce-filters .widget_archive select:focus, 
.a-commerce-filters .widget_categories select:focus,
.a-commerce-filters .widget_recent_comments>ul li a,
.a-commerce-filters .widget_recent_entries>ul li a:hover, 
.a-commerce-filters .widget_recent_entries>ul li a:focus, 
.a-commerce-filters .widget_archive>ul li a:hover, 
.a-commerce-filters .widget_archive>ul li a:focus, 
.a-commerce-filters .widget_categories>ul li a:hover, 
.a-commerce-filters .widget_categories>ul li a:focus, 
.a-commerce-filters .widget_pages>ul li a:hover, 
.a-commerce-filters .widget_pages>ul li a:focus, 
.a-commerce-filters .widget_meta>ul li a:hover, 
.a-commerce-filters .widget_meta>ul li a:focus, 
.a-commerce-filters .widget ul li a:hover, 
.a-commerce-filters .widget ul li a:focus,
.a-prod-pagination li .page-numbers:hover, 
.a-prod-pagination li .page-numbers:focus, 
.a-prod-pagination li .page-numbers.current,
.p-prod-box .prod-info .price,
.p-prod-box .prod-img .prod-menu .more,
.heading-title.c-style span,
.c-post-comments .reply a:hover,
.c-post-comments .comments-title::after,
.a-prod-pagination.style-2 ul .page-numbers:hover, 
.a-prod-pagination.style-2 ul .page-numbers:focus,
.entry-content .page-links a:hover, 
.comment-content .page-links a:hover,
.comment-content a,
.c-post .entry-footer-bottom .c-share-list li:hover,
.c-post .more-wrap .more-link:hover,
.c-post .entry-header ul li a,
.c-post .entry-header .entry-title:hover a,
.comment-respond input[type='submit']:hover,
.p-commerce-more .btn-white:hover,
.p-commerce-more .btn-red:hover,
.p-commerce-more .main-visual span,
.slider-ui .noUi-connect,
.slider-ui .noUi-horizontal .noUi-handle,
.wpc-star-rate .fa.fa-fw.fa-star.rated,
.wpc-star-rate .fa.fa-fw.fa-star:hover,
.a-mark-form.type-1 .a-mark-form.type-1::after,
.portfolio.style-4 .item .item-info,
.portfolio .item .item-info h2::after,
.filter-wrap .but.style-2:hover, 
.filter-wrap .but.style-2.activbut,
.filter-wrap .but.activbut::after, 
.filter-wrap .but:hover::after,
.head-icon:hover,
.woocommerce-cart .woocommerce .shop_table .actions input[type="submit"]:hover,
.woocommerce-breadcrumb a,
.sydney-overlay .vc_column-inner:after,
.special-heading-desc span,
.special-heading-title.highlight-1 span,
.row-socials a:focus,
.sydney-icon-box.style-icon-bg .sydney-icon, 
.sydney-icon-box.style-icon-bg .sydney-image,
.sydney-icon-box.style-icon-bg .sydney-image,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce div.product p.stars,
.woocommerce div.product .product_meta .posted_in a, 
.woocommerce div.product .product_meta .tagged_as a,
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce button.button.alt.disabled:hover,
.woocommerce a.button:hover, 
.woocommerce a.button:focus, 
.woocommerce button:hover, 
.woocommerce button:focus, 
.woocommerce input[type="submit"]:hover, 
.woocommerce input[type="submit"]:focus ,
.woocommerce a.button.alt, 
.woocommerce button.alt, 
.woocommerce input[type="submit"].alt ,
.woocommerce a.button, 
.woocommerce button, 
.woocommerce span.onsale,
.woocommerce .product-remove a.remove:hover, 
.woocommerce .product-remove a.remove:focus,
.woocommerce .star-rating,
.a-btn.hover-1:hover,
.woocommerce-ordering .orderby:focus,
.zilla-likes.active, 
.zilla-likes:hover, .zilla-likes:focus,
#wp-calendar tfoot td#prev a:hover, 
#wp-calendar tfoot td#prev a:focus, 
#wp-calendar tfoot td#next a:hover, 
#wp-calendar tfoot td#next a:focus,
#wp-calendar tbody td#today,
#wp-calendar tbody td a,
.a-header .navigation nav>ul>li.active:hover>a,
.slide-menu li.active>a,
.logo span,
.entry-content a, 
.comment-content a,
.a-service.type-5:hover .service-title,
.woocommerce div.product .quantity button:hover
{
  color: ;
}


/* STYLES FOR BACKGROUND COLOR */

.a-btn.hover-bg-color-primary:hover, 
.a-btn.hover-bg-color-primary:focus,
.a-btn.bg-color-primary,
.point-style-4 .swiper-active-switch,
.a-price-wrap.action .price-heading .best:before,
.about-tab .subtitle::before,
.vc_tta-style-sydney .vc_tta-panel.vc_active .vc_tta-panel-heading,
.a-slider.style-3.type-6 .point-style-4 .swiper-active-switch,
.about-info-block .info-wrap .about-tab .text::before,
.services.style-3 .s-icons .head-icon:hover,
.navigation nav ul li a::before,
div.header-social ul li a,
.a-header.style-1:not(.style-2):not(.style-3) .inner-wrap li:hover,
.a-header.style-1:not(.style-2):not(.style-3) nav>ul>li.current-menu-item, 
.a-header.style-1:not(.style-2):not(.style-3) nav>ul>li.current-menu-ancestor,
.a-banner-small.style-3.f-type::before,
.a-head-1.style-3 .head-title .title-3::after,
.a-banner-small.style-3.type-6.type-8::before,
.step-block .step-descr .step-title::before,
.footer-bottom .style-2 a:hover,
.a-commerce-filters .filters-search-submit, 
.a-commerce-filters .woocommerce-product-search input[type="submit"], 
.woocommerce-product-search .a-commerce-filters input[type="submit"],
.a-mark-banner .a-btn.style-2,
.a-commerce-filters .filters-list li::after,
.a-service.s-bg-1,
.c-post-comments .comments-title::after,
.slider-ui .noUi-connect,
.slider-ui .noUi-horizontal .noUi-handle,
.a-mark-form.type-1 .a-mark-form.type-1::after,
.portfolio.style-4 .item .item-info,
.portfolio .item .item-info h2::after,
.filter-wrap .but.activbut::after, 
.filter-wrap .but:hover::after,
.wpc-skills .skill-block .skill-line .line-fill,
.form.style-2 .form-title::after,
.p-commerce-more .btn-red,
.comment-respond input[type='submit'],
.c-post .more-wrap .more-link,
.c-post .entry-footer-bottom .footer-elems span:not(.comments-link):not(.zilla-likes-count):not(.zilla-likes-postfix),
.entry-content input[type='submit'], .comment-content input[type='submit'],
.a-prod-pagination.style-2 ul .page-numbers.current,
.a-prod-pagination.style-3 li .page-numbers.current,
.c-post-comments .reply a,
.head-icon:hover,
.sydney-overlay .vc_column-inner:after,
.row-socials a:hover, 
.row-socials a:focus,
.sydney-icon-box.style-icon-bg .sydney-icon, 
.sydney-icon-box.style-icon-bg .sydney-image,
.sydney-icon-box.style-icon-bg .sydney-image,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce div.product .single_add_to_cart_button,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce a.button.alt, 
.woocommerce button.alt, 
.woocommerce input[type="submit"].alt,
.woocommerce a.button, .woocommerce button, 
.woocommerce input[type="submit"],
.woocommerce span.onsale,
.special-heading-title.highlight-2 span:before,
.zilla-likes:before,
.special-heading-title.highlight-2 span:before,
.nav-menu-icon a i,
.nav-menu-icon a i:before, 
.nav-menu-icon a i:after,
.brder,
.brder::before, 
.brder::after,
.sydney-overlay .vc_column-inner:after,
.filter-wrap .but.style-1.activbut, 
.filter-wrap .but.style-1:hover,
.a-header.style-1:not(.style-2):not(.style-3) nav>ul>li.current-menu-item, 
.a-header.style-1:not(.style-2):not(.style-3) nav>ul>li.current-menu-ancestor
{
  background-color: }

.sydney-posts-grid .info-block .item-info,
.p-prod-box .prod-img .prod-menu,
.inner-wrap .sub-menu,
.portfolio.style-3 .item .item-info {
   background: rgba(,,, 0.9);
}


/* STYLES FOR BORDER COLOR */

.a-btn.border-color-primary:hover, 
.a-btn.border-color-primary:focus,
.a-btn.border-color-primary,
.header-folow.style-2:hover,
input[type="text"]:focus,
.a-commerce-filters .search-inp:focus,
.a-commerce-filters .widget .tagcloud a:hover,
.a-commerce-filters .widget_archive select:focus, 
.a-commerce-filters .widget_categories select:focus,
.entry-content .page-links a:hover, .comment-content .page-links a:hover,
.p-commerce-more .btn-white:hover,
.p-commerce-more .btn-red:hover,
.filter-wrap .but.style-2:hover, 
.filter-wrap .but.style-2.activbut,
.woocommerce a.button.alt, 
.woocommerce button.alt, 
.woocommerce input[type="submit"].alt,
.woocommerce a.button, 
.woocommerce button, 
.woocommerce input[type="submit"],
.woocommerce .product-remove a.remove:hover, 
.woocommerce .product-remove a.remove:focus,
.woocommerce-ordering .orderby:focus,
#wp-calendar tbody td#today,
.entry-content input[type='submit'],
.a-slider.style-3.type-6 .point-style-4 .swiper-pagination-switch,
.a-slider.style-3.type-6 .title-wrap,
.woocommerce div.product .single_add_to_cart_button,
.woocommerce-message, .woocommerce-info,
.a-mark-form .styled-textarea:focus, 
.a-mark-form .c-form-input:focus,
.blog .c-post .more-wrap .more-link
{ 
  border-color: }


/* MEDIA QUERIES */

@media (max-width: 992px) {
  .mob-social::before, 
  .mob-social::before, 
  .mob-social::after,
  .mob-social
  {
    color:   }
  .inner-wrap.style-3 nav>ul>li.active::before,
  div.header-social {
    background:   }
  div.header-social {
    border-color:   }
}

@media(min-width:993px) {
  .inner-wrap.style-3 nav>ul>li.current-menu-item::before,
  .inner-wrap.style-3 nav>ul>li.current-menu-ancestor::before,
  .inner-wrap.style-3 nav>ul>li:hover::before {
    background:   }
}

<!-- Important -->

.custom-bg-hover-icon .vc_column-inner,
.navigation nav ul li a:before {
    background:  !important;
}

.a-header.g-type nav>ul>li>a:before,
.custom-bg-hover-icon .vc_column-inner {
    background: 000000 !important;
}

.custom-bg-hover-icon .vc_column-inner:hover {
    background: 000000 !important;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    border-color:  !important;
}

.woocommerce input[type="submit"]:hover,
.woocommerce button:hover {
    color:  !important;
}

<!-- Preloader  -->


@keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-1 {
  from {
    -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-1 {
  from {
    -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-1 {
  from {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-1 {
  from {
    -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-1 {
  to {
    -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-1 {
  to {
    -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-1 {
  to {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-1 {
  to {
    -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  10%, 75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-1 {
  5% {
    -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  10%, 75% {
    -o-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  80%, 100% {
    -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-1 {
  5% {
    -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  10%, 75% {
    -ms-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  80%, 100% {
    -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-1 {
  5% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  10%, 75% {
    -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  80%, 100% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-1 {
  5% {
    -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  10%, 75% {
    -moz-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  80%, 100% {
    -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-2 {
  from {
    -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-2 {
  from {
    -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-2 {
  from {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-2 {
  from {
    -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-2 {
  to {
    -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-2 {
  to {
    -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-2 {
  to {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-2 {
  to {
    -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  15%, 70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-2 {
  10% {
    -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  15%, 70% {
    -o-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  75%, 100% {
    -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-2 {
  10% {
    -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  15%, 70% {
    -ms-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  75%, 100% {
    -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-2 {
  10% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  15%, 70% {
    -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  75%, 100% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-2 {
  10% {
    -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  15%, 70% {
    -moz-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  75%, 100% {
    -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-3 {
  from {
    -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-3 {
  from {
    -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-3 {
  from {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-3 {
  from {
    -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-3 {
  to {
    -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-3 {
  to {
    -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-3 {
  to {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-3 {
  to {
    -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  20%, 65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-3 {
  15% {
    -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  20%, 65% {
    -o-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  70%, 100% {
    -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-3 {
  15% {
    -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  20%, 65% {
    -ms-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  70%, 100% {
    -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-3 {
  15% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  20%, 65% {
    -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  70%, 100% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-3 {
  15% {
    -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  20%, 65% {
    -moz-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  70%, 100% {
    -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-4 {
  from {
    -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-4 {
  from {
    -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-4 {
  from {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-4 {
  from {
    -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-4 {
  to {
    -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-4 {
  to {
    -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-4 {
  to {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-4 {
  to {
    -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  25%, 60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-4 {
  20% {
    -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  25%, 60% {
    -o-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  65%, 100% {
    -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-4 {
  20% {
    -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  25%, 60% {
    -ms-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  65%, 100% {
    -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-4 {
  20% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  25%, 60% {
    -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  65%, 100% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-4 {
  20% {
    -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  25%, 60% {
    -moz-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  65%, 100% {
    -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-5 {
  from {
    -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-5 {
  from {
    -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-5 {
  from {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-5 {
  from {
    -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-5 {
  to {
    -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-5 {
  to {
    -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-5 {
  to {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-5 {
  to {
    -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  30%, 55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-5 {
  25% {
    -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  30%, 55% {
    -o-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  60%, 100% {
    -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-5 {
  25% {
    -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  30%, 55% {
    -ms-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  60%, 100% {
    -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-5 {
  25% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  30%, 55% {
    -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  60%, 100% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-5 {
  25% {
    -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  30%, 55% {
    -moz-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  60%, 100% {
    -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-show-6 {
  from {
    -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-show-6 {
  from {
    -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-show-6 {
  from {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-show-6 {
  from {
    -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-hide-6 {
  to {
    -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-hide-6 {
  to {
    -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-hide-6 {
  to {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-hide-6 {
  to {
    -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  35%, 50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-o-keyframes preload-cycle-6 {
  30% {
    -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  35%, 50% {
    -o-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  55%, 100% {
    -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-ms-keyframes preload-cycle-6 {
  30% {
    -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  35%, 50% {
    -ms-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  55%, 100% {
    -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-webkit-keyframes preload-cycle-6 {
  30% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  35%, 50% {
    -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  55%, 100% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}
@-moz-keyframes preload-cycle-6 {
  30% {
    -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
  35%, 50% {
    -moz-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color:   }
  55%, 100% {
    -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: 000000;
  }
}