
/** Logo **/
/** end Logo **/


/*********** Header top color ******************/
.page-header__panel {
    background: #181818;
    color: #888888;
}


    .page-header__panel a,
    .page-header__panel .header-info li span {
    color: #ffffff;
    }


    .page-header__panel a:hover,
    .page-header__panel .welcome {
    color: #f1594b;
    }
/*************** End Header top color *********/


/***************** Header bottom color **************************/

.page-header{
    background-color: #ffffff;
    color: #c9c9c9;
}


    .page-header .container-top-wrap a:hover,
    .sm-desktop .block-search .block-search-toggle:hover,
    .sm-desktop .minicart-wrapper .action.showcart:hover,
    .sm-desktop .sm-header_customer-menu-toggle:hover,
    .sm-desktop .block-search .block-search-toggle.active,
    .sm-desktop .minicart-wrapper .action.showcart.active,
    .sm-desktop .sm-header_customer-menu-toggle.active,
    .sm-desktop .sm-header_customer-menu-wrap.ui-dialog .switcher-trigger:hover,
    .sm-desktop .sm-header_customer-menu-wrap.ui-dialog .switcher-trigger.active,
    .sm-desktop .tm-top-navigation li.level-top > a:hover,
    .sm-desktop .tm-top-navigation li.level-top > .ui-state-active,
    .sm-desktop .tm-top-navigation li.level-top > .ui-state-focus,
    .level1.mm-submenu > li > a,
    .sm-mobile .tm-top-navigation > .ui-menu li > a.ui-state-focus {
    color: #222222;
    }


    .tm-logo-text em,
    .sm-mobile .sm-header-panel-canvas {
    background-color: #f1594b;
    }


    .sm-desktop .minicart-wrapper .action.showcart .qty,
    .sm-desktop .block-search form button[type="submit"] {
    color: #f1594b;
    }


    .sm-desktop .block-search .block-search-toggle,
    .sm-desktop .minicart-wrapper .action.showcart{
    color: #c9c9c9;
    }


    .navigation li.level-top,
    .navigation a.level-top,
    .sm-header_customer-menu-wrap a,
    .sm-header_customer-menu-wrap,
    .mm-submenu .mm-submenu li > a,
    .sm-mobile .tm-top-navigation > .ui-menu li > a,
    .block-search .control input {
    color: #888888;
    }


    .sm-desktop .tm-top-navigation li.level-top > ul:not(.megamenu-wrapper) li > a:hover,
    .sm-desktop .tm-top-navigation li.level-top > ul:not(.megamenu-wrapper) ul li > a:hover,
    .sm-desktop .tm-top-navigation li.level-top > ul li.active > a,
    .sm-desktop .tm-top-navigation li.level-top ul li a.ui-state-focus,
    .mm-submenu li:not(.has-active) a:hover,
    .mm-submenu li.active > a,
    .mm-submenu li.has-active > a,
    .mm-submenu li .ui-state-active,
    .sm-mobile .tm-top-navigation .ui-menu li.active > a {
    color: #f1594b;
    }

/*************** End Header top color *******/


