/*------------------------------------------------------------ Template name : Ratify - Full Stack Affiliate Marketing Website Template Author : Themeim Version : 1.0.1 File Description : Main css file of the template --------------------------------------------------------------*/ /* -------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Helper [ not visible in css] ## Mixin ## Varible # Base ## Reset ## Color ## Front ## Extra Media Query ## Extra Grid ## Space ## Button ## Common Class ## Section Element ## Svg # Component ## Header ## Banner ## Product ## Call To Action ## NewsLetter ## News ## BreadCrumb ## Filter ## Partner ## How IT Work ## Category ## Total Review ## Hot Deal ## Ads ## Widget ## Footer # Pages ## Home Review ## Home Product ## Home Blog ## Peoduct Page ## Product Detail ## Review PAge ## Review Detail ## BLog Page ## BLog Detail */ /* ============================================ Googole Web Font ============================================= */ @import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Roboto:100,300,300i,400,400i,500,500i,700,700i,900|Teko:300,400,500,600,700"); /* ============================================== Helper [ Not Visible in Css] =================================================== */ /* ================================================ Base =================================================== */ /* -------------- Reset ----------- */ * { padding: 0; margin: 0; outline: 0; } html { scroll-behavior: smooth; } body { line-height: normal; font-family: "Roboto", sans-serif; overflow-X: hidden; position: relative; font-size: 100%; -webkit-text-size-adjust: 100%; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background: #f5f8fb; } h2 { font-size: 26px; color: #555555; font-weight: 400; } ul, li, ol { list-style-type: none; } a { text-decoration: none; -webkit-transition: all .3s linear; transition: all .3s linear; display: inline-block; } a:hover { text-decoration: none; } .no-pmo, h1, h2, h3, h4, h5, h6, .im-pagination .pagination-list, .im-social-icon, .im-sidebar-social-share ul, .im-header-middle-wrap .header-category-lists, .im-header-navbar .user-action .action-lists, .im-navbar-nav, .im-feature-product-wrap .feature-tab-navbar, .im-month-comparison-wrap .comparison-logo p, .im-how-it-work-wrap .item-wrap p, .im-category-wrap .category-item p, .im-sidebar .widget-category-list, .im-sidebar .widget-best-product-list, .im-sidebar .widget-pros-wrap .widget-pros-item .description, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul, .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul, .im-copyright-wrap .copyright-text ul, .im-footer-style-3 .copyright-wrap .copyright-text ul, .im-tutorial-content .tutorial-item .item-details p, .im-benchmark-content .benchmark-category-list, .im-runing-product-wrap .runing-tab-navbar-list, .im-page-template-products .im-grid-view .product-item .description, .im-page-template-products .im-list-view .product-item .description, .im-single-product-details .proudct-meta, .im-single-product-details .description-list, .im-single-product-details .product-action, .im-short-speci-list-wrap .short-speci-list, .im-full-speci-list, .im-average-rating .full-rating-content p, .im-review-criteria, .im-rating-markets, .im-price-history-market, .im-single-review-article .review-details, .im-single-review-article .review-details .review-author, .im-review-content-market .review-market-list { padding: 0; margin: 0; outline: 0; } img { max-width: 100%; } p { color: #45475e; font-size: 16px; line-height: 22px; letter-spacing: .25px; } button { cursor: pointer; } button:focus { outline: none; } /* -------------- Color ----------- */ .primary-color, .section-title-wrap .section-title, .im-header-middle-icons .header-search .search-icon, .im-header-middle-icons .sidebar-btn, .im-header-languages .language-active, .im-header-languages .language-active:after, .im-header-languages .language-wrap .language-item, .im-header-languages .language-wrap .language-item:hover:after, .im-header-middle-wrap .header-category-lists li a, .im-header-navbar .user-action .action-lists li a, .im-navbar-nav > li.dropdown-manu > .normal-submanu > li > a, .im-navbar-nav > li > a, .im-navbar-nav > li > a i, .im-navbar-nav > li > a:not([href]):not([tabindex]), .im-header-middle-wrap .im-header-linkbar .create-link a:hover, .im-header-middle-wrap .im-header-linkbar .im-header-languages .language-active:hover, .im-mobile-navbar-wrap .mobile-manu-close, .im-mobile-navbar-wrap .mobile-menu > li > a, .im-mobile-navbar-wrap .mobile-menu .submenuItems li a, .im-mobile-navbar-wrap .mobile-menu .caret-dropdown > a:after, .im-mobile-navbar-wrap .mobile-menu-close, .im-mobile-navbar-wrap .mobile-footer form button, .im-mobile-navbar-wrap .mobile-footer .social ._title, .im-mobile-navbar-wrap .mobile-footer .social ul li a, .im-offcanvas-menu-wrap .offcanvas-menu > li > a, .im-offcanvas-menu-wrap .offcanvas-menu .submenuItems li a, .im-offcanvas-menu-wrap .offcanvas-menu .caret-dropdown > a:after, .im-offcanvas-menu-wrap .offcanvas-menu-close, .im-offcanvas-menu-wrap .offcanvas-footer form button, .im-offcanvas-menu-wrap .offcanvas-footer .social ._title, .im-offcanvas-menu-wrap .offcanvas-footer .social ul li a, .im-related-product-wrapper .filter-related-product .filter-form select, .im-related-product-wrapper .filter-related-product .filter-form select span, .im-related-product-wrapper .filter-related-product .select-selected, .im-related-product-wrapper .filter-related-product .select-selected:after, .im-related-product-wrapper .filter-related-product .select-items div, .im-related-product-item .product-header .title-wrap a:hover h2, .im-related-product-item .product-header .meta-item .comment-meta a, .im-related-product-body ul li a:hover, .im-feature-product-area .section-title-wrap .section-title i, .im-feature-product-2 .product-item .item-info h3, .im-newsletter-row .newsletter-title h3, .im-news-block-row .news-block-item .item-details > a, .im-news-block-row .news-block-item .item-details h2, .im-news-block-row .news-block-item .item-details p, .im-recent-news-row .section-title-wrap .btn-text-small:hover, .im-filter-row .filtering-wrap .ui-button .ui-selectmenu-text, .im-filter-row .filtering-wrap .filter-for-view button, .im-category-wrap .category-section-title-wrap .section-title i, .im-hot-deal-wrap .filter-hot-deal .filter-form select, .im-hot-deal-wrap .filter-hot-deal .filter-form select span, .im-hot-deal-wrap .filter-hot-deal .select-selected, .im-hot-deal-wrap .filter-hot-deal .select-selected:after, .im-hot-deal-wrap .filter-hot-deal .select-items div, .im-hot-deal-items .deal-item .item-act-list a, .im-sidebar .widget-category-list li a, .im-sidebar .widget-pros-wrap .widget-pros-item h3, .im-sidebar .widget-link-list li a, .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a i, .im-benchmark-content .benchmark-category-list li a.active-tab, .im-benchmark-content .benchmark-category-list li a:hover, .im-runing-product-wrap .runing-tab-navbar-list li a:hover, .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details a, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p, .im-page-template-products .im-grid-view .product-item .base-info a:hover h2, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item, .im-page-template-products .im-grid-view .product-item .description li a:hover, .im-page-template-products .im-list-view .product-item .base-info a:hover h2, .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item, .im-page-template-products .im-list-view .product-item .description li a:hover, .im-product-gallery li .im-video-model i, .im-product-gallery-thumb li.slick-current i, .im-single-product-details .public-author a:hover, .im-tab2-navbar li a, .im-tab2-section-side-title .im-tab2-section-titles ol li a:hover, .im-tab2-sub-title, .im-tab2-deal .im-tab2-sub-title2, .im-tab2-deal-product li .p, .im-full-speci-list li, .im-rating-progres li i, .im-review-criteria .im-critria-text, .im-review-criteria .im-critria-text i, .im-review-criteria li:not(:first-child), .im-review-commenter ul li.occupation, .im-review-comment-form .im-input-section-title, .im-review-comment-form .im-input-button .im-label .p, .im-price-history .section-title, .im-price-related-post .im-post-details h2, .im-single-review-article .review-details h1, .im-single-review-article .review-details h5, .im-single-review-article .review-details .review-achiv > li h6, .im-review-content-market .review-market-list li .p, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li.comment, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li .like-btn, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li.comment, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li .like-btn, .im-blog-detail-wrap .base-detail .meta-info li.comment, .im-blog-detail-wrap .base-detail .meta-info li .like-btn { color: #004176; } .primary-color-bg, .im-header-top-wrap, .im-header-middle-wrap .header-category-lists li:after, .im-header-navbar .user-action .action-lists li a:hover, .im-header-style-3 .im-header-navbar .user-action .action-lists li a, .im-product-full-wrap .product-full-item, .im-related-product-footer .im-compare-btn a, .im-feature-product-2 .feature-navbar li a, .im-news-block-row .news-block-item:before, .im-news-block-row .news-block-item:after, .im-news-list-style-2 .news-item:first-child, .im-how-it-work-wrap .item-wrap:first-child, .im-category-wrap .category-item h4, .im-total-review-area::after, .im-copyright-area, .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:after, .im-footer-style-4, .im-benchmark-content .section-title-wrap, .im-big-offer-wrap .big-offer-item-wrap:first-child .big-offer-item, .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a, .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a, .im-tab2-section-side-title > ul > li.active h5, .im-tab2-section-side-title > ul > li:hover h5, .im-rating-progres li .progress .progress-bar, .im-single-review-content .im-sticky-side-title ul li a { background: #004176; } .primary-color-border, .im-header-navbar-wrap, .im-header-navbar .user-action .action-lists li, .im-newsletter-row .newsletter-wrap form input[type=email] { border-color: #004176 !important; } .primary-color-fill { fill: #004176; } .primary-color-stroke, .im-compare-icon .st0, .im-compare-icon .st1, .im-star-icon .st0, .im-heart-icon .st0 { stroke: #004176; } .second-color, .im-btn-2:hover, .im-btn-3, .im-btn-5:hover, .im-btn-7:hover, .im-btn-normal, .btn-text-small:hover, .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form button, .im-navbar-nav > li > a:hover, .im-navbar-nav > li > a:not([href]):not([tabindex]):hover, .im-header-middle-wrap .header-search-wrap form .search-btn, .im-header-middle-wrap .header-searchbar-large form .search-btn, .im-header-middle-wrap .header-searchbar-large form .ui-button, .im-header-middle-wrap .im-header-linkbar .create-link a, .ui-widget.im-header-form-select-dropdown .ui-state-active, .im-mobile-navbar-wrap .mobile-menu > li > a:hover, .im-mobile-navbar-wrap .mobile-menu > li > a:hover:after, .im-mobile-navbar-wrap .mobile-menu .caret-dropdown.open > a, .im-mobile-navbar-wrap .mobile-menu .caret-dropdown.open > a:after, .im-mobile-navbar-wrap .mobile-footer form button:hover, .im-mobile-navbar-wrap .mobile-footer .social ul li a:hover, .im-offcanvas-menu-wrap .offcanvas-menu > li > a:hover, .im-offcanvas-menu-wrap .offcanvas-menu > li > a:hover:after, .im-offcanvas-menu-wrap .offcanvas-menu .caret-dropdown.open > a, .im-offcanvas-menu-wrap .offcanvas-menu .caret-dropdown.open > a:after, .im-offcanvas-menu-wrap .offcanvas-footer form button:hover, .im-offcanvas-menu-wrap .offcanvas-footer .social ul li a:hover, .im-compare-sidebar-wrap .tab-content .product-item .item-detail > a:hover, .im-compare-sidebar-wrap .tab-content .product-item .item-detail .price, .im-product-full-wrap .product-full-item .rating-content .category:hover, .im-hot-product-wrap .product-item .best-icon, .im-hot-product-wrap .product-item .item-details .title:hover h2, .im-related-product-body ul li a, .im-feature-product-area .section-title-wrap .section-title, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .author:hover, .im-el-product-slider .product-slider-wrap .slider-item .title:hover h2, .im-month-comparison-wrap .product-item .item-details a:hover, .im-newsletter-row .newsletter-title span, .im-news-block-row .news-block-item .item-details a:hover h2, .im-recent-news-row .section-title-wrap .btn-text-small, .im-filter-row .filter-result .ui-button .ui-selectmenu-text, .im-filter-row .filtering-wrap .search-wrap button, .im-filter-row .filtering-wrap .filter-for-view button.active, .im-filter-row .filtering-wrap .filter-for-view button:hover, .ui-widget.im-filter-dropdown-manu .ui-state-active, .ui-widget.im-filter-date-dropdown-manu .ui-state-active, .im-partner-slider-wrap .slider-arrow, .im-big-search-wrap h6, .im-big-search-wrap form button, .im-big-search-select-dropdown .ui-state-active, .im-category-wrap .category-section-title-wrap .section-title, .im-sidebar .widget-category-list li a:hover, .im-sidebar .widget-best-product-list li a:hover, .im-sidebar .widegt-top-comment-wrap .comment-item .commenter, .im-sidebar .widget-top-product-list li:hover .item-details .price, .im-sidebar .widget-price-drop-product-list li:hover .item-details .price, .im-sidebar .widget-coupon-wrap .widget-coupon-item .save-star:hover, .im-sidebar .widget-post-author-wrap h4, .im-sidebar .widget-post-author-wrap .social li a:hover, .im-sidebar .widget-recent-product-list li .item-info a:hover h2, .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover, .im-footer-widgets-tag-wrap a:hover, .im-widget-newsleter-1-row .newslatter-form button, .im-widget-newsleter-1-row .footer-social li a:hover, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .widget-title, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover i, .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover i, .im-footer-default.im-dark-bg .im-copyright-area .copyright-text ul li i, .im-footer-default.im-dark-bg .im-copyright-area .im-social-icon li a:hover, .im-footer-style-3 .footer-widgets .footer-widget-link li a:hover, .im-footer-style-3 .copyright-wrap .copyright-text ul li i, .im-footer-style-4 .copyright-wrap .copyright-text p i, .im-footer-style-4 .copyright-wrap .footer-social li a:hover, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author .author:hover, .im-review-content .review-item-wrap .review-item .title:hover h2, .im-tutorial-content .tutorial-item .item-details a:hover h2, .im-benchmark-content .section-title-wrap .btn-text-small:hover, .im-runing-product-wrap .runing-tab-navbar-list li a, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item.active i, .im-page-template-products .im-grid-view .product-item .description li a, .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item.active i, .im-page-template-products .im-list-view .product-item .description li a, .im-page-template-products .im-pagination .btn-big-arrow, .im-page-template-products .im-pagination .pagination-list li a, .im-single-product-details .proudct-meta li .p span, .im-single-product-details .product-action li a, .im-product-detail-market li .im-item i, .im-review-commenter ul li.name, .im-review-comment-form .im-input-section-title span, .im-price-history-market li a.active-tab, .im-price-history-market li a:hover, .im-price-related-post .im-post-details a:hover h2, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .title:hover h2, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .details-link:hover, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info .title:hover h2, .im-page-template-reviews .im-pagination .btn-big-arrow, .im-page-template-reviews .im-pagination .pagination-list li a, .im-review-content-section .video-sub-title, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li a:hover, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li.author i, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li .like-btn i, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .title:hover h2, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .detail-btn:hover, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li a:hover, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li.author i, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li .like-btn i, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .title:hover h2, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .detail-btn:hover, .im-blog-detail-wrap .base-detail .meta-info li a:hover, .im-blog-detail-wrap .base-detail .meta-info li.author i, .im-blog-detail-wrap .base-detail .meta-info li .like-btn i, .im-blog-detail-wrap .item-tags a:hover, .im-blog-detail-col .social-wrap .post-arrows a:hover, .im-compare-content .product-item li.table-row-0 .add-to-wishlist:hover, .im-compare-content .product-item li.table-row-0 .add-to-wishlist.added { color: #ff250d; } .second-color-bg, .im-btn-1, .im-btn-4, .im-btn-6, .im-btn-8:hover, .im-btn-9, .im-btn-10, .btn-big-arrow:hover, .section-title-wrap .slider-arrows i:hover, .im-header-navbar .user-action .action-lists li a .item-count, .im-header-style-3 .im-header-navbar-wrap, .im-compare-sidebar-wrap .compare-header, .im-product-full-wrap .product-full-item .rating-content .num, .im-related-product-footer .im-compare-btn a:hover, .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6:hover, .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews, .im-feature-product-2 .feature-navbar li a.active-tab, .im-feature-product-2 .feature-navbar li a:hover, .im-month-comparison-wrap .product-item .item-details .price:after, .im-month-comparison-wrap .comparison-logo, .im-call-to-action-2-wrap, .im-call-to-action-3-area, .im-newsletter-row .newsletter-wrap form button:hover, .im-news-block-row .section-title-wrap:before, .im-big-search-wrap form button:before, .im-how-it-work-wrap .process-text, .im-category-wrap .category-item:hover h4, .im-total-review-wrap .review-count li, .im-sidebar .widget-search-wrap form button, .im-sidebar .widget-tags-list li a:hover, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:before, .im-widget-newsleter-1-row .newslatter-form button:hover, .im-footer-style-2 .im-copyright-area, .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:hover:before, .im-footer-default.im-dark-bg .im-footer-widgets-tag-wrap a:hover:after, .im-footer-style-3 .footer-widgets .footer-widget-link li a:hover:after, .im-footer-style-3 .copyright-wrap .newsletter-row .social li a:hover, .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item, .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a:hover, .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a:hover, .im-single-product-details .product-action li a:hover, .im-tab2-navbar li a::after, .im-tab2-deal-product li .im-img:after, .im-tab2-des-video a, .im-average-rating .full-rating .full-rating-number, .im-this-review .im-full-review li:first-child, .im-review-pagination .im-pagination li a:hover, .im-price-filter-time li a.active-tab, .im-price-filter-time li a:hover, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating, .im-single-review-article .review-details .review-author li .icon .text-hover span, .im-single-review-content .im-sticky-side-title ul li a:hover, .im-single-review-content .im-sticky-side-title ul li a.active, .im-review-content-section .im-video-img a, .im-review-content-section .im-battery-chart-wrapper canvas, .im-review-content-market .review-market-list li .item-img:after, .im-blog-detail-col .comment-form button, .im-compare-content .product-item li .best-market-price a:hover { background: #ff250d; } .second-color-border, .im-btn-7:hover, .btn-big-arrow:hover, .section-title-wrap .slider-arrows i:hover, .im-mobile-navbar-wrap .mobile-box:after, .im-mobile-navbar-wrap .mobile-box:before, .im-offcanvas-menu-wrap .offcanvas-box:after, .im-offcanvas-menu-wrap .offcanvas-box:before, .im-feature-product-wrap .feature-tab-navbar li a::after, .im-feature-product-2 .product-item .item-info h3, .im-newsletter-row .newsletter-wrap form input[type=email]:focus, .im-partner-slider-wrap .slider-arrow:hover, .im-widget-newsleter-1-row .newslatter-form button, .im-widget-newsleter-1-row .newslatter-form button:hover, .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form, .im-page-template-products .im-pagination .btn-big-arrow, .im-review-commenter .commenter-img, .im-price-filter-time li a.active-tab, .im-price-filter-time li a:hover, .im-blog-detail-col .social-wrap .social-share li a:hover { border-color: #ff250d !important; } .second-color-fill, ._mobile-svg .cls-3, ._headphone-svg .cls-1, ._air-condition-svg .cls-1, ._camera-svg .cls-1, ._tablet-svg .cls-1, ._game-pad-svg .st3, ._car-svg .st1, ._car-svg .st2, ._car-svg .st4, ._cpu-svg .st0, ._cpu-svg .st1, ._cycle-svg .st0, ._fridge-svg .st0, .im-related-product-item .product-header .meta-item .rating-star svg .icon-style, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .rating-star svg .icon-style, .im-page-template-products .im-list-view .product-item .base-info .meta-items .rating-star svg .icon-style, .im-single-product-details .proudct-meta li .rating-star svg .icon-style, .im-review-rating-list-wrapper .rating-for-product .rating-star svg .icon-style, .im-review-rating-list-wrapper .rating-by-author .rating-star svg .icon-style, .im-rating-markets li .rating-star svg .icon-style, .im-this-review .im-full-review li .rating-star svg .icon-style, .im-review-comment-form .im-range-input-wrapper .im-range-slider .rating-star svg .icon-style, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star svg .icon-style, .im-single-review-article .review-details .review-achiv > li .rating-star svg .icon-style { fill: #ff250d; } .second-color-stroke, ._mobile-svg .cls-1, ._mobile-svg .cls-2, ._mobile-svg .cls-4, ._air-condition-svg .cls-2, ._camera-svg .cls-2, ._tablet-svg .cls-2, ._game-pad-svg .st1, ._game-pad-svg .st2, ._car-svg .st3, ._fridge-svg .st1, .im-compare-sidebar-wrap .tab-content .product-item .item-detail .rating-star svg .icon-style, .im-related-product-item .product-header .meta-item .rating-star svg .icon-style, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .rating-star svg .icon-style, .im-page-template-products .im-list-view .product-item .base-info .meta-items .rating-star svg .icon-style, .im-single-product-details .proudct-meta li .rating-star svg .icon-style, .im-review-rating-list-wrapper .rating-for-product .rating-star svg .icon-style, .im-review-rating-list-wrapper .rating-by-author .rating-star svg .icon-style, .im-rating-markets li .rating-star svg .icon-style, .im-this-review .im-full-review li .rating-star svg .icon-style, .im-review-comment-form .im-range-input-wrapper .im-range-slider .rating-star svg .icon-style, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star svg .icon-style, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star:last-child, .im-single-review-article .review-details .review-achiv > li .rating-star svg .icon-style { stroke: #ff250d; } .third-color, .im-btn-8 span, .btn-big-arrow, .section-title-wrap .section-title i, .im-pagination .pagination-list li a, .im-header-languages .language-wrap .language-item:hover, .im-benchmark-content .benchmark-category-list li a.active-tab i, .im-benchmark-content .benchmark-category-list li a:hover i, .im-runing-product-wrap .runing-tab-navbar-list li a i, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply i { color: #df4d3e; } .third-color-bg, .im-month-comparison-wrap .comparison-logo:after, .im-month-comparison-wrap .comparison-logo:before, .im-news-list-style-2 .news-item:nth-child(3), .im-benchmark-content .benchmark-category-list li a { background: #df4d3e; } .third-color-border, .btn-big-arrow { border-color: #df4d3e; } .four-color, .btn-text-small, .im-related-product-wrapper .filter-related-product .filter-form:after, .im-related-product-item .product-header .price-range, .im-feature-product-wrap .feature-tab-navbar li h3, .im-hot-deal-wrap .filter-hot-deal .filter-form:after, .im-sidebar .widget-top-product-list li .item-details a h5, .im-sidebar .widget-price-drop-product-list li .item-details a h5, .im-page-template-products .im-grid-view .product-item .base-info .price-range, .im-page-template-products .im-grid-view .product-item .product-author .author span, .im-page-template-products .im-list-view .product-item .base-info .price-range, .im-page-template-products .im-list-view .product-item .product-author .author span, .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title, .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num, .im-review-content-section .note-wrapper .note-text { color: #017cee; } .four-color-bg, .im-single-product-details .market-direction:before { background: #017cee; } .four-color-border { border-color: #017cee; } .dark-light, .im-el-product-slider .product-slider-wrap .slider-item .title h2, .im-review-content .review-item-wrap .review-item .title h2, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info h2, .im-page-template-blog .blog-page .im-list-view .post-item .item-info h2, .im-blog-detail-wrap .base-detail h1, .im-blog-detail-wrap .item-tags h6, .im-blog-detail-content h4, .im-blog-detail-col .social-wrap .social-share li h6, .im-blog-detail-col .social-wrap .social-share li a, .im-blog-detail-col .social-wrap .post-arrows a, .im-blog-detail-col .comment-area .title, .im-blog-detail-col .respond-area .title { color: #555555; } .white-color, .im-btn-1, .im-btn-1:hover, .im-btn-3:hover, .im-btn-4, .im-btn-4:hover, .im-btn-5, .im-btn-6, .im-btn-6:hover, .im-btn-8:hover, .im-btn-8:hover span, .im-btn-9, .im-btn-9:hover, .im-btn-10, .im-btn-10:hover, .btn-big-arrow:hover, .section-title-wrap .slider-arrows i:hover, .im-side-product-1 .details h2, .im-header-top .header-top-news .icon, .im-header-top .header-top-news h5, .im-header-top .header-top-news P, .im-header-top .header-top-news P a, .im-header-top .im-header-middle-icons .header-languages .language-active, .im-header-top .im-header-middle-icons .header-languages .language-active:after, .im-header-top .im-header-middle-icons .sidebar-btn, .im-header-navbar .user-action .action-lists li a .item-count, .im-header-style-2 .im-header-languages .language-active, .im-header-style-2 .im-header-languages .language-active::after, .im-header-style-3 .im-header-navbar .im-navbar-nav > li > a, .im-header-style-3 .im-header-navbar .im-navbar-nav > li > a:not([href]):not([tabindex]):hover, .im-header-style-3 .im-header-navbar .im-navbar-nav > li > a i, .im-compare-sidebar-wrap .compare-header h5, .im-compare-sidebar-wrap .compare-header button, .im-banner-slider .banner-slide-item.style-2 h2, .im-banner-slider .banner-slide-item.style-2 p, .im-product-full-wrap .product-full-item .rating-content .num, .im-product-full-wrap .product-full-item .product-title-wrap h2, .im-related-product-item .badge-thumb, .im-related-product-item .discount-badge span, .im-related-product-footer .im-compare-btn a, .im-related-product-footer .im-compare-btn a:hover, .im-feature-product-wrap .content-item .market-and-review .market-item .author .price, .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews .num, .im-feature-product-wrap .content-item .market-and-review .overall-review p, .im-feature-product-2 .feature-navbar li a, .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .author, .im-el-product-slider .product-slider-wrap .slider-item .title h2 .first-letter, .im-month-comparison-wrap .product-item .item-details .price, .im-month-comparison-wrap .product-item .item-details a, .im-month-comparison-wrap .comparison-logo i, .im-month-comparison-wrap .comparison-logo p, .im-call-to-action-wrap .call-to-action-message h3, .im-call-to-action-wrap .call-to-action-message h3 i, .im-call-to-action-wrap .call-to-action-message .link, .im-call-to-action-2-wrap .call-to-action-text p, .im-call-to-action-2-wrap .call-to-action-text h2, .im-call-to-action-3 h5 mark, .im-newsletter-row .newsletter-wrap form button, .im-news-list-style-2 .news-item .item-details .title, .im-news-list-style-2 .news-item .item-details .post-meta, .im-news-list-style-2 .news-item .item-details .post-meta a, .im-recent-news-wrap .news-item .item-details .item-meta li:not(:last-child):after, .im-recent-news-wrap .news-item .item-details .item-meta li a, .im-recent-news-wrap .news-item .item-details h2, .im-how-it-work-wrap .process-text, .im-how-it-work-wrap .item-wrap h4, .im-how-it-work-wrap .item-wrap p, .im-category-wrap .category-item h4, .im-total-review-wrap h6, .im-total-review-wrap .review-count li, .im-hot-deal-items .deal-item .expired, .im-sidebar .widget-search-wrap form button, .im-sidebar .widget-tags-list li a:hover, .im-widget-newsleter-1-row .newslatter-form button:hover, .im-copyright-wrap .copyright-text ul li a:hover, .im-copyright-wrap .copyright-right .footer-social li a:hover, .im-footer-style-2 .im-copyright-wrap .copyright-text ul li, .im-footer-style-2 .im-copyright-wrap .copyright-text ul li a, .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:hover, .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover, .im-footer-default.im-dark-bg .im-footer-widgets-tag-wrap a:hover, .im-footer-default.im-dark-bg .im-copyright-area .copyright-text ul li a, .im-footer-style-3 .footer-widgets .footer-widget-text h3, .im-footer-style-3 .footer-widgets .footer-widget-text p, .im-footer-style-3 .footer-widgets .footer-widget-link li a, .im-footer-style-3 .copyright-wrap .copyright-text ul li a:hover, .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input, .im-footer-style-3 .copyright-wrap .newsletter-row .social li a i, .im-footer-style-4 .copyright-wrap .copyright-text p, .im-footer-style-4 .copyright-wrap .copyright-text p a, .im-footer-style-4 .copyright-wrap .copyright-text p a:hover, .im-footer-style-4 .copyright-wrap .footer-social li a, .im-footer-style-4 .widget-links li a, .im-review-content .review-item-wrap .review-item .meta-wrap, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap .rating-star, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author .author, .im-review-content .review-item-wrap .review-item .title h2 .first-letter, .im-benchmark-content .section-title-wrap .section-title, .im-benchmark-content .section-title-wrap .btn-text-small, .im-benchmark-content .benchmark-category-list li a, .im-big-offer-wrap .big-offer-item-wrap h2, .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li:not(:last-child):after, .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a, .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a, .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a:hover, .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a, .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a:hover, .im-page-template-products .im-pagination .btn-big-arrow:hover, .im-single-product-details .product-action li a .im-text-hover, .im-single-product-details .product-action li a:hover, .im-tab2-navbar li a.active-tab, .im-tab2-navbar li a:hover, .im-tab2-des-video a i, .im-average-rating .full-rating .full-rating-number, .im-this-review .im-full-review li h6, .im-review-pagination .im-pagination li a:hover, .im-price-filter-time li a.active-tab, .im-price-filter-time li a:hover, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name span, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name a, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .average, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name span, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name a, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 .first-letter, .im-page-template-reviews .im-pagination .btn-big-arrow:hover, .im-single-review-article .review-details .review-author li .icon .text-hover span, .im-single-review-article .review-details .review-achiv > li > i, .im-single-review-content .im-sticky-side-title ul li a, .im-single-review-content .im-sticky-side-title ul li a:hover, .im-single-review-content .im-sticky-side-title ul li a.active, .im-review-content-section .note-wrapper .note-name, .im-review-content-section .im-battery-chart-wrapper .chart-label, .im-review-content-section .im-battery-chart-wrapper .chart-label h2, .im-review-content-section .im-battery-chart-wrapper .chart-label .p, .im-review-pros-and-cons .im-pros h5, .im-review-pros-and-cons .im-cons h5, .im-blog-detail-col .comment-form button, .im-compare-content .product-item li .best-market-price a:hover { color: #ffffff; } .white-color-bg, .im-btn-2, .im-btn-3, .im-btn-5:hover, .im-btn-7, .im-btn-8, .im-header-middle-icons .header-search .header-search-form-wrap, .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form button, .im-header-languages .language-wrap, .im-header-top .header-top-news .icon:after, .im-header-middle-wrap, .im-header-middle-row, .im-header-navbar-wrap, .im-navbar-nav > li.dropdown-manu > .normal-submanu, .im-header-style-1 .im-header-middle-wrap, .im-header-style-3, .im-header-style-3 .im-header-navbar .user-action .action-lists li a:hover, .im-compare-sidebar-wrap, .im-product-full-area, .im-product-full-wrap .product-full-item .product-title-wrap .separator:after, .im-related-product-wrapper .filter-related-product .select-items, .im-related-product-item, .im-month-comparison-area, .im-call-to-action-wrap .call-to-action-message .link::after, .im-news-list-style-2 .news-item .item-details > a::after, .im-recent-news-row, .im-recent-news-wrap .news-item .item-details .item-meta:after, .im-filter-row .filter-result .ui-button, .im-filter-row .filtering-wrap .search-wrap, .im-filter-row .filtering-wrap .ui-button, .im-big-search-wrap form, .im-category-wrap .category-item:hover, .im-hot-deal-wrap .filter-hot-deal .select-items, .im-hot-deal-items .deal-item, .im-sidebar .widegt-top-comment-wrap, .im-sidebar .widget-top-product-list li:hover, .im-sidebar .widget-price-drop-product-list li:hover, .im-sidebar .widget-coupon-wrap, .im-sidebar .widget-pros-wrap, .im-sidebar .widget-post-author-wrap, .im-sidebar .widget-search-wrap, .im-widget-newsleter-1-row .newslatter-form button, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .widget-title, .im-footer-style-2 .im-copyright-wrap .copyright-text ul li:not(:last-child):after, .im-footer-style-3 .footer-widgets .footer-widget-link li a:after, .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p:after, .im-footer-style-4 .widget-links li a:after, .im-tutorial-content .tutorial-item, .im-benchmark-content, .im-benchmark-content .benchmark-category-list li a.active-tab, .im-benchmark-content .benchmark-category-list li a:hover, .im-big-offer-wrap .big-offer-item-wrap:nth-child(2) .big-offer-item, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item, .im-page-template-products .im-product-itmes-wrap .product-item, .im-single-product-wrapper, .im-single-product-details .product-action li a, .im-single-product-details .market-direction span, .im-tab2-section-side-title > ul > li h5, .im-tab2-section-side-title .im-tab2-section-titles, .im-tab2-items, .im-tab2-deal-product li, .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title, .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num, .im-tab2-pric-wrapper, .im-page-template-reviews .review-page .im-list-view .review-item, .im-single-review-article .review-img, .im-single-review-article .review-details h1, .im-single-review-content, .im-review-content-market .review-market-list li, .im-review-pros-and-cons .im-pros .reatangle .dash, .im-review-pros-and-cons .im-cons .reatangle .dash, .im-page-template-blog .blog-page .im-list-view .post-item, .im-blog-detail-col .social-wrap .post-arrows a:hover, .im-blog-detail-col .comment-area .comment-list li .comment-item { background: #ffffff; } .white-color-borer { border-color: #ffffff; } .dark-color, .im-btn-2, .im-pagination .pagination-list li.active a, .im-pagination .pagination-list li:hover a, .im-header-middle-wrap .im-header-linkbar .im-header-languages .language-active, .im-compare-sidebar-wrap .tab-content .product-item .item-detail h3, .im-compare-sidebar-wrap .tab-content .product-item .remove-btn, .im-banner-slider .banner-slide-item.style-1 h2, .im-banner-slider .banner-slide-item.style-1 p, .im-hot-product-wrap .product-item .item-details .price-wrap .current-price, .im-related-product-wrapper .filter-related-product .filter-form label, .im-related-product-item .product-header .title-wrap h2, .im-breadcrumb li a:hover, .im-filter-row .filtering-wrap p, .im-big-search-wrap form .ui-selectmenu-button .ui-icon:before, .im-category-wrap .category-item p, .im-hot-deal-wrap .filter-hot-deal .filter-form label, .im-sidebar .widget-top-product-list li .item-details a:hover h3, .im-sidebar .widget-price-drop-product-list li:hover .item-details a:hover h5, .im-sidebar .widget-post-author-wrap .social li a, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:hover, .im-widget-newsleter-1-row .footer-social li a, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:hover, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover, .im-benchmark-content .beachmark-product-item .item-details h2, .im-big-offer-wrap .big-offer-2-item-wrap .big-offer-item h2, .im-big-offer-wrap .big-offer-2-item-wrap .big-offer-item .post-meta li:not(:last-child):after, .im-big-offer-wrap .big-offer-2-item-wrap .big-offer-item .post-meta li a, .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details a:hover, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details a:hover h2, .im-page-template-products .im-grid-view .product-item .description li, .im-page-template-products .im-list-view .product-item .description li, .im-page-template-products .im-pagination .pagination-list li a:hover, .im-product-gallery-thumb li i, .im-single-product-details .product-action li a .im-text-hover span:after, .im-tab2-section-side-title .im-tab2-section-titles ol li a, .im-tab2-deal-product li .price, .im-rating-progres li span, .im-this-review .im-full-review li .p, .im-review-pagination .im-pagination li a, .im-price-filter-time li a, .im-price-history-chart .im-price-avarage .count, .im-single-review-article .review-details .review-author li, .im-single-review-article .review-details .review-author li a, .im-single-review-article .review-details .review-author li .icon i, .im-single-review-article .review-details > .p, .im-single-review-article .review-details .review-achiv > li a, .im-review-content-section .sub-title, .im-review-content-section > .p, .im-review-content-market .review-market-list li .price, .im-review-pros-and-cons ul li, .im-compare-content .product-item li.table-row-0 .remove-btn:hover { color: #000000; } .dark-color-bg, .im-pagination .pagination-list li:after, .im-related-product-item .product-header .title-wrap:after, .im-page-template-products .im-grid-view .product-item .base-info .meta-items:after, .im-page-template-products .im-list-view .product-item .base-info .meta-items:after, .im-tab2-section-side-title > ul > li h5, .im-tab2-des-wrapper .sub2-title::after, .im-review-criteria li:not(:first-child) h6:after, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name, .im-review-content-section .sub-title::after { background: #000000; } .widget-color, .im-mobile-navbar-wrap .mobile-footer form input, .im-offcanvas-menu-wrap .offcanvas-footer form input, .im-hot-product-wrap .product-item .item-details h2, .im-feature-product-2 .product-item .item-info h2, .im-newsletter-row .newsletter-wrap form input[type=email], .im-filter-row .filter-result p, .im-hot-deal-items .deal-item h3, .im-sidebar .widget-best-product-list li a, .im-sidebar .widegt-top-comment-wrap .comment-item blockquote, .im-sidebar .widget-top-product-list li .item-details .price, .im-sidebar .widget-coupon-wrap .widget-coupon-item h5, .im-sidebar .widget-pros-wrap .widget-pros-item .description li, .im-sidebar .widget-post-author-wrap p, .im-sidebar .widget-search-wrap form input, .im-sidebar .widget-search-wrap p, .im-sidebar .widget-recent-product-list li .item-info .post-date, .im-sidebar .widget-recent-product-list li .item-info h2, .im-sidebar .widget-tags-list li a, .im-footer-widgets-wrap .footer-widget .widget-title, .im-widget-newsleter-1-row .widget-newslatter-wrap .caption, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a, .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a, .im-page-template-products .im-grid-view .product-item .base-info h2, .im-page-template-products .im-list-view .product-item .base-info h2, .im-single-product-details .proudct-meta li .p, .im-average-rating .full-rating-content h4, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num, .im-review-content-section .sub-title, .im-review-content-section > .p, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li a, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .detail-btn, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li a, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .detail-btn, .im-blog-detail-wrap .base-detail .meta-info li, .im-blog-detail-wrap .base-detail .meta-info li a, .im-blog-detail-wrap .item-tags a, .im-blog-detail-col .comment-form textarea, .im-blog-detail-col .comment-form .form-group input { color: #5f6490; } .widget-color-bg, .im-sidebar .widget-price-drop-product-list li .item-details .price .old:after, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item:after, .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item:after, .im-blog-detail-wrap .item-tags a:before { background: #5f6490; } .accent-p, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info p, .im-page-template-blog .blog-page .im-list-view .post-item .item-info p { color: #45475e; } .accent-color-1 { color: #017cee; } .accent-light-1-border, .im-hot-deal-items .deal-item, .im-hot-deal-items .deal-item .item-act-list, .im-hot-deal-items .deal-item .item-act-list a { border-color: #e6e9ff !important; } /* Slider Arrow Include This color */ .accent-color-3, .section-title-wrap .slider-arrows i { color: #a2a6cd; } .accent-color-3-border, .section-title-wrap .slider-arrows i { border-color: #a2a6cd; } .pros-color, .im-news-list-style-2 .news-item .item-details > a:hover .title, .im-news-list-style-2 .news-item .item-details .post-meta a:hover, .im-sidebar .widget-price-drop-product-list li .item-details .price i, .im-sidebar .widget-pros-wrap .widget-pros-item .description li i, .im-pros-and-cons .tab2-pros h5, .im-pros-and-cons .tab2-pros ul li i, .im-commenter-pros-and-cons .im-commenter-pros h5, .im-commenter-pros-and-cons .im-commenter-pros ul li i, .im-review-content-section .im-battery-chart-wrapper .chart-label i, .im-review-pros-and-cons .im-pros ul li i { color: #01bd1b; } .pros-color-bg, .im-btn-1:hover, .im-btn-3:hover, .im-btn-4:hover, .im-btn-5, .im-btn-9:hover, .im-btn-10:hover, .im-related-product-item .discount-badge span, .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6, .im-newsletter-row .newsletter-wrap form button, .im-sidebar .widget-search-wrap form button:hover, .im-pros-and-cons .tab2-pros h5:after, .im-commenter-pros-and-cons .im-commenter-pros h5:after, .im-review-pros-and-cons .im-pros h5, .im-blog-detail-col .comment-form button:hover { background: #01bd1b; } .pros-color-border { border-color: #01bd1b; } .cons-color, .im-pros-and-cons .tab2-cons h5, .im-pros-and-cons .tab2-cons ul li i, .im-commenter-pros-and-cons .im-commenter-cons h5, .im-commenter-pros-and-cons .im-commenter-cons ul li i, .im-review-pros-and-cons .im-cons ul li i { color: #ff3300; } .cons-color-bg, .im-pros-and-cons .tab2-cons h5:after, .im-commenter-pros-and-cons .im-commenter-cons h5:after, .im-review-pros-and-cons .im-cons h5 { background: #ff3300; } .cons-color-border { border-color: #ff3300; } .border-color-2 { border-color: #e6e9ff; } /* -------------- Font ----------- */ /* ============================================ */ /* ================ Font-Size ============== */ /* ============================================ */ .font-10, .im-btn-6 .btn-text-wrap .market-name, .im-month-comparison-wrap .comparison-logo i, .im-single-product-details .public-author i, .im-single-product-details .description-list li i { font-size: 10px; } .font-11, .im-btn-7, .im-related-product-item .badge-thumb, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap, .im-recent-news-wrap .news-item .item-details .item-meta li a i, .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon i, .im-review-content .review-item-wrap .review-item .meta-wrap, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name { font-size: 11px; } .font-12, .im-btn-8, .im-btn-normal i, .btn-text-small, .im-header-top .header-top-news h5, .im-header-top .header-top-news P, .im-header-top .header-top-news P a, .im-mobile-navbar-wrap .mobile-footer form input, .im-mobile-navbar-wrap .mobile-footer form button, .im-mobile-navbar-wrap .mobile-footer .social ul li a, .im-offcanvas-menu-wrap .offcanvas-footer form input, .im-offcanvas-menu-wrap .offcanvas-footer form button, .im-offcanvas-menu-wrap .offcanvas-footer .social ul li a, .im-related-product-wrapper .filter-related-product .filter-form label, .im-related-product-item .discount-badge span, .im-related-product-item .product-header .meta-item .comment-meta a, .im-related-product-body ul li, .im-related-product-footer .public-author, .im-related-product-footer .public-author a, .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon i, .im-news-list-style-2 .news-item .item-details .post-meta, .im-recent-news-wrap .news-item .item-details .item-meta li a, .im-breadcrumb li, .im-breadcrumb li a, .im-filter-row .filtering-wrap p, .im-filter-row .filtering-wrap .search-wrap button, .im-category-wrap .category-item p, .im-hot-deal-wrap .filter-hot-deal .filter-form label, .im-hot-deal-items .deal-item .expired, .im-hot-deal-items .deal-item .item-act-list a span, .im-sidebar .widget-category-list li a, .im-sidebar .widegt-top-comment-wrap .comment-item .commenter, .im-sidebar .widegt-top-comment-wrap .comment-item .date, .im-sidebar .widget-top-product-list li .item-details a h5, .im-sidebar .widget-price-drop-product-list li .item-details a h5, .im-sidebar .widget-price-drop-product-list li .item-details .price .old, .im-sidebar .widget-search-wrap p, .im-sidebar .widget-recent-product-list li .item-info .post-date, .im-sidebar .widget-tags-list li a, .im-page-template-products .im-grid-view .product-item .description li, .im-page-template-products .im-grid-view .product-item .product-author .author, .im-page-template-products .im-grid-view .product-item .product-author .author a, .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item, .im-page-template-products .im-list-view .product-item .description li, .im-page-template-products .im-list-view .product-item .product-author .author, .im-page-template-products .im-list-view .product-item .product-author .author a, .im-single-product-details .public-author, .im-tab2-section-side-title .im-tab2-section-titles ol li a, .im-tab2-sub-title span, .im-average-rating .full-rating .full-rating-number span, .im-rating-markets li .im-review-count, .im-review-commenter ul li, .im-review-pagination .im-pagination li a, .im-review-comment-form .im-input-details label, .im-single-review-article .review-details .review-author li, .im-single-review-content .im-sticky-side-title ul li a h6, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li a, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li a, .im-blog-detail-wrap .base-detail .meta-info li, .im-blog-detail-wrap .base-detail .meta-info li a, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply i { font-size: 12px; } .font-13, .im-related-product-item .product-header .title-wrap h2, .im-news-block-row .news-block-item .item-details .post-date, .im-copyright-wrap .copyright-text ul li, .im-footer-style-3 .copyright-wrap .copyright-text ul li, .im-footer-style-4 .copyright-wrap .copyright-text p, .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details .post-date, .im-review-content-section .im-battery-chart-wrapper .chart-label .p { font-size: 13px; } .font-14, .im-btn-3, .im-btn-4, .im-btn-9, .im-social-icon li a, .im-header-middle-icons .header-search .search-icon, .im-header-middle-icons .sidebar-btn, .im-header-languages .language-active:after, .im-header-languages .language-wrap .language-item:after, .im-header-top .header-top-news .icon, .im-header-middle-wrap .header-search-wrap form input, .im-header-middle-wrap .header-search-wrap form .search-btn, .im-header-middle-wrap .header-searchbar-large form input, .im-header-middle-wrap .header-searchbar-large form .search-btn, .im-header-middle-wrap .header-searchbar-large form .ui-button, .ui-widget.im-header-form-select-dropdown .ui-menu-item-wrapper, .im-mobile-navbar-wrap .mobile-menu .submenuItems li a, .im-offcanvas-menu-wrap .offcanvas-menu .submenuItems li a, .im-compare-sidebar-wrap .tab-content .tab-item .compare-action-btn, .im-compare-sidebar-wrap .tab-content .product-item .item-detail h3, .im-compare-sidebar-wrap .tab-content .product-item .item-detail .price, .im-related-product-wrapper .filter-related-product .filter-form select, .im-related-product-wrapper .filter-related-product .filter-form select span, .im-related-product-wrapper .filter-related-product .select-selected, .im-related-product-wrapper .filter-related-product .select-items div, .im-related-product-item .product-header .price-range, .im-feature-product-wrap .content-item .market-and-review .market-item .author .price span, .im-feature-product-2 .feature-navbar li a, .im-newsletter-row .newsletter-wrap form input[type=email], .im-newsletter-row .newsletter-wrap form .form-group-btn .warring, .im-filter-row .filter-result p, .im-filter-row .filter-result .ui-button, .im-filter-row .filtering-wrap .ui-button .ui-selectmenu-text, .ui-widget.im-filter-dropdown-manu .ui-menu-item-wrapper, .ui-widget.im-filter-date-dropdown-manu .ui-menu-item-wrapper, .im-big-search-wrap form input, .im-big-search-wrap form .ui-selectmenu-button .ui-icon, .im-big-search-wrap form .ui-selectmenu-button .ui-selectmenu-text, .im-big-search-select-dropdown .ui-menu-item-wrapper, .im-hot-deal-wrap .filter-hot-deal .filter-form select, .im-hot-deal-wrap .filter-hot-deal .filter-form select span, .im-hot-deal-wrap .filter-hot-deal .select-selected, .im-hot-deal-wrap .filter-hot-deal .select-items div, .im-hot-deal-items .deal-item h3, .im-sidebar .widget-best-product-list li a, .im-sidebar .widget-coupon-wrap .widget-coupon-item h5, .im-sidebar .widget-pros-wrap .widget-pros-item .description li, .im-sidebar .widget-post-author-wrap .social li a, .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .btn-text-wrap .btn-text, .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a, .im-widget-newsleter-1-row .newslatter-form input, .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input, .im-footer-style-3 .copyright-wrap .newsletter-row .social li a, .im-footer-style-4 .widget-links li a, .im-page-template-products .im-grid-view .product-item .base-info .price-range, .im-page-template-products .im-list-view .product-item .base-info .price-range, .im-single-product-details .description-list li, .im-tab2-navbar li a, .im-tab2-deal-product li .price span, .im-full-speci-list li .p, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-name, .im-review-comment-form .im-input-details textarea, .im-review-comment-form .im-input-details select, .im-review-comment-form .im-input-details input:not([type='range']), .im-single-review-article .review-details > .p, .im-review-content-market .review-market-list li .price span, .im-review-pros-and-cons ul li, .im-blog-detail-col .social-wrap .social-share li a, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply, .im-blog-detail-col .comment-form textarea, .im-blog-detail-col .comment-form .form-group input, .im-compare-content .compare-title li span, .im-compare-content .product-item li, .im-compare-content .product-item li .best-market-price { font-size: 14px; } .font-15, .btn-big-arrow, .section-title-wrap .slider-arrows i, .im-partner-slider-wrap .slider-arrow, .im-how-it-work-wrap .process-text h4, .im-how-it-work-wrap .item-wrap p, .im-widget-newsleter-1-row .newslatter-form button, .im-footer-style-3 .footer-widgets .footer-widget-link li a, .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form button, .im-blog-detail-wrap .item-tags a, .im-compare-content .compare-title li { font-size: 15px; } .font-16, .im-btn-normal, .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form button, .im-navbar-nav > li > a i, .im-mobile-navbar-wrap .mobile-footer .social ._title, .im-offcanvas-menu-wrap .offcanvas-footer .social ._title, .im-compare-sidebar-wrap .compare-header h5, .im-compare-sidebar-wrap .compare-header button, .im-hot-product-wrap .product-item .item-details h2, .im-month-comparison-wrap .product-item .item-details .price span, .im-big-search-wrap form button, .im-category-wrap .category-item h4, .im-hot-deal-items .deal-item .item-act-list a, .im-sidebar .widegt-top-comment-wrap .comment-item blockquote, .im-sidebar .widget-top-product-list li .item-details .price, .im-sidebar .widget-price-drop-product-list li .item-details .price, .im-sidebar .widget-post-author-wrap h4, .im-sidebar .widget-post-author-wrap p, .im-sidebar .widget-link-list li a, .im-sidebar .widget-recent-product-list li .item-info h2, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap .rating-star i, .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p, .im-page-template-products .im-grid-view .product-item .base-info h2, .im-page-template-products .im-list-view .product-item .base-info h2, .im-single-product-details .market-direction, .im-tab2-des-wrapper .sub2-title, .im-tab2-des-wrapper > .p, .im-tab2-deal-product li .p, .im-short-speci-list-wrap .short-speci-list li, .im-short-speci-list-wrap .short-speci-list li .title, .im-short-speci-list-wrap .short-speci-list li .detail, .im-full-speci-list li, .im-full-speci-list li .title, .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title, .im-review-content-market .review-market-list li .p, .im-review-pros-and-cons .im-pros h5, .im-review-pros-and-cons .im-cons h5, .im-blog-detail-col .social-wrap .post-arrows a, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p, .im-compare-content .compare-title .table-row-heading { font-size: 16px; } .font-17, .im-sidebar .widget-price-drop-product-list li .item-details .price i { font-size: 17px; } .font-18, .im-btn-1, .im-btn-2, .im-btn-5, .im-btn-6 .icon, .im-btn-6 .btn-text-wrap .btn-text, .im-btn-10, .im-el-product-slider .product-slider-wrap .slider-item .title h2 .first-letter, .im-month-comparison-wrap .product-item .item-details a h4, .im-newsletter-row .newsletter-wrap form button, .im-sidebar .widget-search-wrap form button, .im-footer-widgets-tag-wrap a, .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a, .im-review-content .review-item-wrap .review-item .title h2 .first-letter, .im-runing-product-wrap .runing-tab-navbar-list li a i, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 .first-letter, .im-single-review-article .review-details .review-achiv > li > i, .im-single-review-article .review-details .review-achiv > li h6.avarage-rating, .im-review-content-section .sub-title, .im-review-content-section > .p, .im-review-content-section .video-sub-title, .im-review-content-section .note-wrapper .note-name i, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3, .im-blog-detail-col .comment-form button, .im-compare-content .compare-title li h6, .im-compare-content .product-item .product-name h2 { font-size: 18px; } .font-20, .im-header-languages .language-active, .im-header-languages .language-wrap .language-item, .im-navbar-nav > li.dropdown-manu > .normal-submanu > li > a, .im-navbar-nav > li > a, .im-header-middle-wrap .im-header-linkbar .create-link a, .im-mobile-navbar-wrap .mobile-menu > li > a, .im-offcanvas-menu-wrap .offcanvas-menu > li > a, .im-banner-slider .banner-slide-item p, .im-hot-product-wrap .product-item .item-details .price-wrap .old, .im-feature-product-wrap .feature-tab-navbar li h3, .im-feature-product-wrap .content-item .market-and-review .overall-review p, .im-news-block-row .news-block-item .item-details h2, .im-filter-row .filtering-wrap .filter-for-view button, .im-total-review-wrap .review-count li, .im-footer-style-3 .footer-widgets .footer-widget-text p, .im-benchmark-content .benchmark-category-list li a i, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2, .im-single-product-details .im-title, .im-product-detail-market li .im-item i, .im-price-history .section-title, .im-price-related-post .im-post-details h2, .im-review-content-section .note-wrapper, .im-blog-detail-wrap .item-tags h6, .im-blog-detail-content blockquote, .im-blog-detail-col .social-wrap .social-share li h6 { font-size: 20px; } .font-22, .section-title-wrap .section-title i, .im-header-middle-wrap .header-category-lists li a, .im-header-style-3 .im-header-navbar .im-navbar-nav > li > a, .im-hot-product-wrap .product-item .best-icon, .im-news-list-style-2 .news-item .item-details .title, .im-recent-news-wrap .news-item .item-details h2, .im-category-wrap .category-section-title-wrap .section-title i, .im-category-wrap .category-section-title-wrap p, .im-total-review-wrap h6, .im-hot-deal-wrap .section-row p, .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab i, .im-tab2-deal-product li .price, .im-average-rating .full-rating-content h4, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num, .im-single-review-article .review-details .review-achiv > li h6, .im-review-content-market .review-market-list li .price { font-size: 22px; } .font-24, .im-pagination .pagination-list li a { font-size: 24px; } .font-26, .im-hot-product-wrap .product-item .item-details .price-wrap .current-price, .im-el-product-slider .product-slider-wrap .slider-item .title h2, .im-sidebar .widget-pros-wrap .widget-pros-item h3, .im-footer-style-3 .copyright-wrap .newsletter-row .caption, .im-review-content .review-item-wrap .review-item .title h2, .im-benchmark-content .benchmark-category-list li a h5, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2, .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info h2, .im-page-template-reviews .inside-sidebar .im-list-view .review-item .item-info h2, .im-blog-detail-wrap .base-detail h1, .im-blog-detail-content h4 { font-size: 26px; } .font-28, .im-big-offer-wrap .big-offer-item-wrap h2 { font-size: 28px; } .font-30, .section-title-wrap .section-title, .im-side-product-1 .details h2, .im-feature-product-2 .product-item .item-info h3, .im-month-comparison-wrap .product-item .item-details .price, .im-call-to-action-wrap .call-to-action-message h3 i, .im-call-to-action-2-wrap .call-to-action-text p, .im-how-it-work-wrap .item-wrap h4, .im-footer-widgets-wrap .footer-widget .widget-title, .im-runing-product-wrap .runing-tab-navbar-list li a, .im-review-comment-form .im-input-section-title span, .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating, .im-blog-detail-col .comment-area .title, .im-blog-detail-col .respond-area .title { font-size: 30px; } .font-32, .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews .num, .im-page-template-reviews .im-el-product-slider .slider-item .title h2 { font-size: 30px; } .font-40, .section-title-wrap.resizing .section-title, .im-banner-slider .banner-slide-item h2, .im-feature-product-2 .product-item .item-info h2, .im-call-to-action-wrap .call-to-action-message h3, .im-call-to-action-wrap .call-to-action-message .link, .im-call-to-action-2-wrap .call-to-action-text h2, .im-big-search-wrap h6, .im-category-wrap .category-section-title-wrap .section-title, .im-footer-style-3 .footer-widgets .footer-widget-text h3 span, .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab, .im-tab2-deal .im-tab2-sub-title2, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .average, .im-single-review-article .review-details h1 { font-size: 40px; } /* ============================================ */ /* ================ Font-Weight ============== */ /* ============================================ */ .font-extralight, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .average { font-weight: 200; } .font-light, .im-feature-product-wrap .content-item .market-and-review .market-item .author .price, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap, .im-el-product-slider .product-slider-wrap .slider-item .title h2, .im-call-to-action-wrap .call-to-action-message h3, .im-call-to-action-wrap .call-to-action-message .link, .im-call-to-action-2-wrap .call-to-action-text p, .im-news-block-row .news-block-item .item-details p, .im-big-search-wrap form .ui-selectmenu-button .ui-selectmenu-text, .im-category-wrap .category-section-title-wrap p, .im-hot-deal-wrap .section-row p, .im-sidebar .widget-category-list li a, .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a, .im-review-content .review-item-wrap .review-item .meta-wrap, .im-review-content .review-item-wrap .review-item .title h2, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p, .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name span, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name span, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2, .im-review-content-section > .p, .im-blog-detail-content blockquote { font-weight: 300; } .font-regular, .im-header-middle-wrap .header-searchbar-large form .ui-button, .ui-widget.im-header-form-select-dropdown .ui-menu-item-wrapper, .im-header-style-3 .im-header-navbar .im-navbar-nav > li > a, .im-related-product-wrapper .filter-related-product .filter-form label, .im-month-comparison-wrap .product-item .item-details a h4, .im-news-list-style-2 .news-item .item-details .title, .im-recent-news-wrap .news-item .item-details h2, .im-filter-row .filtering-wrap .ui-button .ui-selectmenu-text, .ui-widget.im-filter-date-dropdown-manu .ui-menu-item-wrapper, .im-total-review-wrap h6, .im-hot-deal-wrap .filter-hot-deal .filter-form label, .im-sidebar .widget-coupon-wrap .widget-coupon-item h5, .im-sidebar .widget-pros-wrap .widget-pros-item h3, .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a, .im-single-product-details .im-title, .im-single-product-details .description-list li, .im-tab2-des-wrapper > .p, .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title, .im-price-history .section-title, .im-blog-detail-wrap .base-detail h1, .im-blog-detail-content blockquote.style-2 { font-weight: 400; } .font-medium, .im-btn-7, .section-title-wrap .section-title, .im-header-top .header-top-news P, .im-header-top .header-top-news P a, .im-header-middle-wrap .header-category-lists li a, .im-navbar-nav > li.dropdown-manu > .normal-submanu > li > a, .im-navbar-nav > li > a, .im-mobile-navbar-wrap .mobile-menu > li > a, .im-mobile-navbar-wrap .mobile-footer .social ._title, .im-offcanvas-menu-wrap .offcanvas-menu > li > a, .im-offcanvas-menu-wrap .offcanvas-footer .social ._title, .im-hot-product-wrap .product-item .item-details h2, .im-hot-product-wrap .product-item .item-details .price-wrap, .im-related-product-item .discount-badge span, .im-related-product-item .product-header .title-wrap h2, .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews .num, .im-el-product-slider .product-slider-wrap .slider-item .title h2 .first-letter, .im-month-comparison-wrap .product-item .item-details .price, .im-newsletter-row .newsletter-wrap form input[type=email], .im-newsletter-row .newsletter-wrap form .form-group-btn .warring, .im-news-block-row .news-block-item .item-details .post-date, .im-big-search-wrap h6, .im-big-search-select-dropdown .ui-menu-item-wrapper, .im-how-it-work-wrap .process-text h4, .im-how-it-work-wrap .item-wrap h4, .im-category-wrap .category-section-title-wrap .section-title, .im-category-wrap .category-item h4, .im-sidebar .widegt-top-comment-wrap .comment-item .date, .im-sidebar .widegt-top-comment-wrap .comment-item blockquote, .im-sidebar .widget-top-product-list li .item-details .price, .im-sidebar .widget-price-drop-product-list li .item-details .price, .im-sidebar .widget-pros-wrap .widget-pros-item .description li, .im-sidebar .widget-post-author-wrap p, .im-sidebar .widget-search-wrap p, .im-sidebar .widget-recent-product-list li .item-info .post-date, .im-sidebar .widget-recent-product-list li .item-info h2, .im-footer-widgets-wrap .footer-widget .widget-title, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a, .im-widget-newsleter-1-row .widget-newslatter-wrap .caption, .im-footer-style-4 .widget-links li a, .im-review-content .review-item-wrap .review-item .title h2 .first-letter, .im-big-offer-wrap .big-offer-item-wrap h2, .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a, .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p, .im-runing-product-wrap .runing-tab-navbar-list li a, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details .post-date, .im-page-template-products .im-grid-view .product-item .base-info h2, .im-page-template-products .im-list-view .product-item .base-info h2, .im-single-product-details .proudct-meta li .p, .im-single-product-details .market-direction, .im-tab2-section-side-title > ul > li h5, .im-tab2-section-side-title .im-tab2-section-titles ol li a, .im-tab2-sub-title, .im-tab2-sub-title span, .im-tab2-deal .im-tab2-sub-title2, .im-tab2-deal-product li .p, .im-tab2-deal-product li .price, .im-short-speci-list-wrap .short-speci-list li .title, .im-pros-and-cons .tab2-pros h5, .im-pros-and-cons .tab2-cons h5, .im-full-speci-list li .title, .im-review-criteria .im-critria-text, .im-review-criteria li:not(:first-child) h6, .im-review-commenter ul li, .im-this-review .im-full-review li .p, .im-commenter-pros-and-cons .im-commenter-pros h5, .im-commenter-pros-and-cons .im-commenter-cons h5, .im-review-comment-form .im-input-section-title span, .im-review-comment-form .im-input-details label, .im-price-history-chart .im-price-avarage .count, .im-price-history-define .im-high-price .p, .im-price-history-define .im-low-price .p, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 .first-letter, .im-single-review-article .review-details .review-author li, .im-single-review-article .review-details .review-author li a, .im-single-review-article .review-details > .p, .im-review-content-section .sub-title, .im-review-content-section .video-sub-title, .im-review-content-section .note-wrapper, .im-review-content-market .review-market-list li .p, .im-review-content-market .review-market-list li .price, .im-review-pros-and-cons ul li, .im-blog-detail-wrap .item-tags h6, .im-blog-detail-col .social-wrap .social-share li h6, .im-blog-detail-col .social-wrap .post-arrows a, .im-compare-content .compare-title li h6, .im-compare-content .product-item li .best-market-price { font-weight: 500; } .font-semibold, .im-call-to-action-2-wrap .call-to-action-text h2, .im-sidebar .widget-search-wrap form button, .im-footer-style-3 .footer-widgets .footer-widget-text h3, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply, .im-blog-detail-col .comment-form button { font-weight: 600; } .font-bold, .im-btn-1, .im-btn-2, .im-btn-3, .im-btn-4, .im-btn-5, .im-btn-6 .btn-text-wrap .btn-text, .im-btn-8, .im-btn-9, .im-btn-10, .im-btn-normal, .btn-text-small, .im-pagination .pagination-list li a, .im-header-top .header-top-news h5, .im-header-navbar .user-action .action-lists li a .item-count, .im-compare-sidebar-wrap .tab-navbar li a, .im-compare-sidebar-wrap .tab-content .tab-item .compare-action-btn, .im-compare-sidebar-wrap .tab-content .product-item .item-detail .price, .im-banner-slider .banner-slide-item h2, .im-related-product-item .product-header .price-range, .im-feature-product-wrap .feature-tab-navbar li h3, .im-feature-product-2 .feature-navbar li a, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap span strong, .im-month-comparison-wrap .comparison-logo p, .im-news-block-row .news-block-item .item-details h2, .im-news-list-style-2 .news-item .item-details .post-meta, .im-recent-news-wrap .news-item .item-details .item-meta li a, .im-filter-row .filter-result p, .im-filter-row .filter-result .ui-button .ui-selectmenu-text, .ui-widget.im-filter-dropdown-manu .ui-menu-item-wrapper, .im-total-review-wrap .review-count li, .im-hot-deal-items .deal-item h3 strong, .im-hot-deal-items .deal-item .item-info .im-btn-normal, .im-sidebar .widget-category-list li a:hover, .im-sidebar .widget-coupon-wrap .widget-coupon-item h5 span, .im-sidebar .widget-post-author-wrap h4, .im-sidebar .widget-tags-list li a, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap span strong, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2, .im-page-template-products .im-grid-view .product-item .base-info .price-range, .im-page-template-products .im-list-view .product-item .base-info .price-range, .im-tab2-navbar li a, .im-tab2-des-wrapper .sub2-title, .im-average-rating .full-rating .full-rating-number strong, .im-average-rating .full-rating .full-rating-number span, .im-price-related-post .im-post-details h2, .im-review-content-section .im-battery-chart-wrapper .chart-label h2, .im-review-content-section .im-battery-chart-wrapper .chart-label .p, .im-review-content-market .im-main-title, .im-review-pros-and-cons .im-pros h5, .im-review-pros-and-cons .im-cons h5, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date, .im-compare-content .compare-title .table-row-heading, .im-compare-content .product-item li.table-row-0 .add-to-wishlist:hover i, .im-compare-content .product-item li.table-row-0 .add-to-wishlist.added i { font-weight: 700; } .font-black, .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .author, .im-call-to-action-3 h5 mark, .im-big-search-wrap form .ui-selectmenu-button .ui-icon:before, .im-sidebar .widegt-top-comment-wrap .comment-item .commenter, .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author .author, .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item.active i, .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item.active i, .im-price-filter-time li a.active-tab i, .im-price-filter-time li a:hover i, .im-price-history-market li a.active-tab i, .im-price-history-market li a:hover i, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name a, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name a { font-weight: 900; } /* ============================================ */ /* ================ Font-Family ============== */ /* ============================================ */ /* family-1 == Roboto */ .family-1, h5, p, .im-btn-5, .im-btn-6, .im-btn-7, .im-btn-8, .im-btn-9, .btn-text-small, .ui-widget.im-header-form-select-dropdown .ui-menu-item-wrapper, .im-mobile-navbar-wrap .mobile-footer form input, .im-offcanvas-menu-wrap .offcanvas-footer form input, .im-compare-sidebar-wrap .tab-content .product-item .item-detail h3, .im-compare-sidebar-wrap .tab-content .product-item .item-detail .price, .im-banner-slider .banner-slide-item h2, .im-hot-product-wrap .product-item .item-details h2, .im-related-product-wrapper .filter-related-product .filter-form label, .im-related-product-wrapper .filter-related-product .filter-form select, .im-related-product-wrapper .filter-related-product .filter-form select span, .im-related-product-wrapper .filter-related-product .select-selected, .im-related-product-wrapper .filter-related-product .select-items div, .im-related-product-item .discount-badge span, .im-related-product-item .product-header .title-wrap h2, .im-feature-product-wrap .feature-tab-navbar li h3, .im-feature-product-2 .product-item .item-info h2, .im-feature-product-2 .product-item .item-info h3, .im-month-comparison-wrap .product-item .item-details a h4, .im-month-comparison-wrap .comparison-logo p, .im-newsletter-row .newsletter-wrap form .form-group-btn .warring, .im-newsletter-row .newsletter-wrap form button, .im-news-block-row .news-block-item .item-details h2, .im-news-block-row .news-block-item .item-details p, .im-news-list-style-2 .news-item .item-details .post-meta, .im-filter-row .filter-result p, .im-filter-row .filter-result .ui-button .ui-selectmenu-text, .im-filter-row .filtering-wrap p, .im-filter-row .filtering-wrap .ui-button .ui-selectmenu-text, .ui-widget.im-filter-dropdown-manu .ui-menu-item-wrapper, .ui-widget.im-filter-date-dropdown-manu .ui-menu-item-wrapper, .im-big-search-wrap form .ui-selectmenu-button .ui-selectmenu-text, .im-big-search-select-dropdown .ui-menu-item-wrapper, .im-how-it-work-wrap .item-wrap p, .im-total-review-wrap h6, .im-total-review-wrap .review-count li, .im-hot-deal-wrap .filter-hot-deal .filter-form label, .im-hot-deal-wrap .filter-hot-deal .filter-form select, .im-hot-deal-wrap .filter-hot-deal .filter-form select span, .im-hot-deal-wrap .filter-hot-deal .select-selected, .im-hot-deal-wrap .filter-hot-deal .select-items div, .im-hot-deal-items .deal-item .expired, .im-hot-deal-items .deal-item h3, .im-hot-deal-items .deal-item .item-act-list a span, .im-sidebar .widget-best-product-list li a, .im-sidebar .widegt-top-comment-wrap .comment-item .commenter, .im-sidebar .widegt-top-comment-wrap .comment-item blockquote, .im-sidebar .widget-post-author-wrap h4, .im-sidebar .widget-search-wrap form input, .im-sidebar .widget-search-wrap p, .im-sidebar .widget-link-list li a, .im-sidebar .widget-recent-product-list li .item-info .post-date, .im-sidebar .widget-recent-product-list li .item-info h2, .im-sidebar .widget-tags-list li a, .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a, .im-widget-newsleter-1-row .newslatter-form input, .im-copyright-wrap .copyright-text ul li, .im-footer-style-3 .footer-widgets .footer-widget-link li a, .im-footer-style-3 .copyright-wrap .copyright-text ul li, .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input, .im-footer-style-4 .copyright-wrap .copyright-text p, .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2, .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p, .im-page-template-products .im-grid-view .product-item .base-info h2, .im-page-template-products .im-list-view .product-item .base-info h2, .im-single-product-details .market-direction, .im-tab2-des-wrapper .sub2-title, .im-tab2-des-wrapper > .p, .im-short-speci-list-wrap .short-speci-list li, .im-full-speci-list li, .im-average-rating .full-rating .full-rating-number, .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num, .im-review-criteria li:not(:first-child) h6, .im-this-review .im-full-review li h6, .im-price-related-post .im-post-details h2, .im-single-review-article .review-details .review-author li .icon .text-hover span, .im-single-review-article .review-details .review-achiv > li h6.avarage-rating, .im-single-review-content .im-sticky-side-title ul li a h6, .im-review-content-section .sub-title, .im-review-content-section > .p, .im-review-content-section .video-sub-title, .im-review-content-section .im-battery-chart-wrapper .chart-label h2, .im-review-content-section .im-battery-chart-wrapper .chart-label .p, .im-review-content-market .review-market-list li .price, .im-review-pros-and-cons .im-pros h5, .im-review-pros-and-cons .im-cons h5, .im-blog-detail-wrap .item-tags a, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply, .im-compare-content .compare-title li h6 { font-family: "Roboto", sans-serif; } /* family-2 == Teko */ .family-2, h3, h6, .section-title-wrap .section-title, .im-header-languages .language-active, .im-header-languages .language-wrap .language-item, .im-header-middle-wrap .header-category-lists li a, .im-navbar-nav > li.dropdown-manu > .normal-submanu > li > a, .im-navbar-nav > li > a, .im-header-middle-wrap .im-header-linkbar .create-link a, .im-mobile-navbar-wrap .mobile-menu > li > a, .im-mobile-navbar-wrap .mobile-footer .social ._title, .im-offcanvas-menu-wrap .offcanvas-menu > li > a, .im-offcanvas-menu-wrap .offcanvas-footer .social ._title, .im-category-wrap .category-section-title-wrap .section-title, .im-widget-newsleter-1-row .widget-newslatter-wrap .caption, .im-runing-product-wrap .runing-tab-navbar-list li a, .im-tab2-deal .im-tab2-sub-title2, .im-full-speci-list, .im-single-review-article .review-details h1, .im-single-review-article .review-details h5, .im-blog-detail-col .social-wrap .post-arrows a, .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3, .im-blog-detail-col .comment-form button { font-family: "Teko", sans-serif; } /* family-3 == Oswald */ .family-3, h2, h4, .im-pagination .pagination-list li a, .im-hot-product-wrap .product-item .item-details .price-wrap, .im-feature-product-wrap .content-item .market-and-review .market-item .author .price, .im-month-comparison-wrap .product-item .item-details .price, .im-call-to-action-wrap .call-to-action-message h3, .im-call-to-action-wrap .call-to-action-message .link, .im-call-to-action-2-wrap .call-to-action-text p, .im-sidebar .widget-top-product-list li .item-details .price, .im-sidebar .widget-price-drop-product-list li .item-details .price, .im-sidebar .widget-search-wrap form button, .im-footer-widgets-tag-wrap a, .im-footer-style-3 .footer-widgets .footer-widget-text h3, .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a, .im-footer-style-3 .copyright-wrap .newsletter-row .caption, .im-benchmark-content .benchmark-category-list li a h5, .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p, .im-single-product-details .im-title, .im-short-speci-list-wrap .short-speci-list li .title, .im-full-speci-list li .title, .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title, .im-review-comment-form .im-input-section-title, .im-price-history .section-title, .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating, .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .average, .im-blog-detail-wrap .base-detail h1, .im-blog-detail-content blockquote.style-2 { font-family: "Oswald", sans-serif; } .family-fontawesome, .im-header-languages .language-active:after, .im-header-languages .language-wrap .language-item:after, .im-big-search-wrap form .ui-selectmenu-button .ui-icon:before { font-family: 'Font Awesome\ 5 Free'; } /* -------------- Extra Media Query ----------- */ @media only screen and (min-width: 1400px) { .container { max-width: 1380px; } } /* -------------- Extra Grid ----------- */ @media (min-width: 1400px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xxl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xxl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xxl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xxl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xxl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xxl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xxl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xxl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xxl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-xxl-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-xxl-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-xxl-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-xxl-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-xxl-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-xxl-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-xxl-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-xxl-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-xxl-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-xxl-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-xxl-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-xxl-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-xxl-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-xxl-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.333333%; } .offset-xxl-2 { margin-left: 16.666667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.333333%; } .offset-xxl-5 { margin-left: 41.666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.333333%; } .offset-xxl-8 { margin-left: 66.666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.333333%; } .offset-xxl-11 { margin-left: 91.666667%; } } @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-xxl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } /* -------------- Space ----------- */ .py-80 { padding: 80px 0 !important; } .pt-80 { padding-top: 80px !important; } .pt-73 { padding-top: 73px !important; } .pt-60 { padding-top: 60px !important; } .pt-30 { padding-top: 30px !important; } .pb-80 { padding-bottom: 80px !important; } .mt-30 { margin-top: 30px !important; } /* -------------- Button ----------- */ .im-btn-1 { line-height: 30px; border-radius: 4px; -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.5), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.5), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); padding: 10px 20px; letter-spacing: .32px; } .im-btn-2 { letter-spacing: .35px; line-height: 30px; -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); border-radius: 4px; padding: 10px 20px; } .im-btn-3 { letter-spacing: .35px; line-height: 30px; border-radius: 4px; padding: 5px 15px; } .im-btn-4 { padding: 11px 18px; border-radius: 2px; } .im-btn-5 { text-transform: uppercase; padding: 14px 34px; border-radius: 4px; letter-spacing: .25px; -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.25), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); } .im-btn-6 { position: relative; text-transform: uppercase; padding: 10px 42px 10px 76px; border-radius: 4px; letter-spacing: .25px; -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); } .im-btn-6 .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 7px 16px 7px 19px; border-right: 1px solid #ffffff; } .im-btn-6 .btn-text-wrap { text-transform: uppercase; } .im-btn-6 .btn-text-wrap .btn-text { line-height: 16px; } .im-btn-6 .btn-text-wrap .market-name { letter-spacing: .5px; } .im-btn-6:hover { background: #06be1a; } .im-btn-7 { color: #424262; text-transform: uppercase; padding: 10px 16px; border-radius: 2px; letter-spacing: 1.2px; border: 1px dashed #424262; } .im-btn-8 { color: #424262; padding: 11px 8px; border-radius: 2px; letter-spacing: .25px; border: 1px solid #ebebeb; } .im-btn-9 { padding: 23px 94px; border-radius: 4px; border: 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-btn-10 { border-radius: 4px; -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.5), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.5), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); letter-spacing: .25px; padding: 15px 20px; } .im-btn-normal { line-height: 24px; letter-spacing: .5px; margin-top: 20px; } .im-btn-normal i { margin-left: 5px; vertical-align: middle; } .btn-big-arrow { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; border: 2px solid; cursor: pointer; display: inline-block; } .btn-text-small { line-height: 2.5; } /* -------------- Common Class ----------- */ .cursor-pointer, .im-header-middle-icons .header-search .search-icon, .im-header-middle-icons .sidebar-btn { cursor: pointer; } .video-icon { height: 18.5px; width: 12px; } .video-icon .vidio-icon-path { fill: #fff; fill-rule: evenodd; } .im-compare-icon { height: 24px; width: 23px; } .im-compare-icon .st0 { fill: transparent; stroke-width: 35px; stroke-miterlimit: 10; } .im-compare-icon .st1 { fill: none; stroke-width: 35px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } .im-star-icon { height: 20px; width: 24px; } .im-star-icon .st0 { fill: transparent; stroke-width: 35px; stroke-miterlimit: 10; } .im-heart-icon { height: 20px; width: 24px; } .im-heart-icon .st0 { fill: transparent; stroke-width: 35px; stroke-miterlimit: 10; } /* -------------- Section Element ----------- */ .section-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 10px; margin-bottom: 23px; position: relative; } .section-title-wrap:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .section-title-wrap .section-title { letter-spacing: 0.4px; } .section-title-wrap .section-title i { vertical-align: middle; margin-top: -5px; } .section-title-wrap .slider-arrows { margin-left: auto; } .section-title-wrap .slider-arrows i { cursor: pointer; border-radius: 50%; width: 23px; height: 23px; line-height: 20px; border: 2px solid; text-align: center; -webkit-transition: all .3s; transition: all .3s; } .section-title-wrap .btn-text-small { margin-left: 15px; } .section-title-wrap.resizing { padding-bottom: 7px; margin-bottom: 26px; } @media (min-width: 1200px) and (max-width: 1399px) { .section-title-wrap.resizing .section-title { font-size: 34px; } .section-title-wrap .section-title { font-size: 24px; } .section-title-wrap .section-title i { font-size: 18px; } .section-title-wrap .slider-arrows i { cursor: pointer; width: 20px; height: 20px; line-height: 16px; font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-title-wrap.resizing .section-title { font-size: 30px; } .section-title-wrap .section-title { font-size: 24px; } .section-title-wrap .section-title i { font-size: 18px; } .section-title-wrap .slider-arrows i { cursor: pointer; width: 20px; height: 20px; line-height: 16px; font-size: 13px; } } @media only screen and (max-width: 991px) { .section-title-wrap.resizing .section-title { font-size: 35px; } } @media only screen and (max-width: 575px) { .section-title-wrap.resizing .section-title { font-size: 28px; line-height: 28px; } .section-title-wrap.resizing .section-title i { font-size: 19px; } } /* -------------- Svg ----------- */ ._mobile-svg { height: 33px; } ._mobile-svg .cls-1, ._mobile-svg .cls-2, ._mobile-svg .cls-4 { fill: none; stroke-miterlimit: 10; } ._mobile-svg .cls-1 { stroke-width: 10px; } ._mobile-svg .cls-2 { stroke-width: 6px; } ._mobile-svg .cls-4 { stroke-width: 9px; } ._headphone-svg { height: 24px; } ._air-condition-svg { width: 30px; } ._air-condition-svg .cls-2 { fill: none; stroke-miterlimit: 10; stroke-width: 24px; } ._camera-svg { width: 28px; } ._camera-svg .cls-2 { fill: none; stroke-miterlimit: 10; stroke-width: 23px; } ._tablet-svg { width: 25px; } ._tablet-svg .cls-2 { fill: none; stroke-miterlimit: 10; stroke-width: 19px; } ._game-pad-svg { width: 31px; } ._game-pad-svg .st0 { fill: none; } ._game-pad-svg .st1 { fill: none; stroke-width: 27; stroke-miterlimit: 10; } ._game-pad-svg .st2 { fill: none; stroke-width: 15; stroke-miterlimit: 10; } ._car-svg { width: 31px; } ._car-svg .st0 { fill: none; } ._car-svg .st3 { fill: none; stroke-width: 20; stroke-miterlimit: 10; } ._cpu-svg { height: 30px; } ._cycle-svg { width: 25px; } ._fridge-svg { height: 24px; } ._fridge-svg .st1 { fill: none; stroke-width: 43; stroke-miterlimit: 10; } /* ================================================ Component ============================================== */ /* ====================== Snippers ================= */ /* --------------------- Pagination ------------------ */ .im-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px 0; position: relative; } .im-pagination:before { content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-pagination:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-pagination .pagination-nav { display: inline-block; } .im-pagination .pagination-list li { display: inline-block; position: relative; padding: 0 20px 0px; } .im-pagination .pagination-list li:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 4px; width: 0px; } .im-pagination .pagination-list li.active:after { width: 16px; } .im-pagination .arrow-prev { margin-right: 37px; } .im-pagination .arrow-next { margin-left: 37px; } /* --------------------- Rating Star ------------------ */ .rating-star svg { height: 18px; width: 18px; } .rating-star svg .icon-style { stroke: #fff; fill: #fff; fill-rule: evenodd; } .rating-star svg:last-child .icon-style { stroke: #fff; fill: transparent; fill-rule: evenodd; } /* --------------------- Social Icon ------------------ */ .im-social-icon li { display: inline-block; margin-left: 19px; } .im-social-icon li:first-child { margin-left: 0; } .im-social-icon li a { text-align: center; color: #bac1ff; } /* --------------------- Side Product ------------------ */ .im-side-product-1 { position: relative; } .im-side-product-1:after { background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.702; position: absolute; left: 0px; bottom: 0; width: 100%; height: 100%; content: ""; } .im-side-product-1 .details { position: absolute; width: 100%; left: 0; bottom: 42px; padding: 0 22px; z-index: 5; } .im-side-product-1 .details h2 { line-height: 36px; letter-spacing: .2px; margin-bottom: 20px; } .im-sidebar-social-share { position: absolute; top: 5px; right: calc(100% + 17px); } .im-sidebar-social-share ul li { margin-bottom: 10px; } .im-sidebar-social-share ul li:last-child { margin-bottom: 0; } .im-sidebar-social-share ul li:first-child a { background: transparent; border-color: #000000; } .im-sidebar-social-share ul li:first-child a i { color: #000000; } .im-sidebar-social-share ul li a { border: 1px solid; border-color: transparent; height: 34px; width: 34px; line-height: 31px; text-align: center; background: #dadada; display: inline-block; border-radius: 50%; } .im-sidebar-social-share ul li a i { font-size: 11.07px; color: #ffffff; } .im-sidebar-social-share ul li a:hover.socail-facebook { background: #415a99; } .im-sidebar-social-share ul li a:hover.socail-twitter { background: #00caff; } .im-sidebar-social-share ul li a:hover.socail-maxcdn { background: #363636; } .im-sidebar-social-share ul li a:hover.socail-tumblr { background: #314358; } .im-sidebar-social-share ul li a:hover.socail-envenlpe { background: #8c8c8c; } /* ======================= Header =================== */ header { position: relative; z-index: 50; } .im-header-middle-icons { /* Header Common Section Move Anywhere */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .im-header-middle-icons .header-search { margin-right: 19px; position: relative; } .im-header-middle-icons .header-search .search-icon { padding: 10px; } .im-header-middle-icons .header-search .search-icon.show i:before { content: '\f057'; } .im-header-middle-icons .header-search .header-search-form-wrap { -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 500px; max-width: 500px; display: none; z-index: 999; border-radius: 5px 0 0 5px; } .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; width: 100%; } .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form input { display: block; padding: 10px 20px; color: #000000; letter-spacing: .35px; width: 100%; border-radius: 3px; border: 0; } .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form input:placeholder { color: #a0a4c1; } .im-header-middle-icons .header-search .header-search-form-wrap .header-search-form button { padding: 0 15px; border: 0; text-align: center; cursor: pointer; -webkit-transition: .3s linear; transition: .3s linear; } .im-header-languages { margin-right: 26px; position: relative; display: inline-block; } .im-header-languages .language-active { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; line-height: normal; letter-spacing: .5px; padding-right: 15px; position: relative; cursor: pointer; } .im-header-languages .language-active:after { content: "\f0d7"; position: absolute; right: 0; top: 1px; font-weight: 900; } .im-header-languages .language-wrap { position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; padding: 10px 20px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); display: none; border-radius: 3px; } .im-header-languages .language-wrap .language-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; line-height: normal; letter-spacing: .5px; padding-right: 15px; cursor: pointer; -webkit-transition: all .3s linear; transition: all .3s linear; position: relative; } .im-header-languages .language-wrap .language-item:after { content: "\f0d7"; position: absolute; right: 0; top: 2px; font-weight: 900; color: transparent; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-header-top-wrap { padding: 13px 0; } .im-header-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-header-top .header-top-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-header-top .header-top-news .icon { padding-right: 11px; margin-right: 7px; position: relative; } .im-header-top .header-top-news .icon i { vertical-align: bottom; } .im-header-top .header-top-news .icon:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 11px; width: 1px; } .im-header-top .header-top-news h5 { text-transform: uppercase; letter-spacing: 1.3px; margin-right: 5px; } .im-header-top .header-top-news P { letter-spacing: .5px; margin: 0; } .im-header-top .header-top-news P a { letter-spacing: .5px; text-decoration: underline; } .im-header-middle-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 19px 0; } .im-header-middle-wrap .header-logo { max-width: 17%; width: 100%; } .im-header-middle-wrap .header-category-lists li { display: inline-block; padding: 0 26px 0 20px; position: relative; } .im-header-middle-wrap .header-category-lists li:after { position: absolute; content: ''; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 20px; width: 3px; } .im-header-middle-wrap .header-category-lists li:last-child { padding-right: 0; } .im-header-middle-wrap .header-category-lists li:last-child:after { display: none; } .im-header-middle-wrap .header-category-lists li:first-child { padding-left: 0; } .im-header-middle-wrap .header-category-lists li a { letter-spacing: .2px; line-height: 22px; padding-top: 4px; } .im-header-navbar-wrap { border: 5px solid; } .im-header-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-header-navbar .user-action { margin-left: auto; } .im-header-navbar .user-action .action-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-header-navbar .user-action .action-lists li { border-left: 1px solid; } .im-header-navbar .user-action .action-lists li a { height: 45px; width: 50px; line-height: 45px; text-align: center; position: relative; } .im-header-navbar .user-action .action-lists li a i { font-size: 21px; } .im-header-navbar .user-action .action-lists li a .item-count { position: absolute; top: 6px; right: 9px; height: 15px; width: 15px; line-height: 16px; border-radius: 50%; font-size: 9px; } .im-header-navbar .user-action .action-lists li a:hover { color: #ffffff; } .im-header-navbar .user-action .action-lists li a:hover svg .st0 { stroke: #ffffff; } .im-header-navbar .user-action .action-lists li a:hover svg .st1 { stroke: #ffffff; } .im-navbar-nav { z-index: 9999; } .im-navbar-nav > li { display: inline-block; padding: 0 16px; } .im-navbar-nav > li.dropdown-manu { position: relative; } .im-navbar-nav > li.dropdown-manu > a { padding-right: 19px; position: relative; cursor: pointer; } .im-navbar-nav > li.dropdown-manu > a:after { content: "\f107"; font-family: "Font Awesome 5 Free"; position: absolute; top: 13px; right: 0; font-weight: 900; text-decoration: inherit; font-size: 16px; } .im-navbar-nav > li.dropdown-manu > .normal-submanu { position: absolute; top: 100%; left: 0; padding: 30px; width: 280px; max-width: 280px; z-index: 99999; -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .im-navbar-nav > li.dropdown-manu > .normal-submanu > li > a { padding: 8px 0; letter-spacing: .2px; } .im-navbar-nav > li.dropdown-manu:hover > .normal-submanu { opacity: 1; visibility: visible; } .im-navbar-nav > li > a { padding: 8px 0; letter-spacing: .2px; } .im-navbar-nav > li > a i { margin-right: 3px; } /* =============================================================== */ /*========================= Header Style 1 ======================= */ /* =============================================================== */ .im-header-style-1 .im-header-middle-row { background: transparent; } .im-header-style-1 .im-header-middle-wrap .header-logo { padding-left: 15px; } .im-header-style-1 .im-header-middle-icons .sidebar-btn { margin-right: 28px; } .im-header-style-1 .im-navbar-nav { margin-left: 5px; } /* =============================================================== */ /*========================= Header Style 2 ======================= */ /* =============================================================== */ .im-header-middle-wrap .header-search-wrap { width: 100%; max-width: 28%; } .im-header-middle-wrap .header-search-wrap form { position: relative; width: 100%; } .im-header-middle-wrap .header-search-wrap form input { max-width: 287px; width: 100%; background: #f2f2f2; border: 0; padding: 8px 20px; border-radius: 40px; padding: 15px 20px 15px 48px; } .im-header-middle-wrap .header-search-wrap form input::-webkit-input-placeholder { color: #b0b0b0; } .im-header-middle-wrap .header-search-wrap form input::-ms-input-placeholder { color: #b0b0b0; } .im-header-middle-wrap .header-search-wrap form input::placeholder { color: #b0b0b0; } .im-header-middle-wrap .header-search-wrap form .search-btn { cursor: pointer; position: absolute; background: transparent; border: 0; top: 50%; left: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; } .im-header-middle-wrap .header-ads { margin-left: auto; text-align: right; width: 100%; max-width: 55%; padding-left: 15px; } .im-header-middle-wrap .header-searchbar-large { width: 100%; max-width: 43%; } .im-header-middle-wrap .header-searchbar-large form { position: relative; width: 100%; background: #f3f3f3; border-radius: 30px; } .im-header-middle-wrap .header-searchbar-large form input { background: #f2f2f2; border: 0; padding: 8px 20px; padding: 15px 20px 15px 20px; } .im-header-middle-wrap .header-searchbar-large form .search-btn { cursor: pointer; background: transparent; border: 0; padding: 15px 20px; float: left; border-right: 1px solid #e2e2e2; } .im-header-middle-wrap .header-searchbar-large form .ui-button { width: 174px; background: #ebebeb; border: 0; width: 179px; padding: 15px 22px; float: right; border-radius: 0 22px 22px 0; } .im-header-middle-wrap .im-header-linkbar { width: 100%; max-width: 42%; text-align: right; } .im-header-middle-wrap .im-header-linkbar > div { margin-right: 12px; position: relative; padding-right: 12px; } .im-header-middle-wrap .im-header-linkbar > div:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translate(-1px, -8px); transform: translate(-1px, -8px); background: #cccccc; height: 13px; width: 1px; } .im-header-middle-wrap .im-header-linkbar > div:last-child { margin-right: 0; padding-right: 0; } .im-header-middle-wrap .im-header-linkbar > div:last-child:after { content: none; } .im-header-middle-wrap .im-header-linkbar .create-link { display: inline-block; } .im-header-middle-wrap .im-header-linkbar .create-link a { letter-spacing: .5px; font-weight: 500; } .im-header-middle-wrap .im-header-linkbar .sidebar-btn { display: inline-block; cursor: pointer; } .ui-widget.im-header-form-select-dropdown { border: 1px solid #e6e9ff; padding: 8px 0; } .ui-widget.im-header-form-select-dropdown .ui-menu-item-wrapper { border: 0; padding: 5px 14px; line-height: 21px; letter-spacing: 1.2px; } .ui-widget.im-header-form-select-dropdown .ui-state-active { background: transparent; margin: 0; } .im-header-style-2 .im-header-navbar-wrap { border-right: 0; border-left: 0; } .im-header-style-2 .im-navbar-nav { margin-left: 5px; } .im-header-style-2 .im-navbar-nav > li:first-child { padding-left: 0; } /* =============================================================== */ /*========================= Header Style 3 ======================= */ /* =============================================================== */ .im-header-style-3 .im-header-middle-wrap { background: transparent; padding: 22px 0; } .im-header-style-3 .im-header-middle-wrap .header-logo { max-width: 15%; } .im-header-style-3 .im-header-navbar-wrap { border: 0; } .im-header-style-3 .im-navbar-nav > li:first-child { padding-left: 0; } .im-header-style-3 .im-header-navbar .user-action .action-lists li { border-color: #407198 !important; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a { height: 56px; width: 55px; line-height: 56px; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a .item-count { top: 11px; right: 12px; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a svg .st0 { stroke: #ffffff; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a svg .st1 { stroke: #ffffff; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a:hover svg .st0 { stroke: #000000; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a:hover svg .st1 { stroke: #000000; } .im-header-style-3 .im-header-navbar .user-action .action-lists li:first-child { border-left: 0; } /* ==================================================== */ /* ==================== Mobile Menu =================== */ /* ==================================================== */ .im-mobile-navbar-wrap { position: fixed; top: 0; left: -60%; width: 60%; background: #fff; z-index: 99999; height: 100%; min-height: 100vh; overflow: visible; overflow-y: scroll; -webkit-transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13); transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13); -webkit-box-shadow: 0px 1px 9px 0px rgba(221, 220, 220, 0.28); box-shadow: 0px 1px 9px 0px rgba(221, 220, 220, 0.28); z-index: 999999; } .im-mobile-navbar-wrap .mobile-manu { position: relative; z-index: 90; } .im-mobile-navbar-wrap .mobile-manu > li { padding: 10px; -webkit-transition: all .4s; transition: all .4s; margin: 5px; border-radius: 2px; } .im-mobile-navbar-wrap .mobile-manu > li > a { font-size: 14px; color: #000000; font-weight: 500; letter-spacing: .5px; width: 100%; display: block; } .im-mobile-navbar-wrap .mobile-manu .submenuItems { background: #fff; display: none; padding: 20px 0; border-radius: 5px; -webkit-box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45); box-shadow: 1px 0 7px rgba(193, 193, 193, 0.45); margin-top: 17px; } .im-mobile-navbar-wrap .mobile-manu .submenuItems li a { color: #000000; padding: 20px; padding: 10px 20px; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 600; } .im-mobile-navbar-wrap .caret-dropdown { position: relative; } .im-mobile-navbar-wrap .caret-dropdown:after { position: absolute; content: "\f0d7"; top: 10px; right: 15px; font-family: 'Font Awesome\ 5 Free'; color: #fff; font-weight: 700; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-mobile-navbar-wrap .caret-dropdown.open:after { -webkit-transform: translateY(4px) rotate(180deg); transform: translateY(4px) rotate(180deg); } .im-mobile-navbar-wrap .mobile-nav-box { padding: 20px 15px; height: 100%; width: 100%; position: relative; } .im-mobile-navbar-wrap .mobile-nav-header { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; padding-bottom: 20px; } .im-mobile-navbar-wrap .mobile-nav-header:before { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-mobile-navbar-wrap .mobile-manu-close { cursor: pointer; display: inline-block; text-align: center; border-radius: 2px; -webkit-transition: all .4s; transition: all .4s; } .im-mobile-navbar-wrap .mobile-manu-close i { font-size: 18px; } body.active .im-mobile-navbar-wrap { left: 0 !important; } body.active .mobile-manu-close { left: 100%; } .mask-overlay { position: fixed; background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; top: 0; left: 0; z-index: 9999; } .im-fixed-sticky { position: fixed; top: 0; left: 0; right: 0; } @media (min-width: 992px) and (max-width: 1199px) { .im-navbar-nav > li { display: inline-block; padding: 0 10px; } .im-header-middle-wrap .header-category-lists li { padding: 0 17px 0 11px; } .im-header-style-3 .im-header-middle-wrap .header-logo { max-width: 18%; } .im-header-style-3 .im-header-middle-wrap .header-searchbar-large { max-width: 52%; } .im-header-style-3 .im-header-middle-wrap .im-header-linkbar { max-width: 30%; } } @media only screen and (min-width: 992px) { .im-header-navbar .mobile-wrap { display: none; } .im-mobile-navbar-wrap { display: none; } } @media only screen and (max-width: 991px) { .im-header-navbar .navbar-wrap { display: none; } .im-header-middle-wrap { display: none; } .im-header-navbar { background: transparent; } .im-header-navbar .mobile-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-header-navbar .mobile-wrap .header-logo { margin-top: -13px; } .im-header-navbar .mobile-wrap .mobile-menu-caller { margin-right: 35px; cursor: pointer; font-size: 28px; } .im-header-navbar .user-action .action-lists li a { height: 55px; line-height: 54px; } .im-header-navbar .user-action .action-lists li a .item-count { top: 8px; } .im-header-style-1 .im-header-navbar .mobile-wrap .mobile-menu-caller { margin-left: 15px; } .im-header-style-2 .im-header-top-wrap { display: none; } .im-header-style-3 .im-header-navbar .mobile-wrap .mobile-menu-caller i { color: #ffffff; } } @media only screen and (max-width: 767px) { .im-header-navbar .mobile-wrap .mobile-menu-caller { font-size: 23px; margin-right: 20px; } } @media only screen and (max-width: 575px) { .im-header-navbar-wrap { border-width: 4px; } .im-header-navbar .mobile-wrap .mobile-menu-caller { font-size: 20px; margin-right: 20px; } .im-header-navbar .mobile-wrap .header-logo { margin-top: -10px; width: 87px; } .im-header-navbar .user-action .action-lists li a { height: 48px; line-height: 46px; width: 40px; } .im-header-navbar .user-action .action-lists li a svg { height: 20px; width: 18px; } .im-header-navbar .user-action .action-lists li a .item-count { top: 7px; right: 4px; } .im-header-style-1 .im-header-navbar .mobile-wrap .mobile-menu-caller { margin-left: 10px; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a { height: 48px; line-height: 46px; width: 40px; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a svg { height: 20px; width: 18px; } .im-header-style-3 .im-header-navbar .user-action .action-lists li a .item-count { top: 7px; right: 4px; } } /* ========================================================= */ /* ====================== Navbar Sidebar =================== */ /* ========================================================= */ /* ==================================================== */ /* ==================== sidebar Menu =================== */ /* ==================================================== */ .im-mobile-navbar-wrap { position: fixed; top: 0; left: -100%; width: 100%; max-width: 315px; background: #fff; z-index: 99999; height: 100%; min-height: 100vh; overflow: visible; overflow-y: scroll; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 999999; } .im-mobile-navbar-wrap .mobile-box { height: 100%; width: 100%; position: relative; padding: 17px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background-image: url(../images/hand-bg.png); background-repeat: no-repeat; background-position: center bottom 110px; } .im-mobile-navbar-wrap .mobile-box:after { content: ''; position: absolute; left: 0; top: 21%; height: 82px; width: 36px; border: 5px solid; border-left: 0; opacity: .09; border-radius: 0 150px 150px 0; } .im-mobile-navbar-wrap .mobile-box:before { content: ''; position: absolute; right: 0; top: 45%; height: 62px; width: 32px; border: 3px solid; border-right: 0; opacity: .09; border-radius: 150px 0 0 150px; } .im-mobile-navbar-wrap .mobile-menu { position: relative; z-index: 90; text-align: center; } .im-mobile-navbar-wrap .mobile-menu > li { -webkit-transition: all .4s; transition: all .4s; border-radius: 2px; margin-bottom: 11px; } .im-mobile-navbar-wrap .mobile-menu > li > a { letter-spacing: .1px; opacity: .8; display: inline-block; } .im-mobile-navbar-wrap .mobile-menu > li:last-child { margin-bottom: 0; } .im-mobile-navbar-wrap .mobile-menu .submenuItems { background: rgba(255, 255, 255, 0.3); display: none; border-radius: 0 0 5px 5px; } .im-mobile-navbar-wrap .mobile-menu .submenuItems li a { padding: 10px 20px; display: inline-block; font-weight: 600; opacity: .8; } .im-mobile-navbar-wrap .mobile-menu .caret-dropdown > a { position: relative; padding-right: 17px; } .im-mobile-navbar-wrap .mobile-menu .caret-dropdown > a:after { position: absolute; content: "\f107"; top: calc(50% - 2px); right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 700; -webkit-transition: all .3s linear; transition: all .3s linear; font-size: 17px; } .im-mobile-navbar-wrap .mobile-nav-header { margin-bottom: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; padding-bottom: 22px; } .im-mobile-navbar-wrap .mobile-nav-header:before { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-mobile-navbar-wrap .mobile-menu-close { cursor: pointer; display: inline-block; text-align: center; border-radius: 2px; } .im-mobile-navbar-wrap .mobile-menu-close i { font-size: 18px; } .im-mobile-navbar-wrap .mobile-footer { margin-top: auto; } .im-mobile-navbar-wrap .mobile-footer form { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f5f8fb; border: 1px solid #e6e9ff; padding: 0 15px; margin-bottom: 23px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 2px; } .im-mobile-navbar-wrap .mobile-footer form input { border: 0; line-height: 24px; padding: 11px 0; background: transparent; width: 100%; } .im-mobile-navbar-wrap .mobile-footer form button { background: transparent; border: 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-mobile-navbar-wrap .mobile-footer .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-top: 25px; margin-bottom: 6px; } .im-mobile-navbar-wrap .mobile-footer .social:before { content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); } .im-mobile-navbar-wrap .mobile-footer .social ._title { letter-spacing: .5px; } .im-mobile-navbar-wrap .mobile-footer .social ul { margin-bottom: 0; } .im-mobile-navbar-wrap .mobile-footer .social ul li { display: inline-block; } .im-mobile-navbar-wrap .mobile-footer .social ul li a { margin-left: 10px; } .im-mobile-navbar-wrap .mobile-footer .social ul li:first-child a { margin-left: 0; } body.active .im-sidebar-navbar-wrap { left: 0 !important; } body.active .sidebar-manu-close { left: 100%; } .mask-overlay { position: fixed; background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; top: 0; left: 0; z-index: 9999; } /* ========================================================== */ /* ==================== Offside Canvas Menu ================= */ /* ========================================================== */ .im-offcanvas-menu-wrap { position: fixed; top: 0; right: -100%; width: 100%; max-width: 315px; background: #fff; z-index: 99999; height: 100%; min-height: 100vh; overflow: visible; overflow-y: scroll; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 999999; } .im-offcanvas-menu-wrap .offcanvas-box { height: 100%; width: 100%; position: relative; padding: 17px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background-image: url(../images/hand-bg.png); background-repeat: no-repeat; background-position: center bottom 110px; } .im-offcanvas-menu-wrap .offcanvas-box:after { content: ''; position: absolute; left: 0; top: 21%; height: 82px; width: 36px; border: 5px solid; border-left: 0; opacity: .09; border-radius: 0 150px 150px 0; } .im-offcanvas-menu-wrap .offcanvas-box:before { content: ''; position: absolute; right: 0; top: 45%; height: 62px; width: 32px; border: 3px solid; border-right: 0; opacity: .09; border-radius: 150px 0 0 150px; } .im-offcanvas-menu-wrap .offcanvas-menu { position: relative; z-index: 90; text-align: center; } .im-offcanvas-menu-wrap .offcanvas-menu > li { -webkit-transition: all .4s; transition: all .4s; border-radius: 2px; margin-bottom: 11px; } .im-offcanvas-menu-wrap .offcanvas-menu > li > a { letter-spacing: .1px; opacity: .8; display: inline-block; } .im-offcanvas-menu-wrap .offcanvas-menu > li:last-child { margin-bottom: 0; } .im-offcanvas-menu-wrap .offcanvas-menu .submenuItems { background: rgba(255, 255, 255, 0.3); display: none; border-radius: 0 0 5px 5px; } .im-offcanvas-menu-wrap .offcanvas-menu .submenuItems li a { padding: 8px 0px; display: inline-block; font-weight: 600; opacity: .8; } .im-offcanvas-menu-wrap .offcanvas-menu .caret-dropdown > a { position: relative; padding-right: 17px; } .im-offcanvas-menu-wrap .offcanvas-menu .caret-dropdown > a:after { position: absolute; content: "\f107"; top: calc(50% - 2px); right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 700; -webkit-transition: all .3s linear; transition: all .3s linear; font-size: 17px; } .im-offcanvas-menu-wrap .offcanvas-nav-header { margin-bottom: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; padding-bottom: 22px; } .im-offcanvas-menu-wrap .offcanvas-nav-header:before { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-offcanvas-menu-wrap .offcanvas-menu-close { cursor: pointer; display: inline-block; text-align: center; border-radius: 2px; } .im-offcanvas-menu-wrap .offcanvas-menu-close i { font-size: 18px; } .im-offcanvas-menu-wrap .offcanvas-footer { margin-top: auto; } .im-offcanvas-menu-wrap .offcanvas-footer form { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f5f8fb; border: 1px solid #e6e9ff; padding: 0 15px; margin-bottom: 23px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 2px; } .im-offcanvas-menu-wrap .offcanvas-footer form input { border: 0; line-height: 24px; padding: 11px 0; background: transparent; width: 100%; } .im-offcanvas-menu-wrap .offcanvas-footer form button { background: transparent; border: 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-offcanvas-menu-wrap .offcanvas-footer .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-top: 25px; margin-bottom: 6px; } .im-offcanvas-menu-wrap .offcanvas-footer .social:before { content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); } .im-offcanvas-menu-wrap .offcanvas-footer .social ._title { letter-spacing: .5px; } .im-offcanvas-menu-wrap .offcanvas-footer .social ul { margin-bottom: 0; } .im-offcanvas-menu-wrap .offcanvas-footer .social ul li { display: inline-block; } .im-offcanvas-menu-wrap .offcanvas-footer .social ul li a { margin-left: 10px; } .im-offcanvas-menu-wrap .offcanvas-footer .social ul li:first-child a { margin-left: 0; } body.active .im-offcanvas-menu-wrap { right: 0 !important; } @media only screen and (max-width: 991px) { .im-offcanvas-menu-wrap { display: none; } } /* ========================================================== */ /* ======================= Compare Sidebar ================== */ /* ========================================================== */ .im-compare-sidebar-wrap { position: fixed; right: 0; top: 0; height: 100vh; overflow-y: scroll; width: 400px; max-width: 400px; z-index: 999999; right: -100%; z-index: 1; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .im-compare-sidebar-wrap .compare-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; } .im-compare-sidebar-wrap .compare-header button { background: transparent; border: 0; } .im-compare-sidebar-wrap .compare-body { padding: 20px; } .im-compare-sidebar-wrap .tab-navbar { margin-top: -10px; margin-bottom: 0; } .im-compare-sidebar-wrap .tab-navbar li { display: inline; } .im-compare-sidebar-wrap .tab-navbar li a { color: #333; font-size: 15px; margin-top: 12px; margin-right: 10px; text-transform: capitalize; position: relative; } .im-compare-sidebar-wrap .tab-navbar li a:after { background-color: #333; content: ""; height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translateY(1px); transform: translateY(1px); -webkit-transition: all 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; width: 100%; } .im-compare-sidebar-wrap .tab-navbar li a.active-tab:after, .im-compare-sidebar-wrap .tab-navbar li a:hover:after { opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transform: translateY(-3px) translateZ(0); transform: translateY(-3px) translateZ(0); } .im-compare-sidebar-wrap .tab-content { margin-top: 30px; } .im-compare-sidebar-wrap .tab-content .tab-item .compare-action-btn { text-transform: uppercase; letter-spacing: 1px; border: 0; -webkit-transition: all .3s; transition: all .3s; } .im-compare-sidebar-wrap .tab-content .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 15px; background-color: #f5f8fb; border: 1px solid #e6e9ff; padding: 10px; } .im-compare-sidebar-wrap .tab-content .product-item .item-img { width: 100%; max-width: 20%; } .im-compare-sidebar-wrap .tab-content .product-item .item-detail { width: 100%; max-width: 80%; padding-left: 8px; } .im-compare-sidebar-wrap .tab-content .product-item .item-detail h3 { -webkit-transition: .3s linear; transition: .3s linear; } .im-compare-sidebar-wrap .tab-content .product-item .item-detail .rating-star { margin-top: 10px; } .im-compare-sidebar-wrap .tab-content .product-item .item-detail .rating-star svg { height: 14px; width: 14px; } .im-compare-sidebar-wrap .tab-content .product-item .item-detail .price { margin-top: 10px; } .im-compare-sidebar-wrap .tab-content .product-item .remove-btn { position: absolute; top: 5px; right: 5px; opacity: .7; } .im-compare-sidebar-wrap .tab-content .product-item .remove-btn:hover { opacity: 1; } body.compare-sidebar-active .im-compare-sidebar-wrap { right: 0; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 999999; } @media only screen and (max-width: 575px) { .im-compare-sidebar-wrap { max-width: 300px; } } /* ======================= Banner =================== */ .im-banner-slider .banner-slide-item { background-size: cover !important; background-position: center !important; } .im-banner-slider .banner-slide-item .banner-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-banner-slider .banner-slide-item h2 { line-height: 47px; } .im-banner-slider .banner-slide-item p { line-height: 30px; letter-spacing: .1px; opacity: .75; margin-bottom: 0; margin-top: 20px; } .im-banner-slider .banner-slide-item a { margin-top: 31px; border-radius: 4px; padding: 15px 21px; -webkit-box-shadow: 0px 4px 0px 0px rgba(10, 151, 16, 0.84), 0px 4px 16px 0px rgba(37, 193, 23, 0.4); box-shadow: 0px 4px 0px 0px rgba(10, 151, 16, 0.84), 0px 4px 16px 0px rgba(37, 193, 23, 0.4); } .im-banner-slider .banner-slide-item .item-img { width: 100%; } .im-banner-slider .banner-slide-item .item-caption { width: 100%; padding: 73px 0 99px; } .im-banner-slider .banner-slide-item.style-1 .item-img { max-width: 60%; } .im-banner-slider .banner-slide-item.style-1 .item-img img { margin-left: auto; } .im-banner-slider .banner-slide-item.style-1 .item-caption { max-width: 40%; } .im-banner-slider .banner-slide-item.style-2 .banner-row { padding: 0 60px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .im-banner-slider .banner-slide-item.style-2 h2 span { color: #00eaff; } .im-banner-slider .banner-slide-item.style-2 .item-img { max-width: 55%; } .im-banner-slider .banner-slide-item.style-2 .item-caption { max-width: 45%; } @media (min-width: 1200px) and (max-width: 1399px) { .im-banner-slider .banner-slide-item h2 { line-height: 43px; font-size: 33px; } .im-banner-slider .banner-slide-item .item-caption a { font-size: 16px; } .im-banner-slider .banner-slide-item.style-1 .item-caption { max-width: 50%; } .im-banner-slider .banner-slide-item.style-1 .item-img { max-width: 50%; } .im-banner-slider .banner-slide-item.style-2 .banner-row { padding: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .im-banner-slider .banner-slide-item h2 { line-height: 43px; font-size: 33px; } .im-banner-slider .banner-slide-item .item-caption a { font-size: 16px; } .im-banner-slider .banner-slide-item.style-1 .item-caption { max-width: 50%; } .im-banner-slider .banner-slide-item.style-1 .item-img { max-width: 50%; } .im-banner-slider .banner-slide-item.style-2 .banner-row { padding: 0; } } @media only screen and (max-width: 991px) { .im-banner-slider .banner-slide-item h2 { line-height: 35px; font-size: 26px; } .im-banner-slider .banner-slide-item p { font-size: 16px; line-height: 26px; } .im-banner-slider .banner-slide-item .item-caption a { font-size: 15px; margin-top: 29px; padding: 14px 21px; } .im-banner-slider .banner-slide-item.style-1 .item-caption { max-width: 60%; padding-right: 20px; } .im-banner-slider .banner-slide-item.style-1 .item-img { max-width: 40%; } .im-banner-slider .banner-slide-item.style-2 .banner-row { padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-banner-slider .banner-slide-item.style-2 .item-img { max-width: 40%; } .im-banner-slider .banner-slide-item.style-2 .item-caption { max-width: 60%; padding-left: 20px; } } @media only screen and (max-width: 767px) { .im-banner-slider .banner-slide-item .item-caption { padding: 50px 0 80px; } .im-banner-slider .banner-slide-item.style-1 { background: #fff !important; } .im-banner-slider .banner-slide-item.style-1 .item-caption { max-width: 100%; padding-right: 0px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .im-banner-slider .banner-slide-item.style-1 .item-img { max-width: 100%; padding-top: 80px; } .im-banner-slider .banner-slide-item.style-1 .item-img img { margin: auto; } .im-banner-slider .banner-slide-item.style-2 .item-img { max-width: 100%; padding-top: 80px; } .im-banner-slider .banner-slide-item.style-2 .item-img img { margin: auto; } .im-banner-slider .banner-slide-item.style-2 .item-caption { max-width: 100%; padding-left: 0px; } } @media only screen and (max-width: 575px) { .im-banner-slider .banner-slide-item h2 { line-height: 33px; font-size: 23px; } } /* ======================= Product =================== */ .im-product-full-area { padding: 60px 0; overflow: hidden; } .im-product-full-wrap { margin: 0 -15px; } .im-product-full-wrap .product-full-col { padding: 0 15px; } .im-product-full-wrap .product-full-item { position: relative; } .im-product-full-wrap .product-full-item:before { content: ''; position: absolute; top: 0%; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: .5; } .im-product-full-wrap .product-full-item:after { content: ''; position: absolute; bottom: 0%; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: .5; } .im-product-full-wrap .product-full-item > img { opacity: .25; -webkit-transition: all .3s; transition: all .3s; } .im-product-full-wrap .product-full-item .rating-content { position: absolute; top: 33px; left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5; width: 100%; padding: 0 26px; } .im-product-full-wrap .product-full-item .rating-content .num { font-size: 16px; line-height: 20px; font-weight: 900; padding: 15px 14px; margin-right: 10px; } .im-product-full-wrap .product-full-item .rating-content .rating-star { margin-bottom: 3px; } .im-product-full-wrap .product-full-item .rating-content .rating-star svg { height: 16px; width: 15px; } .im-product-full-wrap .product-full-item .rating-content .category { font-size: 14px; font-weight: 900; letter-spacing: 2.9px; line-height: 20px; text-transform: uppercase; color: #ffffff; } .im-product-full-wrap .product-full-item .product-title-wrap { position: absolute; bottom: 22px; left: 0px; z-index: 5; width: 100%; padding: 0 28px; } .im-product-full-wrap .product-full-item .product-title-wrap h2 { font-size: 22px; font-weight: 400; line-height: 25px; margin-top: 17px; letter-spacing: .2px; -webkit-transition: .3s linear; transition: .3s linear; } .im-product-full-wrap .product-full-item .product-title-wrap .separator { height: 1px; background: rgba(255, 255, 255, 0.2); position: relative; width: 100%; z-index: 5; } .im-product-full-wrap .product-full-item .product-title-wrap .separator:after { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 8px; width: 30px; } .im-product-full-wrap .product-full-item:hover > img { opacity: 1; } @media (min-width: 1400px) and (max-width: 1600px) { .im-product-full-wrap .product-full-item .rating-content .category { letter-spacing: 1px; } .im-product-full-wrap .product-full-item .product-title-wrap h2 { font-size: 18px; } } @media (min-width: 1200px) and (max-width: 1399px) { .im-product-full-wrap .product-full-item .product-title-wrap { padding: 0 25px; } .im-product-full-wrap .product-full-item .product-title-wrap h2 { font-size: 19px; } .im-product-full-wrap .product-full-item .rating-content .category { letter-spacing: 1px; } } @media only screen and (max-width: 911px) { .im-product-full-wrap .product-full-item .rating-content { top: 30px; padding: 0 15px; } .im-product-full-wrap .product-full-item .rating-content .category { font-size: 13px; letter-spacing: .9px; } .im-product-full-wrap .product-full-item .product-title-wrap { padding: 0 15px; } .im-product-full-wrap .product-full-item .product-title-wrap h2 { font-size: 20px; } } .im-hot-product-row .section-title-wrap { padding: 16px 0 7px; } .im-hot-product-row .section-title-wrap:before { content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-hot-product-wrap { margin-top: -29px; } .im-hot-product-wrap .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 29px 0; position: relative; } .im-hot-product-wrap .product-item .best-icon { position: absolute; bottom: 29px; left: 0; } .im-hot-product-wrap .product-item:not(:last-child) { border-bottom: 1px solid #e6e9ff; } .im-hot-product-wrap .product-item .item-img { width: 100%; max-width: 44%; margin-bottom: 0; text-align: center; } .im-hot-product-wrap .product-item .item-details { width: 100%; max-width: 56%; } .im-hot-product-wrap .product-item .item-details h2 { letter-spacing: .25px; line-height: 22px; text-transform: uppercase; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-hot-product-wrap .product-item .item-details .price-wrap .old { color: #c8c8c8; margin-right: 10px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 { margin-top: 10px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-hot-product-wrap .product-item { padding: 18px 0; } .im-hot-product-wrap .product-item .item-img { max-width: 40%; } .im-hot-product-wrap .product-item .item-details { max-width: 60%; } .im-hot-product-wrap .product-item .item-details h2 { font-size: 14px; line-height: 20px; } .im-hot-product-wrap .product-item .item-details .price-wrap .old { font-size: 16px; } .im-hot-product-wrap .product-item .item-details .price-wrap .current-price { font-size: 19px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 { padding: 10px 27px 10px 73px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 .btn-text-wrap { line-height: 12px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 .btn-text-wrap .btn-text { font-size: 15px; } } @media only screen and (max-width: 1199px) { .im-hot-product-wrap .product-item { padding: 18px 0; } .im-hot-product-wrap .product-item .item-img { max-width: 40%; } .im-hot-product-wrap .product-item .item-details { max-width: 60%; } .im-hot-product-wrap .product-item .item-details h2 { font-size: 14px; line-height: 20px; } .im-hot-product-wrap .product-item .item-details .price-wrap .old { font-size: 16px; } .im-hot-product-wrap .product-item .item-details .price-wrap .current-price { font-size: 19px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 { padding: 10px 27px 10px 73px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 .btn-text-wrap { line-height: 12px; } .im-hot-product-wrap .product-item .item-details .im-btn-6 .btn-text-wrap .btn-text { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .im-hot-product-wrap .product-item .item-img { max-width: 25%; } } @media only screen and (max-width: 575px) { .im-hot-product-wrap .product-item { padding: 30px 0; } .im-hot-product-wrap .product-item .item-img { max-width: 100%; text-align: center; } .im-hot-product-wrap .product-item .item-details { max-width: 100%; text-align: center; padding: 0 20px; } .im-hot-product-wrap .product-item .best-icon { bottom: inherit; top: 30px; } } .im-related-product-wrapper .im-global-title { padding-bottom: 27px; } .im-related-product-wrapper .section-title-wrap.resizing { padding-bottom: 15px; margin-bottom: 25px; } .im-related-product-wrapper .filter-related-product { margin-left: auto; /*the container must be positioned relative:*/ /*style the items (options), including the selected item:*/ /*style items (options):*/ /*hide the items when the select box is closed:*/ } .im-related-product-wrapper .filter-related-product .btn-text-small { margin: 0 10px 0 0; } .im-related-product-wrapper .filter-related-product .filter-form { display: inline-block; padding-left: 20px; position: relative; } .im-related-product-wrapper .filter-related-product .filter-form:after { position: absolute; content: '|'; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-related-product-wrapper .filter-related-product .filter-form label { margin: 0; letter-spacing: 1px; opacity: .75; } .im-related-product-wrapper .filter-related-product .filter-form select { letter-spacing: 1.2px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; min-width: 178px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 20px; } .im-related-product-wrapper .filter-related-product .filter-form select span { padding: 5px; line-height: 30px; letter-spacing: 1.2px; } .im-related-product-wrapper .filter-related-product .select-label { position: relative; } .im-related-product-wrapper .filter-related-product .select-label select { display: none; } .im-related-product-wrapper .filter-related-product .select-selected { letter-spacing: 1.2px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; min-width: 178px; margin-left: 20px; position: relative; display: inline-block; cursor: pointer; } .im-related-product-wrapper .filter-related-product .select-selected:after { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\f0d7"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; -webkit-transition: .3s linear; transition: .3s linear; } .im-related-product-wrapper .filter-related-product .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg) translateY(4px); transform: rotate(180deg) translateY(4px); } .im-related-product-wrapper .filter-related-product .select-items div { letter-spacing: 1.2px; border-bottom: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; cursor: pointer; } .im-related-product-wrapper .filter-related-product .select-items div:last-child { border-bottom: 0; } .im-related-product-wrapper .filter-related-product .select-items { border: 1px solid; border-color: #e6e9ff; position: absolute; top: 100%; right: 0; z-index: 99; min-width: 178px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); } .im-related-product-wrapper .filter-related-product .select-hide { display: none; } .im-related-product-wrapper .filter-related-product .select-items div:hover, .im-related-product-wrapper .filter-related-product .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } .im-related-product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-top: -70px; } .im-related-product-row .related-product-col { width: 100%; max-width: 16.6666%; padding: 0 15px; margin-top: 70px; } .im-related-product-item { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid; border-color: #e6e9ff; } .im-related-product-item .item-img { display: block; margin: 18px 18px 0; background: url(../images/product-bg.png) no-repeat; background-size: cover; } .im-related-product-item .item-img img { width: 100%; -webkit-transition: all .3s; transition: all .3s; } .im-related-product-item .badge-thumb { position: absolute; top: 20px; left: -42px; text-transform: uppercase; letter-spacing: .5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .im-related-product-item .badge-thumb .badge-text { text-align: center; background-position: center; background-size: cover; padding: 11px 15px; position: relative; width: 161px; } .im-related-product-item .badge-thumb .badge-text:after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 4px solid transparent; border-right: 4px solid; border-bottom: 4px solid transparent; border-top: 4px solid; } .im-related-product-item .badge-thumb .badge-text:before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 4px solid; border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-top: 4px solid; } .im-related-product-item .badge-thumb.best .badge-text { background: url("../images/best-badge.png") no-repeat; } .im-related-product-item .badge-thumb.best .badge-text:after { border-right-color: #0e4f00; border-top-color: #0e4f00; } .im-related-product-item .badge-thumb.best .badge-text:before { border-left-color: #0e4f00; border-top-color: #0e4f00; } .im-related-product-item .badge-thumb.top .badge-text { background: url("../images/top-badge.png") no-repeat; } .im-related-product-item .badge-thumb.top .badge-text:after { border-right-color: #4b0005; border-top-color: #4b0005; } .im-related-product-item .badge-thumb.top .badge-text:before { border-left-color: #4b0005; border-top-color: #4b0005; } .im-related-product-item .badge-thumb.editor .badge-text { background: url("../images/editor-badge.png") no-repeat; } .im-related-product-item .badge-thumb.editor .badge-text:after { border-right-color: #061143; border-top-color: #061143; } .im-related-product-item .badge-thumb.editor .badge-text:before { border-left-color: #061143; border-top-color: #061143; } .im-related-product-item .discount-badge { position: absolute; top: 0; right: 20px; } .im-related-product-item .discount-badge span { position: relative; padding: 11px 10px; border-radius: 0 0 3px 3px; } .im-related-product-item .discount-badge span:after { content: ""; position: absolute; right: 100%; top: 0; border-bottom: 7px solid #00670e; border-left: 5px solid transparent; } .im-related-product-item .discount-badge span:before { content: ""; position: absolute; left: 100%; top: 0; border-bottom: 7px solid #00670e; border-right: 5px solid transparent; } .im-related-product-item .product-header { position: relative; padding: 18px; } .im-related-product-item .product-header .title-wrap { padding-bottom: 10px; position: relative; letter-spacing: .3px; } .im-related-product-item .product-header .title-wrap:after { content: ''; position: absolute; bottom: 0; left: 0; width: 24px; height: 1px; } .im-related-product-item .product-header .meta-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6px; } .im-related-product-item .product-header .meta-item .rating-star svg { height: 22px; width: 15px; } .im-related-product-item .product-header .meta-item .comment-meta a { line-height: 24px; margin: 0px 11px; } .im-related-product-item .product-header .price-range { line-height: 24px; letter-spacing: .7px; margin-top: 7px; } .im-related-product-body { border-top: 1px solid; border-color: #e6e9ff; padding: 18px; } .im-related-product-body ul li { position: relative; line-height: 24px; padding-left: 18px; } .im-related-product-body ul li::after { content: ''; position: absolute; top: 8px; left: 0; height: 7px; width: 7px; background: #d2d2d2; } .im-related-product-body ul li a { font-size: 13px; line-height: 24px; -webkit-transition: .3s; transition: .3s; } .im-related-product-body ul li:last-child:after { content: none; } .im-related-product-footer { border-top: 1px solid; border-color: #e6e9ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 18px; } .im-related-product-footer .public-author { margin-top: 7px; } .im-related-product-footer .im-compare-btn a { border-radius: 2px; width: 46px; height: 46px; text-align: center; line-height: 52px; display: inline-block; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .im-related-product-footer .im-compare-btn a i { font-size: 20px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-related-product-row .related-product-col { max-width: 20%; } .im-related-product-row .related-product-col:nth-child(n+6) { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .im-related-product-row .related-product-col { max-width: 25%; } .im-related-product-row .related-product-col:nth-child(n+5) { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .im-related-product-row .related-product-col { max-width: 33.3333%; } .im-related-product-row .related-product-col:nth-child(n+4) { display: none; } } @media (min-width: 576px) and (max-width: 767px) { .im-related-product-wrapper .section-title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .im-related-product-wrapper .section-title-wrap .section-title { margin-bottom: 11px; } .im-related-product-wrapper .filter-related-product { margin: auto; } .im-related-product-row .related-product-col { max-width: 50%; } .im-related-product-row .related-product-col:nth-child(n+5) { display: none; } .im-related-product-row .related-product-col:nth-child(n+3) { margin-top: 30px; } } @media only screen and (max-width: 575px) { .im-related-product-wrapper .section-title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .im-related-product-wrapper .section-title-wrap .section-title { margin-bottom: 11px; } .im-related-product-wrapper .filter-related-product .filter-form { padding-left: 0; } .im-related-product-wrapper .filter-related-product .filter-form label { display: none; } .im-related-product-row .related-product-col { max-width: 100%; } .im-related-product-row .related-product-col:nth-child(n+5) { display: none; } .im-related-product-row .related-product-col:nth-child(n+2) { margin-top: 30px; } } .im-feature-product-area { padding: 75px 0 80px; } .im-feature-product-area .section-title-wrap.resizing { margin-bottom: 55px; } .im-feature-product-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-feature-product-wrap .feature-tab-navbar { position: relative; } .im-feature-product-wrap .feature-tab-navbar li a { position: relative; } .im-feature-product-wrap .feature-tab-navbar li a::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 6px solid; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .im-feature-product-wrap .feature-tab-navbar li a::before { content: ''; position: absolute; top: 50%; left: 98%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 0; width: 0; border-top: 19px solid transparent; border-left: 21px solid; border-left-color: #ff250d; border-bottom: 19px solid transparent; z-index: 4; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .im-feature-product-wrap .feature-tab-navbar li h3 { background: #000000; position: absolute; top: 37px; left: calc(100% - 10px); width: 322px; line-height: 26px; padding: 5px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; z-index: 5; } .im-feature-product-wrap .feature-tab-navbar li.active-tab-parent h3 { left: calc(100% + 50px); opacity: 1; } .im-feature-product-wrap .feature-tab-navbar li.active-tab-parent a::after { opacity: 1; } .im-feature-product-wrap .feature-tab-navbar li.active-tab-parent a::before { opacity: 1; left: 100%; } .im-feature-product-wrap .content-item { position: relative; } .im-feature-product-wrap .content-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 29%; background-image: -webkit-gradient(linear, left bottom, left top, from(#f61f08), to(transparent)); background-image: linear-gradient(to top, #f61f08, transparent); opacity: .5; } .im-feature-product-wrap .content-item .market-and-review { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 3; } .im-feature-product-wrap .content-item .market-and-review .product-markets-col { width: 100%; max-width: 70%; } .im-feature-product-wrap .content-item .market-and-review .market-item { padding: 20px 30px 40px; display: inline-block; border-right: 1px solid; -o-border-image: linear-gradient(to top, #000000, transparent) 1 100%; border-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)) 1 100%; border-image: linear-gradient(to top, #000000, transparent) 1 100%; float: left; } .im-feature-product-wrap .content-item .market-and-review .market-item:after { content: ''; display: block; clear: both; } .im-feature-product-wrap .content-item .market-and-review .market-item:last-child { border-right: 0; } .im-feature-product-wrap .content-item .market-and-review .market-item .author { padding-bottom: 20px; position: relative; } .im-feature-product-wrap .content-item .market-and-review .market-item .author .review { opacity: 0; -webkit-transition: all .35s linear; transition: all .35s linear; } .im-feature-product-wrap .content-item .market-and-review .market-item .author .price { font-size: 39px; position: absolute; left: 0; bottom: 10px; -webkit-transition: .25s; transition: .25s; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 { padding: 13px 42px 12px 76px; } .im-feature-product-wrap .content-item .market-and-review .market-item .rating-star svg { height: 16px; width: 15px; } .im-feature-product-wrap .content-item .market-and-review .market-item:hover .author .review { opacity: 1; } .im-feature-product-wrap .content-item .market-and-review .market-item:hover .author .price { bottom: 0; visibility: hidden; opacity: 0; } .im-feature-product-wrap .content-item .market-and-review .overall-review { margin: 0 30px 40px; max-width: 136px; text-align: center; border: 5px solid #ffffff; } .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews { border-bottom: 5px solid #ffffff; padding: 7px 4px 9px; } .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews .rating-star svg { height: 15px; width: 14px; } .im-feature-product-wrap .content-item .market-and-review .overall-review p { margin-bottom: 0; font-weight: 100; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; padding: 5px 5px; } .im-feature-product-wrap .content-item .market-and-review .overall-review p span { letter-spacing: 4.2px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-feature-product-wrap .content-item .market-and-review .product-markets-col { max-width: 80%; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 { padding: 13px 28px 12px 76px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-feature-product-wrap .content-item .market-and-review .market-item:nth-child(n + 3) { display: none; } } @media only screen and (max-width: 991px) { .im-feature-product-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .im-feature-product-wrap .feature-tab-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-feature-product-wrap .feature-tab-navbar li { width: 25%; } .im-feature-product-wrap .feature-tab-navbar li a::before { top: 98%; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid; border-top-color: #ff250d; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .im-feature-product-wrap .feature-tab-navbar li a::after { border: 3px solid; } .im-feature-product-wrap .feature-tab-navbar li a img { max-width: 100%; } .im-feature-product-wrap .feature-tab-navbar li h3 { left: 32px; top: 100%; font-size: 16px; line-height: 21px; background: rgba(0, 0, 0, 0.5); } .im-feature-product-wrap .feature-tab-navbar li.active-tab-parent a::before { top: 100%; left: 50%; } .im-feature-product-wrap .feature-tab-navbar li.active-tab-parent h3 { left: 32px; top: 115%; } .im-feature-product-wrap .content-item .market-and-review .market-item { padding-bottom: 30px; } .im-feature-product-wrap .content-item .market-and-review .market-item .author { padding-bottom: 15px; } .im-feature-product-wrap .content-item .market-and-review .market-item .author .price { bottom: 5px; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 { padding: 13px 30px 12px 66px; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 .icon { padding: 7px 11px 7px 19px; } .im-feature-product-wrap .content-item .market-and-review .market-item:nth-child(n + 3) { display: none; } .im-feature-product-wrap .content-item .market-and-review .overall-review { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .im-feature-product-wrap .content-item .market-and-review .product-markets-col { max-width: 65%; } .im-feature-product-wrap .content-item .market-and-review .market-item:nth-child(n + 2) { display: none; } } @media only screen and (max-width: 575px) { .im-feature-product-wrap .feature-tab-navbar li h3 { display: none; } .im-feature-product-wrap .content-item:after { height: 100%; opacity: .8; } .im-feature-product-wrap .content-item .market-and-review .product-markets-col { max-width: 50%; } .im-feature-product-wrap .content-item .market-and-review .market-item { padding: 10px 15px 15px; } .im-feature-product-wrap .content-item .market-and-review .market-item .author { padding-bottom: 10px; } .im-feature-product-wrap .content-item .market-and-review .market-item .author .price { bottom: 0px; font-size: 28px; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 { padding: 13px 15px 9px 15px; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 .btn-text-wrap .btn-text { line-height: 12px; font-size: 16px; } .im-feature-product-wrap .content-item .market-and-review .market-item .im-btn-6 .icon { display: none; } .im-feature-product-wrap .content-item .market-and-review .overall-review { margin: 0px 12px 15px; border-width: 3px; } .im-feature-product-wrap .content-item .market-and-review .overall-review .reviews { border-bottom-width: 0px; padding: 7px 12px 8px; } .im-feature-product-wrap .content-item .market-and-review .overall-review p { display: none; } } .im-feature-and-hot-product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 80px 0 70px; } .im-feature-and-hot-product-row .item-col { width: 100%; } .im-feature-and-hot-product-row .feature-col { max-width: 66%; padding-right: 85px; } .im-feature-and-hot-product-row .hot-col { max-width: 34%; } .im-feature-and-hot-product-row .im-el-product-slider { padding-top: 53px; } .im-feature-product-2 .feature-navbar { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-feature-product-2 .feature-navbar li { width: 25%; } .im-feature-product-2 .feature-navbar li a { text-align: center; display: block; padding: 17px 15px; position: relative; height: 100%; } .im-feature-product-2 .feature-navbar li a:after { position: absolute; content: ''; top: 95%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-top: 6px solid; border-left: 6px solid transparent; border-right: 6px solid transparent; z-index: 5; opacity: 0; -webkit-transition: all .3s; transition: all .3s; border-top-color: #ff250d; } .im-feature-product-2 .feature-navbar li a.active-tab:after { opacity: 1; top: 100%; } .im-feature-product-2 .feature-navbar li:not(:last-child) { border-right: 1px solid transparent; } .im-feature-product-2 .product-item { position: relative; } .im-feature-product-2 .product-item img { width: 100%; } .im-feature-product-2 .product-item .item-info { position: absolute; top: 11%; left: 5%; } .im-feature-product-2 .product-item .item-info h2 { line-height: 40px; font-weight: 300; letter-spacing: .1px; max-width: 320px; } .im-feature-product-2 .product-item .item-info h3 { line-height: 30px; border-left: 6px solid; padding-left: 10px; margin-top: 24px; max-width: 230px; } .im-feature-product-2 .product-item .item-info a { margin-top: 40px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-feature-and-hot-product-row .feature-col { padding-right: 35px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-feature-and-hot-product-row .feature-col { padding-right: 35px; } .im-feature-product-2 .product-item .item-info { top: 7%; } .im-feature-product-2 .product-item .item-info h2 { line-height: 34px; max-width: 320px; font-size: 29px; } .im-feature-product-2 .product-item .item-info a { margin-top: 32px; } } @media only screen and (max-width: 991px) { .im-feature-and-hot-product-row .feature-col { padding-right: 0px; max-width: 100%; } .im-feature-and-hot-product-row .hot-col { max-width: 100%; margin-top: 55px; } } @media only screen and (max-width: 767px) { .im-feature-product-2 .feature-navbar li a { font-size: 12px; padding: 15px 5px; } .im-feature-product-2 .product-item .item-info { top: 7%; } .im-feature-product-2 .product-item .item-info h2 { line-height: 30px; max-width: 290px; font-size: 26px; } .im-feature-product-2 .product-item .item-info h3 { font-size: 23px; line-height: 26px; margin-top: 19px; } .im-feature-product-2 .product-item .item-info a { margin-top: 26px; } } @media only screen and (max-width: 575px) { .im-feature-product-2 .feature-navbar li { width: 50%; } .im-feature-product-2 .feature-navbar li:nth-child(2) { border-right: 0; } .im-feature-product-2 .feature-navbar li:nth-child(n + 2) { border-top: 1px solid #ffffff; } .im-feature-product-2 .product-item .item-info h2 { line-height: 30px; max-width: 275px; font-size: 17px; } .im-feature-product-2 .product-item .item-info h3 { font-size: 16px; line-height: 20px; margin-top: 2px; max-width: 175px; border-left-width: 4px; } .im-feature-product-2 .product-item .item-info a { margin-top: 10px; padding: 7px 15px; font-size: 12px; } } .im-el-product-slider .product-slider-wrap .slider-item { position: relative; } .im-el-product-slider .product-slider-wrap .slider-item .item-img { position: relative; width: 100%; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a { position: relative; display: block; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a img { width: 100%; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; background: rgba(0, 0, 0, 0.75); padding: 13px; border-radius: 50%; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon > div { border: 3px solid #ffffff; height: 89px; width: 89px; line-height: 85px; text-align: center; border-radius: 50%; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a:after { background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.702; position: absolute; left: 0px; bottom: 0; width: 100%; height: 100%; content: ""; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap { position: absolute; bottom: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; z-index: 5; letter-spacing: 1.2px; padding-left: 17px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap .rating-star { display: inline-block; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap .rating-star svg { width: 15px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap span { margin-left: 7px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author { margin-left: auto; background: rgba(0, 0, 0, 0.9); padding: 3px 19px 3px 12px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author i { font-size: 9px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .author { text-transform: uppercase; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .sep { padding: 0 11px 0 3px; } .im-el-product-slider .product-slider-wrap .slider-item .title { margin: 16px 0 0px; } .im-el-product-slider .product-slider-wrap .slider-item .title h2 { line-height: 32px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-el-product-slider .product-slider-wrap .slider-item .title h2 .first-letter { height: 33px; width: 33px; text-align: center; line-height: 33px; background: #000000; display: inline-block; border-radius: 50%; margin-right: 4px; } @media only screen and (max-width: 757px) { .im-el-product-slider .section-title-wrap .slider-arrows { display: none; } .im-el-product-slider .product-slider-wrap .slider-item .title h2 { font-size: 22px; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon > div { height: 70px; width: 70px; line-height: 70px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap { bottom: 15px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author .sep { padding: 0 5px 0 3px; } } @media only screen and (max-width: 575px) { .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon { padding: 8px; } .im-el-product-slider .product-slider-wrap .slider-item .item-img > a .video-icon > div { height: 50px; width: 50px; line-height: 46px; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-rating-star-wrap span { display: none; } .im-el-product-slider .product-slider-wrap .slider-item .meta-wrap .meta-item-author span { display: none; } } /* ===================== Month Comparson Product ===================== */ .im-month-comparison-area { padding: 73px 0; } .im-month-comparison-area .section-title-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .im-month-comparison-area .section-title-wrap:after { content: none; } @-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0deg); } to { -webkit-filter: hue-rotate(-360deg); } } .im-month-comparison-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .im-month-comparison-wrap .product-item { width: 100%; max-width: 50%; position: relative; } .im-month-comparison-wrap .product-item > img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .im-month-comparison-wrap .product-item::after { background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.702; position: absolute; left: 0px; bottom: 0; width: 100%; height: 183px; content: ""; } .im-month-comparison-wrap .product-item .item-details { position: absolute; bottom: 0px; left: 0; width: 100%; padding: 25px 30px; z-index: 9; } .im-month-comparison-wrap .product-item .item-details .price { position: relative; margin-bottom: 6px; padding-bottom: 7px; } .im-month-comparison-wrap .product-item .item-details .price:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 4px; } .im-month-comparison-wrap .product-item .item-details a { text-decoration: underline; } .im-month-comparison-wrap .product-item .item-details a h4 { line-height: 21px; letter-spacing: .89px; } .im-month-comparison-wrap .product-item:last-child .item-details { text-align: right; } .im-month-comparison-wrap .product-item:last-child .item-details .price:after { left: inherit; right: 0; } .im-month-comparison-wrap .comparison-logo-row { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; } .im-month-comparison-wrap .comparison-logo { position: relative; text-align: center; border-radius: 50%; padding: 20px 10px; width: 120px; height: 120px; line-height: 30px; } .im-month-comparison-wrap .comparison-logo:after { border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; position: absolute; height: calc(100% + 30px); width: calc(100% + 30px); opacity: .3; z-index: 4; } .im-month-comparison-wrap .comparison-logo:before { border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; position: absolute; height: calc(100% + 30px); width: calc(100% + 30px); opacity: .4; z-index: 4; display: none; } .im-month-comparison-wrap .comparison-logo i { position: relative; z-index: 5; } .im-month-comparison-wrap .comparison-logo p { text-transform: uppercase; line-height: 21px; margin-top: -2px; position: relative; z-index: 5; } .im-month-comparison-wrap:hover .product-item > img { -webkit-filter: inherit; filter: inherit; } .im-month-comparison-wrap:hover .comparison-logo:after { -webkit-animation: btn_animation 1000ms infinite ease-in-out; animation: btn_animation 1000ms infinite ease-in-out; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .im-month-comparison-wrap:hover .comparison-logo::before { -webkit-animation: btn_animation 1000ms infinite ease-in-out; animation: btn_animation 1000ms infinite ease-in-out; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .7s; animation-delay: .7s; display: inherit; } @-webkit-keyframes btn_animation { 0% { -webkit-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); } 5% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 100% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } } @media (min-width: 992px) and (max-width: 1200px) { .im-month-comparison-wrap .comparison-logo { width: 100px; height: 100px; line-height: 22px; } .im-month-comparison-wrap .comparison-logo p { line-height: 18px; font-size: 14px; } .im-month-comparison-wrap .comparison-logo:after { height: calc(100% + 20px); width: calc(100% + 20px); } .im-month-comparison-wrap .product-item .item-details .price { padding-bottom: 5px; font-size: 22px; } .im-month-comparison-wrap .product-item .item-details .price span { font-size: 14px; } .im-month-comparison-wrap .product-item .item-details a h4 { font-size: 15px; } } @media only screen and (max-width: 991px) { .im-month-comparison-wrap .comparison-logo { width: 100px; height: 100px; line-height: 22px; } .im-month-comparison-wrap .comparison-logo p { line-height: 18px; font-size: 14px; } .im-month-comparison-wrap .comparison-logo:after { height: calc(100% + 20px); width: calc(100% + 20px); } .im-month-comparison-wrap .product-item .item-details { padding: 17px 19px; } .im-month-comparison-wrap .product-item .item-details .price { padding-bottom: 5px; font-size: 22px; } .im-month-comparison-wrap .product-item .item-details .price span { font-size: 14px; } .im-month-comparison-wrap .product-item .item-details a h4 { font-size: 15px; } } @media only screen and (max-width: 757px) { .im-month-comparison-wrap .comparison-logo { display: none; } .im-month-comparison-wrap .product-item { max-width: 100%; } .im-month-comparison-wrap .product-item:last-child .item-details { text-align: left; } .im-month-comparison-wrap .product-item:last-child .item-details .price:after { left: 0; right: inherit; } } /* ========================== Call To Action ====================== */ .im-call-to-action-area { background-image: -webkit-gradient(linear, left top, right top, from(#ff250d), to(#004176)); background-image: linear-gradient(to right, #ff250d 0%, #004176 100%); } .im-call-to-action-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 51px 0 59px; } .im-call-to-action-wrap .call-to-action-message { width: 100%; max-width: 80%; } .im-call-to-action-wrap .call-to-action-message h3 { display: inline-block; line-height: 40px; letter-spacing: 0.4px; } .im-call-to-action-wrap .call-to-action-message h3 i { vertical-align: bottom; } .im-call-to-action-wrap .call-to-action-message .link { position: relative; margin-left: 8px; line-height: 40px; letter-spacing: .45px; } .im-call-to-action-wrap .call-to-action-message .link::after { position: absolute; content: ''; bottom: -6px; left: 0; height: 2px; width: 100%; } .im-call-to-action-wrap .btn-col { margin-left: auto; width: 100%; max-width: 20%; } .im-call-to-action-wrap .btn-col .im-btn-1 { float: right; } .im-call-to-action-wrap .btn-col::after { display: block; content: ""; clear: both; } /* ================================ Call To Action 2 ============================= */ .im-call-to-action-2-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 40px; background: url(".././images/call-to-action-bg.jpg") no-repeat; background-size: cover; background-position: right; } .im-call-to-action-2-wrap .call-to-action-text p { margin-bottom: 19px; } .im-call-to-action-2-wrap .call-to-action-text h2 { line-height: 40px; text-transform: uppercase; } .im-call-to-action-2-wrap .link-wrap { margin-left: auto; } @media (min-width: 992px) and (max-width: 1199px) { .im-call-to-action-wrap .call-to-action-message h3 { font-size: 29px; } .im-call-to-action-wrap .call-to-action-message h3 i { font-size: 25px; vertical-align: middle; } .im-call-to-action-wrap .call-to-action-message .link { font-size: 29px; } .im-call-to-action-wrap .call-to-action-message .link::after { bottom: 0px; } .im-call-to-action-wrap .im-btn-1 { font-size: 15px; padding: 7px 20px; } /* Call To acction 2 */ .im-call-to-action-2-wrap .call-to-action-text p { margin-bottom: 12px; font-size: 28px; } .im-call-to-action-2-wrap .call-to-action-text h2 { font-size: 31px; line-height: 34px; } .im-call-to-action-2-wrap .link-wrap .im-btn-5 { padding: 12px 31px; font-size: 17px; } } @media only screen and (max-width: 991px) { .im-call-to-action-wrap .call-to-action-message { max-width: 75%; } .im-call-to-action-wrap .call-to-action-message h3 { font-size: 29px; } .im-call-to-action-wrap .call-to-action-message h3 i { font-size: 25px; vertical-align: middle; } .im-call-to-action-wrap .call-to-action-message .link { font-size: 29px; } .im-call-to-action-wrap .call-to-action-message .link::after { bottom: 0px; } .im-call-to-action-wrap .btn-col { max-width: 25%; } .im-call-to-action-wrap .btn-col .im-btn-1 { font-size: 15px; padding: 7px 20px; } /* Call To acction 2 */ .im-call-to-action-2-wrap .call-to-action-text p { margin-bottom: 12px; font-size: 28px; } .im-call-to-action-2-wrap .call-to-action-text h2 { font-size: 31px; line-height: 34px; } .im-call-to-action-2-wrap .link-wrap .im-btn-5 { padding: 12px 31px; font-size: 17px; } } @media only screen and (max-width: 767px) { .im-call-to-action-wrap .call-to-action-message { max-width: 66%; } .im-call-to-action-wrap .call-to-action-message h3 { font-size: 23px; line-height: 30px; } .im-call-to-action-wrap .call-to-action-message h3 i { font-size: 20px; vertical-align: middle; } .im-call-to-action-wrap .call-to-action-message .link { font-size: 23px; line-height: 30px; } .im-call-to-action-wrap .btn-col { max-width: 34%; } .im-call-to-action-wrap .btn-col .im-btn-1 { font-size: 14px; padding: 5px 18px; } /* Call To acction 2 */ .im-call-to-action-2-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 30px; } .im-call-to-action-2-wrap .call-to-action-text { text-align: center; } .im-call-to-action-2-wrap .link-wrap { margin-left: 0; margin-top: 25px; } } @media only screen and (max-width: 575px) { .im-call-to-action-wrap { text-align: center; } .im-call-to-action-wrap .call-to-action-message { max-width: 100%; } .im-call-to-action-wrap .btn-col { max-width: 100%; margin-top: 30px; } .im-call-to-action-wrap .btn-col .im-btn-1 { float: none; } /* Call To acction 2 */ .im-call-to-action-2-wrap { padding: 40px 15px; } .im-call-to-action-2-wrap .call-to-action-text { text-align: center; } .im-call-to-action-2-wrap .link-wrap { margin-left: 0; margin-top: 25px; } } /* ========================== Call To Action 3 ====================== */ .im-call-to-action-3-area { margin-top: 80px; } .im-call-to-action-3 { padding: 36px 95px 36px 89px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-call-to-action-3 h5 { width: 100%; max-width: 58%; font-size: 30px; line-height: 36px; font-weight: 400; padding-left: 41px; } .im-call-to-action-3 h5 mark { background: transparent; } .im-call-to-action-3 .im-btn-5 { margin-left: auto; } @media (min-width: 1200px) and (max-width: 1379px) { .im-call-to-action-3 { padding: 36px 0; } .im-call-to-action-3 h5 { max-width: 65%; line-height: 42px; } .im-call-to-action-3 .im-btn-5 { padding: 12px 32px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-call-to-action-3 { padding: 36px 0; } .im-call-to-action-3 h5 { font-size: 27px; max-width: 67%; } .im-call-to-action-3 .im-img { width: 100%; max-width: 10%; } .im-call-to-action-3 .im-img img { max-width: 100%; } } @media only screen and (max-width: 991px) { .im-call-to-action-3 { padding: 36px 0; } .im-call-to-action-3 h5 { font-size: 22px; line-height: 29px; padding-left: 0; max-width: 67%; } .im-call-to-action-3 .im-img { display: none; } .im-call-to-action-3 .im-btn-5 { padding: 12px 28px; font-size: 14px; } } @media only screen and (max-width: 767px) { .im-call-to-action-3 .im-btn-5 { padding: 11px 25px; font-size: 14px; } } @media only screen and (max-width: 575px) { .im-call-to-action-3 { text-align: center; } .im-call-to-action-3 .im-img { display: block; max-width: 20%; margin: auto; text-align: center; } .im-call-to-action-3 .im-img img { max-width: 100%; } .im-call-to-action-3 h5 { text-align: center; font-size: 19px; line-height: 26px; width: 100%; max-width: 320px; margin: 0 auto; padding: 25px 0; } } /* ========================== Newsletter ========================= */ .im-newsletter-area { padding: 32px 0; background: url(".././images/newsletter-bg.png") no-repeat; background-size: cover; } .im-newsletter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-newsletter-row figure { margin-bottom: 0; padding-right: 70px; max-width: 22%; width: 100%; } .im-newsletter-row .newsletter-title { margin-bottom: 9px; } .im-newsletter-row .newsletter-title h3 { text-transform: uppercase; font-size: 36px; line-height: 28px; } .im-newsletter-row .newsletter-wrap { width: 100%; max-width: 78%; margin-left: auto; } .im-newsletter-row .newsletter-wrap form { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-newsletter-row .newsletter-wrap form input[type=email] { border-radius: 4px; border: 2px solid; padding: 10px 18px; width: 100%; max-width: 75%; } .im-newsletter-row .newsletter-wrap form .form-group-btn { position: relative; margin-left: 30px; } .im-newsletter-row .newsletter-wrap form .form-group-btn .warring { position: absolute; left: 0; bottom: calc(100% + 10px); color: #bdbdbd; } .im-newsletter-row .newsletter-wrap form button { border-radius: 4px; padding: 18px 53px; cursor: pointer; border: 1px solid transparent; -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.18); -webkit-transition: .3s linear; transition: .3s linear; } @media (min-width: 992px) and (max-width: 1199px) { .im-newsletter-row figure { padding-right: 40px; } .im-newsletter-row .newsletter-wrap form button { padding: 13px 53px; font-size: 16px; } } @media only screen and (max-width: 991px) { .im-newsletter-row figure { padding-right: 40px; } .im-newsletter-row .newsletter-wrap form button { padding: 13px 38px; font-size: 16px; } } @media only screen and (max-width: 767px) { .im-newsletter-area { padding: 55px 0; } .im-newsletter-row figure { display: none; } .im-newsletter-row .newsletter-wrap { max-width: 100%; } .im-newsletter-row .newsletter-wrap form button { padding: 12px 32px; font-size: 15px; } } @media only screen and (max-width: 575px) { .im-newsletter-row .newsletter-wrap form { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 21px; } .im-newsletter-row .newsletter-wrap form input[type=email] { padding: 15px 18px; max-width: 85%; } .im-newsletter-row .newsletter-wrap form .form-group-btn { margin: 32px 0px 0; } .im-newsletter-row .newsletter-wrap form button { padding: 15px 32px; } .im-newsletter-row .newsletter-wrap form button .warring { bottom: calc(100% + 4px); } } /* ========================== Recent News ====================== */ /* ========================== News ========================== */ .im-news-block-area { padding: 80px 0; } /* im-news-block-section-container */ .im-news-block-section-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -43px; } .im-news-block-row { width: 100%; max-width: 50%; padding: 0 43px; } .im-news-block-row .section-title-wrap { margin-bottom: 0; padding: 15px 0 10px; } .im-news-block-row .section-title-wrap:after { top: 0; bottom: inherit; } .im-news-block-row .section-title-wrap:before { content: ''; position: absolute; bottom: 0; left: 0; height: 6px; width: 100%; } .im-news-block-row .news-block-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 36px; position: relative; } .im-news-block-row .news-block-item:before { content: ''; position: absolute; bottom: 0; left: 0; height: 6px; width: 100%; opacity: .05; } .im-news-block-row .news-block-item:after { content: ''; position: absolute; bottom: 0; left: 0; height: 0px; width: 100%; opacity: .2; -webkit-transition: .3s linear; transition: .3s linear; } .im-news-block-row .news-block-item:hover:after { height: 6px; } .im-news-block-row .news-block-item .item-img { margin-bottom: 0; max-width: 31%; width: 100%; } .im-news-block-row .news-block-item .item-details { width: 100%; max-width: 69%; padding-left: 19px; } .im-news-block-row .news-block-item .item-details > a { text-decoration: underline; margin-top: -4px; } .im-news-block-row .news-block-item .item-details h2 { line-height: 25px; letter-spacing: .2px; -webkit-transition: all .2s linear; transition: all .2s linear; } .im-news-block-row .news-block-item .item-details p { margin: 10px 0 0; line-height: 24px; letter-spacing: .4px; } .im-news-block-row .news-block-item .item-details .post-date { color: #a2a6cd; opacity: .9; margin-top: 11px; font-style: italic; letter-spacing: 1.4px; } .im-news-list-style-2 { padding-left: 53px; } .im-news-list-style-2 .news-item { position: relative; } .im-news-list-style-2 .news-item:nth-child(even) { background: #303030; } .im-news-list-style-2 .news-item:not(:last-child) { margin-bottom: 1px; } .im-news-list-style-2 .news-item:after { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.502; } .im-news-list-style-2 .news-item img { opacity: .1; -webkit-transition: all .3s linear; transition: all .3s linear; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .im-news-list-style-2 .news-item .item-details { padding: 27px; position: relative; z-index: 5; } .im-news-list-style-2 .news-item .item-details > a { padding-bottom: 15px; margin-bottom: 8px; position: relative; } .im-news-list-style-2 .news-item .item-details > a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 70px; } .im-news-list-style-2 .news-item .item-details .title { line-height: 25px; -webkit-transition: .3s linear; transition: .3s linear; } .im-news-list-style-2 .news-item .item-details .post-meta { line-height: 22px; letter-spacing: 1.2px; text-transform: uppercase; letter-spacing: 1.5px; } .im-news-list-style-2 .news-item .item-details .post-meta a { letter-spacing: 1.5px; } .im-news-list-style-2 .news-item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 1200px) and (max-width: 1399px) { .im-news-block-section-container { margin: 0 -15px; } .im-news-block-row { padding: 0 15px; } .im-news-block-row .news-block-item .item-details h2 { font-size: 19px; } .im-news-block-row .news-block-item .item-details p { line-height: 21px; } .im-news-list-style-2 { padding: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .im-news-block-section-container { margin: 0 -15px; } .im-news-block-row { padding: 0 15px; } .im-news-block-row .news-block-item .item-img { max-width: 100%; text-align: center; } .im-news-block-row .news-block-item .item-details { max-width: 100%; text-align: center; padding-left: 0; margin-top: 15px; } .im-news-block-row .news-block-item .item-details h2 { font-size: 17px; } .im-news-block-row .news-block-item .item-details p { line-height: 21px; } .im-news-list-style-2 { padding: 0; position: -webkit-sticky; position: sticky; top: 0; } .im-news-list-style-2 .news-item .item-details { padding: 20px; } .im-news-list-style-2 .news-item .item-details .title { line-height: 30px; } } @media only screen and (max-width: 991px) { .im-news-block-section-container { margin: 0 -15px; } .im-news-block-row { padding: 0 15px; } .im-news-block-row .news-block-item .item-img { max-width: 100%; text-align: center; } .im-news-block-row .news-block-item .item-details { max-width: 100%; text-align: center; padding-left: 0; margin-top: 15px; } .im-news-block-row .news-block-item .item-details h2 { font-size: 17px; } .im-news-block-row .news-block-item .item-details p { line-height: 21px; } .im-news-list-style-2 { padding: 30px 0 0; } .im-news-list-style-2 .news-item .item-details { padding: 20px; } .im-news-list-style-2 .news-item .item-details .title { line-height: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .im-news-list-style-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .im-news-list-style-2 .news-item { width: 100%; max-width: 50%; } } @media only screen and (max-width: 575px) { .im-news-block-row { max-width: 100%; } .im-news-block-row:not(:first-child) { margin-top: 30px; } } /* ================================================================== ===================== Recent News And Product Row =================== ===================================================================== */ .im-recent-news-and-product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 80px -15px 0; } .im-recent-news-and-product-row .col-item { width: 100%; padding: 0 15px; } .im-recent-news-and-product-row .recent-news-col { max-width: 64%; } .im-recent-news-and-product-row .hot-product-col { max-width: 36%; } .im-recent-news-row { padding: 33px 41px; } .im-recent-news-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #e6e9ff; } .im-recent-news-wrap .news-item { width: 100%; max-width: 50%; position: relative; } .im-recent-news-wrap .news-item:after { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#004176)); background: linear-gradient(to bottom, transparent 0%, #004176 100%); -webkit-transition: all .3s; transition: all .3s; } .im-recent-news-wrap .news-item .item-img { margin-bottom: 0; } .im-recent-news-wrap .news-item .item-img img { width: 100%; } .im-recent-news-wrap .news-item .item-details { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 32px; z-index: 5; } .im-recent-news-wrap .news-item .item-details .item-meta { position: relative; } .im-recent-news-wrap .news-item .item-details .item-meta:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; } .im-recent-news-wrap .news-item .item-details .item-meta li { display: inline-block; position: relative; padding-right: 9px; } .im-recent-news-wrap .news-item .item-details .item-meta li:not(:last-child) { padding-right: 10px; margin-right: 9px; } .im-recent-news-wrap .news-item .item-details .item-meta li:not(:last-child):after { content: "\\"; position: absolute; right: 0; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 20px; } .im-recent-news-wrap .news-item .item-details .item-meta li a { text-transform: uppercase; line-height: 22px; letter-spacing: 1.4px; } .im-recent-news-wrap .news-item .item-details h2 { letter-spacing: .2px; line-height: 25px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-recent-news-wrap .news-item:hover:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ff250d)); background: linear-gradient(to bottom, transparent 0%, #ff250d 100%); } @media (min-width: 1200px) and (max-width: 1399px) { .im-recent-news-wrap .news-item .item-details { padding: 0 20px 21px; } .im-recent-news-wrap .news-item .item-details .item-meta li a { letter-spacing: 1px; font-size: 11px; } .im-recent-news-wrap .news-item .item-details h2 { font-size: 20px; } } @media only screen and (max-width: 1199px) { .im-recent-news-row { padding: 33px 20px; } .im-recent-news-wrap .news-item .item-details { padding: 0 20px 21px; } .im-recent-news-wrap .news-item .item-details .item-meta li a { letter-spacing: 1px; font-size: 11px; } .im-recent-news-wrap .news-item .item-details h2 { font-size: 20px; } } @media only screen and (max-width: 991px) { .im-recent-news-and-product-row .recent-news-col { max-width: 100%; } .im-recent-news-and-product-row .hot-product-col { max-width: 100%; } } @media only screen and (max-width: 767px) { .im-recent-news-wrap .news-item { max-width: 100%; } } /* ========================== Breadcrumb ========================== */ .im-breadcrumb { padding: 27px 0 10px; } .im-breadcrumb li { display: inline; padding: 0px 5px; position: relative; } .im-breadcrumb li:last-child { color: #424262; } .im-breadcrumb li:first-child { padding-left: 0; } .im-breadcrumb li:not(:last-child)::after { position: absolute; content: '/'; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); color: #89879c; } .im-breadcrumb li a { color: #89879c; line-height: 22px; display: inline-block; } /* ========================== Filter ========================== */ .im-filter-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .im-filter-row::after { position: absolute; content: ''; top: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-filter-row::before { position: absolute; content: ''; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-filter-row .filter-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } .im-filter-row .filter-result p { margin-bottom: 0; line-height: 21px; letter-spacing: 1.7px; } .im-filter-row .filter-result .ui-button { width: auto; border: 1px solid #e6e9ff; padding: 4px 10px; margin: 0 16px 0 5px; } .im-filter-row .filter-result .ui-button .ui-icon { width: 13px; height: 13px; margin-left: 5px; } .im-filter-row .filter-result .ui-button .ui-selectmenu-text { margin: 0; line-height: 21px; letter-spacing: 1.2px; } .im-filter-row .filtering-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-filter-row .filtering-wrap p { margin-bottom: 0; display: inline-block; opacity: .75; margin-right: 8px; } .im-filter-row .filtering-wrap .search-wrap { display: inline-block; border: 1px solid #e6e9ff; border-radius: 2px; } .im-filter-row .filtering-wrap .search-wrap button { background: transparent; border: 0; padding: 6px 10px; position: relative; } .im-filter-row .filtering-wrap .search-wrap button::before { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 1px; content: ''; background: #e6e9ff; } .im-filter-row .filtering-wrap .search-wrap input { background: transparent; border: 0; padding: 6px; width: 100px; } .im-filter-row .filtering-wrap > div { margin-right: 20px; } .im-filter-row .filtering-wrap > div:last-child { margin-right: 0; } .im-filter-row .filtering-wrap .ui-button { min-width: 140px; border: 1px solid #e6e9ff; padding: 6px 14px; margin: 0; } .im-filter-row .filtering-wrap .ui-button .ui-icon { width: 13px; height: 13px; margin-left: 5px; } .im-filter-row .filtering-wrap .ui-button .ui-selectmenu-text { margin: 0; line-height: 21px; letter-spacing: 1.2px; } .im-filter-row .filtering-wrap .filter-for-view button { -webkit-transition: all .3s linear; transition: all .3s linear; background: transparent; border: 0; } .im-filter-row .filtering-wrap .filter-for-view button:first-child { margin-right: 7px; } .ui-widget.im-filter-dropdown-manu { border: 1px solid #e6e9ff; padding: 4px 0; } .ui-widget.im-filter-dropdown-manu .ui-menu-item-wrapper { border: 0; padding: 2px 14px; line-height: 21px; letter-spacing: 1.2px; } .ui-widget.im-filter-dropdown-manu .ui-state-active { background: transparent; margin: 0; } .ui-widget.im-filter-date-dropdown-manu { border: 1px solid #e6e9ff; padding: 8px 0; } .ui-widget.im-filter-date-dropdown-manu .ui-menu-item-wrapper { border: 0; padding: 5px 14px; line-height: 21px; letter-spacing: 1.2px; } .ui-widget.im-filter-date-dropdown-manu .ui-state-active { background: transparent; margin: 0; } @media (min-width: 992px) and (max-width: 1199px) { .im-filter-row .filter-result p { font-size: 13px; letter-spacing: 1px; } } @media only screen and (max-width: 991px) { .im-filter-row .filter-result p { font-size: 13px; letter-spacing: 1px; } .im-filter-row .filter-result .ui-button { margin: 0 6px 0 5px; } .im-filter-row .filtering-wrap p { display: none; } .im-filter-row .filtering-wrap .ui-button { width: 100px; } } @media only screen and (max-width: 767px) { .im-filter-row { padding: 2px 0; } .im-filter-row .filter-result .items-name { display: none; } .im-filter-row .filtering-wrap > div { margin-right: 0; } .im-filter-row .filtering-wrap .filter-date { margin-left: 15px; } .im-filter-row .filtering-wrap .filter-for-view { display: none; } } @media only screen and (max-width: 575px) { .im-filter-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 0; } .im-filter-row .filter-result { display: none; } .im-filter-row .filtering-wrap .search-wrap input { width: 245px; } .im-filter-row .filtering-wrap .filter-date { display: none; } } /* ========================== Partner ========================== */ .im-partner-slider-wrap { padding: 60px 0; position: relative; } .im-partner-slider-wrap .partner-item { text-align: center; } .im-partner-slider-wrap .partner-item a img { -webkit-filter: grayscale(100); filter: grayscale(100); opacity: .9; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-partner-slider-wrap .partner-item a:hover img { opacity: 1; -webkit-filter: none; filter: none; } .im-partner-slider-wrap .slider-arrow { border: 2px solid transparent; border-radius: 50%; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 30px; width: 30px; line-height: 28px; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; cursor: pointer; } .im-partner-slider-wrap .partner-slider-prev { left: 0; } .im-partner-slider-wrap .partner-slider-next { right: 0; } @media only screen and (max-width: 991px) { .im-partner-slider-wrap { padding: 40px 0; } } /* ===================== Partner ===================== */ .im-partner-wrap { text-align: center; margin-top: 73px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -20px; } .im-partner-wrap a { max-width: 95px; text-align: center; margin: 0 22px; position: relative; margin-bottom: 20px; } .im-partner-wrap a img { max-width: 100%; -webkit-filter: grayscale(100); filter: grayscale(100); opacity: .9; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-partner-wrap a:hover img { opacity: 1; -webkit-filter: none; filter: none; } /* ========================== Big-Search ========================== */ .im-big-search-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 80px 0; } .im-big-search-wrap .search-row { text-align: center; width: 100%; max-width: 890px; } .im-big-search-wrap h6 { margin-bottom: 23px; } .im-big-search-wrap form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 4px solid #ffffff; border-radius: 4px; -webkit-box-shadow: 0px 9px 16px 0px rgba(0, 65, 118, 0.08); box-shadow: 0px 9px 16px 0px rgba(0, 65, 118, 0.08); padding: 30px 15px; } .im-big-search-wrap form button { background: transparent; border: 0; position: relative; padding: 0 19px; } .im-big-search-wrap form button:before { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 17px; width: 2px; } .im-big-search-wrap form input { width: 100%; background: transparent; border: 0; padding: 0 13px; } .im-big-search-wrap form input::-webkit-input-placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form input::-ms-input-placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form input::placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form input::-webkit-input-placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form input::-ms-input-placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form input:-ms-input-placeholder { font-weight: 300; color: #b0b0b0; } .im-big-search-wrap form .ui-selectmenu-button { width: auto; margin-right: 0; border: 0; padding: 2px 10px; background: transparent; } .im-big-search-wrap form .ui-selectmenu-button .ui-icon { background: transparent; text-indent: inherit; text-align: center; } .im-big-search-wrap form .ui-selectmenu-button .ui-icon:before { content: "\f0d7"; } .im-big-search-wrap form .ui-selectmenu-button .ui-selectmenu-text { letter-spacing: 1.2px; } .im-big-search-select-dropdown { border-width: 0 0 1px 1px; padding: 15px 0 !important; width: -webkit-max-content; width: -moz-max-content; width: max-content; border-top: 0; } .im-big-search-select-dropdown .ui-menu-item-wrapper { border: 0; padding: 5px 14px; line-height: 21px; letter-spacing: 1.2px; } .im-big-search-select-dropdown .ui-state-active { background: transparent; border: 0; margin: 0; -webkit-transition: .3s linear; transition: .3s linear; } @media (min-width: 992px) and (max-width: 1199px) { .im-big-search-wrap form { padding: 25px 15px; } } @media only screen and (max-width: 991px) { .im-big-search-wrap { margin: 54px 0 60px; } .im-big-search-wrap h6 { margin-bottom: 18px; font-size: 35px; } .im-big-search-wrap form { padding: 25px 15px; } } @media only screen and (max-width: 991px) { .im-big-search-wrap h6 { margin-bottom: 18px; font-size: 27px; } .im-big-search-wrap form { padding: 19px 10px; } } /* ========================== How IT Work ========================== */ .im-how-it-work-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 80px; } .im-how-it-work-wrap .process-text { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; padding: 15px 34px; text-align: center; position: relative; } .im-how-it-work-wrap .process-text:after { content: ''; position: absolute; top: 50%; left: 98%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 0; width: 0; border-top: 15px solid transparent; border-left: 16px solid; border-left-color: #ff250d; border-bottom: 17px solid transparent; z-index: 4; } .im-how-it-work-wrap .process-text h4 { letter-spacing: .6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .im-how-it-work-wrap .process-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-how-it-work-wrap .item-wrap { padding: 25px 30px 26px; width: 100%; max-width: 33.3333%; position: relative; } .im-how-it-work-wrap .item-wrap:after { content: ''; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 0; width: 0; border-top: 15px solid transparent; border-left: 16px solid; border-bottom: 17px solid transparent; z-index: 3; } .im-how-it-work-wrap .item-wrap h4 { text-transform: uppercase; letter-spacing: .7px; } .im-how-it-work-wrap .item-wrap p { letter-spacing: .15px; margin-top: 18px; line-height: 20px; } .im-how-it-work-wrap .item-wrap:first-child:after { border-left-color: #004176; } .im-how-it-work-wrap .item-wrap:nth-child(2) { background: #5f6490; } .im-how-it-work-wrap .item-wrap:nth-child(2):after { border-left-color: #5f6490; } .im-how-it-work-wrap .item-wrap:nth-child(3) { background: #a0a0a0; } .im-how-it-work-wrap .item-wrap:nth-child(3):after { content: none; } @media (min-width: 1200px) and (max-width: 1399px) { .im-how-it-work-wrap .item-wrap h4 { font-size: 28px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-how-it-work-wrap .process-text { padding: 15px 20px; } .im-how-it-work-wrap .item-wrap h4 { font-size: 22px; } } @media only screen and (max-width: 991px) { .im-how-it-work-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-how-it-work-wrap .process-text { width: 100%; -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; } .im-how-it-work-wrap .process-text:after { left: 50%; top: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; border-top-color: #ff250d; } .im-how-it-work-wrap .process-text h4 { -webkit-transform: none; transform: none; font-size: 16px; } .im-how-it-work-wrap .item-wrap { padding: 20px 15px 22px; } .im-how-it-work-wrap .item-wrap:after { border-top-width: 10px; border-left-width: 10px; border-bottom-width: 10px; } .im-how-it-work-wrap .item-wrap h4 { font-size: 21px; } .im-how-it-work-wrap .item-wrap p { letter-spacing: 0; margin-top: 15px; line-height: 19px; font-size: 14px; } } @media only screen and (max-width: 767px) { .im-how-it-work-wrap .item-wrap { max-width: 100%; padding: 25px 30px 26px; } .im-how-it-work-wrap .item-wrap:after { left: 50%; top: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; } .im-how-it-work-wrap .item-wrap h4 { font-size: 23px; } .im-how-it-work-wrap .item-wrap:first-child:after { border-top-color: #004176; border-left-color: transparent; } .im-how-it-work-wrap .item-wrap:nth-child(2):after { border-top-color: #5f6490; border-left-color: transparent; } } @media only screen and (max-width: 575px) { .im-how-it-work-wrap .item-wrap { max-width: 100%; padding: 25px 20px 26px; } .im-how-it-work-wrap .item-wrap h4 { font-size: 20px; } } /* ========================== Category ========================== */ .im-category-wrap { padding-top: 80px; } .im-category-wrap .row { margin-top: -30px; } .im-category-wrap .category-section-title-wrap { margin-top: 30px; } .im-category-wrap .category-section-title-wrap .section-title { letter-spacing: 1px; padding-bottom: 5px; margin-bottom: 17px; margin-top: -8px; position: relative; } .im-category-wrap .category-section-title-wrap .section-title:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-category-wrap .category-section-title-wrap .section-title i { vertical-align: middle; margin-top: -5px; } .im-category-wrap .category-section-title-wrap p { color: #343434; letter-spacing: .52px; line-height: 28px; margin-bottom: 0; } .im-category-wrap .category-item { display: block; border: 1px solid; border-color: #e6e9ff; -webkit-transition: all .3s linear; transition: all .3s linear; margin-top: 30px; } .im-category-wrap .category-item .item-logo { text-align: center; height: 120px; line-height: 120px; } .im-category-wrap .category-item .item-logo img { opacity: .6; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-category-wrap .category-item h4 { text-transform: uppercase; letter-spacing: 1.2px; padding: 8px 18px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-category-wrap .category-item p { letter-spacing: 1px; opacity: .75; padding: 10px 18px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-category-wrap .category-item:hover { border-color: #ffe2df; } .im-category-wrap .category-item:hover .item-logo img { opacity: 1; } .im-category-wrap .category-item:hover p { opacity: 1; } @media (min-width: 1200px) and (max-width: 1399px) { .im-category-wrap .category-section-title-wrap .section-title { font-size: 32px; } .im-category-wrap .category-section-title-wrap .section-title i { font-size: 18px; } .im-category-wrap .category-section-title-wrap p { font-size: 18px; } .im-category-wrap .category-item h4 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-category-wrap .category-section-title-wrap .section-title { font-size: 32px; } .im-category-wrap .category-section-title-wrap .section-title i { font-size: 18px; } .im-category-wrap .category-section-title-wrap p { font-size: 18px; } .im-category-wrap .category-item h4 { font-size: 14px; } } @media only screen and (max-width: 767px) { .im-category-wrap .category-section-title-wrap .section-title { font-size: 35px; } .im-category-wrap .category-section-title-wrap p { font-size: 18px; } } @media only screen and (max-width: 575px) { .im-category-wrap .category-section-title-wrap .section-title { font-size: 28px; } .im-category-wrap .category-section-title-wrap .section-title i { font-size: 18px; } .im-category-wrap .category-section-title-wrap p { font-size: 18px; } } /* ========================== Total Review ========================== */ .im-total-review-area { background: url("../images/total-review-bg.png") no-repeat; background-size: cover; position: relative; border-bottom: 66px solid #000000; } .im-total-review-area::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; opacity: .9; } .im-total-review-area .container { position: relative; z-index: 3; } .im-total-review-wrap { text-align: center; padding: 40px 0 70px; } .im-total-review-wrap .rating-star svg { height: 37px; width: 42px; } .im-total-review-wrap h6 { letter-spacing: 4.4px; line-height: 30px; margin-top: 28px; text-transform: uppercase; } .im-total-review-wrap .review-count { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); margin: 0; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; } .im-total-review-wrap .review-count li { height: 61px; width: 61px; line-height: 49px; border-radius: 50%; text-align: center; border: 6px solid #000000; margin: 0 6px; float: left; } @media only screen and (max-width: 991px) { .im-total-review-area { border-bottom-width: 55px; } .im-total-review-wrap { padding: 40px 0 56px; } .im-total-review-wrap .rating-star svg { height: 28px; width: 31px; } .im-total-review-wrap h6 { font-size: 19px; margin-top: 22px; letter-spacing: 2.4px; } .im-total-review-wrap .review-count li { height: 55px; width: 55px; line-height: 44px; border: 5px solid #000000; margin: 0 3px; font-size: 18px; } } /* ========================== Hot Deal ========================== */ .im-hot-deal-wrap { padding: 70px 0 80px; } .im-hot-deal-wrap .section-row p { max-width: 815px; line-height: 28px; letter-spacing: .25px; margin-bottom: 0; color: #555555; } .im-hot-deal-wrap .section-title-wrap.resizing { margin-bottom: 17px; } .im-hot-deal-wrap .filter-hot-deal { margin-left: auto; /*the container must be positioned relative:*/ /*style the items (options), including the selected item:*/ /*style items (options):*/ /*hide the items when the select box is closed:*/ } .im-hot-deal-wrap .filter-hot-deal .btn-text-small { margin: 0 10px 0 0; } .im-hot-deal-wrap .filter-hot-deal .filter-form { display: inline-block; padding-left: 20px; position: relative; } .im-hot-deal-wrap .filter-hot-deal .filter-form:after { position: absolute; content: '|'; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-hot-deal-wrap .filter-hot-deal .filter-form label { margin: 0; letter-spacing: 1px; opacity: .75; margin-right: 20px; } .im-hot-deal-wrap .filter-hot-deal .filter-form select { letter-spacing: 1.2px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; min-width: 178px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 20px; } .im-hot-deal-wrap .filter-hot-deal .filter-form select span { padding: 5px; line-height: 30px; letter-spacing: 1.2px; } .im-hot-deal-wrap .filter-hot-deal .select-label { position: relative; } .im-hot-deal-wrap .filter-hot-deal .select-label select { display: none; } .im-hot-deal-wrap .filter-hot-deal .select-selected { letter-spacing: 1.2px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; min-width: 178px; position: relative; display: inline-block; cursor: pointer; } .im-hot-deal-wrap .filter-hot-deal .select-selected:after { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\f0d7"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; -webkit-transition: .3s linear; transition: .3s linear; } .im-hot-deal-wrap .filter-hot-deal .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg) translateY(4px); transform: rotate(180deg) translateY(4px); } .im-hot-deal-wrap .filter-hot-deal .select-items div { letter-spacing: 1.2px; border-bottom: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 14px 20px 14px 15px; cursor: pointer; } .im-hot-deal-wrap .filter-hot-deal .select-items div:last-child { border-bottom: 0; } .im-hot-deal-wrap .filter-hot-deal .select-items { border: 1px solid; border-color: #e6e9ff; position: absolute; top: 100%; right: 0; z-index: 99; min-width: 178px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); } .im-hot-deal-wrap .filter-hot-deal .select-hide { display: none; } .im-hot-deal-wrap .filter-hot-deal .select-items div:hover, .im-hot-deal-wrap .filter-hot-deal .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } .im-hot-deal-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .im-hot-deal-items .deal-item-col { padding: 0 15px; width: 100%; max-width: 25%; } .im-hot-deal-items .deal-item { border: 1px solid; margin-top: 40px; position: relative; } .im-hot-deal-items .deal-item .expired { position: absolute; top: 20px; left: 0; background: #89879c; padding: 5px 8px; text-transform: uppercase; } .im-hot-deal-items .deal-item figure { margin-bottom: 0; } .im-hot-deal-items .deal-item figure a { display: block; text-align: center; min-height: 200px; line-height: 200px; } .im-hot-deal-items .deal-item h3 { line-height: 20px; letter-spacing: .5px; } .im-hot-deal-items .deal-item h3 strong { color: #1c1649; position: relative; } .im-hot-deal-items .deal-item h3 strong::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #1c1649; opacity: .3; } .im-hot-deal-items .deal-item .item-info { padding: 0 40px 38px; } .im-hot-deal-items .deal-item .item-info .im-btn-normal { text-transform: uppercase; } .im-hot-deal-items .deal-item .item-act-list { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid; } .im-hot-deal-items .deal-item .item-act-list a { height: 50px; line-height: 50px; border-right: 1px solid; width: 100%; max-width: 42%; text-align: center; } .im-hot-deal-items .deal-item .item-act-list a:first-child { max-width: 16%; } .im-hot-deal-items .deal-item .item-act-list a:last-child { border-right: 0; } .im-hot-deal-items .deal-item .item-act-list a i { opacity: .5; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-hot-deal-items .deal-item .item-act-list a.comment i { -webkit-transform: translateY(2px); transform: translateY(2px); } .im-hot-deal-items .deal-item .item-act-list a:hover i { opacity: 1; } @media (min-width: 1200px) and (max-width: 1399px) { .im-hot-deal-items .deal-item .item-info { padding: 0 30px 27px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-hot-deal-wrap .section-row p { font-size: 18px; } .im-hot-deal-items .deal-item figure a { min-height: 150px; line-height: 150px; } .im-hot-deal-items .deal-item .item-info { padding: 0 20px 17px; } .im-hot-deal-items .deal-item .item-info .im-btn-normal { margin-top: 10px; } } @media only screen and (max-width: 991px) { .im-hot-deal-wrap .filter-hot-deal, .im-hot-deal-wrap .section-title-wrap.resizing .section-title { margin: auto; } .im-hot-deal-wrap .filter-hot-deal { margin-top: 5px; } .im-hot-deal-wrap .section-row p { font-size: 18px; } .im-hot-deal-items .deal-item-col { max-width: 33.3333%; } .im-hot-deal-items .deal-item { margin-top: 30px; } .im-hot-deal-items .deal-item figure a { min-height: 150px; line-height: 150px; } .im-hot-deal-items .deal-item .item-info { padding: 0 20px 17px; } .im-hot-deal-items .deal-item .item-info .im-btn-normal { margin-top: 10px; } .im-hot-deal-items .deal-item .expired { font-size: 11px; } } @media only screen and (max-width: 757px) { .im-hot-deal-items .deal-item-col { max-width: 50%; } } @media only screen and (max-width: 575px) { .im-hot-deal-wrap .filter-hot-deal .filter-form label { display: none; } .im-hot-deal-items .deal-item-col { max-width: 100%; } } /* ======================= Ads =================== */ .im-popup-ads { position: relative; } .im-popup-ads .remove_btn { position: absolute; top: 7px; right: 7px; cursor: pointer; } .im-popup-ads .remove_btn i { font-size: 16px; color: #ffffff; opacity: .5; } .im-popup-ads .remove_btn:hover { opacity: 1; } .im-popup-ads a { width: 100%; } .im-popup-ads a img { width: 100%; } .im-content-short-ads { padding: 80px 0; text-align: center; } @media only screen and (max-width: 991px) { .im-popup-ads { display: none; } } /* ======================= Widget =================== */ .im-sidebar .widget { margin-bottom: 75px; } .im-sidebar .widget.widget-sticky { margin-bottom: 0; } .im-sidebar .widget-category-list { border-top: 1px solid #ececef; border-right: 1px solid #ececef; } .im-sidebar .widget-category-list li a { letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #ececef; border-bottom: 1px solid #ececef; padding-right: 15px; } .im-sidebar .widget-category-list li a .icon { height: 53px; line-height: 53px; width: 53px; text-align: center; border-right: 1px solid #ececef; margin-right: 15px; } .im-sidebar .widget-category-list li a .icon svg { opacity: .5; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-sidebar .widget-category-list li a:hover svg { opacity: 1; } .im-sidebar .widget-best-product-list { margin-top: -4px; } .im-sidebar .widget-best-product-list li { padding: 19px 0 19px; } .im-sidebar .widget-best-product-list li:first-child { padding-top: 0; } .im-sidebar .widget-best-product-list li:not(:last-child) { border-bottom: 1px solid #dce0ff; } .im-sidebar .widget-best-product-list li a { letter-spacing: .25px; } .im-sidebar .widget-best-product-list li a:hover { text-decoration: underline; } .im-sidebar .widegt-top-comment-wrap { padding: 40px; } .im-sidebar .widegt-top-comment-wrap .comment-item .commenter { letter-spacing: 2.2px; line-height: 17px; text-transform: uppercase; } .im-sidebar .widegt-top-comment-wrap .comment-item .date { letter-spacing: .25px; line-height: 18px; color: #a0a0a0; } .im-sidebar .widegt-top-comment-wrap .comment-item blockquote { line-height: 24px; margin: 21px 0 47px; font-style: italic; } .im-sidebar .widegt-top-comment-wrap .slick-dots { margin-bottom: 0; } .im-sidebar .widegt-top-comment-wrap .slick-dots li { display: inline-block; } .im-sidebar .widegt-top-comment-wrap .slick-dots li:not(:last-child) { margin-right: 4px; } .im-sidebar .widegt-top-comment-wrap .slick-dots li.slick-active button { background: #5f6490; } .im-sidebar .widegt-top-comment-wrap .slick-dots button { background: transparent; font-size: 0; height: 13px; width: 13px; border-radius: 50%; border: 2px solid; border-color: #5f6490; cursor: pointer; } .im-sidebar .widget-top-product-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; position: relative; } .im-sidebar .widget-top-product-list li:after { content: ''; background-color: #e1e1e1; position: absolute; left: 0; top: 0; width: 18px; height: 4px; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-top-product-list li:not(:last-child) { margin-bottom: 20px; } .im-sidebar .widget-top-product-list li .item-details { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 85px); flex: 0 0 calc(100% - 85px); max-width: calc(100% - 85px); padding: 10px 15px 10px 0; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-top-product-list li .item-details a h5 { -webkit-transition: all .4s; transition: all .4s; } .im-sidebar .widget-top-product-list li .item-details a:hover { text-decoration: underline; } .im-sidebar .widget-top-product-list li .item-details .price { line-height: 15px; margin-top: 6px; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-top-product-list li .item-img { -webkit-box-flex: 0; -ms-flex: 0 0 85px; flex: 0 0 85px; max-width: 85px; border: 1px solid #e6e9ff; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-top-product-list li:hover { border-color: #e6e9ff; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03); } .im-sidebar .widget-top-product-list li:hover:after { width: 0; } .im-sidebar .widget-top-product-list li:hover .item-details { padding-left: 18px; } .im-sidebar .widget-top-product-list li:hover .item-img { border-color: transparent; } .im-sidebar .widget-price-drop-product-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; position: relative; max-width: 420px; } .im-sidebar .widget-price-drop-product-list li:after { content: ''; background-color: #e1e1e1; position: absolute; left: 0; top: 0; width: 18px; height: 4px; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-price-drop-product-list li:not(:last-child) { margin-bottom: 20px; } .im-sidebar .widget-price-drop-product-list li .item-details { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 85px); flex: 0 0 calc(100% - 85px); max-width: calc(100% - 85px); padding: 10px 15px 10px 0; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-price-drop-product-list li .item-details a h5 { -webkit-transition: all .4s; transition: all .4s; } .im-sidebar .widget-price-drop-product-list li .item-details .price { color: #000000; line-height: 15px; margin-top: 6px; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-price-drop-product-list li .item-details .price i { margin-right: 5px; } .im-sidebar .widget-price-drop-product-list li .item-details .price .old { color: #a0a0a0; display: inline-block; position: relative; margin-left: 8px; } .im-sidebar .widget-price-drop-product-list li .item-details .price .old:after { content: ''; position: absolute; top: 53%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 1px; width: calc(100% + 8px); } .im-sidebar .widget-price-drop-product-list li .item-img { -webkit-box-flex: 0; -ms-flex: 0 0 85px; flex: 0 0 85px; max-width: 85px; border: 1px solid #e6e9ff; -webkit-transition: all .3s; transition: all .3s; } .im-sidebar .widget-price-drop-product-list li:hover { border-color: #e6e9ff; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03); } .im-sidebar .widget-price-drop-product-list li:hover:after { width: 0; } .im-sidebar .widget-price-drop-product-list li:hover .item-details { padding-left: 18px; } .im-sidebar .widget-price-drop-product-list li:hover .item-details a:hover { text-decoration: underline; } .im-sidebar .widget-price-drop-product-list li:hover .item-img { border-color: transparent; } .im-sidebar .widget-coupon-wrap { border: 1px solid #e6e9ff; } .im-sidebar .widget-coupon-wrap .widget-coupon-item { padding: 40px 40px; position: relative; } .im-sidebar .widget-coupon-wrap .widget-coupon-item .item-img { text-align: center; max-width: 150px; margin: 65px auto 100px; } .im-sidebar .widget-coupon-wrap .widget-coupon-item h5 { line-height: 20px; } .im-sidebar .widget-coupon-wrap .widget-coupon-item h5 span { color: #1c1649; } .im-sidebar .widget-coupon-wrap .widget-coupon-item .save-star { position: absolute; top: 18px; right: 18px; color: #343434; opacity: .2; } .im-sidebar .widget-coupon-wrap .widget-coupon-item .save-star:hover { opacity: 1; } .im-sidebar .widget-pros-wrap { border: 1px solid #e6e9ff; } .im-sidebar .widget-pros-wrap .widget-pros-item { padding: 40px 40px; background: url(".././images/like-thumb.png") no-repeat; background-position: bottom right; } .im-sidebar .widget-pros-wrap .widget-pros-item h3 { line-height: 24px; margin-bottom: 10px; text-transform: uppercase; } .im-sidebar .widget-pros-wrap .widget-pros-item .description { margin-bottom: 25px; } .im-sidebar .widget-pros-wrap .widget-pros-item .description li { line-height: 28px; letter-spacing: .25px; } .im-sidebar .widget-post-author-wrap { text-align: center; border: 1px solid #e6e9ff; padding: 30px; } .im-sidebar .widget-post-author-wrap .auth-img img { border: 1px solid #e6e9ff; } .im-sidebar .widget-post-author-wrap .name { margin-top: 19px; } .im-sidebar .widget-post-author-wrap h4 { text-transform: uppercase; letter-spacing: .5px; } .im-sidebar .widget-post-author-wrap p { font-style: italic; text-decoration: underline; max-width: 240px; margin: 18px auto 0; line-height: 24px; } .im-sidebar .widget-post-author-wrap .social { margin: 22px 0 0; } .im-sidebar .widget-post-author-wrap .social li { display: inline-block; padding: 0 10px; } .im-sidebar .widget-search-wrap { padding: 30px 20px 23px; border: 1px solid #e6e9ff; } .im-sidebar .widget-search-wrap form input { border: 1px solid #e6e9ff; width: 100%; padding: 15px 20px; border-radius: 2px; font-size: 14px; } .im-sidebar .widget-search-wrap form input::-webkit-input-placeholder { color: #5f6490; } .im-sidebar .widget-search-wrap form input::-ms-input-placeholder { color: #5f6490; } .im-sidebar .widget-search-wrap form input::placeholder { color: #5f6490; } .im-sidebar .widget-search-wrap form button { width: 100%; text-transform: uppercase; line-height: 24px; border: 1px solid #e6e9ff; padding: 12px 20px; margin-top: 13px; border-radius: 2px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-sidebar .widget-search-wrap p { text-align: center; opacity: .63; font-style: italic; margin-top: 10px; margin-bottom: 0; } .im-sidebar .widget-link-list li { padding: 11px 0; } .im-sidebar .widget-link-list li:first-child { padding-top: 0; } .im-sidebar .widget-link-list li a { opacity: .66; letter-spacing: .2px; } .im-sidebar .widget-link-list li a:hover { opacity: 1; } .im-sidebar .widget-recent-product-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; } .im-sidebar .widget-recent-product-list li .item-img { width: 100%; max-width: 115px; } .im-sidebar .widget-recent-product-list li .item-info { width: 100%; padding-left: 30px; } .im-sidebar .widget-recent-product-list li .item-info .post-date { letter-spacing: .22px; opacity: .7; margin-bottom: 7px; text-transform: uppercase; } .im-sidebar .widget-recent-product-list li .item-info h2 { letter-spacing: .35px; line-height: 22px; text-transform: uppercase; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 { padding: 12px 21px 8px 43px; margin-top: 12px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon { border-right: 0; top: 44%; } .im-sidebar .widget-recent-product-list li:first-child { margin-top: 0; } .im-sidebar .widget-tags-list { margin-top: -10px; } .im-sidebar .widget-tags-list li { display: inline-block; margin-top: 10px; margin-right: 3px; } .im-sidebar .widget-tags-list li a { background: #e7f2fe; padding: 14px 25px; border-radius: 20px; letter-spacing: .8px; text-transform: uppercase; opacity: .76; } .im-sidebar .widget-tags-list li a:hover { opacity: 1; } @media (min-width: 1200px) and (max-width: 1399px) { .im-sidebar .widget-recent-product-list li .item-img { max-width: 100px; } .im-sidebar .widget-recent-product-list li .item-info { padding-left: 15px; } .im-sidebar .widget-recent-product-list li .item-info h2 { font-size: 14px; line-height: 21px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 { padding: 10px 16px 8px 39px; margin-top: 9px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon { padding: 0px 16px 2px 16px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon i { font-size: 10px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .btn-text-wrap .btn-text { font-size: 12px; line-height: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-sidebar .widegt-top-comment-wrap { padding: 20px; } .im-sidebar .widegt-top-comment-wrap .comment-item blockquote { font-size: 15px; } .im-sidebar .widget-coupon-wrap .widget-coupon-item { padding: 20px; } .im-sidebar .widget-coupon-wrap .widget-coupon-item .item-img { margin: 50px auto 54px; } .im-sidebar .widget-pros-wrap .widget-pros-item { padding: 20px; } .im-sidebar .widget-recent-product-list li .item-info { padding-left: 15px; } .im-sidebar .widget-recent-product-list li .item-info h2 { font-size: 13px; line-height: 21px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 { padding: 10px 16px 8px 39px; margin-top: 9px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon { padding: 0px 16px 2px 16px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon i { font-size: 10px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .btn-text-wrap .btn-text { font-size: 12px; line-height: 15px; } } @media only screen and (max-width: 991px) { .im-sidebar .widget { margin-bottom: 60px; } .im-sidebar .widget-recent-product-list li .item-info { width: 100%; padding-left: 20px; } .im-sidebar .widget-recent-product-list li .item-info h2 { font-size: 15px; line-height: 21px; } .im-sidebar .widget-link-list li { padding: 8px 0; } } @media only screen and (max-width: 575px) { .im-sidebar .widget-recent-product-list li .item-img { max-width: 100px; } .im-sidebar .widget-recent-product-list li .item-info { padding-left: 15px; } .im-sidebar .widget-recent-product-list li .item-info h2 { font-size: 13px; line-height: 21px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 { padding: 10px 16px 8px 39px; margin-top: 9px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon { padding: 0px 16px 2px 16px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .icon i { font-size: 10px; } .im-sidebar .widget-recent-product-list li .item-info .im-btn-6 .btn-text-wrap .btn-text { font-size: 12px; line-height: 15px; } .im-sidebar .widget-link-list li a { font-size: 15px; } } /* ========================================================== */ /* ========================= Footer ========================= */ /* ========================================================== */ .im-footer-default { background: #ffffff; } .im-footer-widgets { padding: 120px 0 110px; } .im-footer-widgets-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px; } .im-footer-widgets-wrap .footer-widget { width: 100%; max-width: 19.25%; padding: 0 32px; } .im-footer-widgets-wrap .footer-widget:first-child { max-width: 23%; } .im-footer-widgets-wrap .footer-widget .widget-title { background: #f5f8fb; padding: 10px 21px 4px; letter-spacing: 0.30px; position: relative; margin-bottom: 71px; display: inline-block; } .im-footer-widgets-wrap .footer-widget .widget-title:after { position: absolute; content: ''; height: 0; width: 0; left: 100%; top: 14px; border-top: 0px solid transparent; border-left: 11px solid #f5f8fb; border-bottom: 11px solid transparent; } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li { padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li:last-child { border-bottom: 0; } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li:first-child { padding-top: 0; } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { color: #5b64b8; line-height: 20px; letter-spacing: .1px; position: relative; padding: 0 23px; } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:after { content: ''; position: absolute; top: 0%; left: 0px; height: 100%; width: 8px; background: rgba(0, 0, 0, 0.1); } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:before { content: ''; position: absolute; top: 0%; left: 0px; height: 100%; width: 0px; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: 5; } .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:hover:before { width: 8px; } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li:first-child { padding-top: 0; } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li:last-child { border-bottom: 0; } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a { color: #5b64b8; line-height: 22px; letter-spacing: .5px; padding: 0px 20px 0px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a i { font-size: 6px; opacity: .3; -webkit-transition: all .3s linear; transition: all .3s linear; margin-right: 8px; } .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a:hover i { opacity: 1; } .im-footer-widgets-tag-wrap { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 50px; margin-bottom: -15px; } .im-footer-widgets-tag-wrap a { line-height: 15px; padding: 2px 9px 3px 12px; position: relative; color: #7f86c2; margin-bottom: 15px; } .im-footer-widgets-tag-wrap a:after { position: absolute; content: ''; height: 100%; width: 2px; background: #7f86c2; left: 0; top: 0; } .im-footer-widgets-tag-wrap a:hover:after { background: #000000; } /* ==================== Widget Newsletter ===================== */ .im-widget-newsleter-1-row { position: relative; background: url(".././images/hand-bg.png") no-repeat, #ffffff; background-position: bottom center, center; padding: 55px 30px 40px; text-align: center; max-width: 346px; width: 100%; -webkit-box-shadow: 0px -5px 66px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -5px 66px 0px rgba(0, 0, 0, 0.1); } .im-widget-newsleter-1-row .widget-newslatter-wrap img { margin-bottom: 50px; } .im-widget-newsleter-1-row .widget-newslatter-wrap .caption { font-size: 62px; line-height: 44px; letter-spacing: 1px; margin-bottom: 33px; } .im-widget-newsleter-1-row .widget-newslatter-wrap .caption span { display: block; font-size: 32px; line-height: 28px; margin-bottom: 5px; } .im-widget-newsleter-1-row .newslatter-form input { display: block; padding: 20px; border: 2px solid; border-color: #5f6490; color: #a0a4c1; letter-spacing: .35px; width: 100%; border-radius: 3px; } .im-widget-newsleter-1-row .newslatter-form input:focus { border-color: #ff250d; } .im-widget-newsleter-1-row .newslatter-form button { height: 30px; width: 30px; line-height: 28px; border: 2px solid; border-radius: 50%; text-align: center; cursor: pointer; margin-top: 34px; -webkit-transition: .3s linear; transition: .3s linear; } .im-widget-newsleter-1-row .footer-social { margin-top: 30px; } .im-widget-newsleter-1-row .circle-left { position: absolute; left: 0; top: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-widget-newsleter-1-row .circle-right { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* =========================== Footer Copyright ======================= */ .im-copyright-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 34px 0; } .im-copyright-wrap .copyright-text ul { margin-bottom: -10px; } .im-copyright-wrap .copyright-text ul li { display: inline-block; color: #bac1ff; position: relative; letter-spacing: .25px; margin-right: 8px; padding-right: 8px; margin-bottom: 10px; } .im-copyright-wrap .copyright-text ul li.footer-logo { margin-right: 17px; padding-right: 14px; } .im-copyright-wrap .copyright-text ul li:not(:last-child):after { position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); content: ''; height: 100%; width: 2px; background: #bac1ff; } .im-copyright-wrap .copyright-text ul li a { color: #bac1ff; text-decoration: underline; } .im-copyright-wrap .copyright-right { margin-left: auto; width: 100%; max-width: 25%; text-align: right; } /* ========================================== Footer Style 2 ================================ */ .im-footer-style-2 { background: #f5f8fb; /* Style 2 Copyright area */ } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget:last-child { max-width: 30%; margin-left: auto; margin-bottom: -210px; z-index: 2; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .widget-title:after { border-left-color: #ffffff; } .im-footer-style-2 .im-copyright-wrap { position: relative; } .im-footer-style-2 .im-copyright-wrap .copyright-text ul li a:hover { opacity: .8; } /* =============================================================== */ /* ======================== Background Dark ====================== */ /* =============================================================== */ .im-footer-default.im-dark-bg { background: #00172a; } .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .widget-title { background: #5f6490; color: #bfc1d3; } .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .widget-title:after { border-left-color: #5f6490; } .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { color: #a2a6cd; } .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a:after { opacity: .4; } .im-footer-default.im-dark-bg .im-footer-widgets-wrap .footer-widget .footer-widget-links-wrap ul li a { color: #a2a6cd; } .im-footer-default.im-dark-bg .im-footer-widgets-tag-wrap a { color: #7f86c2; } .im-footer-default.im-dark-bg .im-copyright-area { background: #000000; } .im-footer-default.im-dark-bg .im-copyright-area .copyright-text ul li { color: #a0a0a0; } @media (min-width: 1200px) and (max-width: 1399px) { .im-footer-widgets-wrap { margin: 0 -15px; } .im-footer-widgets-wrap .footer-widget { padding: 0 15px; } .im-footer-widgets-wrap .footer-widget .widget-title { font-size: 27px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { font-size: 14px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget:first-child { max-width: 25%; } } @media (min-width: 992px) and (max-width: 1199px) { .im-footer-widgets { padding: 100px 0 90px; } .im-footer-widgets-wrap { margin: 0 -15px; } .im-footer-widgets-wrap .footer-widget { padding: 0 15px; } .im-footer-widgets-wrap .footer-widget .widget-title { font-size: 27px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget { max-width: 23%; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget:first-child { max-width: 31%; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget:last-child { display: none; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { font-size: 14px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget { max-width: 21.25%; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget:first-child { max-width: 27%; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { font-size: 14px; } .im-footer-style-2 .im-widget-newsleter-1-row .widget-newslatter-wrap .caption { font-size: 57px; line-height: 39px; letter-spacing: 1px; margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .im-footer-widgets { padding: 100px 0 90px; } .im-footer-style-1 .im-footer-widgets-wrap { margin-top: -40px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget { max-width: 50%; margin-top: 40px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget .widget-title { margin-bottom: 40px; } .im-footer-style-2 .im-footer-widgets-wrap { margin-top: -40px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget { max-width: 50%; margin-top: 40px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget:last-child { max-width: 50%; margin-bottom: 0; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .widget-title { margin-bottom: 40px; } .im-widget-newsleter-1-row { padding: 40px 30px 40px; } .im-widget-newsleter-1-row .widget-newslatter-wrap img { margin-bottom: 38px; } .im-widget-newsleter-1-row .widget-newslatter-wrap .caption { font-size: 56px; line-height: 37px; letter-spacing: 1px; margin-bottom: 27px; } .im-widget-newsleter-1-row .widget-newslatter-wrap .caption span { font-size: 28px; line-height: 21px; margin-bottom: 1px; } .im-widget-newsleter-1-row .newslatter-form input { padding: 10px 20px; } .im-widget-newsleter-1-row .newslatter-form button { margin-top: 13px; } /* ======================= footer Tags ========================= */ .im-footer-widgets-tag-wrap a { font-size: 17px; } /* ======================== Footer Copy Right ======================== */ .im-copyright-wrap { text-align: center; } .im-copyright-wrap .copyright-right { margin: 20px auto 0; max-width: 100%; text-align: center; } } @media only screen and (max-width: 757px) { .im-footer-style-1 .im-footer-widgets-wrap { margin-left: -15px; margin-right: -15px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget { padding: 0 15px; } .im-footer-style-1 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { font-size: 14px; } .im-footer-style-2 .im-footer-widgets-wrap { margin-left: -15px; margin-right: -15px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget { padding: 0 15px; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget .footer-widget-blog-wrap ul li a { font-size: 14px; } } @media only screen and (max-width: 575px) { .im-footer-style-1 .im-footer-widgets-wrap .footer-widget { max-width: 100%; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget { max-width: 100%; } .im-footer-style-2 .im-footer-widgets-wrap .footer-widget:last-child { max-width: 100%; } } .im-footer-style-3 { background: url("../images/footer-3-bg.png") no-repeat; background-size: cover; background-position: center bottom; } .im-footer-style-3 .footer-widgets { padding: 175px 0 41px; } .im-footer-style-3 .footer-widgets .footer-widget-text { width: 100%; max-width: 560px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 97px; line-height: 89px; text-transform: uppercase; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { display: block; line-height: 51px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { line-height: 34px; letter-spacing: .5px; opacity: .5; margin-top: 30px; margin-bottom: 0; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 72px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 126px; margin-bottom: -15px; max-width: 78%; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap:before { content: ''; display: block; clear: both; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap:after { content: ''; display: block; clear: both; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a { line-height: 15px; position: relative; color: #7e8fff; margin-bottom: 15px; float: left; margin-right: 21px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a:after { position: absolute; content: ''; height: 18px; width: 2px; background: #7e8fff; right: -12px; top: 0; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a:before { position: absolute; content: ''; height: 1px; width: 0%; background: #7e8fff; left: 0; bottom: -3px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a:last-child:after { content: none; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap a:hover:before { width: 100%; } .im-footer-style-3 .footer-widgets .footer-widget-link { margin-bottom: 0; margin-top: 22px; max-width: 78%; } .im-footer-style-3 .footer-widgets .footer-widget-link:before { content: ''; display: block; clear: both; } .im-footer-style-3 .footer-widgets .footer-widget-link:after { content: ''; display: block; clear: both; } .im-footer-style-3 .footer-widgets .footer-widget-link li { float: left; padding-right: 25px; margin-top: 9px; } .im-footer-style-3 .footer-widgets .footer-widget-link li a { letter-spacing: .25px; position: relative; } .im-footer-style-3 .footer-widgets .footer-widget-link li a:after { position: absolute; content: ''; bottom: 3px; right: -9px; width: 5px; height: 5px; border-radius: 50%; -webkit-transition: all .2s linear; transition: all .2s linear; } .im-footer-style-3 .copyright-area { border-top: 1px solid rgba(255, 255, 255, 0.1); } .im-footer-style-3 .copyright-area .container { position: relative; } .im-footer-style-3 .copyright-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 34px 0; } .im-footer-style-3 .copyright-wrap .copyright-text ul { margin-bottom: -10px; } .im-footer-style-3 .copyright-wrap .copyright-text ul li { display: inline-block; color: #bac1ff; position: relative; letter-spacing: .25px; margin-right: 8px; padding-right: 8px; margin-bottom: 10px; opacity: .5; } .im-footer-style-3 .copyright-wrap .copyright-text ul li.footer-logo { margin-right: 17px; padding-right: 14px; opacity: 1; } .im-footer-style-3 .copyright-wrap .copyright-text ul li:not(:last-child):after { position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); content: ''; height: 100%; width: 2px; background: #bac1ff; } .im-footer-style-3 .copyright-wrap .copyright-text ul li a { color: #bac1ff; text-decoration: underline; } .im-footer-style-3 .copyright-wrap .newsletter-row { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 305px; padding: 33px 40px 0; background: rgba(9, 27, 47, 0.9); border-radius: 3px 3px 0 0; } .im-footer-style-3 .copyright-wrap .newsletter-row .caption { color: #7e8fff; line-height: 32px; letter-spacing: 1.2px; margin-bottom: 34px; max-width: 205px; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form { position: relative; border-bottom: 1px solid; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input { background: transparent; border: 0; width: 100%; padding: 11px 30px 11px 0; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input::-webkit-input-placeholder { color: #ffffff; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input::-ms-input-placeholder { color: #ffffff; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form input::placeholder { color: #ffffff; } .im-footer-style-3 .copyright-wrap .newsletter-row .subscribe-form button { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: transparent; border: 0; color: #7e8fff; height: 29px; width: 30px; } .im-footer-style-3 .copyright-wrap .newsletter-row .social { margin-bottom: 0; padding: 29px 0; } .im-footer-style-3 .copyright-wrap .newsletter-row .social:before { content: ''; display: block; clear: both; } .im-footer-style-3 .copyright-wrap .newsletter-row .social:after { content: ''; display: block; clear: both; } .im-footer-style-3 .copyright-wrap .newsletter-row .social li { float: left; } .im-footer-style-3 .copyright-wrap .newsletter-row .social li:not(:last-child) { padding-right: 7px; } .im-footer-style-3 .copyright-wrap .newsletter-row .social li a { height: 41px; width: 41px; line-height: 41px; background: #5a6c80; text-align: center; border-radius: 50%; } @media (min-width: 1200px) and (max-width: 1399px) { .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 70px; line-height: 80px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { line-height: 40px; font-size: 35px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { margin-top: 30px; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 44px; padding: 13px 20px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 90px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 70px; line-height: 80px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { line-height: 40px; font-size: 35px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { margin-top: 30px; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 44px; padding: 13px 20px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 90px; max-width: 71%; } .im-footer-style-3 .footer-widgets .footer-widget-link { max-width: 71%; } .im-footer-style-3 .copyright-wrap { max-width: 71%; } } @media only screen and (max-width: 991px) { .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 70px; line-height: 80px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { line-height: 40px; font-size: 35px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { margin-top: 30px; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 44px; padding: 13px 20px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 90px; max-width: 100%; } .im-footer-style-3 .footer-widgets .footer-widget-link { max-width: 100%; } .im-footer-style-3 .copyright-wrap { max-width: 100%; } .im-footer-style-3 .copyright-wrap .copyright-text { border-top: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 34px; margin-top: 8px; } .im-footer-style-3 .copyright-wrap .newsletter-row { position: inherit; max-width: 100%; padding: 0; background: transparent; } .im-footer-style-3 .copyright-wrap .newsletter-row .caption { max-width: 100%; margin-bottom: 17px; } } @media only screen and (max-width: 767px) { .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 55px; line-height: 60px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { line-height: 29px; font-size: 28px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { margin-top: 30px; font-size: 18px; line-height: 29px; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 34px; padding: 12px 20px; font-size: 15px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 50px; } } @media only screen and (max-width: 575px) { .im-footer-style-3 .footer-widgets .footer-widget-text h3 { font-size: 39px; line-height: 39px; } .im-footer-style-3 .footer-widgets .footer-widget-text h3 span { line-height: 21px; font-size: 19px; } .im-footer-style-3 .footer-widgets .footer-widget-text p { margin-top: 25px; font-size: 16px; line-height: 25px; } .im-footer-style-3 .footer-widgets .footer-widget-text a { margin-top: 34px; padding: 12px 20px; font-size: 15px; } .im-footer-style-3 .footer-widgets .footer-widget-tag-wrap { margin-top: 45px; } .im-footer-style-3 .copyright-wrap .newsletter-row .caption { line-height: 32px; letter-spacing: .5px; margin-bottom: 10px; font-size: 22px; } } .im-footer-style-4 { overflow-x: hidden; } .im-footer-style-4 .container { position: relative; z-index: 5; } .im-footer-style-4 .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-footer-style-4 .copyright-wrap { padding: 34px 0; width: 100%; max-width: 43%; position: relative; padding-top: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; } .im-footer-style-4 .copyright-wrap:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1000%; background-color: black; opacity: .9; } .im-footer-style-4 .copyright-wrap .footer-logo a { position: relative; z-index: 3; padding-right: 15px; margin-right: 16px; } .im-footer-style-4 .copyright-wrap .footer-logo a:after { position: absolute; top: 0%; right: 0; content: ''; height: 100%; width: 1px; background: #bac1ff; } .im-footer-style-4 .copyright-wrap .copyright-text { position: relative; z-index: 3; margin-top: -5px; } .im-footer-style-4 .copyright-wrap .copyright-text p { letter-spacing: .25px; opacity: .7; margin-bottom: 0; } .im-footer-style-4 .copyright-wrap .copyright-text p a { text-decoration: underline; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p { display: inline-block; position: relative; padding-right: 15px; margin-right: 15px; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p:after { position: absolute; top: 0%; right: 0; content: ''; height: 100%; width: 2px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: .7; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p:last-child { padding-right: 0px; margin-right: 0px; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p:last-child:after { content: none; } .im-footer-style-4 .copyright-wrap .footer-social { margin-top: 30px; } .im-footer-style-4 .widget-link-wrap { position: relative; width: 100%; max-width: 19%; } .im-footer-style-4 .widget-link-wrap:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; } .im-footer-style-4 .widget-link-wrap:nth-child(2)::after { opacity: 0.702; } .im-footer-style-4 .widget-link-wrap:nth-child(3)::after { opacity: 0.502; } .im-footer-style-4 .widget-link-wrap:nth-child(4):after { opacity: 0.302; width: 1000%; } .im-footer-style-4 .widget-links { margin-bottom: 0; position: relative; z-index: 3; padding: 59px 0; } .im-footer-style-4 .widget-links li:not(:last-child) { margin-bottom: 11px; } .im-footer-style-4 .widget-links li a { letter-spacing: .5px; opacity: .65; padding: 0 15px 0 44px; position: relative; } .im-footer-style-4 .widget-links li a:after { content: ''; position: absolute; top: 50%; left: 0; width: 00px; height: 1px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-footer-style-4 .widget-links li a:hover { opacity: 1; -webkit-transform: translateX(4px); transform: translateX(4px); } .im-footer-style-4 .widget-links li a:hover:after { width: 10px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-footer-style-4 .widget-links li a { padding: 0 15px 0 33px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-footer-style-4 .copyright-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 40%; } .im-footer-style-4 .copyright-wrap .footer-logo { margin-bottom: 30px; } .im-footer-style-4 .widget-link-wrap { max-width: 20%; } .im-footer-style-4 .widget-links li a { padding: 0 15px 0 33px; } } @media only screen and (max-width: 991px) { .im-footer-style-4 .copyright-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 50%; padding-left: 37px; padding-top: 67px; } .im-footer-style-4 .copyright-wrap .footer-logo { margin-bottom: 30px; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p { display: block; } .im-footer-style-4 .copyright-wrap .copyright-text .p-wrap p:after { content: none; } .im-footer-style-4 .widget-link-wrap { max-width: 50%; } .im-footer-style-4 .widget-link-wrap:nth-child(2):after { width: 500%; } .im-footer-style-4 .widget-link-wrap:nth-child(3):after { width: 500%; left: inherit; right: 0; } .im-footer-style-4 .widget-links li a { padding: 0 15px 0 33px; } } @media only screen and (max-width: 575px) { .im-footer-style-4 .copyright-wrap { max-width: 100%; } .im-footer-style-4 .widget-link-wrap { max-width: 100%; } .im-footer-style-4 .widget-link-wrap:nth-child(2):after { width: 500%; } .im-footer-style-4 .widget-link-wrap:nth-child(3):after { width: 500%; left: inherit; right: 0; } .im-footer-style-4 .widget-links li a { padding: 0 15px 0 33px; } } /* ================================================ Pages ================================================== */ /* ========================= Home Review ========================== */ .im-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 52px 0 80px; } .im-content-wrap .content-widget-left { width: 100%; max-width: 14%; } .im-content-wrap .content-wrap { width: 100%; max-width: 63%; padding: 0 45px; } .im-content-wrap .content-widget-right { width: 100%; max-width: 23%; } .im-review-content { margin-bottom: 22px; } .im-review-content .review-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-content .review-item-wrap .review-item { width: 100%; max-width: calc(50% - 15px); margin-bottom: 30px; position: relative; } .im-review-content .review-item-wrap .review-item:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-review-content .review-item-wrap .review-item:first-child { width: 100%; max-width: 100%; } .im-review-content .review-item-wrap .review-item .item-img { position: relative; } .im-review-content .review-item-wrap .review-item .item-img > a { position: relative; display: block; } .im-review-content .review-item-wrap .review-item .item-img > a img { width: 100%; } .im-review-content .review-item-wrap .review-item .item-img > a:after { background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.702; position: absolute; left: 0px; bottom: 0; width: 100%; height: 100%; content: ""; } .im-review-content .review-item-wrap .review-item .meta-wrap { position: absolute; bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; z-index: 5; letter-spacing: 1.2px; padding-left: 17px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap .rating-star { display: inline-block; text-align: center; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap span { margin-left: 7px; vertical-align: middle; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author { margin-left: auto; background: rgba(0, 0, 0, 0.9); padding: 3px 19px 3px 12px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author i { font-size: 9px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author .author { text-transform: uppercase; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author .sep { padding: 0 11px 0 3px; } .im-review-content .review-item-wrap .review-item .title { margin: 16px 0 24px; } .im-review-content .review-item-wrap .review-item .title h2 { line-height: 32px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-review-content .review-item-wrap .review-item .title h2 .first-letter { height: 33px; width: 33px; text-align: center; line-height: 33px; background: #000000; display: inline-block; border-radius: 50%; margin-right: 4px; } .im-tutorial-content { margin-top: 72px; } .im-tutorial-content .tutorial-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid; border-color: #e6e9ff; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-tutorial-content .tutorial-item:not(:last-child) { margin-bottom: 30px; } .im-tutorial-content .tutorial-item .item-img { width: 100%; max-width: 140px; } .im-tutorial-content .tutorial-item .item-details { width: 100%; max-width: calc(100% - 140px); padding: 25px 30px; } .im-tutorial-content .tutorial-item .item-details a:hover h2 { line-height: 31px; } .im-tutorial-content .tutorial-item .item-details p { margin-top: 10px; } .im-tutorial-content .tutorial-item:hover { -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 65, 118, 0.06); box-shadow: 0px 4px 4px 0px rgba(0, 65, 118, 0.06); } .im-benchmark-content { margin-top: 80px; } .im-benchmark-content .section-title-wrap { padding: 30px 20px; margin-bottom: 0; } .im-benchmark-content .section-title-wrap:after { content: none; } .im-benchmark-content .section-title-wrap .section-title i { color: #b5bdc9; } .im-benchmark-content .section-title-wrap .btn-text-small { margin-left: auto; } .im-benchmark-content .benchmark-category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .im-benchmark-content .benchmark-category-list li { width: 20%; max-width: 20%; } .im-benchmark-content .benchmark-category-list li:first-child a { border-left: 0; } .im-benchmark-content .benchmark-category-list li a { width: 100%; height: 100%; padding: 45px 0px 48px 40px; border-left: 1px solid #e6e9ff; border-bottom: 1px solid #e6e9ff; } .im-benchmark-content .benchmark-category-list li a h5 { margin-top: 6px; text-transform: uppercase; } .im-benchmark-content .benchmark-category-list li a i { color: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s linear; transition: all .3s linear; } .im-benchmark-content .benchmark-category-list li a.active-tab, .im-benchmark-content .benchmark-category-list li a:hover { border-color: transparent; } .im-benchmark-content .benchmark-category-list li a.active-tab i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .im-benchmark-content .beachmark-product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-benchmark-content .beachmark-product-item .item-details { width: 100%; max-width: 60%; padding: 34px 40px 34px; } .im-benchmark-content .beachmark-product-item .item-details h2 { margin-bottom: 20px; letter-spacing: .3px; } .im-benchmark-content .beachmark-product-item .item-details p { letter-spacing: .4px; } .im-benchmark-content .beachmark-product-item .item-img { width: 100%; max-width: 40%; } .im-content-ads { margin-top: 80px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-content-wrap .content-widget-left { max-width: 17%; } .im-content-wrap .content-wrap { max-width: 60%; padding: 0 30px; } .im-benchmark-content .beachmark-product-item .item-details { padding: 34px 20px 34px 40px; } .im-tutorial-content .tutorial-item .item-details { padding: 19px 24px; } .im-tutorial-content .tutorial-item .item-details h2 { font-size: 22px; } .im-tutorial-content .tutorial-item .item-details p { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-content-wrap .content-widget-left { max-width: 19%; } .im-content-wrap .content-wrap { max-width: 58%; padding: 0 30px; } .im-review-content .section-title-wrap .review-arrows { display: none; } .im-review-content .review-item-wrap .review-item:not(:first-child) .meta-wrap { font-size: 9px; padding-left: 10px; } .im-review-content .review-item-wrap .review-item .title { margin: 16px 0 16px; } .im-review-content .review-item-wrap .review-item .title h2 { font-size: 20px; line-height: 27px; } .im-review-content .review-item-wrap .review-item .title h2 .first-letter { height: 25px; width: 25px; line-height: 25px; font-size: 14px; } .im-review-content .review-item-wrap .review-item .meta-wrap { font-size: 10px; padding-left: 10px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap .rating-star svg { height: 14px; width: 14px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author { padding: 3px 9px 3px 10px; } .im-pagination .pagination-list li { padding: 0 10px 0px; } .im-pagination .btn-big-arrow { width: 45px; height: 45px; line-height: 45px; } .im-tutorial-content .tutorial-item .item-details { padding: 20px 20px; } .im-tutorial-content .tutorial-item .item-details h2 { font-size: 21px; } .im-tutorial-content .tutorial-item .item-details p { font-size: 15px; line-height: 21px; } .im-benchmark-content .benchmark-category-list li a { padding: 40px 0px 40px 25px; } .im-benchmark-content .benchmark-category-list li a h5 { font-size: 23px; } .im-benchmark-content .beachmark-product-item .item-details { padding: 20px 25px 20px; } .im-benchmark-content .beachmark-product-item .item-details h2 { font-size: 21px; } } @media only screen and (max-width: 991px) { .im-content-wrap .content-wrap { max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; } .im-content-wrap .content-widget-left { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 40px; } .im-content-wrap .content-widget-right { max-width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 60px; } .im-tutorial-content .tutorial-item .item-details { padding: 19px 20px; } } @media only screen and (max-width: 767px) { .im-review-content .section-title-wrap .slider-arrows { display: none; } .im-review-content .review-item-wrap .review-item:not(:first-child) .meta-wrap { font-size: 9px; padding-left: 10px; } .im-review-content .review-item-wrap .review-item .title { margin: 16px 0 16px; } .im-review-content .review-item-wrap .review-item .title h2 { font-size: 20px; line-height: 27px; } .im-review-content .review-item-wrap .review-item .title h2 .first-letter { height: 25px; width: 25px; line-height: 25px; font-size: 14px; } .im-review-content .review-item-wrap .review-item .meta-wrap { font-size: 10px; padding-left: 10px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap .rating-star svg { height: 14px; width: 14px; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author { padding: 3px 9px 3px 10px; } .im-benchmark-content .benchmark-category-list li a { padding: 40px 0px 40px 25px; } .im-benchmark-content .benchmark-category-list li a h5 { font-size: 23px; } .im-benchmark-content .beachmark-product-item .item-details { padding: 20px 25px 20px; } .im-benchmark-content .beachmark-product-item .item-details h2 { font-size: 21px; } .im-tutorial-content .tutorial-item .item-details h2 { font-size: 21px; } .im-tutorial-content .tutorial-item .item-details p { font-size: 15px; line-height: 21px; } } @media only screen and (max-width: 575px) { .im-review-content .review-item-wrap .review-item { max-width: 100%; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-rating-star-wrap span { display: none; } .im-review-content .review-item-wrap .review-item .meta-wrap .meta-item-author span { display: none; } .im-pagination .pagination-list li { padding: 0 7px 0px; } .im-pagination .pagination-list li a { font-size: 18px; } .im-pagination .btn-big-arrow { width: 35px; height: 35px; line-height: 35px; } .im-pagination .arrow-prev { margin-right: 20px; } .im-pagination .arrow-next { margin-left: 20px; } .im-benchmark-content .benchmark-category-list li a { padding: 30px 0px 30px 10px; } .im-benchmark-content .benchmark-category-list li a h5 { font-size: 20px; } .im-benchmark-content .beachmark-product-item .item-details { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .im-benchmark-content .beachmark-product-item .item-img { max-width: 100%; } .im-tutorial-content .tutorial-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-tutorial-content .tutorial-item .item-img { max-width: 100%; text-align: center; } .im-tutorial-content .tutorial-item .item-details { max-width: 100%; text-align: center; } } /* ========================= Home Product ========================== */ @media only screen and (max-width: 991px) { .im-related-product-wrapper .section-title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .im-related-product-wrapper .filter-related-product { margin: 5px auto 0; } .page-home-product .im-hot-deal-wrap { padding-bottom: 0; } } /* ========================= Home BLog ========================== */ .im-home2-content { padding: 80px 0; } .im-home2-content .im-big-offer-wrap { margin-top: -20px; } /* ===================================================== ===================== Big Offer Product =================== ======================================================== */ .im-big-offer-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .im-big-offer-wrap .big-offer-item-wrap { padding: 0 15px; width: 100%; max-width: 41.666667%; } .im-big-offer-wrap .big-offer-item-wrap:nth-child(2) .big-offer-item { border: 1px solid; border-color: #e6e9ff; } .im-big-offer-wrap .big-offer-item-wrap:not(:last-child) .big-offer-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-big-offer-wrap .big-offer-item-wrap:not(:last-child) .item-details a.title { margin-bottom: 65px; } .im-big-offer-wrap .big-offer-item-wrap:not(:last-child) .item-details .im-btn-3 { margin-bottom: 30px; } .im-big-offer-wrap .big-offer-item-wrap h2 { line-height: 32px; text-transform: uppercase; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-img { width: 100%; max-width: 50%; margin: 0; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details { width: 100%; max-width: 50%; padding: 35px 20px 30px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details .rating-star { margin-bottom: 20px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details .rating-star svg .icon-style { fill: #ff250d; stroke: #ff250d; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li { display: inline-block; position: relative; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li:not(:last-child) { padding-right: 10px; margin-right: 10px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li:not(:last-child):after { content: '|'; position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a { font-style: italic; letter-spacing: 1px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a.disable { cursor: default; } .im-big-offer-wrap .big-offer-side-item-wrap { width: 100%; max-width: 16.666667%; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item { position: relative; padding: 0 20px 57px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item a.title { margin-top: 35px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p { letter-spacing: .2px; margin: 25px 0 0; text-transform: uppercase; line-height: 20px; position: relative; z-index: 2; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item img { position: absolute; right: 0; bottom: 20px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item .im-btn-3 { margin-top: 60px; position: relative; z-index: 2; } @media (min-width: 1200px) and (max-width: 1399px) { .im-big-offer-wrap .big-offer-item-wrap { max-width: 40%; } .im-big-offer-wrap .big-offer-item-wrap h2 { font-size: 26px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details { padding: 35px 15px 30px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a { letter-spacing: 0; } .im-big-offer-wrap .big-offer-side-item-wrap { max-width: 20%; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item { padding: 0 20px 47px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item .im-btn-3 { margin-top: 51px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-big-offer-wrap .big-offer-item-wrap { max-width: 40%; } .im-big-offer-wrap .big-offer-item-wrap h2 { font-size: 17px; line-height: 27px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-img { max-width: 48%; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details { max-width: 52%; padding: 25px 15px 25px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details a.title { margin-bottom: 65px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .post-meta li a { letter-spacing: 0px; } .im-big-offer-wrap .big-offer-side-item-wrap { max-width: 20%; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item { padding: 0 15px 40px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item a.title { margin-top: 27px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item p { font-size: 14px; margin-top: 15px; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item img { max-width: 40%; } .im-big-offer-wrap .big-offer-side-item-wrap .big-offer-item .im-btn-3 { margin-top: 55px; letter-spacing: 0px; } } @media only screen and (max-width: 991px) { .im-big-offer-wrap .big-offer-item-wrap { max-width: 100%; } .im-big-offer-wrap .big-offer-side-item-wrap { max-width: 100%; } } @media only screen and (max-width: 575px) { .im-big-offer-wrap .big-offer-item-wrap:not(:last-child) .item-details a.title { margin-bottom: 35px; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-img { max-width: 100%; } .im-big-offer-wrap .big-offer-item-wrap .big-offer-item .item-details { max-width: 100%; } } /* ===================================================== ===================== Running Product =================== ======================================================== */ .im-runing-product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-top: 60px; } .im-runing-product-row .runing-product-col { max-width: 100%; max-width: 83.333333%; padding: 0 15px; } .im-runing-product-row .runing-product-side-col { max-width: 100%; max-width: 16.666667%; padding: 0 15px; } .im-runing-product-wrap .runing-tab-navbar { position: relative; } .im-runing-product-wrap .runing-tab-navbar:before { content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-runing-product-wrap .runing-tab-navbar:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: url(".././images/border.png"); background-size: cover; } .im-runing-product-wrap .runing-tab-navbar-list { margin-bottom: 30px; } .im-runing-product-wrap .runing-tab-navbar-list li { display: inline-block; padding: 19px 0 12px; margin-right: 33px; } .im-runing-product-wrap .runing-tab-navbar-list li a { line-height: 30px; letter-spacing: .3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-runing-product-wrap .runing-tab-navbar-list li a i { margin-top: -4px; margin-right: 7px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab { line-height: 40px; } .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab i { margin-top: -5px; margin-right: 9px; } .im-runing-product-wrap .runing-tab-content .runing-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-bottom: -20px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item-col { width: 100%; max-width: 50%; padding: 0 15px; margin-bottom: 20px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 19px; border: 1px solid #e6e9ff; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-img { margin-bottom: 0; max-width: 28%; width: 100%; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details { width: 100%; max-width: 72%; padding-left: 19px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details a { text-decoration: underline; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2 { line-height: 25px; letter-spacing: .2px; -webkit-transition: all .2s linear; transition: all .2s linear; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p { margin: 8px 0 0; line-height: 24px; letter-spacing: .4px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details .post-date { color: #a2a6cd; opacity: .9; margin-top: 11px; font-style: italic; letter-spacing: 1.4px; } @media (min-width: 1200px) and (max-width: 1399px) { .im-runing-product-row .runing-product-col { max-width: 80%; } .im-runing-product-row .runing-product-side-col { max-width: 20%; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2 { line-height: 25px; font-size: 16px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p { margin: 3px 0 0; line-height: 20px; font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-runing-product-row .runing-product-col { max-width: 80%; } .im-runing-product-row .runing-product-side-col { max-width: 20%; } .im-runing-product-wrap .runing-tab-navbar-list li { padding: 15px 0 10px; margin-right: 20px; } .im-runing-product-wrap .runing-tab-navbar-list li a { font-size: 24px; } .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab { font-size: 32px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-img { max-width: 100%; margin-bottom: 15px; text-align: center; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details { max-width: 100%; text-align: center; padding-left: 0; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2 { line-height: 24px; font-size: 18px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p { margin: 8px 0 0; line-height: 23px; letter-spacing: .2px; font-size: 14px; } .im-side-product-1 { position: -webkit-sticky; position: sticky; top: 50px; } .im-side-product-1 .details { bottom: 20px; padding: 0 15px; } .im-side-product-1 .details h2 { font-size: 23px; line-height: 30px; letter-spacing: .2px; margin-bottom: 18px; } } @media only screen and (max-width: 991px) { .im-runing-product-row .runing-product-col { max-width: 78%; } .im-runing-product-row .runing-product-side-col { max-width: 22%; } .im-runing-product-wrap .runing-tab-navbar-list li { padding: 15px 0 10px; margin-right: 10px; } .im-runing-product-wrap .runing-tab-navbar-list li a { font-size: 20px; line-height: 30px; } .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab { font-size: 27px; line-height: 35px; } .im-runing-product-wrap .runing-tab-navbar-list li a.active-tab i { margin-top: -5px; margin-right: 3px; font-size: 16px; } .im-runing-product-wrap .runing-tab-navbar-list li a i { margin-right: 4px; font-size: 15px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-img { max-width: 100%; margin-bottom: 15px; text-align: center; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details { max-width: 100%; text-align: center; padding-left: 0; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details h2 { line-height: 24px; font-size: 16px; } .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item .item-details p { line-height: 23px; letter-spacing: .2px; font-size: 15px; } .im-side-product-1 { position: -webkit-sticky; position: sticky; top: 50px; } .im-side-product-1 .details { bottom: 20px; padding: 0 15px; } .im-side-product-1 .details h2 { font-size: 19px; line-height: 27px; letter-spacing: .2px; margin-bottom: 14px; } } @media only screen and (max-width: 767px) { .im-runing-product-row .runing-product-col { max-width: 100%; } .im-runing-product-row .runing-product-side-col { display: none; } } @media only screen and (max-width: 575px) { .im-runing-product-wrap .runing-tab-content .runing-item .runing-product-item-col { max-width: 100%; } } /* ========================= Product Page ========================== */ .im-page-template-products .im-product-itmes-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-top: -40px; } .im-page-template-products .im-product-itmes-wrap .product-item-col { padding: 0 15px; width: 100%; margin-top: 40px; } .im-page-template-products .im-product-itmes-wrap .product-item .item-img a { background: url("../images/product-bg.png") no-repeat; background-size: cover; } .im-page-template-products .im-product-itmes-wrap .product-item .im-compare-icon .st0 { stroke: #ffffff; } .im-page-template-products .im-product-itmes-wrap .product-item .im-compare-icon .st1 { stroke: #ffffff; } .im-page-template-products .im-grid-view .product-item-col { max-width: 25%; } .im-page-template-products .im-grid-view .product-item { border-top: 1px solid; border-color: #e6e9ff; } .im-page-template-products .im-grid-view .product-item .item-img { padding: 20px 20px 0 20px; } .im-page-template-products .im-grid-view .product-item .item-img a { display: block; } .im-page-template-products .im-grid-view .product-item .item-img a img { width: 100%; } .im-page-template-products .im-grid-view .product-item .base-info { padding: 20px; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; margin-top: 6px; position: relative; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items:after { content: ''; position: absolute; bottom: 0; left: 0; width: 24px; height: 1px; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .rating-star svg { height: 22px; width: 15px; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item { line-height: 24px; padding-left: 10px; margin-left: 10px; position: relative; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item:after { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 1px; opacity: .3; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item:first-child { margin-left: 0; padding-left: 0px; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item:first-child:after { content: none; } .im-page-template-products .im-grid-view .product-item .base-info .price-range { line-height: 24px; letter-spacing: .7px; margin-top: 7px; } .im-page-template-products .im-grid-view .product-item .description { border-top: 1px solid; border-color: #e6e9ff; padding: 18px; } .im-page-template-products .im-grid-view .product-item .description li { position: relative; line-height: 24px; padding-left: 18px; } .im-page-template-products .im-grid-view .product-item .description li::after { content: ''; position: absolute; top: 8px; left: 0; height: 7px; width: 7px; background: #d2d2d2; } .im-page-template-products .im-grid-view .product-item .description li a { font-size: 13px; line-height: 24px; -webkit-transition: .3s; transition: .3s; } .im-page-template-products .im-grid-view .product-item .description li:last-child:after { content: none; } .im-page-template-products .im-grid-view .product-item .product-author { border-top: 1px solid; border-color: #e6e9ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 20px; } .im-page-template-products .im-grid-view .product-item .product-author .author span { display: block; } .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a { border-radius: 2px; width: 54px; height: 54px; text-align: center; line-height: 52px; display: inline-block; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .im-page-template-products .im-grid-view .product-item .product-author .im-compare-btn a i { font-size: 20px; } .im-page-template-products .im-list-view .product-item-col { max-width: 50%; } .im-page-template-products .im-list-view .product-item { border-top: 1px solid; border-color: #e6e9ff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-page-template-products .im-list-view .product-item .item-img { width: 100%; max-width: 47.5%; padding: 20px; } .im-page-template-products .im-list-view .product-item .item-img a { display: block; } .im-page-template-products .im-list-view .product-item .item-img a img { width: 100%; } .im-page-template-products .im-list-view .product-item .item-info { width: 100%; max-width: 52.5%; border-left: 1px solid; border-color: #e6e9ff; } .im-page-template-products .im-list-view .product-item .base-info { padding: 18px 20px 12px; } .im-page-template-products .im-list-view .product-item .base-info .meta-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 12px; margin-top: 8px; position: relative; } .im-page-template-products .im-list-view .product-item .base-info .meta-items:after { content: ''; position: absolute; bottom: 0; left: 0; width: 24px; height: 1px; } .im-page-template-products .im-list-view .product-item .base-info .meta-items .rating-star svg { height: 22px; width: 15px; } .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item { line-height: 24px; padding-left: 10px; margin-left: 10px; position: relative; } .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item:after { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 1px; opacity: .3; } .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item:first-child { margin-left: 0; padding-left: 0px; } .im-page-template-products .im-list-view .product-item .base-info .meta-items .comment-meta .meta-item:first-child:after { content: none; } .im-page-template-products .im-list-view .product-item .base-info .price-range { line-height: 24px; letter-spacing: .7px; margin-top: 10px; } .im-page-template-products .im-list-view .product-item .description { border-top: 1px solid; border-color: #e6e9ff; padding: 13px 20px 11px; } .im-page-template-products .im-list-view .product-item .description li { position: relative; line-height: 24px; padding-left: 18px; display: inline-block; } .im-page-template-products .im-list-view .product-item .description li:nth-child(odd) { padding-right: 10px; } .im-page-template-products .im-list-view .product-item .description li::after { content: ''; position: absolute; top: 8px; left: 0; height: 7px; width: 7px; background: #d2d2d2; } .im-page-template-products .im-list-view .product-item .description li a { font-size: 13px; line-height: 24px; -webkit-transition: .3s; transition: .3s; } .im-page-template-products .im-list-view .product-item .description li:last-child:after { content: none; } .im-page-template-products .im-list-view .product-item .product-author { border-top: 1px solid; border-color: #e6e9ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 20px; } .im-page-template-products .im-list-view .product-item .product-author .author span { display: block; } .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a { border-radius: 2px; width: 54px; height: 54px; text-align: center; line-height: 52px; display: inline-block; -webkit-transition: .3s ease-in; transition: .3s ease-in; } .im-page-template-products .im-list-view .product-item .product-author .im-compare-btn a i { font-size: 20px; } .im-page-template-products .im-pagination { padding: 80px 0; } .im-page-template-products .im-pagination::after { content: none; } .im-page-template-products .im-pagination::before { content: none; } @media (min-width: 992px) and (max-width: 1199px) { .im-page-template-products .im-grid-view .product-item-col { max-width: 33.3333%; } .im-page-template-products .im-list-view .product-item-col { max-width: 100%; } .im-page-template-products .im-list-view .product-item .item-img { max-width: 33%; } .im-page-template-products .im-list-view .product-item .item-info { max-width: 67%; } .im-page-template-products .im-pagination { padding: 60px 0; } } @media only screen and (max-width: 991px) { .im-page-template-products .im-grid-view .product-item-col { max-width: 50%; } .im-page-template-products .im-grid-view .product-item .base-info .meta-items .comment-meta .meta-item { margin-left: 4px; } .im-page-template-products .im-list-view .product-item-col { max-width: 100%; } .im-page-template-products .im-list-view .product-item .item-img { max-width: 46%; } .im-page-template-products .im-list-view .product-item .item-info { max-width: 54%; } .im-page-template-products .im-pagination { padding: 60px 0; } } @media only screen and (max-width: 767px) { .im-page-template-products .im-grid-view .product-item .item-img { padding: 15px 15px 0; } .im-page-template-products .im-grid-view .product-item .base-info { padding: 16px; } .im-page-template-products .im-grid-view .product-item .description { padding: 15px; } .im-page-template-products .im-grid-view .product-item .product-author { padding: 15px; } .im-page-template-products .im-list-view .product-item-col { max-width: 50%; } .im-page-template-products .im-list-view .product-item .item-img { max-width: 100%; padding-bottom: 0; } .im-page-template-products .im-list-view .product-item .item-info { max-width: 100%; border-left: 0; } } @media only screen and (max-width: 575px) { .im-page-template-products .im-grid-view .product-item-col { max-width: 100%; } .im-page-template-products .im-list-view .product-item-col { max-width: 100%; } } /* ========================= Product Detail ========================== */ .im-single-product-wrapper { margin-bottom: 60px; } .im-product-gallery li { text-align: center; border-right: 1px solid; border-color: #f5f5f5; position: relative; } .im-product-gallery li img { width: 100%; } .im-product-gallery li .im-video-model { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .im-product-gallery li .im-video-model i { font-size: 50px; } .im-product-gallery-thumb li { border-right: 1px solid; border-top: 1px solid; border-color: #f5f5f5; cursor: pointer; position: relative; } .im-product-gallery-thumb li i { position: absolute; top: 10px; right: 10px; font-size: 19px; } .im-product-gallery-thumb li img { width: 100%; } .im-product-gallery-thumb li.slick-current img { -webkit-transform: scale(1.1); transform: scale(1.1); } .im-single-product-details { position: relative; padding: 37px 40px 20px 10px; } .im-single-product-details .im-title { line-height: 30px; color: #424262; letter-spacing: .2px; margin-right: 40px; } .im-single-product-details .public-author { padding: 37px 0 34px; color: #116dcd; } .im-single-product-details .public-author i { -webkit-transform: translateY(0); transform: translateY(0); } .im-single-product-details .public-author a { text-decoration: underline; color: #116dcd; } .im-single-product-details .proudct-meta { padding-top: 14px; } .im-single-product-details .proudct-meta li { display: inline-block; position: relative; padding-right: 13px; margin-right: 13px; } .im-single-product-details .proudct-meta li:not(:last-child)::after { position: absolute; top: 50%; left: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; height: 100%; width: 2px; background: #c3c3c3; } .im-single-product-details .proudct-meta li:first-child { padding-left: 0; } .im-single-product-details .proudct-meta li .rating-star svg { height: 16px; width: 13px; } .im-single-product-details .proudct-meta li .p { font-size: 12px; line-height: 22px; } .im-single-product-details .description-list li { color: #000000; letter-spacing: 0.2px; line-height: 27px; } .im-single-product-details .product-action { position: absolute; top: 0; right: 0; padding: 0 0 5px 5px; background: #f5f8fb; } .im-single-product-details .product-action li { position: relative; } .im-single-product-details .product-action li:not(:last-child) { border-bottom: 5px solid; border-bottom-color: #f5f8fb; } .im-single-product-details .product-action li a { height: 52px; width: 52px; line-height: 55px; text-align: center; display: inline-block; } .im-single-product-details .product-action li a .im-text-hover { background: #343434; position: absolute; top: 51%; right: calc(100%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 12px; letter-spacing: .1px; line-height: 22px; border-radius: 2px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; opacity: 0; } .im-single-product-details .product-action li a .im-text-hover span { position: relative; padding: 5px 11px; } .im-single-product-details .product-action li a .im-text-hover span:after { content: ''; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 100%; height: 0; width: 0; border-top: 4px solid transparent; border-left: 4px solid; border-bottom: 4px solid transparent; } .im-single-product-details .product-action li a i { font-size: 19px; } .im-single-product-details .product-action li a:hover .im-text-hover { visibility: visible; right: calc(100% + 16px); opacity: 1; } .im-single-product-details .market-direction { margin: 31px 0 20px; color: #006cff; position: relative; } .im-single-product-details .market-direction span { position: relative; z-index: 2; padding-right: 10px; } .im-single-product-details .market-direction:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; opacity: .2; } .im-product-detail-market li { padding: 2px 0; } .im-product-detail-market li:not(:last-child) { border-bottom: 1px solid; margin-bottom: 2px; border-color: #f5f5f5; } .im-product-detail-market li .im-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 12px 9px 21px; } .im-product-detail-market li .im-item a { margin-left: 8px; } .im-product-detail-market li .im-item i { margin-right: 10px; } .im-product-detail-market li .im-item .im-item-btn { text-align: right; } .im-product-detail-market li:hover .im-item { background: #f5f5f5; } .im-tab2-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 6px solid; border-color: #ffffff; } .im-tab2-navbar li { max-width: 25%; width: 100%; text-align: center; } .im-tab2-navbar li:not(:last-child) { border-right: 6px solid; border-color: #ffffff; } .im-tab2-navbar li a { width: 100%; display: inline-block; letter-spacing: 1.6px; padding: 22px 0; position: relative; } .im-tab2-navbar li a::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; content: ''; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .im-tab2-navbar li a:before { position: absolute; content: ''; top: 94%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-top: 12px solid #ff250d; border-left: 14px solid transparent; border-right: 14px solid transparent; z-index: 10; -webkit-transition: all .4s; transition: all .4s; opacity: 0; } .im-tab2-navbar li a.active-tab:after, .im-tab2-navbar li a:hover:after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1.03, 1.1); transform: translate(-50%, -50%) scale(1.03, 1.1); } .im-tab2-navbar li a.active-tab:before, .im-tab2-navbar li a:hover:before { opacity: 1; top: 103%; } .im-tab2-navbar li a span { position: relative; z-index: 5; } .im-tab2-content { position: relative; } .im-tab2-section-side-title { position: absolute; top: 60px; right: 0%; -webkit-transform: translateX(100%); transform: translateX(100%); } .im-tab2-section-side-title > ul > li { position: relative; } .im-tab2-section-side-title > ul > li h5 { font-size: 30px; line-height: 24px; height: 70px; width: 70px; line-height: 70px; text-align: center; -webkit-transition: all .3s; transition: all .3s; display: block; } .im-tab2-section-side-title > ul > li:not(:last-child) { margin-bottom: 1px; } .im-tab2-section-side-title > ul > li.active .im-tab2-section-titles, .im-tab2-section-side-title > ul > li:hover .im-tab2-section-titles { right: calc(100% + 15px); opacity: 1; visibility: visible; } .im-tab2-section-side-title .im-tab2-section-titles { position: absolute; right: calc(100% + 30px); width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #ebebeb; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0px 10px 32px 8px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 32px 8px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: 20; } .im-tab2-section-side-title .im-tab2-section-titles ol { position: relative; padding: 24px 60px 24px 28px; } .im-tab2-section-side-title .im-tab2-section-titles ol:after { content: ''; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 0; width: 0; border-top: 7px solid transparent; border-left: 7px solid; border-left-color: #fff; border-bottom: 7px solid transparent; z-index: 4; } .im-tab2-section-side-title .im-tab2-section-titles ol li a { line-height: 22px; letter-spacing: .3px; text-decoration: underline; } .im-tab2-des-wrapper { padding: 50px 32px 0; } .im-tab2-des-wrapper .sub2-title { line-height: 32px; position: relative; padding-left: 10px; margin-bottom: 4px; letter-spacing: .5px; color: #424262; } .im-tab2-des-wrapper .sub2-title::after { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3px; width: 3px; border-radius: 50%; } .im-tab2-des-wrapper > .p { color: #424262; line-height: 32px; padding-bottom: 24px; } .im-tab2-sub-title { font-size: 20px; line-height: 22px; letter-spacing: .2px; padding-bottom: 26px; } .im-tab2-sub-title i { font-size: 18px; margin-right: 5px; } .im-tab2-sub-title span { line-height: 22px; text-transform: uppercase; letter-spacing: -.3px; } .im-tab2-deal { padding: 102px 100px; background: #ecedf5; } .im-tab2-deal .im-tab2-sub-title2 { line-height: 25px; padding-bottom: 36px; letter-spacing: 0.5px; } .im-tab2-deal-product li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 28px 32px 40px; border-radius: 3px; } .im-tab2-deal-product li:not(:last-child) { margin-bottom: 5px; } .im-tab2-deal-product li .im-img { max-width: 170px; width: 100%; max-width: 15.8%; position: relative; } .im-tab2-deal-product li .im-img:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 60px; width: 1px; } .im-tab2-deal-product li .p { line-height: 22px; padding-left: 20px; width: 100%; max-width: 19%; } .im-tab2-deal-product li .p span { display: block; } .im-tab2-deal-product li .p.out-stock { color: #a2a6cd; } .im-tab2-deal-product li .price { line-height: 22px; } .im-tab2-deal-product li .price span { line-height: 22px; color: #919191; vertical-align: top; } .im-tab2-deal-product li .im-btn-4 { margin-left: auto; padding: 12px 32px; } .im-short-speci-list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .im-short-speci-list-wrap .short-speci-list { border-radius: 7px; padding-bottom: 10px; padding: 36px 26px; width: 100%; max-width: 50%; border: 4px solid #f5f8fb; border-radius: 10px; margin: 7px 15px 0; } .im-short-speci-list-wrap .short-speci-list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 0px; color: #424262; } .im-short-speci-list-wrap .short-speci-list li .title { width: 100%; max-width: 150px; padding: 0 0 0 17px; position: relative; letter-spacing: .5px; line-height: 24px; } .im-short-speci-list-wrap .short-speci-list li .title .dot { width: 6px; height: 6px; border-radius: 50%; background: #d4d9dd; position: absolute; top: 11px; left: 0; } .im-short-speci-list-wrap .short-speci-list li .detail { position: relative; padding-left: 30px; line-height: 24px; } .im-short-speci-list-wrap .short-speci-list li .detail span { position: absolute; top: -.5px; left: 0; } .im-tab2-des-images { padding-top: 35px; } .im-tab2-des-video-wrap { margin-top: 70px; } .im-tab2-des-video { max-width: 72%; position: relative; } .im-tab2-des-video img { width: 100%; } .im-tab2-des-video a { position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 114px; width: 114px; line-height: 114px; text-align: center; border-radius: 50%; } .im-tab2-des-video a i { font-size: 25px; margin-left: 7px; } .im-tab2-ads-banner { padding-top: 80px; } .im-tab2-ads-banner a { display: inline-block; } .im-tab2-ads-banner a img { max-width: 100%; } .im-pros-and-cons-wrapper { padding-top: 54px; } .im-pros-and-cons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-pros-and-cons .tab2-pros, .im-pros-and-cons .tab2-cons { width: 100%; max-width: calc(50% - 15px); border: 6px solid; padding: 58px 61px; border-radius: 10px; } .im-pros-and-cons .tab2-pros h5, .im-pros-and-cons .tab2-cons h5 { position: relative; padding-left: 12px; margin-bottom: 2px; } .im-pros-and-cons .tab2-pros h5::after, .im-pros-and-cons .tab2-cons h5::after { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 4px; width: 4px; border-radius: 50%; } .im-pros-and-cons .tab2-pros { border-color: #01bd1b; margin-right: 30px; } .im-pros-and-cons .tab2-cons { border-color: #ff3300; } .im-pros-and-cons ul { padding-left: 15px; } .im-pros-and-cons ul li { font-size: 14px; line-height: 28px; display: inline-block; margin-right: 16px; margin-top: 2px; } .im-pros-and-cons ul li i { font-size: 11px; } .im-tab2-product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-top: 60px; } .im-tab2-gallery-item { width: calc(50% - 15px); } .im-tab2-gallery-item img { max-width: 100%; } .im-tab2-gallery-item:nth-child(odd) { margin-right: 30px; } .im-tab2-gallery-item:nth-child(n+3) { margin-top: 30px; } /* ================================= Full Specification =============================== */ .im-tab2-speci-wrapper { padding: 50px 32px 0; } .im-full-speci-list { border-radius: 7px; padding-bottom: 10px; border-radius: 10px; } .im-full-speci-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .im-full-speci-list li .title { width: 100%; max-width: 15%; padding: 0 0 0 17px; position: relative; letter-spacing: .5px; padding: 8px 12px 8px 30px; } .im-full-speci-list li .title .dot { width: 6px; height: 6px; border-radius: 50%; background: #d4d9dd; position: absolute; top: 18px; left: 15px; } .im-full-speci-list li .p { padding: 11px 12px; display: block; width: 100%; max-width: 85%; } .im-full-speci-list li:nth-child(odd) .title { background: #f5faff; } .im-full-speci-list li:nth-child(odd) .p { background: #ebf5ff; } .im-full-speci-list li:nth-child(even) .title { background: #fafdff; } .im-full-speci-list li:nth-child(even) .p { background: #f5faff; } /* ================================= Rating =============================== */ .im-tab2-rating-wrapper { padding: 50px 32px 0; } .im-average-rating { border: 1px solid #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .im-average-rating .full-rating { background: #523b6f; text-align: center; padding: 33px 32px; border-radius: 2px; width: 100%; max-width: 26%; } .im-average-rating .full-rating .rating-star svg { height: 42px; width: 47px; } .im-average-rating .full-rating .full-rating-number { border: 2px solid; border-color: #ffffff; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 19px; } .im-average-rating .full-rating .full-rating-number strong { font-size: 35px; border-right: 2px solid #ffffff; padding: 0px 12px; } .im-average-rating .full-rating .full-rating-number span { line-height: 15px; letter-spacing: 2px; padding: 3px 17px; } .im-average-rating .full-rating-content { padding: 32px 40px 32px 40px; } .im-average-rating .full-rating-content p { margin-top: 10px; } .im-rating-progres { margin-left: 100px; width: 100%; max-width: 100%; margin-top: 60px; } .im-rating-progres li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-rating-progres li span { font-size: 22px; line-height: 32px; font-weight: 700; } .im-rating-progres li i { font-size: 19px; line-height: 32px; padding: 0 6px; } .im-rating-progres li .progress { height: 4px; max-width: 570px; width: 100%; margin-bottom: 0; } .im-rating-progres li .progress .progress-bar { color: transparent; -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out; } .im-review-rating-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 60px; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { width: 100%; max-width: calc(50% - 15px); padding: 55px 55px 50px 50px; border: 1px solid #ebebeb; position: relative; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { letter-spacing: 2px; position: absolute; top: 0; left: 34px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 15px; letter-spacing: 1.2px; } .im-review-rating-list-wrapper .rating-for-product .rating-title i, .im-review-rating-list-wrapper .rating-by-author .rating-title i { font-size: 23px; } .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num { position: absolute; top: 0; right: 21px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; line-height: 28px; padding: 0 15px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li, .im-review-rating-list-wrapper .rating-by-author .rating-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li:not(:last-child), .im-review-rating-list-wrapper .rating-by-author .rating-list > li:not(:last-child) { margin-bottom: 32px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-name { line-height: 24px; letter-spacing: 1.2px; font-weight: 700; text-transform: uppercase; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num { line-height: 28px; margin-left: 51px; } .im-review-rating-list-wrapper .rating-for-product .rating-star, .im-review-rating-list-wrapper .rating-by-author .rating-star { margin-left: auto; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { vertical-align: inherit; height: 27px; width: 29px; } .im-review-rating-list-wrapper .rating-by-author { margin-right: 30px; } .im-rating-by-market-wrapper { margin-top: 60px; } .im-rating-by-market-table { margin-bottom: 68px; border: 1px solid; border-color: #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .im-review-criteria { padding: 30px; border-right: 1px solid; border-color: #ebebeb; width: 100%; max-width: 19.2%; } .im-review-criteria .im-critria-text { font-size: 30px; line-height: 24px; max-width: 150px; padding: 0 0 65px 0; position: relative; } .im-review-criteria .im-critria-text i { position: absolute; top: 56%; left: 0; font-size: 52px; font-weight: 900; opacity: .5; } .im-review-criteria li { padding: 10px 0; } .im-review-criteria li:not(:first-child) h6 { position: relative; letter-spacing: 0.5px; padding-left: 8px; font-size: 16px; line-height: 1.38; } .im-review-criteria li:not(:first-child) h6:after { position: absolute; content: ''; top: 50%; left: 0; height: 4px; width: 4px; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-review-criteria li:nth-child(2) { margin-top: 30px; } .im-review-criteria li:last-child { margin-bottom: 10px; } .im-rating-market-wrap { width: 100%; max-width: 80.8%; text-align: left; } .im-rating-markets { text-align: center; border-right: 1px solid; border-color: #ebebeb; } .im-rating-markets li { padding: 10px 0; } .im-rating-markets li img { margin: auto; height: 19px; } .im-rating-markets li:first-child { padding: 26px 5px; border-bottom: 1px solid; border-color: #ebebeb; } .im-rating-markets li .im-review-count { line-height: 22px; padding: 14px 0 7px; text-transform: uppercase; } .im-rating-markets li .rating-star svg { vertical-align: inherit; } .im-rating-markets li .rating-star svg:last-child .icon-style { fill: #e3e3e3; stroke: #e3e3e3; } .im-rating-markets li:nth-child(2) { margin-top: 38px; } .im-rating-markets li:last-child { margin-bottom: 10px; } .im-review-comment-wrapper { padding-left: 32px; padding-top: 32px; padding-bottom: 90px; } .im-review-comment { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-review-comment:not(:last-child) { margin-bottom: 36px; } .im-review-commenter { width: 100%; max-width: 15.5%; } .im-review-commenter .commenter-img { border-radius: 50%; border: 6px solid; display: inline-block; margin-top: 12px; } .im-review-commenter ul { margin-top: 18px; } .im-review-commenter ul li { line-height: 18px; letter-spacing: 1.2px; } .im-review-commenter ul li.date { color: #89879c; } .im-this-review { border: 6px solid; border-color: #ebf5ff; padding: 39px 48px 48px 48px; position: relative; } .im-this-review .speech { font-size: 14px; line-height: 21px; color: #424262; } .im-this-review .im-full-review { margin-top: 29px; background: #f5f8fb; } .im-this-review .im-full-review li { display: inline-block; position: relative; } .im-this-review .im-full-review li:first-child { padding: 15px 79px 17px 79px; margin-right: 25px; vertical-align: top; text-align: center; } .im-this-review .im-full-review li:not(:first-child) { padding: 27px 24px 27px 10px; letter-spacing: .3px; } .im-this-review .im-full-review li:not(:first-child):after { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; background: #c3c3c3; height: 51%; } .im-this-review .im-full-review li .p { font-size: 14px; line-height: 16px; max-width: 90px; } .im-this-review .im-full-review li h6 { font-size: 22.01px; line-height: 22.01px; font-weight: 700; margin-top: 9px; } .im-this-review .im-full-review li .rating-star svg { height: 15px; width: 15px; } .im-this-review .im-full-review li .rating-star svg:last-child .icon-style { fill: #e3e3e3; stroke: #e3e3e3; } .im-triangle-left-wrapper { position: absolute; top: 47px; right: 100%; } .im-triangle-left-wrapper .triangle-left { width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 40px solid transparent; border-right: 57px solid; border-right-color: #ebf5ff; position: relative; } .im-triangle-left-wrapper .triangle-left::after { content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 33px solid transparent; border-right: 48px solid #fff; position: absolute; top: 5px; left: 18px; } .im-commenter-pros-and-cons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 36px; } .im-commenter-pros-and-cons .im-commenter-pros, .im-commenter-pros-and-cons .im-commenter-cons { width: 100%; max-width: calc(50% - 15px); border: 6px solid; padding: 30px 15px 28px 31px; border-radius: 2px; } .im-commenter-pros-and-cons .im-commenter-pros h5, .im-commenter-pros-and-cons .im-commenter-cons h5 { position: relative; padding-left: 12px; } .im-commenter-pros-and-cons .im-commenter-pros h5::after, .im-commenter-pros-and-cons .im-commenter-cons h5::after { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 4px; width: 4px; border-radius: 50%; } .im-commenter-pros-and-cons .im-commenter-pros { border-color: #01bd1b; margin-right: 30px; } .im-commenter-pros-and-cons .im-commenter-cons { border-color: #ff3300; } .im-commenter-pros-and-cons ul { padding-left: 15px; } .im-commenter-pros-and-cons ul li { font-size: 14px; line-height: 28px; display: inline-block; margin-right: 16px; margin-top: 4px; } .im-commenter-pros-and-cons ul li i { font-size: 11px; } .im-review-pagination .im-pagination { padding: 0; display: block; text-align: right; } .im-review-pagination .im-pagination:after { content: none; } .im-review-pagination .im-pagination:before { content: none; } .im-review-pagination .im-pagination li { display: inline-block; margin-right: 3px; } .im-review-pagination .im-pagination li a { height: 26px; width: 26px; line-height: 26px; text-align: center; -webkit-transition: all .3s; transition: all .3s; background: #ebebeb; display: inline-block; border-radius: 50%; } .im-review-comment-form-wrapper { padding: 55px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; } .im-review-comment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-comment-form .im-input-section-title { font-size: 20px; line-height: 22px; padding-bottom: 31px; letter-spacing: .3px; } .im-review-comment-form .im-input-section-title span { line-height: 24px; } .im-review-comment-form .im-input-details { border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 30px 30px 26px; width: 100%; margin-bottom: 30px; } .im-review-comment-form .im-input-details textarea, .im-review-comment-form .im-input-details select, .im-review-comment-form .im-input-details input:not([type='range']) { width: 100%; background: #f5f8fb; border: 0; padding: 13px 17px; letter-spacing: .4px; color: #424262; } .im-review-comment-form .im-input-details textarea { height: 155px; resize: none; } .im-review-comment-form .im-input-details label { line-height: 18px; letter-spacing: 1.5px; text-transform: capitalize; } .im-review-comment-form .im-input-details select option { padding: 3px 0; } .im-review-comment-form .im-label:not(:last-child) { margin-bottom: 21px; } .im-review-comment-form .im-label-parent { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-review-comment-form .im-label-parent .im-label { width: 100%; } .im-review-comment-form .im-label-parent .im-label:first-child { margin-right: 20px; } .im-review-comment-form .im-label-parent .im-label-email { max-width: calc(56% - 10px); } .im-review-comment-form .im-label-parent .im-label-dropdown { max-width: calc(44% - 10px); } .im-review-comment-form .im-input-personal { max-width: calc(59.6% - 15px); } .im-review-comment-form .im-input-personal { margin-right: 30px; } .im-review-comment-form .im-input-rate { max-width: calc(40.4% - 15px); } .im-review-comment-form .im-range-input-wrapper .im-range-slider { width: 100%; } .im-review-comment-form .im-range-input-wrapper .im-range-slider label { margin-bottom: 0; } .im-review-comment-form .im-range-input-wrapper .im-range-slider:not(:last-child) { margin-bottom: 37px; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range { -webkit-appearance: none; width: 100%; height: 4px; border-radius: 5px; background: rgba(255, 37, 13, 0.2); outline: none; padding: 0; margin: 0; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #ff250d; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #ff250d; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range::-moz-range-thumb:hover { background: #004176; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range:active::-moz-range-thumb { background: #ff250d; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-range-slider-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ff250d; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ff250d; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .rating-star { margin-left: auto; } .im-review-comment-form .im-range-input-wrapper .im-range-slider-value { display: inline-block; position: relative; width: 70px; color: #fff; line-height: 20px; text-align: center; border-radius: 3px; background: #004176; padding: 5px 10px; margin-left: 8px; } .im-review-comment-form .im-range-input-wrapper .im-range-slider-value:after { position: absolute; top: 8px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #004176; border-bottom: 7px solid transparent; content: ''; } .im-review-comment-form .im-input-pros-and-cons { padding-bottom: 35px; max-width: 100%; } .im-review-comment-form .im-input-pros-and-cons textarea { height: 90px; } .im-review-comment-form .im-input-pros-and-cons .im-label:not(:last-child) { margin-bottom: 9px; } .im-review-comment-form .im-input-button { border: 0; padding: 0; } .im-review-comment-form .im-input-button .im-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .im-review-comment-form .im-input-button .im-label button { margin-right: 35px; padding: 23px 94px; border-radius: 4px; } .im-review-comment-form .im-input-button .im-label .p { font-size: 11px; line-height: 18px; letter-spacing: 1.3px; } /* ======================================== Price History ===============================*/ .im-tab2-pric-wrapper { padding: 55px 32px; } .im-price-history { border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 53px 55px 50px 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-price-history .section-title { letter-spacing: 0.2px; margin-bottom: 56px; } .im-price-history-item { width: 100%; } .im-price-filter-time li { display: inline-block; } .im-price-filter-time li:not(:last-child) { margin-right: 10px; } .im-price-filter-time li a { font-size: 14px; line-height: 35px; font-weight: 700; width: 151px; display: inline-block; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 7px 13px 7px 44px; position: relative; } .im-price-filter-time li a i { position: absolute; top: 50%; left: 17px; font-size: 20px; line-height: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-price-filter-time li a.active-tab i:before, .im-price-filter-time li a:hover i:before { content: "\f058"; } .im-price-chart-item-part { max-width: calc(65% - 70px); margin-right: 70px; } .im-price-history-chart { margin-top: 40px; border: 1px solid; border-color: #e6e9ff; border-radius: 2px; padding: 35px; } .im-price-history-chart .im-main-chart { height: 232px !important; width: 100% !important; } .im-price-history-chart .im-price-avarage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0 0 35px; } .im-price-history-chart .im-price-avarage .count { font-size: 30px; line-height: 22px; margin-left: 10px; } .im-price-history-chart .im-price-avarage span { font-size: 12px; color: #979797; letter-spacing: 1.5px; margin-left: 11px; } .im-price-filter-market-wrapper .im-title { margin-bottom: 30px; } .im-price-history-market-wrapper { max-width: 35%; } .im-price-history-define { border: 1px solid; border-color: #e6e9ff; border-radius: 2px; margin-bottom: 39px; } .im-price-history-define .im-high-price, .im-price-history-define .im-low-price { width: 100%; max-width: 50%; padding: 10px 20px 10px 46px; position: relative; } .im-price-history-define .im-high-price:after, .im-price-history-define .im-low-price:after { position: absolute; content: ''; top: 50%; left: 20px; height: 11px; width: 11px; border-radius: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-price-history-define .im-high-price .p, .im-price-history-define .im-low-price .p { font-size: 12px; letter-spacing: 1.3px; } .im-price-history-define .im-high-price { border-right: 1px solid; border-color: #e6e9ff; } .im-price-history-define .im-high-price .p { color: #ff3838; } .im-price-history-define .im-high-price:after { background: #ff3838; } .im-price-history-define .im-low-price .p { color: #01bd1b; } .im-price-history-define .im-low-price:after { background: #01bd1b; } .im-price-filter-market-wrapper .section-title { margin: -5px 0 25px; } .im-price-history-market li a { display: block; padding: 20px; border-bottom: 1px solid; border-color: #e6e9ff; } .im-price-history-market li a i { margin-right: 20px; -webkit-transition: all .3s; transition: all .3s; font-size: 14px; } .im-price-history-market li a.active-tab i:before, .im-price-history-market li a:hover i:before { content: "\f058"; } .im-price-related-wrapper { max-width: 100%; margin-top: 70px; } .im-price-related-post article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: 1px solid; border-color: #e6e9ff; padding: 20px; width: 100%; max-width: calc(50% - 40px); border-radius: 4px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-price-related-post article:first-child { margin-right: 80px; } .im-price-related-post article .im-img { width: 100%; max-width: 28%; margin-right: 20px; } .im-price-related-post article .im-img img { -webkit-transition: all .3s; transition: all .3s; max-width: 100%; } .im-price-related-post article:hover { -webkit-box-shadow: 0px 10px 32px 8px rgba(0, 65, 118, 0.1); box-shadow: 0px 10px 32px 8px rgba(0, 65, 118, 0.1); } .im-price-related-post .im-post-details a { text-decoration: underline; } .im-price-related-post .im-post-details h2 { line-height: 25px; margin: -5px 0 10px; letter-spacing: 0.2px; display: inline-block; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-price-related-post .im-post-details .p { font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: .4px; } @media only screen and (max-width: 1499px) { .im-sidebar-social-share { background: #f5f8fb; position: inherit; top: inherit; right: inherit; padding: 35px 20px 20px; border-bottom: 1px solid #f5f8fb; text-align: center; } .im-sidebar-social-share ul li { display: inline-block; padding: 0 3px; } .im-tab2-section-side-title { display: none; } .single-product-detail .im-single-product-wrapper { margin-bottom: 0px; } } @media (min-width: 1200px) and (max-width: 1379px) { .im-product-gallery li { padding-bottom: 30px; } .im-product-detail-market { height: 226px; overflow-y: scroll; } .im-single-product-details .public-author { padding: 28px 0 24px; } .im-tab2-deal { padding: 80px 80px; background: #ecedf5; } .im-pros-and-cons .im-tab2-pros, .im-pros-and-cons .im-tab2-cons { padding: 50px 30px; } .im-tab2-des-video { max-width: 100%; } /* ================================= Tab item Full Description ============================= */ .im-full-speci-list li .title { max-width: 25%; } /* ================================= Tab item Rating ============================= */ .im-average-rating .full-rating { max-width: 32%; } /* ================================= Tab item Reviews ============================= */ .im-average-rating .full-rating .full-rating-number span { padding: 3px 9px; } .im-review-criteria { max-width: 22%; padding: 25px; } .im-rating-market-wrap { width: 100%; max-width: 78%; text-align: left; } .im-review-comment-wrapper { padding-left: 20px; padding-top: 20px; } .im-this-review { padding: 34px 30px 42px 30px; } .im-this-review .im-full-review li:first-child { padding: 15px 60px 17px 60px; } .im-this-review .im-full-review li:not(:first-child) { padding: 27px 10px 27px 10px; } .im-triangle-left-wrapper { position: absolute; top: 35px; right: 100%; } /* ==================================== Price History ============================== */ .im-price-history { padding: 30px 30px 30px 30px; } .im-price-history .section-title { margin-bottom: 35px; } .im-price-history-define { margin-bottom: 32px; } .im-price-filter-time li a { line-height: 33px; width: auto; padding: 7px 15px 7px 41px; } .im-price-filter-time li a i { left: 14px; font-size: 17px; } .im-price-related-post article { max-width: calc(50% - 25px); } .im-price-related-post article:first-child { margin-right: 50px; } .im-price-related-post .im-post-details .im-title { font-size: 18px; line-height: 24px; } .im-price-related-post .im-post-details h2 { font-size: 18px; } .im-price-related-post .im-post-details .p { font-size: 15px; line-height: 23px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-single-product-details { padding: 15px 30px 20px 0px; } .im-product-gallery li { padding-bottom: 75px; } .im-product-detail-market { height: 175px; overflow-y: scroll; padding-right: 15px; } .im-product-detail-market::-webkit-scrollbar-track { border-radius: 5px; background-color: #F5F5F5; } .im-product-detail-market::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .im-product-detail-market::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #333; } .im-product-detail-market li .im-item { padding: 4px 12px 4px 21px; } .im-tab2-des-wrapper { padding: 45px 30px; } .im-tab2-deal { padding: 45px 50px 50px; } .im-tab2-ads-banner a { max-width: 100%; } .im-tab2-des-images img { max-width: 100%; } .im-tab2-des-video { max-width: 100%; } .im-pros-and-cons .tab2-pros, .im-pros-and-cons .tab2-cons { padding: 30px; } .im-short-speci-list-wrap .short-speci-list { padding: 20px 20px; } .im-short-speci-list-wrap .short-speci-list li .title { max-width: 32%; font-size: 15px; } .im-short-speci-list-wrap .short-speci-list li .detail { font-size: 14px; } /* ================================= Tab item Full Description ============================= */ .im-full-speci-list li .title { max-width: 25%; } .im-average-rating .full-rating { max-width: 38%; } .im-average-rating .full-rating .full-rating-number strong { padding: 0px 7px; } .im-average-rating .full-rating-content { width: 100%; max-width: 62%; } .im-rating-progres { margin-left: 72px; } .im-review-criteria { max-width: 28%; } .im-rating-market-wrap { width: 100%; max-width: 72%; text-align: left; } .im-review-comment-wrapper { padding-left: 25px; padding-top: 20px; } .im-this-review { padding: 30px 20px 40px 20px; margin-left: 15px; } .triangle-left { border-bottom: 32px solid transparent; border-right: 42px solid #f2f2f2; } .triangle-left:after { border-bottom: 24px solid transparent; border-right: 33px solid #fff; top: 5px; left: 15px; } .im-this-review .im-full-review li .p { max-width: 82px; } .im-this-review .im-full-review li:first-child { padding: 15px 35px 17px 35px; margin-right: 7px; } .im-this-review .im-full-review li:not(:first-child) { padding: 27px 9px 27px 10px; } .im-triangle-left-wrapper { top: 32px; } .im-review-comment-form-wrapper { padding: 20px; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-rating-star { margin-right: 15px; } .im-review-comment-form .im-input-details { padding: 25px; } .im-review-comment-form .im-input-button .im-label button { padding: 23px 66px; } /* ==================================== Price History ================================== */ .im-price-history { padding: 30px; } .im-price-history .section-title { margin-bottom: 35px; } .im-tab2-pric-wrapper .im-title { font-size: 17px; margin-bottom: 43px; } .im-price-chart-item-part { max-width: calc(63% - 40px); margin-right: 40px; } .im-price-history-market-wrapper { max-width: 37%; } .im-price-filter-time li:not(:last-child) { margin-right: 0px; } .im-price-filter-time li a { line-height: 33px; width: auto; padding: 7px 12px 7px 30px; font-size: 13px; } .im-price-filter-time li a i { left: 10px; font-size: 12px; } .im-price-history-define .im-high-price, .im-price-history-define .im-low-price { padding: 10px 11px 10px 33px; } .im-price-history-define .im-high-price::after, .im-price-history-define .im-low-price::after { left: 11px; } .im-price-history-chart { padding: 35px 15px 35px; } .im-price-history-market li a { padding: 18px; } .im-price-related-post article { max-width: calc(50% - 10px); } .im-price-related-post article:first-child { margin-right: 20px; } .im-price-related-post article .im-img { max-width: 29%; } .im-price-related-post .im-post-details .im-title { font-size: 17px; line-height: 23px; } .im-price-related-post .im-post-details h2 { font-size: 18px; } .im-price-related-post .im-post-details .p { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 991px) { .im-tab2-navbar li a { font-size: 13px; letter-spacing: .6px; padding: 18px 0; } .im-single-product-details { padding: 37px 30px 20px 30px; border-top: 1px solid #f5f5f5; } .im-tab2-des-wrapper { padding: 45px 30px 30px; } .im-tab2-deal { padding: 45px 30px 50px; } .im-tab2-deal .im-tab2-sub-title2 { font-size: 27px; line-height: 21px; } .im-tab2-deal-product li { padding: 30px 28px 32px 30px; } .im-tab2-deal-product li .p { font-size: 15px; line-height: 17px; } .im-tab2-deal-product li .price { font-size: 20px; } .im-short-speci-list li .title { max-width: 30%; } .im-tab2-ads-banner { padding-top: 40px; } .im-tab2-ads-banner a { max-width: 100%; } .im-tab2-des-images { padding-top: 40px; } .im-tab2-des-images img { max-width: 100%; } .im-tab2-des-video { margin-top: 40px; max-width: 100%; } .im-tab2-des-video a { height: 100px; width: 100px; line-height: 100px; } .im-tab2-des-video a i { font-size: 30px; } .im-pros-and-cons-wrapper { padding-top: 40px; } .im-pros-and-cons { padding-bottom: 50px; } .im-pros-and-cons .tab2-pros, .im-pros-and-cons .tab2-cons { max-width: calc(50% - 10px); padding: 30px 20px; } .im-pros-and-cons .tab2-pros { margin-right: 20px; } .im-tab2-product-gallery { padding-top: 50px; } .im-tab2-gallery-item { width: calc(50% - 10px); } .im-tab2-gallery-item:nth-child(odd) { margin-right: 20px; } .im-tab2-gallery-item:nth-child(n+3) { margin-top: 20px; } .im-short-speci-list-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-short-speci-list-wrap .short-speci-list { padding: 20px 20px; max-width: 100%; } .im-short-speci-list-wrap .short-speci-list li .title { max-width: 130px; font-size: 15px; } .im-short-speci-list-wrap .short-speci-list li .detail { font-size: 14px; } /* ================================= Tab item Full Description ============================= */ .im-full-speci-list li .title { max-width: 30%; } .im-average-rating { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-average-rating .full-rating { max-width: 100%; } .im-average-rating .full-rating .full-rating-number { display: inline-block; } .im-average-rating .full-rating .full-rating-number span { vertical-align: text-top; } .im-average-rating .full-rating-content { width: 100%; max-width: 100%; } .im-rating-progres { margin-left: 40px; } .im-rating-progres li span { font-size: 20px; line-height: 30px; } .im-rating-progres li i { font-size: 17px; line-height: 27px; padding: 0 6px; } .im-review-criteria { max-width: 36%; padding: 30px 20px; } .im-rating-market-wrap { width: 100%; max-width: 64%; text-align: left; } .im-review-comment-wrapper { padding-left: 20px; padding-top: 10px; padding-bottom: 65px; } .im-review-comment { display: block; } .im-review-comment:not(:last-child) { margin-bottom: 50px; } .im-review-commenter { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 35px 0; } .im-review-commenter .commenter-img { margin-left: 0px; display: inline-table; width: auto; max-width: 30%; margin-right: 20px; } .im-review-commenter ul { margin-top: 0px; width: 100%; max-width: 50%; } .im-this-review { border: 4px solid #f2f2f2; padding: 22px 20px 25px 20px; } .im-this-review .im-full-review { margin-top: 20px; } .im-this-review .im-full-review li:first-child { padding: 15px 60px 17px 60px; margin-right: 10px; } .im-this-review .im-full-review li:not(:first-child) { padding: 27px 14px 27px 10px; letter-spacing: .3px; } .im-triangle-left-wrapper { top: 0; right: 90%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .im-triangle-left-wrapper .triangle-left { border-bottom: 0px solid transparent; border-top: 30px solid transparent; border-left: 32px solid; border-left-color: #f5f5f5; border-right: 0; } .im-triangle-left-wrapper .triangle-left:after { top: 0; left: -27px; border-bottom: 0px solid transparent; border-top: 17px solid transparent; border-left: 19px solid; border-left-color: #fff; border-right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .im-commenter-pros-and-cons { margin-top: 25px; } .im-commenter-pros-and-cons .im-commenter-pros, .im-commenter-pros-and-cons .im-commenter-cons { border: 3px solid; padding: 25px 15px 24px 25px; border-radius: 2px; } .im-commenter-pros-and-cons .im-commenter-pros { border-color: #01bd1b; } .im-review-pagination .im-pagination { padding-top: 0px; } .im-review-comment-form .im-input-personal { max-width: 100%; margin-right: 0px; } .im-review-comment-form .im-input-rate { max-width: 100%; } .im-review-comment-form .im-input-button .im-label button { padding: 22px 15px; width: 100%; max-width: 40%; margin-right: 18px; } .im-review-comment-form .im-input-button .im-label .p { letter-spacing: .5px; } /* ================= Price History =================== */ .im-price-history { padding: 20px 30px 30px; } .im-price-history .section-title { margin-bottom: 20px; font-size: 17px; } .im-tab2-pric-wrapper > .im-title { font-size: 18px; margin-bottom: 20px; padding-top: 10px; } .im-price-history-market { padding-bottom: 39px; } .im-price-history-market li { display: inline-block; } .im-price-chart-item-part { max-width: calc(100%); margin-right: 0px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .im-price-history-chart { padding: 35px 15px 35px; } .im-price-history-market-wrapper { max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .im-price-filter-time li:not(:last-child) { margin-right: 5px; } .im-price-filter-time li a { line-height: 33px; width: auto; padding: 6px 15px 6px 30px; } .im-price-filter-time li a i { left: 10px; font-size: 15px; } .im-price-history-market li a { padding: 15px 20px; } .im-price-history-market li a i { margin-right: 15px; } .im-price-history-chart .im-price-avarage { margin: 20px 0 0 19px; } .im-price-history-chart .im-price-avarage .count { font-size: 26px; } .im-price-history-chart .im-price-avarage span { letter-spacing: .5px; } .im-price-related-wrapper { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .im-price-related-post { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-price-related-post article { max-width: 100%; } .im-price-related-post article:first-child { margin-right: 0px; margin-bottom: 15px; } .im-price-related-post article .im-img { max-width: 29%; } .im-price-related-post .im-post-details .im-title { font-size: 17px; line-height: 23px; } .im-price-related-post .im-post-details h2 { font-size: 18px; } .im-price-related-post .im-post-details .p { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 767px) { .im-tab2-navbar { width: auto; } .im-tab2-navbar li { width: auto; max-width: inherit; } .im-tab2-navbar li a { letter-spacing: .0px; padding: 18px 13px; } .im-single-product-details { padding: 25px 30px 20px 30px; } .im-product-detail-market li .im-item .im-btn-7 { padding: 8px 11px; } .im-tab2-des-wrapper { padding: 45px 20px 30px; } .im-tab2-deal { padding: 45px 15px 50px; } .im-tab2-deal .im-tab2-sub-title2 { padding-bottom: 23px; } .im-tab2-deal-product li { padding: 30px 20px 32px 20px; } .im-tab2-deal-product li .im-img { max-width: 20%; } .im-tab2-deal-product li .p { font-size: 14px; line-height: 16px; max-width: 25%; } .im-tab2-deal-product li .price { font-size: 18px; } .im-tab2-deal-product li .price span { display: none; } .im-tab2-deal-product li .im-btn-4 { font-size: 13px; padding: 10px 15px; } .im-tab2-des-video a { height: 80px; width: 80px; line-height: 80px; } .im-tab2-des-video a i { font-size: 27px; } .im-pros-and-cons .tab2-pros, .im-pros-and-cons .tab2-cons { max-width: calc(50% - 5px); padding: 25px 15px; border: 3px solid; border-color: #ff3300; } .im-pros-and-cons .tab2-pros { margin-right: 10px; border-color: #01bd1b; } .im-pros-and-cons ul { padding-left: 10px; } /* ================================= Tab item Full Description ============================= */ .im-full-speci-list li .title { max-width: 38%; } .im-tab2-rating-wrapper { padding: 55px 20px; } .im-rating-progres { margin-left: 23px; } .im-review-criteria { max-width: 40%; padding: 27px 12px; } .im-review-criteria .im-critria-text { font-size: 28px; line-height: 27px; } .im-review-criteria li:not(:first-child) h6 { font-size: 14px; } .im-review-comment-form .im-input-button .im-label button { padding: 18px 15px; } .im-rating-market-wrap { max-width: 60%; text-align: left; } .im-rating-markets li { padding: 9px 0; } .im-rating-markets li i { font-size: 13px; } .im-triangle-left-wrapper { right: 85%; } .im-this-review .im-full-review li h6 { font-size: 20px; } .im-this-review .im-full-review li:first-child { padding: 15px 40px 17px 40px; margin-right: 5px; } .im-commenter-pros-and-cons ul { padding-left: 10px; } .im-commenter-pros-and-cons .im-commenter-pros, .im-commenter-pros-and-cons .im-commenter-cons { padding: 20px 15px 20px 15px; } .im-commenter-pros-and-cons .im-commenter-pros { margin-right: 16px; max-width: calc(50% - 8px); } .im-review-comment-form-wrapper { padding: 25px; } .im-review-comment-form .im-input-section-title { font-size: 19px; } .im-review-comment-form .im-input-section-title span { font-size: 24px; } .im-review-comment-form .im-range-input-wrapper .im-range-slider .im-rating-star { margin-right: 35px; } .im-average-rating .full-rating-content { padding: 30px 30px 30px 30px; } /* ==================== Price History ================ */ .im-price-history { padding: 0; border: 0; } .im-price-filter-time li:not(:last-child) { margin-right: 0; } .im-price-filter-time li a { font-size: 13px; line-height: 31px; padding: 6px 10px 6px 26px; } .im-price-filter-time li a i { left: 8px; font-size: 15px; } .im-price-history-market li a { padding: 15px 15px; } .im-price-history-market li a i { margin-right: 10px; } } @media only screen and (max-width: 575px) { .im-product-detail-market li .im-item { padding: 9px 0px 9px; } .im-product-detail-market li .im-item i { margin-right: 0; } .im-tab2-navbar { border: 0; } .im-tab2-navbar li { display: inline-block; border: 3px solid #ebebeb; } .im-tab2-navbar li a { padding: 18px 15px; } .im-tab2-navbar li a:before { top: 5px; left: 10px; border: 4px solid; border-radius: 50%; } .im-tab2-navbar li a.active-tab:after, .im-tab2-navbar li a:hover:after { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .im-tab2-navbar li a.active-tab:before, .im-tab2-navbar li a:hover:before { top: 5px; } .im-single-product-details { padding: 25px 15px 20px 15px; } .im-single-product-details .market-direction:before { display: none; } .im-short-speci-list-wrap .short-speci-list li { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-short-speci-list-wrap .short-speci-list li .title { max-width: 100%; } .im-short-speci-list-wrap .short-speci-list li .detail { padding-left: 15px; margin-top: 4px; } .im-tab2-sub-title { font-size: 19px; line-height: 23px; padding-bottom: 20px; } .im-tab2-deal .im-tab2-sub-title2 { font-size: 19px; letter-spacing: 0.2px; } .im-tab2-des-wrapper { padding: 45px 15px 30px; } .im-tab2-des-video a { height: 60px; width: 60px; line-height: 60px; } .im-tab2-des-video a i { font-size: 20px; } .im-tab2-deal-product li { text-align: center; } .im-tab2-deal-product li:not(:last-child) { margin-bottom: 15px; } .im-tab2-deal-product li .im-img { max-width: 100%; padding-bottom: 15px; } .im-tab2-deal-product li .im-img::after { width: 70%; height: 1px; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .im-tab2-deal-product li .p { max-width: 100%; padding: 21px 0 16px; } .im-tab2-deal-product li .p span { display: inline-block; } .im-tab2-deal-product li .price { max-width: 100%; width: 100%; margin-bottom: 15px; } .im-tab2-deal-product li .im-btn-4 { margin: auto; } .im-short-speci-list li { display: block; } .im-short-speci-list li .title { font-size: 15px; display: block; padding: 0 0 10px 0; } .im-short-speci-list li .title .dot { display: none; } .im-pros-and-cons .tab2-pros, .im-pros-and-cons .tab2-cons { max-width: 100%; } .im-pros-and-cons .tab2-pros { margin: 0 0 15px 0; } .im-tab2-gallery-item { width: 100%; } .im-tab2-gallery-item:nth-child(odd) { margin-right: 0; } .im-tab2-gallery-item:nth-child(n+2) { margin-top: 20px; } /* =================== Full Specofication ============== */ .im-tab2-speci-wrapper { padding: 30px 15px; } .im-full-speci-list li { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-full-speci-list li .title { max-width: 100%; padding-bottom: 0; } .im-full-speci-list li .p { max-width: 100%; } .im-full-speci-list li:nth-child(odd) .title { background: #ebf5ff; } .im-full-speci-list li:nth-child(even) .title { background: #f5faff; } .im-average-rating .full-rating .rating-star svg { height: 37px; width: 35px; } .im-average-rating .full-rating .full-rating-number { padding: 6px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .im-average-rating .full-rating .full-rating-number strong { font-size: 28px; padding: 6px 5px; width: 100%; border-right: 0; } .im-average-rating { text-align: center; } .im-rating-progres { margin: 15px 0 0 0; } .im-tab2-rating-wrapper { padding: 35px 15px; } .im-review-criteria { max-width: 58%; padding: 27px 7px 15px; } .im-review-criteria .im-critria-text { font-size: 24px; line-height: 25px; } .im-review-criteria li:nth-child(2) { margin-top: 20px; } .im-review-criteria li:not(:first-child) h6 { font-size: 12px; } .im-rating-market-wrap { max-width: 42%; } .im-rating-markets li { padding: 8px 0; } .im-rating-markets li:nth-child(2) { margin-top: 23px; } .im-review-comment-wrapper { padding-left: 0; } .im-triangle-left-wrapper { right: 77%; } .im-this-review .im-full-review li .p { max-width: 82px; } .im-this-review .im-full-review li:first-child { padding: 15px 30px 17px 30px; } .im-this-review .im-full-review li:not(:first-child) { padding: 27px 10px 27px 8px; letter-spacing: .1px; } .im-commenter-pros-and-cons { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-commenter-pros-and-cons .im-commenter-pros, .im-commenter-pros-and-cons .im-commenter-cons { padding: 20px 11px 20px 10px; max-width: 100%; } .im-commenter-pros-and-cons .im-commenter-pros { margin: 0px 0 15px 0; } .im-review-comment-form-wrapper { padding: 0; } .im-review-comment-form .im-input-details { padding: 15px; border-left: 0; border-right: 0; } .im-review-comment-form .im-input-details .im-range-input-wrapper .im-range-slider .rating-star svg { height: 15px; width: 14px; } .im-review-comment-form .im-input-details .im-label-parent { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-comment-form .im-input-details .im-label-parent .im-label { max-width: 100%; } .im-review-comment-form .im-input-details .im-label-parent .im-label-email { margin-right: 0; } .im-review-comment-form .im-input-details .im-label-parent .im-label-dropdown { margin-bottom: 21px; } .im-review-comment-form .im-input-button { padding-top: 0; } .im-review-comment-form .im-input-button .im-label { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-comment-form .im-input-button .im-label button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 12px 0; max-width: 78%; margin-top: 10px; } .im-review-comment-form .im-input-button .im-label .p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* ==================== Price History =========== */ .im-tab2-pric-wrapper { padding: 30px 15px; } .im-tab2-pric-wrapper > .im-title { font-size: 17px; margin-bottom: 15px; padding-top: 9px; } .im-price-filter-time li:nth-child(n+3) { margin-top: 5px; } .im-price-history-chart { padding: 15px 0; } .im-price-history-define .im-high-price, .im-price-history-define .im-low-price { padding: 10px 10px 10px 26px; } .im-price-history-define .im-high-price:after, .im-price-history-define .im-low-price:after { left: 8px; height: 9px; width: 9px; } .im-price-history-define .im-high-price .p, .im-price-history-define .im-low-price .p { letter-spacing: .3px; } .im-price-related-post article { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-price-related-post article .im-img { max-width: 100%; margin: 0 auto 15px 0; } } /* ========================= Review Page ========================== */ .im-page-template-reviews .im-el-product-slider { padding-bottom: 30px; } .im-page-template-reviews .im-el-product-slider .slider-item { position: relative; } .im-page-template-reviews .im-el-product-slider .slider-item:after { position: absolute; content: ''; bottom: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-page-template-reviews .im-el-product-slider .slider-item .title { margin: 18px 0px 22px; } .im-page-template-reviews .im-list-view { margin-top: -30px; } .im-page-template-reviews .im-list-view .im-el-product-slider { display: none; } .im-page-template-reviews .im-list-view .review-item-col { padding-top: 30px; } .im-page-template-reviews .im-grid-view .review-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -15px 0; } .im-page-template-reviews .im-grid-view .review-item-col { width: 100%; max-width: 50%; padding: 0 15px; margin-top: 30px; } .im-page-template-reviews .im-grid-view.three-grid .review-item-col { max-width: 33.3333%; } .im-page-template-reviews .review-page { margin-top: 40px; } .im-page-template-reviews .review-page .im-list-view .review-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img { width: 100%; max-width: 32%; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img .meta-info { display: none; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info { width: 100%; max-width: 68%; padding: 34px 43px; padding-right: 60px; position: relative; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .author-thumb { border-radius: 50%; border: 4px solid #ebebeb; margin-bottom: 7px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2 { line-height: 35px; color: #424262; -webkit-transition: all .3s linear; transition: all .3s linear; max-width: 678px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2 .first-letter { background: transparent !important; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .title { display: block; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 29px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star { margin-bottom: 8px; margin-left: 15px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star svg { height: 15px; width: 15px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-star svg .icon-style { fill-rule: evenodd; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating { height: 62px; width: 62px; text-align: center; line-height: 60px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name { padding: 4px 14px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name span { letter-spacing: 1.2px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name a { letter-spacing: 1.2px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .details-link { position: absolute; right: 0; top: 0; height: 100%; width: 60px; border-left: 1px solid; border-color: #f5f8fb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a0a0a0; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img { position: relative; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img > a { position: relative; width: 100%; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img > a:after { background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.702; position: absolute; left: 0px; bottom: 0; width: 100%; height: 100%; content: ""; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img img { width: 100%; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info { position: absolute; bottom: 17px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 3; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review { padding-left: 16px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .rating-star svg { height: 18px; width: 15px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author { text-align: right; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-thumb { margin-right: 15px; margin-bottom: 10px; border-radius: 50%; border: 4px solid #ebebeb; display: inline-block; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name { padding: 3px 19px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name span { letter-spacing: 1.2px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name a { letter-spacing: 1.2px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info { position: relative; padding: 15px 0 21px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info:after { position: absolute; content: ''; bottom: 0; left: 0; height: 1px; width: 100%; background: url(.././images/border.png); background-size: cover; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info .meta-info, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info .details-link, .im-page-template-reviews .review-page .im-grid-view .review-item .item-info .author-thumb { display: none; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 { line-height: 32px; color: #424262; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 .first-letter { height: 33px; width: 33px; text-align: center; line-height: 33px; background: #000000; display: inline-block; border-radius: 50%; margin-right: 4px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-img { max-width: 49%; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info { max-width: 51%; padding: 36px 45px; padding-right: 60px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info h2 { line-height: 32px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info { margin-top: 22px; } .im-page-template-reviews .inside-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-page-template-reviews .inside-sidebar .im-list-view .review-item .item-img { max-width: 49%; } .im-page-template-reviews .inside-sidebar .im-list-view .review-item .item-info { max-width: 51%; padding: 36px 45px; } .im-page-template-reviews .inside-sidebar .im-list-view .review-item .item-info h2 { line-height: 32px; } .im-page-template-reviews .inside-sidebar .im-list-view .review-item .item-info .meta-info { margin-top: 22px; } .im-page-template-reviews .inside-sidebar .im-review-itmes-wrap { width: 100%; max-width: 71%; padding-right: 74px; } .im-page-template-reviews .inside-sidebar .im-sidebar { position: relative; } .im-page-template-reviews .inside-sidebar .im-sidebar::after { content: ''; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 4px; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#000000)); background-image: linear-gradient(to right, #ffffff, #000000); opacity: .1; } .im-page-template-reviews .inside-sidebar.sidebar-right .im-sidebar { max-width: 29%; padding-left: 74px; } .im-page-template-reviews .im-pagination { padding: 80px 0; } .im-page-template-reviews .im-pagination:after, .im-page-template-reviews .im-pagination:before { content: none; } @media (min-width: 1200px) and (max-width: 1399px) { .im-page-template-reviews .im-el-product-slider .product-slider-wrap .slider-item .title h2 { font-size: 24px; line-height: 30px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img { max-width: 40%; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info { max-width: 60%; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 { line-height: 30px; font-size: 24px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info { padding: 20px 25px; padding-right: 46px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info h2 { line-height: 26px; font-size: 22px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info { margin-top: 25px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .average-rating { height: 59px; line-height: 55px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .details-link { width: 39px; } .im-page-template-reviews .inside-sidebar .im-review-itmes-wrap { padding-right: 40px; } .im-page-template-reviews .inside-sidebar.sidebar-right .im-sidebar { padding-left: 40px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-page-template-reviews .inside-sidebar .im-review-itmes-wrap { padding-right: 20px; } .im-page-template-reviews .inside-sidebar.sidebar-right .im-sidebar { padding-left: 20px; } .im-page-template-reviews .im-el-product-slider .product-slider-wrap .slider-item .title h2 { font-size: 26px; line-height: 30px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img { max-width: 45%; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info { max-width: 55%; padding: 30px 34px; padding-right: 50px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2 { line-height: 36px; font-size: 26px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info { margin-top: 22px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 { line-height: 30px; font-size: 24px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info { padding: 20px 20px; padding-right: 38px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info h2 { line-height: 26px; font-size: 23px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info { margin-top: 15px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .average-rating { height: 48px; line-height: 47px; font-size: 23px; width: 48px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .rating-info { margin-bottom: 7px; margin-left: 13px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .author-name { font-size: 10px; padding: 4px 14px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .details-link { width: 39px; } } @media only screen and (max-width: 991px) { .im-page-template-reviews .im-el-product-slider .product-slider-wrap .slider-item .title h2 { font-size: 26px; line-height: 30px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img { max-width: 49%; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info { max-width: 51%; padding: 20px 20px; padding-right: 38px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info h2 { line-height: 26px; font-size: 23px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info { margin-top: 15px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .average-rating { height: 48px; line-height: 47px; font-size: 23px; width: 48px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .rating-info { margin-bottom: 7px; margin-left: 13px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .meta-info .author-name { font-size: 10px; padding: 4px 14px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info .details-link { width: 39px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 { line-height: 30px; font-size: 24px; } .im-page-template-reviews .review-page .im-grid-view.three-grid .review-item-col { max-width: 50%; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info { padding: 20px 20px; padding-right: 38px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info h2 { line-height: 26px; font-size: 23px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info { margin-top: 15px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .average-rating { height: 48px; line-height: 47px; font-size: 23px; width: 48px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .rating-info { margin-bottom: 7px; margin-left: 13px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .meta-info .author-name { font-size: 10px; padding: 4px 14px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info .details-link { width: 39px; } .im-page-template-reviews .inside-sidebar .im-review-itmes-wrap { max-width: 100%; padding-right: 0; } .im-page-template-reviews .inside-sidebar.sidebar-right .im-sidebar { max-width: 100%; padding-left: 0; padding-top: 50px; } .im-page-template-reviews .inside-sidebar.sidebar-right .im-sidebar:after { content: none; } } @media only screen and (max-width: 767px) { .im-page-template-reviews .review-page .im-el-product-slider .product-slider-wrap .slider-item .title h2 { font-size: 22px; } .im-page-template-reviews .review-page .im-list-view .review-item .item-img { max-width: 100%; } .im-page-template-reviews .review-page .im-list-view .review-item .item-info { max-width: 100%; padding: 30px 30px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review { padding-left: 10px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .average { font-size: 27px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .meta-review .rating-star svg { height: 14px; width: 14px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-name { padding: 3px 9px 3px 10px; font-size: 10px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-img .meta-info .author .author-thumb { margin-right: 10px; margin-bottom: 5px; } .im-page-template-reviews .review-page .im-grid-view .review-item .item-info h2 { font-size: 20px; line-height: 27px; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-img { max-width: 100%; } .im-page-template-reviews .review-page.inside-sidebar .im-list-view .review-item .item-info { max-width: 100%; padding: 30px 30px; } } @media only screen and (max-width: 575px) { .im-page-template-reviews .review-page .im-grid-view .review-item-col { max-width: 100%; } .im-page-template-reviews .review-page .im-grid-view.three-grid .review-item-col { max-width: 100%; } .im-page-template-reviews.inside-big-search .im-filter-row { display: none; } } /* ========================= Review Detail ========================== */ .im-product-detail-content .container { position: relative; } .im-review-page .im-review-comment-wrapper { padding-bottom: 0; } .im-single-review-product-wrapper { position: relative; border-bottom: 1px solid; border-color: #f6f6f6; } .im-single-review-article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-single-review-article .review-img { width: 100%; max-width: 40%; text-align: center; padding: 39px 30px 28px; } .im-single-review-article .review-img img { max-width: 100%; } .im-single-review-article .review-details { background: url(.././images/review/detail/single-review-product-bg.jpg) no-repeat; background-size: cover; width: 100%; max-width: 60%; position: relative; } .im-single-review-article .review-details .im-symbol-wrapper { position: absolute; top: 37px; right: 0; } .im-single-review-article .review-details .review-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 29px 16px; } .im-single-review-article .review-details .review-author li { line-height: 22px; margin-bottom: 10px; } .im-single-review-article .review-details .review-author li.im-sub-title { text-transform: uppercase; } .im-single-review-article .review-details .review-author li:not(:last-child) { margin-right: 39px; opacity: .78; } .im-single-review-article .review-details .review-author li a { opacity: .78; } .im-single-review-article .review-details .review-author li a:hover { opacity: 1; } .im-single-review-article .review-details .review-author li .author-link { margin-right: 5px; } .im-single-review-article .review-details .review-author li .post-date { margin-left: 4px; } .im-single-review-article .review-details .review-author li .icon { position: relative; height: 24px; width: 24px; line-height: 24px; text-align: center; } .im-single-review-article .review-details .review-author li .icon:nth-child(2) { margin-left: 23px; } .im-single-review-article .review-details .review-author li .icon i { font-size: 16px; line-height: 22px; } .im-single-review-article .review-details .review-author li .icon .text-hover { position: absolute; bottom: calc(100% + 9px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-max-content; width: -moz-max-content; width: max-content; opacity: 0; visibility: hidden; -webkit-transition: all .2s linear; transition: all .2s linear; } .im-single-review-article .review-details .review-author li .icon .text-hover span { position: relative; padding: 10px 12px; border-radius: 2px; font-weight: 400; } .im-single-review-article .review-details .review-author li .icon .text-hover span:after { content: ''; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 99%; left: 50%; height: 0; width: 0; border-top: 4px solid; border-left: 4px solid transparent; border-top-color: #ff250d; border-right: 4px solid transparent; } .im-single-review-article .review-details .review-author li .icon:hover .text-hover { opacity: 1; visibility: visible; } .im-single-review-article .review-details .review-title { background: url(.././images/bg-victor-01.png) no-repeat; background-size: cover; max-width: 76%; } .im-single-review-article .review-details h1 { line-height: 36px; display: inline-block; padding: 18px 29px; max-width: 98%; text-transform: uppercase; letter-spacing: 0.1px; -webkit-transform: translateY(-9px); transform: translateY(-9px); } .im-single-review-article .review-details h5 { font-size: 14px; line-height: 21px; padding: 20px 30px 7px; letter-spacing: 1.5px; } .im-single-review-article .review-details > .p { opacity: .85; letter-spacing: .14px; padding: 0px 30px 10px; max-width: 593px; line-height: 20px; } .im-single-review-article .review-details .review-achiv { margin-top: 40px; padding-left: 28px; } .im-single-review-article .review-details .review-achiv > li { padding: 34px 37px 24px 28px; display: inline-block; float: left; } .im-single-review-article .review-details .review-achiv > li a { display: block; } .im-single-review-article .review-details .review-achiv > li a:hover { text-decoration: underline; } .im-single-review-article .review-details .review-achiv > li h6 { line-height: 22px; padding-top: 4px; } .im-single-review-article .review-details .review-achiv > li:not(:first-child) h6 { letter-spacing: .40px; } .im-single-review-article .review-details .review-achiv > li:not(:last-child) { border-right: 1px solid; -o-border-image: linear-gradient(to top, white, transparent) 1 100%; border-image: -webkit-gradient(linear, left bottom, left top, from(white), to(transparent)) 1 100%; border-image: linear-gradient(to top, white, transparent) 1 100%; } .im-single-review-article .review-details .review-achiv > li:first-child { padding-left: 0; } @media (min-width: 992px) and (max-width: 1199px) { .im-single-review-article .review-details .review-title { max-width: 90%; } .im-single-review-article .review-details h1 { line-height: 31px; font-size: 32px; } .im-single-review-article .review-details .review-achiv { margin-top: 25px; } .im-single-review-article .review-details .review-achiv > li { padding: 23px 18px 23px 28px; } .im-single-review-article .review-details .review-achiv > li .rating-star svg { height: 15px; width: 15px; } .im-single-review-article .review-details .review-achiv > li h6 { font-size: 19px; } } @media only screen and (max-width: 991px) { .im-single-review-article .review-img { max-width: 100%; } .im-single-review-article .review-details { max-width: 100%; } .im-single-review-article .review-details .review-title { max-width: 80%; } .im-single-review-article .review-details .review-title h1 { font-size: 35px; } .im-single-review-article .review-details .review-achiv { margin-top: 18px; } } @media only screen and (max-width: 767px) { .im-single-review-article .review-details .review-title { max-width: 96%; } .im-single-review-article .review-details .review-title h1 { font-size: 30px; } .im-single-review-article .review-details .review-achiv { margin-top: 13px; } .im-single-review-article .review-details .review-achiv > li { padding: 32px 13px 24px 13px; } .im-single-review-article .review-details .review-achiv > li i { font-size: 15px; } .im-single-review-article .review-details .review-achiv > li .rating-star svg { height: 15px; width: 15px; } .im-single-review-article .review-details .review-achiv > li h6 { font-size: 18px; } } @media only screen and (max-width: 575px) { .im-single-review-article .review-details .review-title h1 { font-size: 25px; line-height: 27px; } .im-single-review-article .review-details .review-achiv { margin-top: 13px; } .im-single-review-article .review-details .review-achiv > li { padding: 32px 13px 24px 13px; width: 100%; max-width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .im-single-review-article .review-details .review-achiv > li:first-child { position: relative; } .im-single-review-article .review-details .review-achiv > li:first-child:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-gradient(linear, right top, left top, from(white), to(transparent)); background-image: linear-gradient(to left, white, transparent 100%); } .im-single-review-article .review-details .review-achiv > li:nth-child(2) { border: 0; position: relative; } .im-single-review-article .review-details .review-achiv > li:nth-child(2):after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(white), to(transparent)); background-image: linear-gradient(to right, white, transparent 100%); } .im-single-review-article .review-details .review-achiv > li:nth-child(3) { -o-border-image: linear-gradient(to bottom, white, transparent) 1 100%; border-image: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent)) 1 100%; border-image: linear-gradient(to bottom, white, transparent) 1 100%; } .im-single-review-article .review-details .review-achiv > li i { font-size: 15px; } .im-single-review-article .review-details .review-achiv > li .rating-star svg { height: 15px; width: 15px; } .im-single-review-article .review-details .review-achiv > li h6 { font-size: 18px; } } .im-single-review-content { position: relative; padding: 60px 0; } .im-single-review-content .im-sticky-side-title { position: absolute; top: 0; right: 0%; -webkit-transform: translateX(100%); transform: translateX(100%); } .im-single-review-content .im-sticky-side-title.im-fixed-sticky { position: fixed; top: 0px; right: calc(8% + 14px); z-index: 80; -webkit-transform: translateX(0); transform: translateX(0); } .im-single-review-content .im-sticky-side-title .im-wrapper { position: relative; } .im-single-review-content .im-sticky-side-title .im-wrapper .im-sticky-side-title-toggler { display: none; } .im-single-review-content .im-sticky-side-title ul li a { position: relative; padding: 21px 15px; margin-bottom: 1px; display: inline-block; width: 110px; } .im-single-review-content .im-sticky-side-title ul li a:after { content: ''; position: absolute; top: 50%; right: 98%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 0; height: 0; border-top: 8px solid transparent; border-right: 6px solid; border-right-color: #ff250d; border-bottom: 8px solid transparent; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .im-single-review-content .im-sticky-side-title ul li a h6 { letter-spacing: .25px; } .im-single-review-content .im-sticky-side-title ul li a.active:after { right: 100%; opacity: 1; } .im-review-content-section { padding: 0 29px; margin-bottom: 60px; } .im-review-content-section:last-child { margin-bottom: 0; } .im-review-content-section .section-title { text-transform: uppercase; } .im-review-content-section .sub-title { line-height: 22px; position: relative; padding-left: 10px; margin-bottom: 4px; letter-spacing: .1px; } .im-review-content-section .sub-title::after { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3px; width: 3px; border-radius: 50%; } .im-review-content-section > .p { line-height: 28px; padding-bottom: 24px; } .im-review-content-section .im-review-product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .im-review-content-section .im-review-gallery-item { width: calc(50% - 15px); } .im-review-content-section .im-review-gallery-item img { max-width: 100%; } .im-review-content-section .im-review-gallery-item:nth-child(odd) { margin-right: 30px; } .im-review-content-section .im-review-gallery-item:nth-child(n+3) { margin-top: 30px; } .im-review-content-section .im-single-images { margin-top: 30px; } .im-review-content-section .im-single-images img { width: 100%; } .im-review-content-section .im-banner-add { margin-top: 68px; } .im-review-content-section .im-banner-add img { max-width: 100%; } .im-review-content-section .video-sub-title { line-height: 22px; letter-spacing: .17px; margin-bottom: 4px; } .im-review-content-section .im-video-img { max-width: 100%; position: relative; } .im-review-content-section .im-video-img img { width: 100%; } .im-review-content-section .im-video-img a { position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 114px; width: 114px; line-height: 114px; text-align: center; border-radius: 50%; } .im-review-content-section .note-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; line-height: 25px; letter-spacing: .2px; margin-bottom: 34px; } .im-review-content-section .note-wrapper .note-name { background: #006cff; min-width: 131px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px 0 0 5px; position: relative; } .im-review-content-section .note-wrapper .note-name:after { content: ''; position: absolute; top: 50%; left: 99.99%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 0; width: 0; border-top: 8px solid transparent; border-left: 8px solid; border-left-color: #017cee; border-bottom: 8px solid transparent; } .im-review-content-section .note-wrapper .note-name i { margin-right: 9px; } .im-review-content-section .note-wrapper .note-text { background: rgba(1, 124, 238, 0.1); padding: 24px 109px 24px 57px; border-radius: 0 5px 5px 0; } .im-review-content-section .im-battery-chart-wrapper { max-width: 69%; margin: 62px auto 83px; } .im-review-content-section .im-battery-chart-wrapper .chart-label { background: #363636; max-width: 100%; padding: 22px 32px; position: relative; padding-right: 65px; } .im-review-content-section .im-battery-chart-wrapper .chart-label h2 { text-transform: uppercase; letter-spacing: 3px; font-size: 29px; } .im-review-content-section .im-battery-chart-wrapper .chart-label .p { margin-top: 5px; letter-spacing: 2px; text-transform: uppercase; } .im-review-content-section .im-battery-chart-wrapper .chart-label i { font-size: 35px; position: absolute; right: 0; -webkit-transform: rotate(270deg) translateY(-50%); transform: rotate(270deg) translateY(-50%); top: 31%; } .im-review-content-section .im-battery-chart-wrapper canvas { padding: 30px; height: 422px; max-width: 100%; } .im-review-introduction-section { margin-bottom: 30px; } .im-review-content-market { padding: 94px 100px 100px; background: #ecedf5; } .im-review-content-market .section-title-wrap { padding-bottom: 0; } .im-review-content-market .section-title-wrap:after { content: none; } .im-review-content-market .im-main-title { font-size: 29px; line-height: 25px; padding-bottom: 36px; letter-spacing: 0.7px; color: #333333; } .im-review-content-market .review-market-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 28px 32px 40px; border-radius: 4px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-review-content-market .review-market-list li:not(:last-child) { margin-bottom: 5px; } .im-review-content-market .review-market-list li .item-img { max-width: 170px; width: 100%; max-width: 15.8%; position: relative; } .im-review-content-market .review-market-list li .item-img:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 60px; width: 1px; } .im-review-content-market .review-market-list li .p { line-height: 22px; padding-left: 20px; width: 100%; max-width: 19%; } .im-review-content-market .review-market-list li .p span { display: block; } .im-review-content-market .review-market-list li .p.out-stock { opacity: .4; } .im-review-content-market .review-market-list li .price { line-height: 22px; } .im-review-content-market .review-market-list li .price span { line-height: 22px; color: #919191; vertical-align: top; } .im-review-content-market .review-market-list li .im-btn-4 { margin-left: auto; padding: 11px 30px; } .im-review-content-market .review-market-list li:hover { -webkit-box-shadow: 0px 2px 1.96px 0.04px rgba(0, 65, 118, 0.1); box-shadow: 0px 2px 1.96px 0.04px rgba(0, 65, 118, 0.1); } .im-review-pros-and-cons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-pros-and-cons .im-pros, .im-review-pros-and-cons .im-cons { width: 100%; max-width: calc(50% - 15px); border: 6px solid; padding: 50px 50px 47px; position: relative; } .im-review-pros-and-cons .im-pros h5, .im-review-pros-and-cons .im-cons h5 { padding: 5px 8px 5px 8px; display: inline-block; letter-spacing: 2px; text-transform: uppercase; border-radius: 3px; } .im-review-pros-and-cons .im-pros h5::after, .im-review-pros-and-cons .im-cons h5::after { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 4px; width: 4px; border-radius: 50%; } .im-review-pros-and-cons .im-pros .reatangle, .im-review-pros-and-cons .im-cons .reatangle { position: absolute; top: 52px; left: -15px; -webkit-transform: skew(19deg, -41deg); transform: skew(19deg, -41deg); } .im-review-pros-and-cons .im-pros .reatangle .dash, .im-review-pros-and-cons .im-cons .reatangle .dash { height: 4px; width: 24px; } .im-review-pros-and-cons .im-pros .reatangle .dash:not(:last-child), .im-review-pros-and-cons .im-cons .reatangle .dash:not(:last-child) { margin-bottom: 4px; } .im-review-pros-and-cons .im-pros { border-color: #01bd1b; margin-right: 30px; background: url(.././images/pros-bg.png) no-repeat; background-position: 100% 100%; } .im-review-pros-and-cons .im-cons { border-color: #ff3300; background: url(.././images/cons-bg.png) no-repeat; background-position: 100% 0%; } .im-review-pros-and-cons ul { padding: 23px 0 0 46px; } .im-review-pros-and-cons ul li { line-height: 28px; } .im-review-pros-and-cons ul li i { font-size: 11px; } .im-review-comment-section { margin-bottom: 0; } @media only screen and (max-width: 1599px) { .im-single-review-content .im-sticky-side-title { position: inherit; -webkit-transform: translateX(0); transform: translateX(0); text-align: center; } .im-single-review-content .im-sticky-side-title ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; padding: 0 20px; } .im-single-review-content .im-sticky-side-title ul li { width: auto; margin-bottom: 2px; } .im-single-review-content .im-sticky-side-title ul li:not(:last-child) { margin-right: 2px; } .im-single-review-content .im-sticky-side-title ul li a { text-align: left; height: 100%; } .im-single-review-content .im-sticky-side-title ul li a:after { border-top: 6px solid #ff250d; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 98%; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .im-single-review-content .im-sticky-side-title ul li a.active:after { top: 100%; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .im-single-review-content .im-sticky-side-title.im-fixed-sticky { position: inherit; top: 0; right: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } } @media (min-width: 1200px) and (max-width: 1399px) { .im-single-review-article .review-details .review-achiv > li { padding: 34px 20px 24px 25px; } .im-single-review-content { padding: 40px 0; } .im-review-content-section .im-battery-chart-wrapper { max-width: 79%; margin: 45px auto 65px; } .im-review-pros-and-cons ul { padding: 18px 0 0 30px; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { padding: 50px 45px 45px 45px; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { left: 24px; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { height: 21px; width: 21px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li:not(:last-child), .im-review-rating-list-wrapper .rating-by-author .rating-list > li:not(:last-child) { margin-bottom: 28px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num { margin-left: 32px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-review-content-section .im-battery-chart-wrapper { max-width: 79%; margin: 45px auto 65px; } .im-review-content-market { padding: 74px 80px 80px; background: #ecedf5; } .im-review-pros-and-cons .im-pros, .im-review-pros-and-cons .im-cons { padding: 40px 40px 37px; } .im-review-pros-and-cons ul { padding: 18px 0 0 30px; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { padding: 50px 24px 36px; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { left: 7px; padding: 0 10px; } .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num { right: 10px; padding: 0 10px; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { height: 21px; width: 19px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li:not(:last-child), .im-review-rating-list-wrapper .rating-by-author .rating-list > li:not(:last-child) { margin-bottom: 20px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num { margin-left: 17px; } } @media only screen and (max-width: 991px) { .im-review-content-section > .p { font-size: 17px; } .im-review-content-section .im-video-img a { height: 100px; width: 100px; line-height: 100px; } .im-review-content-section .im-battery-chart-wrapper { max-width: 100%; margin: 20px auto 45px; } .im-review-content-section .im-battery-chart-wrapper .chart-label { padding: 22px 20px; } .im-review-content-section .im-battery-chart-wrapper .chart-label h2 { font-size: 26px; } .im-review-content-section .im-battery-chart-wrapper .chart-label .p { letter-spacing: 1px; } .im-review-content-section .im-battery-chart-wrapper .chart-label i { display: none; } .im-review-content-section .im-battery-chart-wrapper canvas { padding: 20px; } .im-review-content-section .note-wrapper .note-text { padding: 20px 30px; } .im-review-content-market { padding: 25px 30px 30px; } .im-review-content-market .review-market-list li { padding: 30px 20px 29px 20px; } .im-review-content-market .review-market-list li .p { font-size: 15px; } .im-review-content-market .review-market-list li .price { font-size: 20px; } .im-review-content-market .review-market-list li .im-btn-4 { padding: 11px 23px; } .im-review-pros-and-cons .im-pros, .im-review-pros-and-cons .im-cons { padding: 30px 30px 27px; } .im-review-pros-and-cons ul { padding: 18px 0 0 30px; } .im-review-rating-list-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { max-width: 100%; padding: 55px 44px 50px; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { left: 25px; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { height: 23px; width: 21px; } .im-review-rating-list-wrapper .rating-by-author { margin-right: 0; margin-bottom: 42px; } } @media only screen and (max-width: 767px) { .im-review-content-section > .p { font-size: 16px; } .im-review-content-section .im-review-gallery-item { width: 100%; } .im-review-content-section .im-review-gallery-item:nth-child(odd) { margin-right: 0; } .im-review-content-section .im-review-gallery-item:not(:first-child) { margin-top: 30px; } .im-review-content-section .im-banner-add { margin-top: 45px; } .im-review-content-section .im-video-img a { height: 85px; width: 85px; line-height: 85px; } .im-review-content-section .im-battery-chart-wrapper .chart-label h2 { letter-spacing: 1px; font-size: 22px; } .im-review-content-section .im-battery-chart-wrapper .chart-label .p { font-size: 12px; } .im-review-content-section .note-wrapper { font-size: 17px; } .im-review-content-section .note-wrapper .note-text { padding: 20px 20px; } .im-review-content-market { padding: 38px 15px 40px; } .im-review-content-market .review-market-list li .item-img { max-width: 20%; } .im-review-content-market .review-market-list li .price span { display: none; } .im-review-content-market .review-market-list li .p { max-width: 26%; } .im-review-pros-and-cons .im-pros, .im-review-pros-and-cons .im-cons { padding: 20px; border-width: 4px; } .im-review-pros-and-cons ul { padding: 18px 0 0 0px; } .im-review-rating-list-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { padding: 50px 25px 40px; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { left: 8px; } .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num { right: 5px; font-size: 34px; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { height: 18px; width: 19px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li:not(:last-child), .im-review-rating-list-wrapper .rating-by-author .rating-list > li:not(:last-child) { margin-bottom: 20px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num { margin-left: 20px; } .im-review-rating-list-wrapper .rating-by-author { margin-right: 0; margin-bottom: 42px; } } @media only screen and (max-width: 575px) { .im-review-content-section > .p { font-size: 16px; } .im-review-content-section .im-review-gallery-item:not(:first-child) { margin-top: 20px; } .im-review-content-section .im-video-img a { height: 55px; width: 55px; line-height: 55px; } .im-review-content-section { padding: 0px 15px; } .im-review-content-section .im-battery-chart-wrapper .chart-label h2 { letter-spacing: 1px; font-size: 20px; } .im-review-content-section .im-battery-chart-wrapper .chart-label .p { margin-top: 10px; font-size: 12px; } .im-review-content-section .note-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .im-review-content-section .note-wrapper .note-name { width: 100%; padding: 30px 15px; } .im-review-content-section .note-wrapper .note-name:after { top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-top: 8px solid #017cee; border-left: 8px solid transparent; border-right: 8px solid transparent; } .im-review-content-section .note-wrapper .note-text { width: 100%; } .im-review-content-market { padding: 20px 15px; } .im-review-content-market .review-market-list li { text-align: center; } .im-review-content-market .review-market-list li .item-img { max-width: 100%; padding: 0 0px 16px; } .im-review-content-market .review-market-list li .item-img:after { top: 100%; right: 50%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); height: 1px; width: 70%; } .im-review-content-market .review-market-list li .p { max-width: 100%; padding: 20px 0 15px; } .im-review-content-market .review-market-list li .p span { display: inline-block; } .im-review-content-market .review-market-list li .price { width: 100%; } .im-review-content-market .review-market-list li .im-btn-4 { margin-right: auto; margin-top: 25px; } .im-review-pros-and-cons .im-pros, .im-review-pros-and-cons .im-cons { max-width: 100%; } .im-review-pros-and-cons .im-pros { margin-right: 0; margin-bottom: 15px; } .im-review-pros-and-cons ul { padding: 18px 0 0 0px; } .im-review-rating-list-wrapper .rating-for-product, .im-review-rating-list-wrapper .rating-by-author { padding: 50px 20px 40px; } .im-review-rating-list-wrapper .rating-for-product .rating-title, .im-review-rating-list-wrapper .rating-by-author .rating-title { font-size: 16px; padding: 0 10px; } .im-review-rating-list-wrapper .rating-for-product .rating-title i, .im-review-rating-list-wrapper .rating-by-author .rating-title i { font-size: 18px; } .im-review-rating-list-wrapper .rating-for-product .total-rating-num, .im-review-rating-list-wrapper .rating-by-author .total-rating-num { right: 5px; font-size: 25px; padding: 0 10px; } .im-review-rating-list-wrapper .rating-for-product .rating-star, .im-review-rating-list-wrapper .rating-by-author .rating-star { margin-left: 0; margin-right: auto; } .im-review-rating-list-wrapper .rating-for-product .rating-star svg, .im-review-rating-list-wrapper .rating-by-author .rating-star svg { height: 16px; width: 17px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li, .im-review-rating-list-wrapper .rating-by-author .rating-list > li { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-name, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-name { width: 100%; line-height: 20px; font-size: 13px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li:not(:last-child), .im-review-rating-list-wrapper .rating-by-author .rating-list > li:not(:last-child) { margin-bottom: 25px; } .im-review-rating-list-wrapper .rating-for-product .rating-list > li .rating-num, .im-review-rating-list-wrapper .rating-by-author .rating-list > li .rating-num { line-height: 22px; font-size: 19px; } } /* ========================= Blog Page ========================== */ .im-page-template-blog .blog-page { padding: 40px 0; } .im-page-template-blog .blog-page .post-item .item-info .meta-info { margin-top: -5px; } .im-page-template-blog .blog-page .post-item .item-info .meta-info li { margin-top: 5px; } .im-page-template-blog .blog-page .post-item .item-info .detail-btn svg { width: 20px; height: 7px; -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } .im-page-template-blog .blog-page .post-item .item-info .detail-btn svg .cls-1 { stroke: #000; stroke-miterlimit: 10; stroke-width: 20px; fill: transparent; } .im-page-template-blog .blog-page .im-grid-view { margin-top: -30px; } .im-page-template-blog .blog-page .im-grid-view .post-item { margin-top: 35px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info { padding: 34px 0 20px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info { margin-bottom: 18px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li { display: inline-block; padding-right: 25px; margin-right: 24px; position: relative; text-transform: uppercase; letter-spacing: .3px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li:not(.like) { opacity: .83; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li:after { content: ''; position: absolute; top: 50%; right: 0%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 11px; width: 1px; background: #45475e; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li i { margin-right: 4px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li.author i { font-size: 10px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li .like-btn { background: transparent; border: 0; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li .like-btn:hover i, .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li .like-btn.liked i { font-weight: 900; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li:last-child { padding-right: 0; margin-right: 0; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li:last-child:after { content: none; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info h2 { line-height: 40px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info p { margin-top: 23px; margin-bottom: 0; letter-spacing: .25px; line-height: 25px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .detail-btn { margin-top: 27px; font-size: 14px; } .im-page-template-blog .blog-page .im-list-view { margin-top: -40px; } .im-page-template-blog .blog-page .im-list-view .post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-img { width: 100%; max-width: 31%; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info { width: 100%; max-width: 69%; padding: 35px 28px 20px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info { margin-bottom: 18px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li { display: inline-block; padding-right: 25px; margin-right: 24px; position: relative; text-transform: uppercase; letter-spacing: .3px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li:not(.like) { opacity: .83; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li:after { content: ''; position: absolute; top: 50%; right: 0%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 11px; width: 1px; background: #45475e; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li i { margin-right: 4px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li.author i { font-size: 10px; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li .like-btn { background: transparent; border: 0; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li .like-btn:hover i, .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li .like-btn.liked i { font-weight: 900; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li:last-child { padding-right: 0; margin-right: 0; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .meta-info li:last-child:after { content: none; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info h2 { line-height: 40px; -webkit-transition: all .3s linear; transition: all .3s linear; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info p { margin-top: 22px; margin-bottom: 0; letter-spacing: .5px; line-height: 26px; opacity: .82; } .im-page-template-blog .blog-page .im-list-view .post-item .item-info .detail-btn { margin-top: 21px; font-size: 14px; opacity: .92; } .im-page-template-blog .inside-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-page-template-blog .inside-sidebar .im-blog-items-wrap { width: 100%; max-width: 74%; padding-right: 80px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-sidebar { max-width: 26%; width: 100%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-img { max-width: 42%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info { max-width: 58%; } @media (min-width: 1200px) and (max-width: 1399px) { .im-page-template-blog .inside-sidebar .im-blog-items-wrap { padding-right: 50px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info { padding: 25px 25px 20px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info h2 { font-size: 23px; line-height: 33px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info p { line-height: 25px; font-size: 16px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .detail-btn { margin-top: 16px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .meta-info li { padding-right: 15px; margin-right: 13px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-page-template-blog .inside-sidebar .im-blog-items-wrap { padding-right: 30px; max-width: 70%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-sidebar { max-width: 30%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-img { max-width: 100%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info { max-width: 100%; padding: 25px 25px 25px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info h2 { font-size: 23px; line-height: 33px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info p { line-height: 25px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .detail-btn { margin-top: 16px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .meta-info li { padding-right: 15px; margin-right: 13px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info h2 { font-size: 24px; line-height: 34px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info p { margin-top: 16px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .detail-btn { margin-top: 22px; } } @media only screen and (max-width: 991px) { .im-page-template-blog .inside-sidebar .im-blog-items-wrap { padding-right: 0px; max-width: 100%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-sidebar { max-width: 480px; margin: 70px auto 0; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-img { max-width: 100%; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info { max-width: 100%; padding: 25px 25px 25px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info h2 { font-size: 23px; line-height: 33px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info p { line-height: 25px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .detail-btn { margin-top: 16px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .meta-info li { padding-right: 15px; margin-right: 13px; } .im-page-template-blog .inside-sidebar .blog-page .im-grid-view .post-item .item-info h2 { font-size: 24px; line-height: 34px; } .im-page-template-blog .inside-sidebar .blog-page .im-grid-view .post-item .item-info p { margin-top: 16px; } .im-page-template-blog .inside-sidebar .blog-page .im-grid-view .post-item .item-info .detail-btn { margin-top: 22px; } } @media only screen and (max-width: 767px) { .im-page-template-blog .blog-page .im-grid-view .post-item .item-info h2 { font-size: 22px; line-height: 34px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info p { font-size: 15px; line-height: 24px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info .meta-info li { padding-right: 15px; margin-right: 13px; } } @media only screen and (max-width: 575px) { .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info { padding: 20px 20px 20px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info h2 { font-size: 21px; line-height: 32px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info p { font-size: 14px; } .im-page-template-blog .inside-sidebar.sidebar-right .im-list-view .post-item .item-info .meta-info li { padding-right: 14px; margin-right: 12px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info h2 { font-size: 21px; line-height: 32px; } .im-page-template-blog .blog-page .im-grid-view .post-item .item-info p { font-size: 14px; } } /* ========================= Blog Detail ========================== */ .im-blog-detail-row { padding: 30px 0 40px; } .im-blog-detail-row.inside-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-blog-detail-row.inside-sidebar .im-blog-detail-col { width: 100%; max-width: 74%; padding-right: 80px; } .im-blog-detail-row.inside-sidebar .im-sidebar { width: 100%; max-width: 26%; } .im-blog-detail-wrap { border-bottom: 1px solid #e3e3e3; } .im-blog-detail-wrap .base-detail .meta-info { margin: 24px 0 18px; } .im-blog-detail-wrap .base-detail .meta-info li { display: inline-block; padding-right: 29px; margin-right: 21px; position: relative; text-transform: uppercase; letter-spacing: .3px; margin-top: 10px; } .im-blog-detail-wrap .base-detail .meta-info li:not(.like) { opacity: .83; } .im-blog-detail-wrap .base-detail .meta-info li:after { content: ''; position: absolute; top: 50%; right: 0%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); height: 11px; width: 1px; background: #45475e; } .im-blog-detail-wrap .base-detail .meta-info li i { margin-right: 4px; } .im-blog-detail-wrap .base-detail .meta-info li.author i { font-size: 10px; } .im-blog-detail-wrap .base-detail .meta-info li .like-btn { background: transparent; border: 0; } .im-blog-detail-wrap .base-detail .meta-info li .like-btn:hover i, .im-blog-detail-wrap .base-detail .meta-info li .like-btn.liked i { font-weight: 900; } .im-blog-detail-wrap .base-detail .meta-info li:last-child { padding-right: 0; margin-right: 0; } .im-blog-detail-wrap .base-detail .meta-info li:last-child:after { content: none; } .im-blog-detail-wrap .base-detail h1 { line-height: 40px; margin-bottom: 20px; } .im-blog-detail-wrap .item-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 32px; } .im-blog-detail-wrap .item-tags h6 { letter-spacing: .5px; display: inline-block; margin-right: 26px; padding-top: 3px; position: relative; } .im-blog-detail-wrap .item-tags h6:before { position: absolute; content: ''; height: 4px; width: 3px; background: #555555; top: 50%; right: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-blog-detail-wrap .item-tags a { line-height: 24px; letter-spacing: .4px; margin-right: 23px; position: relative; opacity: .76; } .im-blog-detail-wrap .item-tags a:before { position: absolute; content: ''; height: 4px; width: 3px; top: 50%; right: -14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-blog-detail-wrap .item-tags a:last-child::before { content: none; } .im-blog-detail-content { margin-bottom: 90px; } .im-blog-detail-content p { opacity: .82; line-height: 26px; letter-spacing: .25px; margin-bottom: 20px; } .im-blog-detail-content h4 { line-height: 31px; margin: 30px 0; letter-spacing: .1px; } .im-blog-detail-content blockquote { opacity: .82; line-height: 31px; letter-spacing: .5px; position: relative; margin: 40px 0; padding: 14px 0; padding-left: 41px; } .im-blog-detail-content blockquote:before { content: ''; position: absolute; left: 6px; top: 0; height: 100%; width: 5px; background: #e6e6e6; } .im-blog-detail-content blockquote.style-2 { padding: 0; line-height: 33px; margin: 28px 0; } .im-blog-detail-content blockquote.style-2:before { content: none; } .im-blog-detail-content .content-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 35px -5px; } .im-blog-detail-content .content-gallery .item-img { width: 100%; padding: 0 5px; } .im-blog-detail-content .content-gallery._two-grid .item-img { max-width: 50%; } .im-blog-detail-content .content-gallery._three-grid .item-img { max-width: 33.3333%; } .im-blog-detail-content .content-gallery:nth-child(n + 2) { margin-top: -20px; } .im-blog-detail-col .social-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 40px 0; } .im-blog-detail-col .social-wrap .social-share li { display: inline-block; } .im-blog-detail-col .social-wrap .social-share li h6 { letter-spacing: .5px; display: inline-block; margin-right: 21px; padding-top: 3px; position: relative; } .im-blog-detail-col .social-wrap .social-share li h6:before { position: absolute; content: ''; height: 4px; width: 3px; background: #555555; top: 50%; right: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .im-blog-detail-col .social-wrap .social-share li a { height: 35px; width: 35px; line-height: 32px; border-radius: 50%; margin-right: 4px; border: 3px solid; border-color: #e3e3e3; text-align: center; } .im-blog-detail-col .social-wrap .post-arrows a { letter-spacing: .5px; opacity: .86; border: 3px solid #ebebeb; padding: 4px 28px 3px; margin-left: 7px; } .im-blog-detail-col .comment-area { margin-bottom: 60px; } .im-blog-detail-col .comment-area .title { text-transform: uppercase; margin-bottom: 30px; } .im-blog-detail-col .comment-area .comment-list li { margin-top: 20px; } .im-blog-detail-col .comment-area .comment-list li .comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 1px 9px 0px rgba(221, 220, 220, 0.28); box-shadow: 0px 1px 9px 0px rgba(221, 220, 220, 0.28); position: relative; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-img { width: 100%; max-width: 150px; padding: 10px 0 10px 10px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body { width: 100%; max-width: calc(100% - 150px); padding: 10px 30px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 9px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3 { color: #464545; margin-right: 13px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date { color: #8b8b8b; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p { line-height: 26px; letter-spacing: .5px; opacity: .82; margin-bottom: 0; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply { color: #464545; margin-left: auto; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply i { margin-left: 6px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply:hover { opacity: .9; } .im-blog-detail-col .comment-area .comment-list li .childent { padding-left: 60px; } .im-blog-detail-col .respond-area .title { text-transform: uppercase; margin-bottom: 30px; } .im-blog-detail-col .comment-form textarea { width: 100%; resize: none; height: 158px; border: 4px solid #e6e6e6; opacity: .67; padding: 12px 15px; letter-spacing: .2px; } .im-blog-detail-col .comment-form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-bottom: 0; } .im-blog-detail-col .comment-form .form-group input { width: 100%; max-width: calc(50% - 10px); border: 4px solid #e6e6e6; opacity: .67; padding: 13px 15px; } .im-blog-detail-col .comment-form .form-group input:first-child { margin-right: 20px; } .im-blog-detail-col .comment-form button { text-transform: uppercase; border: 0; padding: 12px 66px 8px; line-height: 36px; letter-spacing: .4px; border-radius: 3px; margin-top: 20px; -webkit-transition: .3s linear; transition: .3s linear; } @media (min-width: 1200px) and (max-width: 13399px) { .im-blog-detail-row.inside-sidebar .im-blog-detail-col { padding-right: 50px; } } @media (min-width: 992px) and (max-width: 1199px) { .im-blog-detail-row.inside-sidebar .im-blog-detail-col { max-width: 70%; padding-right: 30px; } .im-blog-detail-row.inside-sidebar .im-sidebar { max-width: 30%; } .im-blog-detail-wrap .base-detail h1 { line-height: 35px; margin-bottom: 20px; font-size: 24px; } .im-blog-detail-wrap .base-detail p { margin-bottom: 15px; } .im-blog-detail-content { margin-bottom: 65px; } .im-blog-detail-content blockquote { margin: 28px 0; padding: 10px 0; padding-left: 33px; line-height: 29px; } .im-blog-detail-content blockquote.style-2 { line-height: 32px; margin: 22px 0; } .im-blog-detail-content h4 { line-height: 25px; margin: 25px 0; } .im-blog-detail-col .comment-area .comment-list li .childent { padding-left: 30px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-img { max-width: 120px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body { max-width: calc(100% - 120px); padding: 10px 20px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3 { margin-right: 10px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p { line-height: 23px; font-size: 16px; } } @media only screen and (max-width: 991px) { .im-blog-detail-row.inside-sidebar .im-blog-detail-col { max-width: 100%; padding-right: 0px; } .im-blog-detail-row.inside-sidebar .im-sidebar { max-width: 400px; margin: 70px auto 0; } .im-blog-detail-row.inside-sidebar .im-sidebar .section-title-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .im-blog-detail-wrap .base-detail .meta-info li { padding-right: 14px; margin-right: 12px; } .im-blog-detail-wrap .base-detail h1 { line-height: 35px; margin-bottom: 20px; font-size: 25px; } .im-blog-detail-wrap .base-detail p { margin-bottom: 15px; } .im-blog-detail-content { margin-bottom: 65px; } .im-blog-detail-content blockquote { margin: 28px 0; padding: 10px 0; padding-left: 33px; line-height: 29px; } .im-blog-detail-content blockquote.style-2 { line-height: 32px; margin: 22px 0; } .im-blog-detail-content h4 { margin: 25px 0; } .im-blog-detail-col .comment-area .comment-list li .childent { padding-left: 30px; } .im-blog-detail-col .comment-area .comment-list li .comment-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-img { max-width: 120px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body { max-width: calc(100% - 120px); padding: 10px 20px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3 { margin-right: 10px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p { line-height: 23px; font-size: 16px; } .im-blog-detail-col .social-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .im-blog-detail-col .social-wrap .post-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 40px; } .im-blog-detail-col .social-wrap .post-arrows a { margin-left: 0; } } @media only screen and (max-width: 767px) { .im-blog-detail-col .comment-area .comment-list li .childent { padding-left: 20px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date h3 { margin-right: 8px; margin-top: 1px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date span { display: none; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply i { margin-left: 2px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p { font-size: 15px; } } @media only screen and (max-width: 575px) { .im-blog-detail-wrap .base-detail h1 { line-height: 30px; font-size: 21px; } .im-blog-detail-content { margin-bottom: 40px; } .im-blog-detail-content p { line-height: 25px; font-size: 15px; } .im-blog-detail-content h4 { line-height: 29px; margin: 20px 0; font-size: 20px; } .im-blog-detail-content blockquote { margin: 20px 0; padding: 5px 0; padding-left: 25px; line-height: 26px; font-size: 17px; } .im-blog-detail-content blockquote:before { left: 0; } .im-blog-detail-content .content-gallery._two-grid .item-img, .im-blog-detail-content .content-gallery._three-grid .item-img { max-width: 100%; } .im-blog-detail-content .content-gallery .item-img img { width: 100%; } .im-blog-detail-content .content-gallery .item-img:not(:first-child) { margin-top: 10px; } .im-blog-detail-col .comment-area .comment-list li .comment-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-img { padding: 15px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body { max-width: 100%; padding: 0 15px 45px; position: relative; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date { margin-bottom: 12px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .name-date .date { margin-left: auto; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body .reply { margin: 0; position: absolute; bottom: 15px; left: 15px; } .im-blog-detail-col .comment-area .comment-list li .comment-item .item-body p { font-size: 14px; line-height: 22px; } .im-blog-detail-col .comment-form .form-group input { max-width: 100%; } .im-blog-detail-col .comment-form .form-group input:first-child { margin-bottom: 20px; margin-right: 0; } .im-blog-detail-col .comment-form button { padding: 10px 50px 5px; } } /* ========================= Compare Page ========================== */ .im-compare-content { padding: 80px 0; } .im-compare-content .compare-table { display: -webkit-box; display: -ms-flexbox; display: flex; } .im-compare-content .compare-table .table-col { width: 100%; } .im-compare-content .compare-table .table-col-titles { max-width: 15%; } .im-compare-content .compare-table .table-col-products { max-width: 85%; } .im-compare-content .compare-table .slick-track { margin-left: 0; } .im-compare-content .compare-title { border-top: 1px solid #ddd; } .im-compare-content .compare-title .table-row-heading { border-right: 0; } .im-compare-content .compare-title li { border: 1px solid #ddd; border-top: 0; padding: 20px; } .im-compare-content .compare-title li h6 { line-height: 1.14; margin-bottom: 6px; } .im-compare-content .product-item { border-top: 1px solid #ddd; max-width: 350px; } .im-compare-content .product-item .product-img img { max-height: 150px; margin: auto; } .im-compare-content .product-item .market-img img { margin: auto; } .im-compare-content .product-item li { border-bottom: 1px solid; border-right: 1px solid; border-color: #ddd; padding: 20px; line-height: 24px; } .im-compare-content .product-item li.table-row-0 { position: relative; } .im-compare-content .product-item li.table-row-0 .remove-btn { position: absolute; top: 20px; right: 20px; color: #bdbdbd; } .im-compare-content .product-item li.table-row-0 .add-to-wishlist { position: absolute; left: 20px; top: 20px; color: #bdbdbd; cursor: pointer; } .im-compare-content .product-item li .best-market-price { border: 1px solid #ddd; display: inline-block; border-radius: 3px; color: #333; margin-top: 10px; } .im-compare-content .product-item li .best-market-price a { padding: 8px 10px; display: inline-block; border-right: 1px solid #ddd; color: #333; } .im-compare-content .product-item li .best-market-price a:hover { border-radius: 3px 0 0 3px; } .im-compare-content .product-item li .best-market-price .price { display: inline-block; padding: 3px 15px 3px 5px; } .im-compare-content .product-item li:nth-child(-n+2) { text-align: center; } .im-compare-content .product-item:not(:last-child) .table-row-heading { border-right: 0; } @media (min-width: 992px) and (max-width: 1199px) { .im-compare-content .compare-table .table-col-titles { max-width: 20%; } .im-compare-content .compare-table .table-col-products { max-width: 80%; } } @media only screen and (max-width: 991px) { .im-compare-content .compare-table .table-col-titles { max-width: 30%; } .im-compare-content .compare-table .table-col-products { max-width: 70%; } } @media only screen and (max-width: 575px) { .im-compare-content .compare-table .table-col-titles { max-width: 45%; } .im-compare-content .compare-table .table-col-products { max-width: 55%; } .im-compare-content .compare-table .compare-title li { padding: 15px; } .im-compare-content .compare-table .product-item .product-img img { max-height: 100px; } .im-compare-content .compare-table .product-item li { padding: 15px; } .im-compare-content .compare-table .product-item li .best-market-price .price { padding: 3px 9px 3px 5px; } .im-compare-content .compare-table .product-item li .best-market-price .price { padding: 3px 9px 3px 5px; } }