/*************** Content color *******/
body {
            background-color: #ffffff;
        
            
            color: #888888;
    }
    /*************** Loader *******/
            #page-preloader .cssload-inner.cssload-one { border-color:#f1594b;}
    
           #page-preloader .cssload-inner.cssload-two {border-color:#222222;}
    
            #page-preloader .cssload-inner.cssload-three {border-color:#39cb95;}
    
    /***************  End  *******/

    /***************** Button ******************/

            button.action,
        button.action.primary,
        .block-new-customer a.create,
        button.action.filter-toggle,
        .block-dashboard-info .box-actions a:not(.edit),
        .block-dashboard-addresses .box-actions a:not(.edit),
        .box-billing-address .box-actions a:not(.edit),
        .box-address-shipping .box-actions a:not(.edit),
        .sm-desktop .tm-top-navigation .menu-block-1 .action,
        .newsletter-popup.modal-popup header.modal-header .action-close,
        .block-minicart .block-content > .actions button.primary,
        .custom-item-4 .action,
        .catalog-image-grid .category-grid .catalog-image-action,
        .cart-container .main.actions .action.continue,
        .sidebar .block.block-brand .primary .action,
        .static-link-slider,
        .theme2-block-row-1 .action,
        .not-found-page .not-found-page_bottom dd a,
        button.action-accept,
        .theme1-block-row-1 .custom-item-4 .action,
        .checkout-container .authentication-wrapper button.action-auth-toggle,
        .checkout-onepage-success #registration .action.primary,
        .modals-wrapper .modal-popup.compare-popup .modal-footer button,
        .sm-content .sm-button,
        .checkout-success .primary .primary,
        .product-item-info .listing-gallery .fotorama__arr--prev .fotorama__arr__arr,
        .product-item-info .listing-gallery .fotorama__arr--next .fotorama__arr__arr {
            background-color: #f1594b;
        }
    
            button.action,
        button.action.primary,
        .block-new-customer a.create,
        button.action.filter-toggle,
        .block-dashboard-info .box-actions a:not(.edit),
        .block-dashboard-addresses .box-actions a:not(.edit),
        .box-billing-address .box-actions a:not(.edit),
        .box-address-shipping .box-actions a:not(.edit),
        .sm-desktop .tm-top-navigation .menu-block-1 .action,
        .newsletter-popup.modal-popup header.modal-header .action-close,
        .block-minicart .block-content > .actions button.primary,
        .custom-item-4 .action,
        .catalog-image-grid .category-grid .catalog-image-action,
        .cart-container .main.actions .action.continue,
        .sidebar .block.block-brand .primary .action,
        .static-link-slider,
        .theme2-block-row-1 .action,
        .not-found-page .not-found-page_bottom dd a,
        button.action-accept,
        .theme1-block-row-1 .custom-item-4 .action,
        #gift-options-cart .title,
        .checkout-container .authentication-wrapper button.action-auth-toggle,
        .checkout-onepage-success #registration .action.primary,
        .modals-wrapper .modal-popup.compare-popup .modal-footer button,
        .sm-content .sm-button,
        .checkout-success .primary .primary,
        .product-item-info .listing-gallery .fotorama__arr--prev .fotorama__arr__arr:before,
        .product-item-info .listing-gallery .fotorama__arr--next .fotorama__arr__arr:before {
        color: #ffffff;
        }
    
            button.action:hover,
        button.action.primary:hover,
        .block-new-customer a.create:hover,
        button.action.filter-toggle:hover,
        .block-dashboard-info .box-actions a:not(.edit):hover,
        .block-dashboard-addresses .box-actions a:not(.edit):hover,
        .box-billing-address .box-actions a:not(.edit):hover,
        .box-address-shipping .box-actions a:not(.edit):hover,
        .sm-desktop .tm-top-navigation .menu-block-1 .action:hover,
        .newsletter-popup.modal-popup header.modal-header .action-close:hover,
        .block-minicart .block-content > .actions button.primary:hover,
        .custom-item-4 .action:hover,
        .catalog-image-grid .category-grid .catalog-image-action:hover,
        .cart-container .main.actions .action.continue:hover,
        .cart-summary .checkout.methods .item .primary.checkout:hover,
        .sidebar .block.block-brand .primary .action:hover,
        .static-link-slider:hover,
        .theme2-block-row-1 .action:hover,
        .not-found-page .not-found-page_bottom dd a:hover,
        button.action-accept:hover,
        .theme1-block-row-1 .custom-item-4 .action:hover,
        #gift-options-cart .title:hover,
        .checkout-container .authentication-wrapper button.action-auth-toggle:hover,
        .checkout-onepage-success #registration .action.primary:hover,
        .modals-wrapper .modal-popup.compare-popup .modal-footer button:hover,
        .sm-content .sm-button:hover,
        .checkout-success .primary .primary:hover,
        .product-item-info .listing-gallery .fotorama__arr--prev .fotorama__arr__arr:hover,
        .product-item-info .listing-gallery .fotorama__arr--next .fotorama__arr__arr:hover{
        background-color: #0b0b0b;
        }

        .pages .item.current strong,
        .pages .page:hover {
            border-color:#0b0b0b;
            color:#0b0b0b;
        }
    

            button.action:hover,
        button.action.primary:hover,
        .block-new-customer a.create:hover,
        button.action.filter-toggle:hover,
        .block-dashboard-info .box-actions a:not(.edit):hover,
        .block-dashboard-addresses .box-actions a:not(.edit):hover,
        .box-billing-address .box-actions a:not(.edit):hover,
        .box-address-shipping .box-actions a:not(.edit):hover,
        .sm-desktop .tm-top-navigation .menu-block-1 .action:hover,
        .newsletter-popup.modal-popup header.modal-header .action-close:hover,
        .block-minicart .block-content > .actions button.primary:hover,
        .custom-item-4 .action:hover,
        .catalog-image-grid .category-grid .catalog-image-action:hover,
        .cart-container .main.actions .action.continue:hover,
        .cart-summary .checkout.methods .item .primary.checkout:hover,
        .sidebar .block.block-brand .primary .action:hover,
        .static-link-slider:hover,
        .theme2-block-row-1 .action:hover,
        .not-found-page .not-found-page_bottom dd a:hover,
        button.action-accept:hover,
        .theme1-block-row-1 .custom-item-4 .action:hover,
        #gift-options-cart .title:hover,
        .checkout-container .authentication-wrapper button.action-auth-toggle:hover,
        .checkout-onepage-success #registration .action.primary:hover,
        .modals-wrapper .modal-popup.compare-popup .modal-footer button:hover,
        .sm-content .sm-button:hover,
        .checkout-success .primary .primary:hover,
        .product-item-info .listing-gallery .fotorama__arr--prev .fotorama__arr__arr:hover:before,
        .product-item-info .listing-gallery .fotorama__arr--next .fotorama__arr__arr:hover:before{
            color: #ffffff;
        }
    
    /** Sidebar Button **/

            .sidebar button.action.primary,
        .sidebar .block-compare .actions-toolbar a.compare,
        .block-wishlist .actions-toolbar a.details,
        .filter-options[role="tablist"] .price-slider .slider-fields a.action,
        .block-minicart .block-content > .actions .viewcart,
        .cart-container .main.actions .action,
        .cart-summary .checkout.methods .item .multicheckout,
        .actions-toolbar a.back,
        .sales-order-history .actions-toolbar a.back,
        button.action-dismiss {
        background-color: #0b0b0b;
        }
    
            .sidebar button.action.primary,
        .sidebar .block-compare .actions-toolbar a.compare,
        .block-wishlist .actions-toolbar a.details,
        .filter-options[role="tablist"] .price-slider .slider-fields a.action,
        .block-minicart .block-content > .actions .viewcart,
        .cart-container .main.actions .action,
        .cart-summary .checkout.methods .item .multicheckout,
        .actions-toolbar a.back,
        .sales-order-history .actions-toolbar a.back,
        button.action-dismiss {
        color: #ffffff;
        }
    
            .sidebar button.action.primary:hover,
        .sidebar .block-compare .actions-toolbar a.compare:hover,
        .block-wishlist .actions-toolbar a.details:hover,
        .filter-options[role="tablist"] .price-slider .slider-fields a.action:hover,
        .block-minicart .block-content > .actions .viewcart:hover,
        .cart-container .main.actions .action:hover,
        .cart-summary .checkout.methods .item .multicheckout:hover,
        .actions-toolbar a.back:hover,
        .sales-order-history .actions-toolbar a.back:hover,
        button.action-dismiss:hover {
        background-color: #f1594b;
        }
    
            .sidebar button.action.primary:hover,
        .sidebar .block-compare .actions-toolbar a.compare:hover,
        .block-wishlist .actions-toolbar a.details:hover,
        .filter-options[role="tablist"] .price-slider .slider-fields a.action:hover,
        .modal-popup.newsletter-popup .buttons-container button.subscribe,
        .block-minicart .block-content > .actions .viewcart:hover,
        .cart-container .main.actions .action:hover,
        .cart-summary .checkout.methods .item .multicheckout:hover,
        .actions-toolbar a.back:hover,
        .sales-order-history .actions-toolbar a.back:hover,
        button.action-dismiss:hover {
        color: #ffffff;
        }
    
    /**************** Title Color ***********************/

            .page-title,
        .filter-options-title,
        .block-title,
        h3,
        .heading-3,
        .sidebar .collapsible-block .block-title,
        .sidebar .collapsible-block .opener,
        .modal-popup .modal-title,
        .custome-downloadable-products__wrapper .table-title,
        .account-billing-agreements__wrapper .table-title,
        .my-reviews-table__wrapper .table-title,
        .orders-history__wrapper .table-title,
        .toolbar .field .label,
        .form.contact .legend,
        .field label.label,
        .skills .term,
        .catalog-product-view .data.items .title a,
        .catalog-product-view .product.attribute strong,
        .catalog-product-view .data.items .review-add .review-legend span,
        .block-minicart .block-content > .subtotal .amount,
        .theme1-block-row-2 .title-1,
        .catalog-image-grid .category-grid .category-image-slog,
        .catalog-image-grid .category-grid .category-name,
        .block-posts-list .post-items .post-data .post-author,
        .post-page .post-data .post-author,
        .widget.blog-posts .post-author .author,
        .slider-fields label span,
        #shopping-cart-table .cart.item .product-item-details dl.item-options dt,
        #opc-sidebar .items-in-cart .minicart-items .details-qty .value,
        .team h4 a,
        .not-found-page .not-found-page_top > div,
        .search.found strong,
        .search.summary strong,
        #sm-content-block .sm-title,
        #sm-subscription-block .sm-title {
        color: #222222;
        }

        .block.widget.featured .product-item .product-label.New,
        .smart-label.new,
        .navigation .mm-label {
            background-color: #222222;
        }
    

    /************* Primary Color *************************/
            .sidebar .filter-wrapper .filter-subtitle,
        .contact-form-list i,
        .skills .value,
        .box-custom-page-1 .nc-icon-outline,
        .testimonials blockquote q::before,
        .block-dashboard-info .box-title,
        .block-dashboard-addresses .box-title,
        .box-billing-address .box-title,
        .box-address-shipping .box-title,
        .sidebar .block-compare .compare-counter .counter,
        .block-wishlist .wishlist-counter span,
        .review-list .block-title,
        .catalog-product-view .data.items .additional-attributes .attributes-caption,
        .review-add .block-title,
        .block-minicart .block-content > .subtitle,
        .block-minicart .block-content > .subtotal .label,
        .timer-wrapper,
        .post-page .post-comments-block .comment-add .post-comments-title,
        .cart-summary .block .title[role="tab"],
        .cart-summary .table.totals tbody th,
        .field.choice > input[type="checkbox"] + .label::before,
        .field.choice > input[type="radio"] + .label::before,
        .opc-progress-bar .opc-progress-bar-item,
        .opc-block-summary table.table-totals.table th,
        #checkout-step-payment input[name="billing-address-same-as-shipping"] + label span::before,
        #opc-sidebar .items-in-cart > .title span:first-child,
        #checkout-step-payment .discount-code .payment-option-title,
        .form-address-edit fieldset > .legend,
        .opc-estimated-wrapper .estimated-price,
        .table-wrapper.comparison .special-price,
        #sm-timer-block,
        .sm-subscription .control::before,
        .page-product-downloadable .product-options-bottom .price-box {
            color:#f1594b;
        }

        .block.widget.featured .product-item .product-label.Sale,
        .block.widget.featured .product-item .product-label.Top,
        .sidebar .price-slider .ui-slider-range,
        .sidebar .price-slider .ui-slider-handle,
        .catalog-image-grid.category-grid-sub .inner::before,
        .label-text {
            background-color:#f1594b;
        }
    
    /************** Primary Font Color Content **************/
            .filter-options[role="tablist"] .filter-options-content .item a,
        .products-grid .product-item .product-item-name a,
        .products-list .product-item .product-item-name a,
        .sidebar .block-compare .product-item-name a,
        .block-wishlist .product-item-name a,
        .theme1-block-row-2 .slog-1,
        .post-comments a,
        .related-post-grid .post-title a,
        .swatch-option.text,
        .block.featured[role="tablist"] .block-title,
        .block-minicart .block-content > .subtitle.empty {
            color: #888888;
        }

        .block.featured .block-content .owl-carousel .owl-dots .owl-dot {
            background-color: #888888;
        }
    
    /************** Primary Link Color **************/
            a,
        .filter-options[role="tablist"] .filter-options-content .item a:hover,
        .field.toolbar-sorter .sorter-action:hover,
        .products-grid .product-item .product-item-name a:hover,
        .products-list .product-item .product-item-name a:hover,
        .sidebar .block-compare .product-item-name a:hover,
        .pages .item.pages-item-previous a,
        .pages .item.pages-item-next a,
        .catalog-product-view .data.items .title.active a,
        .catalog-product-view .data.items .title a:hover,
        .block-minicart .minicart-items .product.options[role="tablist"] .toggle,
        .product-flex .home-cat-block-left a:hover,
        .block-posts-list .post-items .post-title a:hover,
        .related-post-grid .post-title a:hover,
        .widget.blog-posts .post-items .post-title a:hover,
        #opc-sidebar .items-in-cart .minicart-items .product.options [data-role="title"],
        .block .box .box-actions .action.edit:hover,
        .select2-container--default .select2-results__option--highlighted[aria-selected],
        .select2-container--default .select2-results__option[aria-selected="true"],
        .opc-block-shipping-information .action-edit,
        .sm-mobile .block-search .search .label.active:hover span,
        .sp-arrow:hover,
        .team h4 a:hover,
        .scrollToTop,
        .theme1-block-row-2 a:hover i,
        .sm-mobile .block-search form button[type="submit"],
        .modal-custom .action-close:hover,
        .modal-popup .action-close:hover,
        .modal-slide .action-close:hover,
        .widget.blog-posts .post-items .post-data .post-comments a:hover::before,
        .catalog-image-grid .category-grid .category-link .category-name:hover,
        .sm-mobile .sm-header_customer-menu-wrap.ui-dialog .links a:hover,
        .block-minicart .minicart-items .details-qty .update-cart-item {
            color: #f1594b;
        }

    
    /************** Link Hover **************/
             a:hover,
        .pages .item.pages-item-previous a:hover,
        .pages .item.pages-item-next a:hover,
        .block-wishlist .product-item-name a:hover,
        .sidebar .account-navigation li.current strong,
        .block-minicart .minicart-items .product.options[role="tablist"] .toggle:hover,
        .block.featured [role="tablist"] .category-title.active strong,
        .block.featured [role="tablist"] .category-title:hover strong,
        .post-comments a:hover,
        .block-posts-list .post-items .post-title a,
        .swatch-option.text:hover,
        .widget.blog-posts .post-items .post-title a,
        #opc-sidebar .items-in-cart .minicart-items .product.options [data-role="title"]:hover,
        .opc-block-shipping-information .action-edit:hover,
        .products-grid.wishlist a.action.edit:hover,
        .products-grid.wishlist a.action.delete:hover,
        .block.featured[role="tablist"] .block-title.active,
        .block.featured[role="tablist"] .block-title:hover,
        .sm-mobile .block-search .search .label:hover > span,
        .sm-mobile .block-search form button[type="submit"]:hover,
        .sm-mobile .sm-header_customer-menu-toggle:hover > span,
        .sm-mobile .action.showcart:hover .text,
        .sm-mobile .sm-header-nav-toggle:hover > span,
        .filter-options[role="tablist"] .filter-options-title[role="tab"]:hover::before,
        .filter-current--wrapper [role="tablist"] .filter-current-subtitle[role="tab"]:hover::before,
        .filter-current--wrapper .filter-current .remove:hover,
        .block-minicart .minicart-items .product.actions a:hover,
        .block-minicart .minicart-items .details-qty .update-cart-item:hover {
        color: #222222;
        }

        .block.featured .block-content .owl-carousel .owl-dots .owl-dot:hover,
        .block.featured .block-content .owl-carousel .owl-dots .owl-dot.active {
            background-color: #222222;
        }

    
    /************** Icon Color **************/
            .modes .modes-mode.active,
        .field.toolbar-sorter .sorter-action,
        .products-grid .product-item .product-item-actions .actions-secondary .action,
        .products-list .product-item .product-item-actions .actions-secondary .action,
        .sidebar .action.delete,
        .pages .page,
        .catalog-product-view .product-social-links .action,
        .block-posts-list .post-items span:before,
        .widget.blog-posts .post-items .post-data .post-comments a::before,
        .block-dashboard-info .box-actions .action.edit,
        .block-dashboard-addresses .box-actions .action.edit,
        .box-billing-address .box-actions .action.edit,
        .box-address-shipping .box-actions .action.edit,
        .theme1-block-row-2 i,
        .filter-options[role="tablist"] .filter-options-title[role="tab"]::before,
        .filter-current--wrapper [role="tablist"] .filter-current-subtitle[role="tab"]::before,
        .filter-current--wrapper .filter-current .remove {
            color: #c9c9c9;
        }

        .pages .page {
            border-color: #c9c9c9;
        }
    
    /************** Icon Color Hover **************/
            .products-grid .product-item .product-item-actions .actions-secondary .action:hover,
        .products-list .product-item .product-item-actions .actions-secondary .action:hover,
        .sidebar .action.delete:hover,
        .catalog-product-view .product-social-links .action:hover {
        color: #333333;
        }
    
    /************** Secondary Color **************/
            .block.widget.featured .product-item .product-label.Most,
        .cart-summary .checkout.methods .item .primary.checkout,
        #gift-options-cart .title {
            background-color: #39cb95;
        }

        .scrollToTop:hover {
            color: #39cb95;
        }
    


.page-footer{
            background-color: #181818;
        
            color: #888888;
    }

        .footer .block.newsletter input:-webkit-autofill {
        background-color: #181818;
    }
    
.page-footer a {
            color: #f1594b;
    }
.page-footer a:hover,
.page-footer .list-icon-footer a {
            color: #ffffff;
    }

.page-footer h4,
.page-footer .newsletter .title,
.page-footer .tm-logo-text .logo,
.footer .block.newsletter .control::before{
            color: #ffffff;
    }
.page-footer .list-icon-footer a:hover{
            background-color: #ffffff;
    }

.footer-panel,
.sm-wrapper .copyright {
            background-color: #0b0b0b;
    }




/* Category page */
@media screen and (min-width: 1024px) {
    .grid-main .products-grid .product-item{
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}
/* END Category page */


@media (min-width: 768px) {
    ul.social-links {
        float: left;
        clear: both;
        width: 100%;
        padding: 0!important;
        text-align: left;
        list-style: none;
    }
    ul.social-links li {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    ul.social-links {
        display: none;
    }
}


<!--#page-preloader {-->
<!--    background: #ffffff;-->
<!--    position: fixed;-->
<!--    left: 0;-->
<!--    top: 0;-->
<!--    right: 0;-->
<!--    bottom: 0;-->
<!--    z-index: 9999;-->
<!--}-->
@media print {
    #page-preloader{
        display: none;
    }
}
body .loading-mask .loader img,
body .loading-mask .loader p {
    display: none;
}

<!---->
<!--.cssload-loader {-->
<!--    position: relative;-->
<!--    left: calc(50% - 31px);-->
<!--    top: calc(50% - 31px);-->
<!--    width: 62px;-->
<!--    height: 62px;-->
<!--    border-radius: 50%;-->
<!--    -o-border-radius: 50%;-->
<!--    -ms-border-radius: 50%;-->
<!--    -webkit-border-radius: 50%;-->
<!--    -moz-border-radius: 50%;-->
<!--    perspective: 780px;-->
<!--}-->
<!---->
<!--.cssload-inner {-->
<!--    position: absolute;-->
<!--    width: 100%;-->
<!--    height: 100%;-->
<!--    box-sizing: border-box;-->
<!--    -o-box-sizing: border-box;-->
<!--    -ms-box-sizing: border-box;-->
<!--    -webkit-box-sizing: border-box;-->
<!--    -moz-box-sizing: border-box;-->
<!--    border-radius: 50%;-->
<!--    -o-border-radius: 50%;-->
<!--    -ms-border-radius: 50%;-->
<!--    -webkit-border-radius: 50%;-->
<!--    -moz-border-radius: 50%;-->
<!--}-->
<!---->
<!--.cssload-inner.cssload-one {-->
<!--    left: 0%;-->
<!--    top: 0%;-->
<!--    animation: cssload-rotate-one 1.15s linear infinite;-->
<!--    -o-animation: cssload-rotate-one 1.15s linear infinite;-->
<!--    -ms-animation: cssload-rotate-one 1.15s linear infinite;-->
<!--    -webkit-animation: cssload-rotate-one 1.15s linear infinite;-->
<!--    -moz-animation: cssload-rotate-one 1.15s linear infinite;-->
<!--    border-bottom: 3px solid;-->
<!--}-->
<!---->
<!--.cssload-inner.cssload-two {-->
<!--    right: 0%;-->
<!--    top: 0%;-->
<!--    animation: cssload-rotate-two 1.15s linear infinite;-->
<!--    -o-animation: cssload-rotate-two 1.15s linear infinite;-->
<!--    -ms-animation: cssload-rotate-two 1.15s linear infinite;-->
<!--    -webkit-animation: cssload-rotate-two 1.15s linear infinite;-->
<!--    -moz-animation: cssload-rotate-two 1.15s linear infinite;-->
<!--    border-right: 3px solid;-->
<!--}-->
<!---->
<!--.cssload-inner.cssload-three {-->
<!--    right: 0%;-->
<!--    bottom: 0%;-->
<!--    animation: cssload-rotate-three 1.15s linear infinite;-->
<!--    -o-animation: cssload-rotate-three 1.15s linear infinite;-->
<!--    -ms-animation: cssload-rotate-three 1.15s linear infinite;-->
<!--    -webkit-animation: cssload-rotate-three 1.15s linear infinite;-->
<!--    -moz-animation: cssload-rotate-three 1.15s linear infinite;-->
<!--    border-top: 3px solid;-->
<!--}-->
<!---->
<!--@keyframes cssload-rotate-one {-->
<!--    0% {-->
<!--        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-o-keyframes cssload-rotate-one {-->
<!--    0% {-->
<!--        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-ms-keyframes cssload-rotate-one {-->
<!--    0% {-->
<!--        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-webkit-keyframes cssload-rotate-one {-->
<!--    0% {-->
<!--        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-moz-keyframes cssload-rotate-one {-->
<!--    0% {-->
<!--        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@keyframes cssload-rotate-two {-->
<!--    0% {-->
<!--        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-o-keyframes cssload-rotate-two {-->
<!--    0% {-->
<!--        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-ms-keyframes cssload-rotate-two {-->
<!--    0% {-->
<!--        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-webkit-keyframes cssload-rotate-two {-->
<!--    0% {-->
<!--        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-moz-keyframes cssload-rotate-two {-->
<!--    0% {-->
<!--        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@keyframes cssload-rotate-three {-->
<!--    0% {-->
<!--        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-o-keyframes cssload-rotate-three {-->
<!--    0% {-->
<!--        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-ms-keyframes cssload-rotate-three {-->
<!--    0% {-->
<!--        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-webkit-keyframes cssload-rotate-three {-->
<!--    0% {-->
<!--        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
<!---->
<!--@-moz-keyframes cssload-rotate-three {-->
<!--    0% {-->
<!--        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);-->
<!--    }-->
<!--    100% {-->
<!--        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);-->
<!--    }-->
<!--}-->
