ÿØÿà JFIF ÿá Exif MM * ÿÛ C
Server IP : 199.250.214.225 / Your IP : 3.149.237.128 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/npayroll/.nicn.gov.ng/b4/css/ |
Upload File : |
/* * Frame by Magentech * Copyright 2017-2018 The Magentech Authors * Mixin 2017-2018 SN, Inc. */ .home-section>div { margin-bottom: 30px } .template-index .widget-hotcate, .template-index .widget-slideshow { margin: 0 } .template-index .products-listing.grid .product-layout .product-item-container { margin-bottom: 0 } .home-title { line-height: 100%; margin: 0 0 15px 0 } .home-title.style2 { text-align: center; border-bottom: 1px solid #eee; padding: 0; margin-bottom: 30px } @media (max-width: 991px) { .home-title.style2 { margin-bottom: 15px } } .home-title.style2 span { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 8px 23px; position: relative; top: 12px; background-color: #f50; position: relative } .home-title h2 { font-size: 18px; font-weight: 700; display: inline-block; padding-bottom: 6px; margin-bottom: -1px; border-bottom: 2px solid #f50; color: #222 } @media (max-width: 991px) { .home-title h2 { font-size: 16px } } .home-title span { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #222 } @media (max-width: 991px) { .home-title span { font-size: 16px } } .template-index .owl-nav>div { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; top: 50%; color: #fff; font-size: 18px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0; cursor: pointer; display: inline-block; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position: absolute; z-index: 2; background: #999 } .template-index .owl-nav>div.owl-prev { left: 0px } @media (min-width: 992px) { .template-index .owl-nav>div.owl-prev { left: -31px } } .template-index .owl-nav>div.owl-next { right: 0px } @media (min-width: 992px) { .template-index .owl-nav>div.owl-next { right: -31px } } .template-index .owl-nav>div:hover { background: #f50 } .template-index .owl-nav>div:hover i.fa { color: #fff } .owl-style_dot .owl-dots { position: absolute; top: -45px; right: -5px } .owl-style_dot .owl-dots .owl-dot { width: 8px; height: 8px; border-radius: 8px; background-color: #222; margin: 0 5px; display: inline-block; float: left; opacity: 1; transition: all 0.2s ease-in-out 0s } .owl-style_dot .owl-dots .owl-dot.active { width: 30px; background-color: #f50 } .owl-style2 .owl-nav { position: absolute; top: -24px; right: 0px } .owl-style2 .owl-nav>div { background-color: transparent; border: 1px solid #eee; color: #999; height: 32px; width: 24px; margin: 0; position: static; line-height: 30px } @media screen and (-webkit-min-device-pixel-ratio: 0) { .owl-style2 .owl-nav>div { line-height: 28px } } .owl-style2 .owl-nav>div:hover { border-color: #f50 } .owl-style2 .owl-nav>div.owl-prev { border-right: none } .owl-style2 .owl-nav>div.owl-next { border-left: none } .quick-view .overlay, .ajax-success-modal .overlay { background: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; position: fixed } .quick-view .more-view-wrapper .owl-stage-outer { padding: 0 1px; margin: 0 -1px; direction: ltr } #shopify-section-ss-vertical-menu .widget-verticalmenu { position: relative; margin: 0; padding: 0; cursor: pointer } #shopify-section-ss-vertical-menu .widget-verticalmenu .icon-menus { width: 20px; height: 16px; display: inline-block; margin-right: 15px; position: relative; top: 2px; display: none } #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical { background: rgba(0, 0, 0, 0.3) } #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical .navbar-toggles { font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 20px; height: 42px; line-height: 40px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; box-shadow: none; border: 0; color: #fff; text-align: left; width: 100% } @media (min-width: 1200px) { #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical .navbar-toggles { font-size: 16px; height: 52px; line-height: 50px } #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical .navbar-toggles .fa-bars { font-size: 18px; margin-right: 4px } } #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical .navbar-toggles .fa-bars { font-size: 16px; margin-right: 4px } #shopify-section-ss-vertical-menu .widget-verticalmenu .navbar-vertical .navbar-toggles .fa-caret-down { float: right; font-size: 14px; line-height: 45px; padding-right: 20px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper { padding: 2px 0px; background: #fff } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .btn-dropdown-toggle { top: 50%; position: static; right: 15px; line-height: 100%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%) } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .btn-dropdown-toggle.toggle-open .fa:before { content: '\f0d8' } #shopify-section-ss-vertical-menu .vertical-item.level1 { padding: 0px 20px; position: relative } #shopify-section-ss-vertical-menu .vertical-item.level1:first-child { border: none } #shopify-section-ss-vertical-menu .vertical-item.level1:first-child a { border-top: 0 !important } #shopify-section-ss-vertical-menu .vertical-item.level1:last-child>a { border: 0 !important } #shopify-section-ss-vertical-menu .vertical-item.level1 ul { margin: 0; padding: 2px 0px; list-style: none } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link { color: #444; display: block; font-size: 13px; font-weight: 400; padding: 13px 0; line-height: 100%; position: relative; text-transform: capitalize; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link:hover { color: #f50 } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link:hover:before { color: #f50 !important } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link .icon_items { font-size: 14px; margin: 0; display: inline-block; width: 20px; text-align: center } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link .icon_items img { display: inline-block; vertical-align: middle } #shopify-section-ss-vertical-menu .vertical-item.level1>a.menu-link>span.menu-title { padding: 0.3px 15px; padding-left: 4px; text-transform: capitalize } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop { padding: 0; background-color: #fff } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li { position: relative; padding: 0 15px 0 30px } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li:hover>a { color: #f50 } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li:hover>a:before { color: #f50 } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li a { display: block; padding: 8px 0; color: #444; font-weight: normal; line-height: 24px; text-decoration: none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li:last-child a { border-bottom: 0 } #shopify-section-ss-vertical-menu .vertical-item.level1 .vertical-drop>li.title-cate>a { font-weight: bold; color: #444; padding: 0 0 5px; font-size: 14px } #shopify-section-ss-vertical-menu .ss_megamenu_lv2 a { display: inline-block } #shopify-section-ss-vertical-menu .vertical-drop li:hover>a { color: #f50 !important } #shopify-section-ss-vertical-menu .last.all_cate { display: inline-block; width: 100%; border-top: 1px solid #eee } #shopify-section-ss-vertical-menu .last.all_cate:hover a { color: #f50 } #shopify-section-ss-vertical-menu .last.all_cate a { padding: 21px 20px 20px; position: relative; font-size: 14px; display: inline-block; width: 100% } #shopify-section-ss-vertical-menu .last.all_cate a:before { content: ""; display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url(icon-imageb5f7.png?v=16125201058066291786) no-repeat -124px -103px; margin-left: 3px; margin-right: 12px; position: relative; top: -1px } @media (min-width: 992px) { #shopify-section-ss-vertical-menu .vertical-wrapper:before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; left: 0; right: 0; top: 0; background: #f50 } #shopify-section-ss-vertical-menu .vertical-wrapper .vertical-group { border: 1px solid #eee; border-top: none } #shopify-section-ss-vertical-menu .vertical-wrapper .css_parent li.vertical-item { border-bottom: 1px solid #ddd } #shopify-section-ss-vertical-menu .vertical-wrapper .css_parent li.vertical-item:last-child { border: none } #shopify-section-ss-vertical-menu .touch-button, #shopify-section-ss-vertical-menu .btn-dropdown-toggle { display: none } #shopify-section-ss-vertical-menu .vertical-item:hover a { color: #f50 } #shopify-section-ss-vertical-menu .vertical-item .caret { display: none } #shopify-section-ss-vertical-menu .vertical-item.sub-mega .vertical-product .product-layout { padding: 0 } #shopify-section-ss-vertical-menu .vertical-item.sub-mega .vertical-product .product-layout .product-item-container { margin-bottom: 0; padding: 0 20px 10px } #shopify-section-ss-vertical-menu .vertical-item.sub-mega .vertical-product .product-layout .product-item-container .right-block { padding: 0 } #shopify-section-ss-vertical-menu .vertical-item .vertical-drop { position: absolute; top: 0; left: 120%; z-index: 800; min-width: 220px; height: auto !important; box-shadow: 0px 10px 25px 0px rgba(0, 0, 40, 0.2); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; visibility: hidden; opacity: 0 } #shopify-section-ss-vertical-menu .vertical-item .vertical-drop.drop-mega { border: 1px solid #ebebeb; box-shadow: none; padding: 20px } #shopify-section-ss-vertical-menu .vertical-item .vertical-drop.drop-mega .content-links { margin-bottom: 10px } #shopify-section-ss-vertical-menu .vertical-item .vertical-drop.drop-mega .content-links>li>a { display: block; padding: 3px 0; color: #555; font-weight: normal; line-height: 22px; text-decoration: none; font-size: 13px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease } #shopify-section-ss-vertical-menu .vertical-item .vertical-drop.drop-mega .content-links>li.menuTitle>a { padding-top: 0; font-weight: bold; color: #000; line-height: 100%; font-size: 13px; text-transform: uppercase; display: block; margin-bottom: 5px } #shopify-section-ss-vertical-menu .vertical-item:hover>.vertical-drop { visibility: visible; opacity: 1; left: 100%; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease } #shopify-section-ss-vertical-menu .vertical-item .level1.sub-dropdown .vertical-drop { left: calc(100% - 1px) } #shopify-section-ss-vertical-menu .vertical-item .level1.sub-dropdown>a:before { content: '\f0da'; font-family: FontAwesome; text-align: center; font-size: 14px; line-height: 14px; display: inline-block; float: right; position: relative; top: 5px; color: #999 } #shopify-section-ss-vertical-menu .vertical-item .level2.sub-dropdown .vertical-drop { left: calc(100% - 1px) } #shopify-section-ss-vertical-menu .vertical-item .level2.sub-dropdown>a:before { content: '\f0da'; font-family: FontAwesome; text-align: center; font-size: 14px; line-height: 14px; display: inline-block; float: right; position: relative; top: 5px; color: #999 } #shopify-section-ss-vertical-menu .vertical-item .level3.sub-dropdown .vertical-drop { left: calc(100% - 1px) } #shopify-section-ss-vertical-menu .vertical-item .level3.sub-dropdown>a:before { content: '\f0da'; font-family: FontAwesome; text-align: center; font-size: 14px; line-height: 14px; display: inline-block; float: right; position: relative; top: 5px; color: #999 } #shopify-section-ss-vertical-menu .vertical-item.vertical_drop>a { position: relative } #shopify-section-ss-vertical-menu .vertical-item.vertical_drop>a:before { content: '\f0da'; font-family: FontAwesome; text-align: center; font-size: 14px; top: 50%; position: absolute; right: 0px; line-height: 100%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); color: #999 } #shopify-section-ss-vertical-menu .ss_product_ver_content .ver_title_product { font-weight: 600; color: #222; padding-bottom: 10px; font-size: 14px; text-transform: uppercase } #shopify-section-ss-vertical-menu .ss_product_ver_content .title-product { font-size: 15px; margin: 10px 0 } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 { padding: 0 !important } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 .content-links { padding: 20px 25px; background: #eee; margin: 0 !important } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 .ss_product_ver_content { padding: 15px 20px 12px 0 } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 .ss_product_ver_content .product_col_1 { border-right: 1px solid #ebebeb } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 .ss_product_ver_content .box-label { right: 20px; top: 10px } #shopify-section-ss-vertical-menu .widget-verticaltoi .class_custom_2 .ss_product_ver_content .right-block { padding: 0 20px } } @media (max-width: 991px) { #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-item { padding: 0 } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-item .menu-link { padding: 8px 15px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-item .menu-link>span.menu-title { color: #333; text-transform: uppercase; font-size: 13px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-item .menu-link:hover>span.menu-title { color: #f50 } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-item .menu-link .caret { float: right; width: 30px; text-align: center; font-size: 14px; display: block } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-mega { border: 1px solid #ebebeb; box-shadow: none; padding: 20px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-mega .content-links { margin-bottom: 10px; padding: 0 5px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-mega .content-links>li>a { display: block; padding: 5px 0; color: #555; font-weight: normal; line-height: 24px; text-decoration: none; font-size: 14px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-mega .content-links>li.menuTitle>a { padding-top: 0; font-weight: bold; color: #333; line-height: 100%; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #ddd; display: block; padding-bottom: 10px; margin-bottom: 5px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-css { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .vertical-drop.drop-css .vertical-item .menu-link { padding: 4px 0 4px 10px } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .vertical-group .sub-menu { display: none; width: 100% !important; padding: 5px 15px; box-shadow: none; border: none } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper { -webkit-transform: translateZ(0); will-change: transform; display: block !important; width: 300px; position: fixed; top: 0; bottom: 0; left: -300px; z-index: 1000; border: none; padding: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background-color: #fff; visibility: hidden; box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.55); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); -moz-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); -ms-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); -o-transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1) } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper .close-vertical { padding: 5px 20px; text-align: right; color: #000; font-size: 18px; margin-bottom: 10px; background: #f9f9f9 } #shopify-section-ss-vertical-menu .widget-verticalmenu .vertical-wrapper.vertical-open { visibility: visible; opacity: 1; -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px) } } #shopify-section-ss-vertical-menu .vertical-screen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: -1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden } #shopify-section-ss-vertical-menu .vertical-screen.vertical-open { z-index: 98; opacity: 1; visibility: visible } @media (min-width: 768px) { .widget-product-carousel .products-mini { margin-top: 8px } } .widget-product-carousel .product-item { padding: 10px; margin: 0; background-color: #f7f7f7; border-radius: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; overflow: hidden; cursor: pointer } .widget-product-carousel .product-item:before { content: ""; width: 0; height: 1px; background: #f50; bottom: 0px; position: absolute; left: 50% } .widget-product-carousel .product-item:hover { background: #eee } .widget-product-carousel .product-item:hover:before { left: 0; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #f50 } .widget-product-carousel .product-item .product-img { width: 90px; float: left } @media (min-width: 1200px) { .widget-product-carousel .product-item .product-img { width: 130px } } .widget-product-carousel .product-item .product-info { margin-left: 110px; vertical-align: top; margin-top: 20px } @media (min-width: 1200px) { .widget-product-carousel .product-item .product-info { margin-left: 150px; margin-top: 33px } } .widget-product-carousel .product-item .product-info .price { margin-bottom: 5px } .widget-deals-carousel .widget-content { margin-top: 50px } .widget-deals-carousel .owl-dots { bottom: 20px; width: 100%; display: inline-block; text-align: center; top: 0px; margin-top: 10px } .widget-deals-carousel .owl-dots .owl-dot { background: #222; margin: 0 5px; width: 30px; height: 6px; padding: 0; transition: all 0.3s ease 0s; border-radius: 3px; float: none; display: inline-block } .widget-deals-carousel .owl-dots .owl-dot:hover, .widget-deals-carousel .owl-dots .owl-dot.active { background: #f50 } .widget-deals-carousel .countdown_tabs { border: 1px solid #d7d7d7; display: block; overflow: hidden; margin-top: 12px } .widget-deals-carousel .countdown_tabs i { border-right: 1px solid #d7d7d7; display: block; width: 37px; height: 39px; color: #f50; text-align: center; line-height: 39px; font-size: 18px; float: left } .widget-deals-carousel .countdown_tabs .deals-time { border: none; background-color: transparent; line-height: 39px; display: inline-block; color: #999; float: left; width: auto; font-size: 20px; font-weight: 400; padding: 0 3px; text-align: center } .widget-deals-carousel .countdown_tabs .deals-time .num-time { border: none; font-weight: 500; float: left; color: #333; font-size: 13px } .widget-deals-carousel .countdown_tabs .deals-time.second .title-time:after { display: none } .widget-deals-carousel .countdown_tabs .deals-time .title-time { float: left; padding-left: 3px; position: relative; font-size: 13px; top: 0px; font-weight: 400; line-height: 39px; text-transform: capitalize } .widget-deals-carousel .countdown_tabs .deals-time .title-time:after { content: ":"; position: absolute; top: 0; right: -5px; display: block; font-size: 13px; color: #999 } .widget-logolist .wrap { padding: 15px 0px; background: #fff } @media (min-width: 992px) { .widget-logolist .wrap { padding: 20px 0 30px } .widget-logolist .wrap .owl-carousel .owl-item img { width: auto } } .widget-logolist .wrap .logo-bars { border: 1px solid #efefef; padding: 15px } .widget-logolist .wrap .logo-item { text-align: center; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease } .widget-logolist .wrap .logo-item:hover { opacity: 0.4 } .main-megamenu .ss_megamenu_icon { position: absolute; top: -16px; right: 15px; width: 35px; height: 16px; line-height: 16px; color: #fff; font-size: 10px !important; text-align: center; text-transform: uppercase; z-index: 1 } .main-megamenu .ss_megamenu_icon:after { content: ''; position: absolute; bottom: -4px; left: 8px; width: 0; height: 0; border: 0 solid transparent; border-left-width: 4px; border-right-width: 4px; border-top: 5px solid #333 } .main-megamenu .ss_megamenu_icon.mega-hot { background-color: #e74c3c } .main-megamenu .ss_megamenu_icon.mega-hot:after { border-top: 5px solid #e74c3c } .main-megamenu .ss_megamenu_icon.mega-new { background-color: #1a78ff } .main-megamenu .ss_megamenu_icon.mega-new:after { border-top: 5px solid #1a78ff } .main-megamenu ul.nav { margin: 0 } .main-megamenu ul.nav>li { margin: 0; padding: 0; float: left; position: relative; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease } .main-megamenu ul.nav>li>a { font-size: 14px; line-height: 26px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease } .main-megamenu ul.nav>li:hover>a, .main-megamenu ul.nav>li.active>a { background-color: #f3f4f8 } @media (min-width: 992px) { .main-megamenu ul.nav>li.menu_item_drop.arrow>a span.ss_megamenu_title:after { content: "\f0d7"; display: inline-block; vertical-align: middle; font-family: FontAwesome; margin-left: 10px; position: relative; top: 0; font-size: 12px } } .main-megamenu ul.nav>li.menu_item_drop:hover>.ss_megamenu_dropdown, .main-megamenu ul.nav>li.menu_item_drop:focus>.ss_megamenu_dropdown { top: 100%; opacity: 1; pointer-events: auto; visibility: visible } .main-megamenu ul.nav>li.menu_item_drop .dropdown_lv1 .menu_item_drop:hover>.ss_megamenu_dropdown { top: -1px; opacity: 1; pointer-events: auto; visibility: visible } .main-megamenu ul.nav>li.menu_item_drop .dropdown_lv1 .menu_item_drop .dropdown_lv2 .menu_item_drop:hover>.ss_megamenu_dropdown { top: -1px; opacity: 1; pointer-events: auto; visibility: visible } .main-megamenu ul.nav>li.menu_item_css { position: relative } .main-megamenu ul.nav>li.menu_item_css .ss_megamenu_dropdown li { line-height: 30px; padding: 10px 15px } .main-megamenu ul.nav>li.menu_item_css .ss_megamenu_dropdown li:not(:last-child) { border-bottom: 1px solid #ebebeb } .main-megamenu ul.nav>li.menu_item_css .ss_megamenu_dropdown li a { padding: 0; line-height: 22px } .main-megamenu .ss_megamenu_dropdown { background-color: #fff; position: absolute; top: 130%; left: 0; margin: 0; padding: 0; min-width: 250px; z-index: 9; text-align: left; visibility: hidden; opacity: 0; border: 1px solid #ebebeb; -webkit-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; -moz-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; -o-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; box-shadow: 0px 10px 25px 0px rgba(0, 0, 40, 0.2); pointer-events: none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1) } @media (min-width: 992px) and (max-width: 1199px) { .main-megamenu .ss_megamenu_dropdown { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%) } } .main-megamenu .ss_megamenu_dropdown li { position: relative } .main-megamenu .ss_megamenu_dropdown li a { display: block; padding: 1px 0; border-bottom: #ebebeb; font-weight: normal; line-height: 24px; text-decoration: none; font-size: 13px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease } .main-megamenu .ss_megamenu_dropdown li a:hover { color: #f50 } .main-megamenu .ss_megamenu_dropdown li:last-child a { border-bottom: 0 } .main-megamenu .ss_megamenu_dropdown li.megatitle { border-bottom: 0 } .main-megamenu .ss_megamenu_dropdown li.menu_item_drop.width-full { position: static !important } .main-megamenu .ss_megamenu_dropdown li.menu_item_drop>a:after { content: "\f105"; display: inline-block; font-family: FontAwesome; float: right; margin-left: 5px } .main-megamenu .ss_megamenu_dropdown li.menu_item_drop .ss_megamenu_dropdown { top: 0px; left: 100% } .main-megamenu .ss_megamenu_dropdown li.menu_item_drop:hover>.ss_megamenu_dropdown, .main-megamenu .ss_megamenu_dropdown li.menu_item_drop:focus>.ss_megamenu_dropdown { visibility: visible; opacity: 1 } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown { padding: 15px 20px } @media (min-width: 992px) and (max-width: 1199px) { .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%) } } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown.width-full { width: 100% } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown.left { left: 0; right: auto } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown.right { left: auto; right: 0 } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .col_banner { margin-top: 10px } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .col_banner:hover { opacity: 0.8 } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .ss_product_mega { margin-top: 5px } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .ss_product_mega .megatitle { margin-bottom: 15px } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .ss_product_mega .left-block .product-image .s-img:hover { opacity: 0.8 } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .menulink { margin-bottom: 20px } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .megatitle { display: block; border-bottom: 0; font-weight: 600 } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .megatitle span, .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .megatitle a { display: block; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #000; padding-bottom: 5px } .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .megatitle span:hover, .main-megamenu .ss_megamenu_dropdown.megamenu_dropdown .megatitle a:hover { padding-left: 0 } .main-megamenu .btn-mobile { position: relative; padding: 0 } .main-megamenu .button-mobile { cursor: pointer; display: inline-block; vertical-align: middle; width: 34px; height: 33px; border-radius: 0; border: none; padding: 9px 6px; margin-top: 4px; border-radius: 3px; background: rgba(0, 0, 0, 0.2) } .main-megamenu .button-mobile span { display: block; width: 22px; height: 2px; background-color: #fff } .main-megamenu .button-mobile span+span { margin-top: 4px } .main-megamenu .ss_product_mega .box-countdown, .main-megamenu .ss_product_mega .product-card__gallery { display: none !important } .feature-layout { padding-top: 10px } .feature-layout .image-link { display: block; margin-bottom: 15px } .feature-layout .image-link .thumbnail { position: relative; overflow: hidden; border-radius: 0; background: #333; padding: 0; border: 1px solid #ddd; margin-bottom: 10px } .feature-layout .image-link .btn { position: absolute; top: -100px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); padding: 9px 20px; background: #444; color: #fff; border-radius: 3px; border: none; background: #f50; border-color: #f8ab16; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 2px; border: none; font-size: 13px } .feature-layout .image-link:hover .thumbnail { border: 1px solid #ccc } .feature-layout .image-link:hover .thumbnail img { opacity: 0.7 } .feature-layout .image-link:hover .btn { top: 50%; margin-top: -18px } .feature-layout .image-link .caption { font-size: 12px; text-align: center; font-weight: 600; text-transform: uppercase } .ss-fb-message.right-bottom { position: fixed; bottom: 0; right: 20px; z-index: 9 } .ss-fb-message.left-bottom { position: fixed; bottom: 0; left: 20px; z-index: 9 } .ss-fb-message .ss-fb-ms-inner { position: relative } .ss-fb-message .ss-fb-message-style-default .ss-fb-message-head { background-color: #4267b2; border: 1px solid #29487d; cursor: pointer; border-top-right-radius: 3px; border-top-left-radius: 3px; color: #fff; font-family: arial, sans-serif; color: white; font-size: 12px; font-weight: bold; height: 29px; padding: 5px; position: relative } .ss-fb-message .ss-fb-message-style-default .ss-fb-message-head>img { margin-right: 5px } .ss-fb-message .ss-fb-message-style-default .so-fb-message-head:hover { background-color: #3b5998 } .ss-fb-message .ss-fb-message .online { padding-left: 5px; padding-right: 5px } .ss-fb-message .ss-fb-message-style-metro .ss-fb-message-head-metro { width: 100% } .ss-fb-message .ss-fb-message-style-metro .ss-fb-message-head-metro a { width: 70%; display: inline-block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #fff; height: 36px; line-height: 36px; text-align: center; padding: 0 20px 0 48px; background-color: #3b5998; position: relative; transition: background-color 700ms ease-in-out; -moz-transition: background-color 700ms ease-in-out; -webkit-transition: background-color 700ms ease-in-out; -o-transition: background-color 700ms ease-in-out; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; border: none } .ss-fb-message .ss-fb-message-style-metro .ss-fb-message-head-metro a span { width: 40px; height: 36px; padding: 0; margin: 0; left: 0; top: 0; position: absolute; background: url("iconmetro.png") no-repeat left top } .ss-fb-message .ss-fb-message-style-metro .ss-fb-message-head-metro a:hover { background-color: #2e4b89; color: #fff; border: none; text-shadow: none } .ss-fb-message .offline_heading, .ss-fb-message .online_heading { position: absolute; top: -35px; z-index: 999; height: 36px; padding: 6px 0px; color: #FFF; cursor: pointer; float: left; background-color: #2e4b89; margin-left: 1px } .ss-fb-message .button_chat_offline_text { max-width: 85%; padding-left: 12px; display: inline-block; padding-right: 12px; font-size: 14px; font-weight: bold; cursor: pointer } .ss-fb-message .ss-fb-message .fa-angle-down { color: #FFF; font-size: 22px; float: right; padding-right: 12px } .widget-product-tabs .element-loading>.ltabs-products-loader { opacity: 1; visibility: visible; display: block } .widget-product-tabs .ltabs-products-loader { position: absolute; left: 50%; top: 40%; margin-left: -17px; opacity: 0; visibility: hidden; width: 60px; height: 60px } .widget-product-tabs .ltabs-products-loader img { width: 100% } .widget-product-tabs .widget-content { margin-left: -10px; margin-right: -10px; overflow: hidden; padding: 10px } .widget-product-tabs .widget-content .owl-carousel .owl-stage-outer { overflow: visible } .widget-product-tabs .ltabs-tabs-container { position: relative } .widget-product-tabs .ltabs-tabs-container .tabs-menu { position: relative } @media (min-width: 569px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu { position: absolute; right: 60px; top: -5px; z-index: 8 } } @media (min-width: 569px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu { padding: 0 } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_btn { display: none } .widget-product-tabs .ltabs-tabs-container .tabs-menu li.tabs-menu-label { position: relative } } @media (max-width: 568px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_btn { display: block; border: 1px solid #ddd; font-size: 21px; color: #222; height: 30px; width: 33px; display: block; text-align: center; line-height: 28px; margin-bottom: 10px } } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li { float: left; font-size: 12px; position: relative; padding: 0 0 0 20px; cursor: pointer } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li>span { color: #666; display: block; font-size: 12px; font-weight: 400; padding: 0; text-transform: uppercase; position: relative; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -ms-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s } @media (min-width: 568px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li>span { line-height: 36px } } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li:hover>span, .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li.current>span { color: #f50 } @media (min-width: 569px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li:hover>span, .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li.current>span { border-bottom: 1px solid #f50 } } @media (min-width: 992px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li:hover>span:after, .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title li.current>span:after { opacity: 1; visibility: visible } } @media (max-width: 568px) { .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title { display: none; margin: 0; max-width: 200px; min-width: 120px; background: #fff; border: 1px solid #ddd; z-index: 10; padding: 10px 20px; position: absolute; left: 0; top: calc(100% + -1px); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin-bottom: 10px } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title.tabs-open { display: block } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title>li { display: block; padding: 8px 0; text-align: left; width: 100%; border: none !important; background: transparent !important; border-bottom: 1px solid #ddd !important } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title>li:last-child { border: none !important } .widget-product-tabs .ltabs-tabs-container .tabs-menu .tabs-menu_title>li>span { color: #222 !important; line-height: 20px } } .widget-product-tabs .ltabs-tabs-container .tabs-content { border: 1px solid #eee; position: relative; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transform: translateY(0px) } .widget-product-tabs .ltabs-tabs-container .tabs-content.loading { opacity: 0; visibility: hidden; transform: translateY(20px) } .widget-product-tabs .ltabs-tabs-container .tabs-content.loading .owl-nav, .widget-product-tabs .ltabs-tabs-container .tabs-content.loading .owl-dots { display: none } .banner-collection .row>div img { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s } .banner-collection .row>div:hover img { opacity: 0.8 } .no-change:hover .second-img { opacity: 0 !important; visibility: hidden } .box-results { z-index: 8889; list-style-type: none; width: 100%; margin: 0; padding: 0; background: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); overflow: hidden; top: calc(100%) !important; border-radius: 0 !important; text-align: center } .box-results li { display: block; width: 100%; height: 60px; margin: 0; padding: 0; border-top: 1px solid #ddd; line-height: 38px; overflow: hidden } .box-results li a { display: table } .box-results li:first-child { border-top: none } .box-results .title_name { padding-left: 10px; overflow: hidden; line-height: 100%; text-align: left; vertical-align: middle; display: table-cell } .box-results .thumbnail { float: left; display: table-cell; width: 50px; height: 50px; margin: 5px; padding: 0; text-align: center } .box-results .btn.btn-results { margin-top: 10px; background: transparent; box-shadow: none; border: 1px solid #ddd; color: #333; font-size: 14px } .box-results .btn.btn-results a { color: #333 } .box-results .btn.btn-results:hover { background: #f50; border-color: #f50 } .box-results .btn.btn-results:hover a { color: #fff } .widget-blogs .blog-image:hover img { opacity: .7 } .widget-blogs .des { color: #666; font-size: 14px; line-height: 24px } .widget-blogs .blog-detail .blog-title { margin: 18px 0 10px; padding: 0 } @media (max-width: 767px) { .widget-blogs .blog-detail .blog-title { margin: 5px 0; line-height: 20px } } .widget-blogs .blog-detail .blog-title a { padding: 0; font-weight: 700; font-size: 14px; color: #222 } .widget-blogs .blog-detail .blog-title a:hover { color: #f50 } .widget-blogs .blog-detail .article_info { color: #999; font-size: 12px } .widget-blogs .blog-detail .article_info .article_info__date { padding: 0 10px 0 1px } .widget-blogs .blog-detail .read-more { display: inline-block; float: right; text-align: right; text-transform: uppercase; color: #f50; text-transform: uppercase; font-weight: 400; font-size: 12px; margin-top: 7px; padding: 0; position: relative } .widget-blogs .blog-detail .read-more:before { content: ''; position: absolute; top: auto; bottom: 3px; right: 0; right: 0; height: 1px; width: 100%; background: #f50 } .tp-banner-container { text-align: center } @media (min-width: 1600px) { .tp-banner-container .tp-bullets { bottom: 13px !important } } .tp-banner-container .tp-caption { top: 10% !important } .tp-banner-container .tp-caption-slide-1 { font-weight: 400; line-height: normal; margin-bottom: 10px } @media (max-width: 767px) { .tp-banner-container .tp-caption-slide-1 { margin-bottom: 0; font-size: 16px !important } } @media (max-width: 480px) { .tp-banner-container .tp-caption-slide-1 { font-size: 14px !important } } .tp-banner-container .tp-caption-slide-2 { font-weight: 700; line-height: normal; text-transform: uppercase } @media (max-width: 991px) { .tp-banner-container .tp-caption-slide-2 { margin: 0 !important; font-size: 20px !important } } @media (max-width: 480px) { .tp-banner-container .tp-caption-slide-2 { font-size: 18px !important } } .tp-banner-container .tp-caption-slide-3 { line-height: 20px } @media (max-width: 767px) { .tp-banner-container .tp-caption-slide-3 { display: none } } .tp-banner-container .tp-caption-slide-5 { text-transform: uppercase } .tp-banner-container .slide-link-button { font-weight: bold; display: inline-block; padding: 0 30px; line-height: 40px; vertical-align: middle; position: relative; z-index: 1; border-radius: 5px; text-decoration: none; margin-top: 13px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: relative; margin-bottom: 12px } @media (max-width: 767px) { .tp-banner-container .slide-link-button { padding: 0 15px; line-height: 25px; font-size: 12px !important } } @media (max-width: 991px) { .tp-banner-container .slide-link-button { font-size: 10px !important; padding: 0 10px; line-height: 25px; font-size: 12px !important } } .tp-banner-container .slide-link-button:hover { background: #444 !important } .tp-banner-container .tp-bullets.simplebullets.round .bullet { cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s } .tp-banner-container .tp-bullets.simplebullets.round .bullet:hover, .tp-banner-container .tp-bullets.simplebullets.round .bullet.selected { background: #f50 } .show_dot .owl-dots { display: block; margin: -10px 0; text-align: center } .show_dot .owl-dots .owl-dot { width: 40px; height: 5px; border-radius: 2px; margin: 0 5px; background: #222; border: none; opacity: 1; display: inline-block } .show_dot .owl-dots .owl-dot.active { background: #f50 } .about-service { background: #fff; padding: 30px 0 } .about_us p { line-height: 23px; color: #666 } .about-service .item .item_wrap { text-align: center } .about-service .item .item_wrap .icon { display: inline-block; text-align: center; width: 100px; height: 100px; font-size: 36px; color: #fff; border-radius: 50%; line-height: 100px; background-color: #ff5c00 } .about-service .item .item_wrap h3 { font-weight: 700; color: #222; text-transform: uppercase; padding: 20px 0 10px; font-size: 14px; margin: 0 } .about-service .item .item_wrap .des { font-size: 14px; color: #666; line-height: 24px } .our-member { padding: 30px 0; text-align: center } .our-member h2 { text-align: center; color: #222; font-size: 26px; margin: 0 0 20px; text-transform: capitalize } .our-member .dshort-des { text-align: center; font-size: 14px; color: #666; margin: 0 0 25px } .our-member .item-inner { background: #fff } .our-member .item-inner h2 { font-size: 14px; color: #222; text-transform: uppercase; font-weight: 700; margin: 0 0 5px } .our-member .item-inner p { font-size: 12px; color: #666; margin: 0 } .our-member .item-inner .socials-wraps { padding: 0 0 15px; text-align: center } .our-member .item-inner .socials-wraps li { display: inline-block; padding: 0 7px } .our-member .item-inner .socials-wraps li a { font-size: 14px; color: #555 } .our-member .item-inner .socials-wraps li a:hover { color: #f50 } .our-member .item-inner img { width: 100% } .our-member .item-inner .item-content { padding: 20px 0 15px; text-align: center } .thumbnails-slide .owl-stage-outer { border-right: 1px solid #ebebeb } .widget_bestseler .product-item:hover img, .widget-prd-featured .product-item:hover img { opacity: .7 } @media (max-width: 1200px) { .collection-wrap .desc { display: none } } .popup-newletter { position: relative } @media (max-width: 1199px) { .popup-newletter { display: none !important } } .popup-newletter.popup_bgs .newsletter-wrappers .popup-wraper { top: 50%; opacity: 1; visibility: visible; transform: translateY(-50%); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out } .popup-newletter.popup_bgs .newsletter-wrappers .popup_bg { background: rgba(45, 45, 50, 0.8); height: 100%; position: absolute; width: 100%; opacity: 1; visibility: visible; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out } .popup-newletter .newsletter-wrappers { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9; display: block } .popup-newletter .newsletter-wrappers .popup_bg { opacity: 0; visibility: hidden } .popup-newletter .newsletter-wrappers .popup-wraper { margin: 0 auto; position: relative; opacity: 0; visibility: hidden } .popup-newletter .newsletter-wrappers .popup-wraper .ss-custom-oca-popup { position: relative; background: #fff } .popup-newletter .newsletter-wrappers .popup-wraper .ss-custom-oca-popup .modcontent { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); padding: 15px } .popup-newletter .newsletter-wrappers .popup-wraper .ss-custom-oca-popup .modcontent .popup-content { margin-left: 50% } .popup-newletter .newsletter-wrappers .popup-wraper .popup-close { position: absolute; width: 30px; height: 30px; background: #000; display: inline-block; top: -15px; right: -15px; z-index: 9; border: 2px solid #fff; color: #fff; font-size: 23px; cursor: pointer; border-radius: 50px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5) } .popup-newletter .newsletter-wrappers .popup-wraper .popup-close:hover { background: #f50 } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info { padding: 55px 35px; text-align: center } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .popup-title h4 { text-transform: uppercase; color: #222; font-weight: bold; letter-spacing: 2px; margin-bottom: 15px; font-size: 24px } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .short-description { margin: 0 0 30px; color: #222; font-size: 13px } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .form-control { border: 1px solid #222; border-radius: 0; height: 40px; padding: 0 15px; line-height: 38px } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .newsletter__submit { background: #222; border-radius: 0; color: #fff; height: 40px; text-transform: uppercase } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .newsletter__submit:hover { background: #f50 } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .hidden-popup { font-size: 12px; color: #666; margin-top: 30px } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .hidden-popup input { position: relative; top: 3px } .popup-newletter .newsletter-wrappers .popup-wraper .wrap-info .socials-popup li { display: inline-block; margin: 20px 10px; font-size: 20px } @media (max-width: 1199px) { #shopify-section-ss-tools { display: none !important } } #shopify-section-ss-tools .so-groups-sticky.right { position: fixed; right: 0; z-index: 10; width: 40px } #shopify-section-ss-tools .so-groups-sticky.left { position: fixed; left: 0; z-index: 10; width: 40px } #shopify-section-ss-tools #so-groups>a { float: left; width: 100%; display: block; cursor: pointer; text-align: center; color: #fff; height: 40px; border-top: 1px solid rgba(255, 255, 255, 0.5); background-color: #c40; position: relative } #shopify-section-ss-tools #so-groups>a.sticky-categories { border: none } #shopify-section-ss-tools #so-groups>a:hover { background-color: #930 } #shopify-section-ss-tools #so-groups>a>i { line-height: 40px } #shopify-section-ss-tools #so-groups i.fa-recent { background: url("icon-recent.png") no-repeat; width: 23px; height: 10px; display: inline-block } #shopify-section-ss-tools #so-groups>a span { background-color: #f50; color: #fff; display: inline-block; font-size: 14px; line-height: 19px; opacity: 0; padding: 10px; position: absolute; right: 100%; text-align: center; text-transform: capitalize; top: 0; transition: all 0.2s ease-in-out 0s; visibility: hidden; white-space: nowrap; width: auto } #shopify-section-ss-tools .left#so-groups>a span { left: 100%; right: auto } #shopify-section-ss-tools #so-groups>a:hover span { opacity: 1; transition: all 0.2s ease-in-out 0s; visibility: visible; width: auto } #shopify-section-ss-tools #so-groups .text-color { color: #f50 } #shopify-section-ss-tools #so-groups .popup { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; opacity: 1; background: rgba(0, 0, 0, 0.6) } #shopify-section-ss-tools #so-groups .popup-hidden { opacity: 0; top: -100%; bottom: 100% } #shopify-section-ss-tools #so-groups .popup-screen { display: table; vertical-align: top; width: 100%; height: 100% } #shopify-section-ss-tools #so-groups .popup-position { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .popup-position { padding: 40px } } #shopify-section-ss-tools #so-groups .popup-container { display: block; margin: 0 auto; box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1) } #shopify-section-ss-tools #so-groups .popup-small { max-width: 540px } #shopify-section-ss-tools #so-groups .popup-html { padding: 0 } #shopify-section-ss-tools #so-groups .popup-header, #shopify-section-ss-tools #so-groups .popup-content, #shopify-section-ss-tools #so-groups .popup-footer { display: inline-block; vertical-align: top; width: 100% } #shopify-section-ss-tools #so-groups .popup-header { position: relative; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #f50 } #shopify-section-ss-tools #so-groups .popup-header>span>i { margin-right: 10px } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .popup-header { padding-top: 25px; padding-bottom: 25px } } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .popup-header { padding-left: 40px; padding-right: 70px } } #shopify-section-ss-tools #so-groups .popup-close { position: absolute } #shopify-section-ss-tools #so-groups .popup-close, #shopify-section-ss-tools #so-groups .popup-close i.fa { height: 40px; line-height: 40px; font-size: 13px } #shopify-section-ss-tools #so-groups .popup-header .popup-close { top: 50%; margin-top: -20px; width: 40px; cursor: pointer; color: #fff; font-size: 2.2rem } #shopify-section-ss-tools #so-groups .popup-header .popup-close:hover { opacity: 0.7 } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .popup-header .popup-close { right: 20px } } #shopify-section-ss-tools #so-groups i.fa { text-align: center } #shopify-section-ss-tools #so-groups .popup-close i.fa { width: 100%; color: #fff } #shopify-section-ss-tools #so-groups .popup-content { background: #fff } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .popup-content { padding: 25px 40px 30px } } #shopify-section-ss-tools #so-groups .notification { position: relative; display: inline-block; vertical-align: top; width: 100%; min-height: 100%; max-height: 100%; padding: 20px; border-width: 1px; border-style: solid } #shopify-section-ss-tools #so-groups .notification i.info-icon { position: absolute; top: 8px; width: 48px; height: 48px; line-height: 48px; font-size: 26px; cursor: default; left: 0 } #shopify-section-ss-tools #so-groups .notification p { font-size: 14px; margin: 0; padding: 0 } #shopify-section-ss-tools #so-groups .notification i.info-icon+p { padding-left: 28px } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .notification { margin-bottom: 40px } } #shopify-section-ss-tools #so-groups .button-search .fa-refresh { margin-right: 7px } #shopify-section-ss-tools #so-groups .notification.gray { background-color: #eee; border-color: #d6d6d6; color: #737373 } #shopify-section-ss-tools #so-groups div.nav-secondary { width: 100%; padding-bottom: 40px } #shopify-section-ss-tools #so-groups div.nav-secondary { float: left; overflow-y: scroll; max-height: 400px } #shopify-section-ss-tools #so-groups div.nav-secondary ul, #shopify-section-ss-tools #so-groups div.nav-secondary ul li { list-style-type: none; margin: 0; padding: 0; width: 100% } #shopify-section-ss-tools #so-groups div.nav-secondary>ul { float: left } #shopify-section-ss-tools #so-groups div.nav-secondary li span.nav-action { width: 37px; height: 37px; position: relative; z-index: 10; cursor: pointer } #shopify-section-ss-tools #so-groups div.nav-secondary li span { float: right } #shopify-section-ss-tools #so-groups div.nav-secondary li span.nav-action .more { display: block } #shopify-section-ss-tools #so-groups div.nav-secondary li span.nav-action i.fa { width: 37px; height: 37px; line-height: 37px; color: rgba(0, 0, 0, 0.3) } #shopify-section-ss-tools #so-groups div.nav-secondary li span i.fa { float: right } #shopify-section-ss-tools #so-groups div.nav-secondary li span.nav-action .less { display: none } #shopify-section-ss-tools #so-groups div.nav-secondary li.active>span.nav-action .more { display: none } #shopify-section-ss-tools #so-groups div.nav-secondary li.active>span.nav-action .less { display: block } #shopify-section-ss-tools #so-groups div.nav-secondary li a { position: relative; display: block; vertical-align: top; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 10px 0; color: #1a1a1a; border-top: 1px solid rgba(0, 0, 0, 0.15) } #shopify-section-ss-tools #so-groups div.nav-secondary li a:hover { color: #f50; text-decoration: underline } #shopify-section-ss-tools #so-groups div.nav-secondary li a { padding-right: 60px } #shopify-section-ss-tools #so-groups div.nav-secondary>ul>li:first-child>a { border-top: none } #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-2, #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-3 { display: none } #shopify-section-ss-tools #so-groups div.nav-secondary .nav-arrow { display: none } #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-2>li a:before, #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-3>li a:before { content: ' - ' } #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-2>li>a, #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-3>li>a { font-size: 15px } #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-2>li>a { padding-left: 10px } #shopify-section-ss-tools #so-groups div.nav-secondary ul.level-3>li>a { padding-left: 20px } #shopify-section-ss-tools #so-groups .form-content, #shopify-section-ss-tools #so-groups .form-content form, #shopify-section-ss-tools #so-groups .form-content .form-box, #shopify-section-ss-tools #so-groups .form-content .form-group { width: 100% } #shopify-section-ss-tools #so-groups .popup-mysearch .form-content .form-box { text-align: center; position: relative } @media screen and (min-width: 768px) { #shopify-section-ss-tools #so-groups .form-content .form-box { margin-bottom: 40px } #shopify-section-ss-tools #so-groups .popup-myaccount .form-content .form-box { margin-bottom: 40px } #shopify-section-ss-tools #so-groups .popup-myaccount .form-content .form-box i { color: #f50; font-size: 42px } } #shopify-section-ss-tools #so-groups .form-content .form-box input.field, #shopify-section-ss-tools #so-groups .form-content .form-box select.field { height: 50px; min-height: 50px; max-height: 50px; -webkit-appearance: none; display: inline-block; vertical-align: top; width: 100%; min-width: 100%; max-width: 100%; margin: 0; padding: 10px 35px 10px 15px; font-size: 14px; line-height: 28px; font-weight: 400; border: 1px solid #ccc } #shopify-section-ss-tools #so-groups .form-content .form-box input.field:hover, #shopify-section-ss-tools #so-groups .form-content .form-box select.field:hover { cursor: pointer } #shopify-section-ss-tools #so-groups .form-content .form-box #button-search { text-align: center; background-color: #f50; display: inline-block; border: 0px; height: 50px; padding: 10px 20px; color: #fff; font-size: 18px } #shopify-section-ss-tools #so-groups .form-content .form-box #button-search:hover { background-color: #ec3a01 } #shopify-section-ss-tools #so-groups .form-content .form-box input+i { display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -7px; cursor: pointer } #shopify-section-ss-tools #so-groups div.hr { float: left; width: 100%; clear: both } #shopify-section-ss-tools #so-groups div.hr.show { visibility: visible; opacity: 1 } #shopify-section-ss-tools #so-groups div.hr.show { height: 1px; background: rgba(0, 0, 0, 0.15) } #shopify-section-ss-tools #so-groups .txt-center { text-align: center } #shopify-section-ss-tools #so-groups .form-content .form-box .account-txt { text-transform: uppercase; color: #222; font-size: 12px } #shopify-section-ss-tools #so-groups .form-content .form-box a.account-url:hover .account-txt { color: #f50 } #shopify-section-ss-tools #so-groups .form-content .form-box a.account-url { height: 80px; display: inline-block } #shopify-section-ss-tools #so-groups .form-content .form-box a>span>i.fa-history:before { content: "" } #shopify-section-ss-tools #so-groups .form-content .form-box a>span>i.fa-register:before { content: "" } #shopify-section-ss-tools #so-groups .form-content .form-box a>span>i.fa-account:before { content: "" } #shopify-section-ss-tools #so-groups .form-content .form-box a>span>i.fa-download:before { content: "" } #shopify-section-ss-tools #so-groups .form-content .form-box a>span>i.fa-login:before { content: "" } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb { margin: 0; padding: 0; border: 0px; text-align: center } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .image { width: 100%; position: relative; border: 1px solid #e1e1e1; border-radius: 5px; padding: 5px; margin-bottom: 10px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; overflow: hidden } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .image .bt-sale { position: absolute; z-index: 3; top: 10px; right: 15px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; display: inline-block; width: 38px; height: 38px; border-radius: 50%; line-height: 38px; background-color: #f50 } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .image .bt-new { font-size: 12px; font-weight: bold; color: #fff; text-align: center; display: inline-block; width: 38px; height: 38px; z-index: 7; border-radius: 50%; line-height: 38px; position: absolute; background: #00abf0; top: 10px; left: 15px } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .caption { height: 68px; min-height: 68px; max-height: 68px; padding: 0 } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .caption h4 a { font-size: 13px; color: #7d7d7d; text-transform: capitalize; margin-bottom: 4px } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .caption h4 a:hover { color: #f50; text-decoration: underline } #shopify-section-ss-tools #so-groups .form-content .form-box .price { margin: 0 0 10px 0; line-height: normal; color: #f50; font-size: 16px; font-weight: 700 } #shopify-section-ss-tools #so-groups .form-content .form-box .price .price-new, #shopify-section-ss-tools #so-groups .form-content .form-box .price span.price { color: #f50; font-size: 16px; font-weight: 700 } #shopify-section-ss-tools #so-groups .form-content .form-box .price .price-old { line-height: normal; padding: 0 5px; display: inline-block; text-decoration: line-through; color: #999; font-size: 13px; font-weight: normal } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .button-group { border: 0; background: transparent } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .button-group button { border: 0; height: 32px; line-height: 30px; min-width: 32px; padding: 0 15px; background: #ff5e00; color: #fff; border-radius: 18px; width: 105px; text-transform: none; float: none } #shopify-section-ss-tools #so-groups .form-content .form-box .product-thumb .button-group button:hover { background-color: #ec3a01 } #shopify-section-ss-tools #so-groups table tr { background: transparent } #shopify-section-ss-tools #so-groups table tr td { border: 0px; border-bottom: 1px solid #ddd; padding: 20px 8px } #shopify-section-ss-tools #so-groups table tr td.first { padding-left: 0px } #shopify-section-ss-tools #so-groups table tr td.last { padding-right: 0px } #shopify-section-ss-tools #so-groups .cart-bottom table tr td { padding: 8px } #shopify-section-ss-tools #so-groups table tr td.total-price, #shopify-section-ss-tools #so-groups .cart-bottom table tr td.text-right { color: #f50; font-weight: 700; font-size: 116.7% } #shopify-section-ss-tools #so-groups .cart-bottom p>a { float: left; width: 50%; text-align: center; text-transform: uppercase; border: 0; border-radius: 0; background-color: #222; color: #fff; padding: 15px } #shopify-section-ss-tools #so-groups .cart-bottom p>a:hover { opacity: 0.8 } #shopify-section-ss-tools #so-groups .cart-bottom p>a.btn-checkout { background-color: #f50 } .buy-demo { z-index: 999; position: fixed; bottom: 70px; left: 40px; background-color: #101010; color: white; font-size: 14px; padding: 12px 20px 12px 16px; border-radius: 35px; line-height: 1 } .buy-demo svg { vertical-align: middle; fill: #81b441; width: 20px; height: 20px; margin-right: 7px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease } .buy-demo:hover { color: #fff; background-color: #7dbd2d } .buy-demo:hover svg { fill: #fff } @keyframes nasa_pulsate { 0% { transform: scale(1); opacity: 0 } 50% { transform: scale(1.2); opacity: 0.5 } 100% { transform: scale(1.4); opacity: 0 } } @keyframes rotateinfinite { to { transform: rotateY(360deg) } } @keyframes rotateinfinite { 20%, 100% { transform: rotateY(360deg) } 0% { transform: rotateY(0deg) } 10% { transform: rotateY(0deg) } } .widget-services.style-df .home-services { border: 1px solid #eee; clear: both; display: inline-block; font-size: 14px; margin-top: 20px; text-transform: uppercase; width: 100%; padding: 33px 0 } @media (max-width: 1200px) { .widget-services.style-df .home-services { padding: 10px 0 } } .widget-services.style-df .home-services .owl-item { border-right: 1px solid #eee; float: left; line-height: 19px; padding: 7px 35px } .widget-services.style-df .home-services .owl-item:last-child { border: none } .widget-services.style-df .home-services .services-inline { cursor: pointer; text-align: center; position: relative } @media (max-width: 767px) { .widget-services.style-df .home-services .services-inline>div { text-align: left; padding-left: 30px } .widget-services.style-df .home-services .services-inline>div .service-ico { min-width: 47px; text-align: center } } @media (max-width: 567px) { .widget-services.style-df .home-services .services-inline { text-align: center } } .widget-services.style-df .home-services .services-inline .policy.policy4:before { display: none } .widget-services.style-df .home-services .services-inline .service-ico { float: left; position: relative; line-height: 100%; color: #222; position: relative } .widget-services.style-df .home-services .services-inline .service-ico i { font-size: 42px } @media (max-width: 1200px) and (min-width: 767px) { .widget-services.style-df .home-services .services-inline .service-ico { display: block; top: auto; margin: 0 } .widget-services.style-df .home-services .services-inline .service-ico i { font-size: 36px } } .widget-services.style-df .home-services .services-inline .service-info { margin-left: 70px; text-align: left } @media (max-width: 567px) { .widget-services.style-df .home-services .services-inline .service-info { text-align: center; margin-left: 50px } } .widget-services.style-df .home-services .services-inline .service-info h2 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: normal; margin: 0; color: #222; font-size: 14px } .widget-services.style-df .home-services .services-inline .service-info h2:hover { color: #f50 } @media (max-width: 567px) { .widget-services.style-df .home-services .services-inline .service-info h2 { padding-top: 5px } } .widget-services.style-df .home-services .services-inline .service-info p { color: #999; margin-top: 7px; margin-bottom: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } .widget-services.style-2 .home-services { padding-top: 30px; padding-bottom: 27px; border-bottom: 2px solid #ededed } @media (max-width: 1200px) { .widget-services.style-2 .home-services { padding: 10px 0 } } @media (max-width: 1200px) { .widget-services.style-2 .home-services { padding: 15px 0 } } .widget-services.style-2 .home-services .services-inline { cursor: pointer; text-align: center; position: relative } @media (max-width: 767px) { .widget-services.style-2 .home-services .services-inline>div { text-align: left; padding-left: 30px } .widget-services.style-2 .home-services .services-inline>div .service-ico { min-width: 47px; text-align: center } } .widget-services.style-2 .home-services .services-inline .policy.policy4:before { display: none } .widget-services.style-2 .home-services .services-inline .service-ico { float: left; width: 70px; height: 70px; position: relative; background-color: #f50; line-height: 70px; color: #fff } .widget-services.style-2 .home-services .services-inline .service-ico:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #f50; position: absolute; right: -7px; top: 50%; margin-top: -7px } .widget-services.style-2 .home-services .services-inline .service-ico i { font-size: 42px; line-height: 70px } @media (max-width: 1200px) and (min-width: 767px) { .widget-services.style-2 .home-services .services-inline .service-ico { display: block; top: auto; margin: 0 0 15px } .widget-services.style-2 .home-services .services-inline .service-ico i { font-size: 36px } } .widget-services.style-2 .home-services .services-inline .service-info { margin-left: 100px; min-height: 70px; text-align: left } .widget-services.style-2 .home-services .services-inline .service-info h2 { margin-top: 0; margin-bottom: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 600; margin: 0; line-height: 100%; color: #000; font-size: 16px; text-transform: uppercase; line-height: 100% } .widget-services.style-2 .home-services .services-inline .service-info h2:hover { color: #f50 } .widget-services.style-2 .home-services .services-inline .service-info p { line-height: 18px; color: #999; margin-top: 10px; margin-bottom: 0; font-size: 13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } .widget-quicklink { padding: 15px 0; display: table; width: 100% } .widget-quicklink .quick-title { white-space: nowrap; vertical-align: top; color: #444; font-size: 13px; padding-right: 5px; float: left } .widget-quicklink ul { float: left; font-size: 13px } .widget-quicklink ul>li { float: left } .widget-quicklink ul>li:after { content: "," } .widget-quicklink ul>li:last-child:after { display: none } .widget-quicklink ul>li>a { color: #666 } .widget-quicklink ul>li>a:hover { color: #f50 } .section-bottom .wrap .title-blog { font-size: 18px; margin-bottom: 20px; margin-top: 0; line-height: 100%; padding-bottom: 10px; border-bottom: 3px solid #f4f4f4; position: relative; color: #000 } .section-bottom .wrap .title-blog:after { position: absolute; bottom: -3px; left: 0; width: 70px; height: 3px; content: ""; background-color: #f50 } .section-bottom .wrap .blogs>* { padding-bottom: 20px } .section-bottom .readmore-btn a { background-color: #f50; color: #fff; padding: 0px 10px; height: 30px; line-height: 30px; float: right; text-transform: uppercase; margin-top: 15px } .section-bottom .blog-item { clear: both; display: inline-block; width: 100% } .section-bottom .blog-item.blog-item-1 .blog-image { width: 170px; float: left } .section-bottom .blog-item.blog-item-1 .blog-info { padding-bottom: 10px; margin-left: 190px; background: transparent; color: #666; position: relative; vertical-align: top; border-bottom: 1px dotted #bdbdbd; width: auto } .section-bottom .blog-item.blog-item-1 .blog-decs { display: block; margin-bottom: 10px } .section-bottom .blog-item .blog-decs { display: none } .section-bottom .blog-item .blog-info { padding-bottom: 10px; margin-left: 95px; background: transparent; color: #666; position: relative; vertical-align: top; border-bottom: 1px dotted #bdbdbd } .section-bottom .blog-item .blog-image { width: 75px; float: left } .section-bottom .blog-item .blog-time { font-size: 11px } .section-bottom .blog-item .blog-title { margin-bottom: 8px; margin-top: 0; font-size: 16px; font-weight: normal } .section-bottom .blog-item .blog-title a { color: #333 } .section-bottom .blog-item .blog-decs { color: #777777 } .section-bottom .blog-item .media-date-added span { background-color: #ccc; color: #fff; font-size: 12px; padding: 3px 10px } .section-bottom .product-thumb .product-item { margin-bottom: 20px; clear: both } .section-bottom .product-thumb .product-item .product-img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 85px; max-width: 100%; float: left; margin: 0 15px 0 0 } .section-bottom .product-thumb .product-item .product-img:hover { box-shadow: 5px 5px 0 #e5e5e5 } .section-bottom .product-thumb .product-item .product-info { padding-bottom: 10px; margin-left: 100px; background: transparent; color: #666; border-bottom: 1px dotted #bdbdbd; position: relative } .section-bottom .product-thumb .product-item .product-info .product-name { display: inline-block; font-weight: 400; color: #666; line-height: 100%; padding: 0 } .section-bottom .product-thumb .product-item .product-info .product-name:hover { color: #f50 } .section-bottom .product-thumb .product-item .product-info .price { margin: 2px 0 0 } .section-bottom .product-thumb .product-item .product-info .box-price .price-new, .section-bottom .product-thumb .product-item .product-info .box-price span.price, .section-bottom .product-thumb .product-item .product-info .price .price-new, .section-bottom .product-thumb .product-item .product-info .price span.price { font-size: 16px } .section-bottom .wrap-testimonial .client-image { float: left; margin-right: 20px; display: table-cell; cursor: pointer } .section-bottom .wrap-testimonial .client-image img:hover { opacity: 0.7 } .section-bottom .wrap-testimonial .item-client { margin-bottom: 30px; background-color: #f7f7f7 } .section-bottom .wrap-testimonial .client-quote { margin-bottom: 8px; font-size: 16px; color: #999 } .section-bottom .wrap-testimonial .color-client { font-weight: 700; color: #41ade2 } .section-bottom .wrap-testimonial .client-name { font-size: 15px; margin: 0; font-weight: 400 } .section-bottom .wrap-testimonial .client-info { vertical-align: top; display: table-cell; padding: 20px 5px 19px 0 } .section-bottom .shop-info .shop-info-wrapper { margin-top: 18px } .section-bottom .shop-info .shop-info-wrapper .info-list>li { padding: 2px 0; position: relative } .section-bottom .shop-info .shop-info-wrapper .info-list>li:before { content: '\f041'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px; width: 22px; display: inline-block; text-align: center; color: #f50; position: relative; top: 1px } .section-bottom .shop-info .shop-info-wrapper .info-list>li.phone-info:before { content: "\f095" } .section-bottom .shop-info .shop-info-wrapper .info-list>li.email-info:before { content: "\f003" } .section-bottom .shop-info .shop-info-wrapper .info-list>li.open-info:before { content: "\f017" } .section-bottom .socials-footer { margin-top: 20px; margin-bottom: 10px; display: inline-block } .section-bottom .socials-footer li { float: left; margin-left: 5px } .section-bottom .socials-footer li a { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; background-color: #d7d7d7 } .section-bottom .socials-footer li a:hover { background: #f50 } .box-content1 { background-color: #ededed; padding: 20px 0 } .block-sidebar { margin-top: 30px } .block-sidebar .home-title { line-height: 100%; margin: 0; padding-bottom: 10px; border-bottom: 3px solid #f4f4f4; position: relative; overflow: visible; margin-bottom: 20px } .block-sidebar .home-title:before { position: absolute; bottom: -3px; left: 0; width: 70px; height: 3px; content: ""; background-color: #f50 } .block-sidebar .home-title span { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #000 } .block-sidebar .product-thumb .product-item { margin-bottom: 20px; clear: both; overflow: hidden } .block-sidebar .product-thumb .product-item .product-img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 85px; max-width: 100%; float: left; margin: 0 15px 0 0 } .block-sidebar .product-thumb .product-item .product-img:hover { box-shadow: 5px 5px 0 #e5e5e5 } .block-sidebar .product-thumb .product-item .product-info { padding-bottom: 10px; margin-left: 100px; background: transparent; color: #666; border-bottom: 1px dotted #bdbdbd; position: relative } .block-sidebar .product-thumb .product-item .product-info .product-name { display: inline-block; font-weight: 400; color: #666; line-height: 100%; padding: 0 } .block-sidebar .product-thumb .product-item .product-info .product-name:hover { color: #f50 } .block-sidebar .product-thumb .product-item .product-info .price { margin: 2px 0 0 } .block-sidebar .product-thumb .product-item .product-info .box-price .price-new, .block-sidebar .product-thumb .product-item .product-info .box-price span.price, .block-sidebar .product-thumb .product-item .product-info .price .price-new, .block-sidebar .product-thumb .product-item .product-info .price span.price { font-size: 16px } .block-sidebar.tags a { float: left; line-height: 100%; background-color: #fff; font-size: 13px !important; padding: 8px 15px; border-width: 1px; border-style: solid; border-color: #ccc; border-image: initial; margin: 0px 10px 10px 0px } .block-sidebar.tags a:hover { color: #fff; border-color: #f50; background: #f50 } .widget-hotcate .home-title h2 { border-bottom: 2px solid #f50; padding-bottom: 10px } .widget-hotcate .cate-list { padding: 10px 0 0; margin-bottom: 22px } .widget-hotcate .cate-list h4.title-list { font-size: 14px; display: inline-block; margin: 0 0 3px; font-weight: bold; color: #444; text-transform: uppercase } .widget-hotcate .cate-list li a { position: relative; font-size: 13px } .widget-hotcate .cate-list li a:before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background-color: #999; margin-right: 5px; position: relative; top: -1px } .widget-collection .title-home { margin-bottom: 30px } .widget-collection .collections { border: 1px solid #eee; background-color: #fafafa; margin: 0; position: relative } .widget-collection .collections .collect { border: 1px solid transparent; text-align: center } .widget-collection .collections .collect:hover { border-color: #f50; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease } .widget-collection .collections .collect:hover img { opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease } .widget-collection .collections .collect a { display: block; padding: 20px } .widget-collection .collections .collect img { display: inline-block; opacity: .6; width: auto; max-width: 100% } .widget-collection .collections .collect .collection-name { clear: both; display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; padding-top: 15px } .clearfix { clear: both } @media (min-width: 1200px) { .logo_149x40 { width: 870px; float: left; margin-right: 10px } .coll-image { float: right } .coll-image li { margin-bottom: 10px } } @media (min-width: 1200px) { .home-banner-ct .static-image2 .img1 { margin-bottom: 30px } } footer .footer-1 a { color: #666 } footer .footer-1 a:hover { color: #f50 } footer .footer-1 .modtitle { color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 10px; padding-bottom: 20px; position: relative; font-weight: 600; text-transform: uppercase } footer .footer-1 .modtitle:before { background-color: #fff; content: ""; height: 1px; position: absolute; bottom: 13px; left: 0; width: 30px; z-index: 3 } @media (min-width: 992px) { footer .footer-1 .inner_payment { margin-top: 25px } footer .footer-1 .contact-us .footer-block h3.footer-block-title { color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 10px; padding-bottom: 20px; position: relative; font-weight: 600; text-transform: uppercase } footer .footer-1 .contact-us .footer-block h3.footer-block-title:before { background-color: #fff; content: ""; height: 1px; position: absolute; bottom: 13px; left: 0; width: 30px; z-index: 3 } } footer .footer-1 .socials-wraps { background-color: #2b375c; padding: 15px; display: table; width: 100% } @media (min-width: 1200px) { footer .footer-1 .socials-wraps { padding: 25px 30px } } footer .footer-1 .socials-wraps ul li { display: inline-block; margin-right: 10px } @media (min-width: 1024px) and (max-width: 1199px) { footer .footer-1 .socials-wraps ul li { margin-right: 8px } } @media (max-width: 567px) { footer .footer-1 .socials-wraps ul li { margin-right: 5px } } footer .footer-1 .socials-wraps ul li a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 38px; color: #fff; font-size: 16px; border: 1px solid rgba(255, 255, 255, 0.3) } @media (max-width: 567px) { footer .footer-1 .socials-wraps ul li a { width: 32px; height: 32px; font-size: 14px; line-height: 30px } } footer .footer-1 .socials-wraps ul li a:hover { background: #f50; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-color: #f50 } footer .footer-1 .footer-newsletter { padding: 15px 0 } @media (min-width: 1200px) { footer .footer-1 .footer-newsletter { padding: 25px 0 } } footer .footer-1 .footer-newsletter .title-block { display: table-cell; vertical-align: middle; font-size: 150%; text-transform: uppercase; font-weight: 700; white-space: nowrap; padding-right: 70px; color: #fff; margin: 0 } @media (max-width: 567px) { footer .footer-1 .footer-newsletter .title-block { display: none } } footer .footer-1 .footer-newsletter .title-block h3 { font-weight: bold } footer .footer-1 .footer-newsletter .footer-block-content { display: table-cell; width: 100%; vertical-align: top } @media (max-width: 567px) { footer .footer-1 .footer-newsletter .footer-block-content { display: inline-block } } footer .footer-1 .footer-newsletter .input-group { margin-bottom: 0 !important; display: table } footer .footer-1 .footer-newsletter .input-group input { height: 33px; line-height: 33px; width: 100%; box-shadow: none; padding: 0 0 0 15px; border: none; background-color: #fff; vertical-align: middle; font-size: 12px; display: inline-block; opacity: 1; font-weight: bold } @media (min-width: 992px) { footer .footer-1 .footer-newsletter .input-group input { height: 40px; line-height: 40px; padding: 0 0 0 15px } } footer .footer-1 .footer-newsletter .input-group button { border: 0 none; font-weight: 500; font-size: 13px; height: 33px; line-height: 33px; padding: 0 17px; position: absolute; right: 0; top: 0; border-radius: 0; text-transform: uppercase; background: #f50 } @media (min-width: 992px) { footer .footer-1 .footer-newsletter .input-group button { height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px } } footer .footer-1 .footer-newsletter .input-group button span { color: #fff } footer .footer-1 .footer-newsletter .input-group button:hover { opacity: 0.8 } @media (min-width: 992px) { footer .footer-1 .footer-block { padding: 40px 0 } footer .footer-1 .footer-block.footer-address { background-color: #eceef4; padding: 40px 30px } footer .footer-1 .footer-block.footer-address .links-contact li { position: relative; padding-left: 39px; min-height: 30px; line-height: 18px; font-size: 12px } footer .footer-1 .footer-block.footer-address .links-contact li.address:before { background-position: -8px -10px } footer .footer-1 .footer-block.footer-address .links-contact li.email { padding-top: 9px; margin: 10px 0 16px } footer .footer-1 .footer-block.footer-address .links-contact li.email:before { background-position: -11px -51px } footer .footer-1 .footer-block.footer-address .links-contact li.phone:before { background-position: -11px -91px } footer .footer-1 .footer-block.footer-address .links-contact li:before { position: absolute; left: 0; top: 4px; content: ''; display: inline-block; width: 30px; height: 30px; background: url(//cdn.shopify.com/s/files/1/0026/9831/3817/t/3/assets/icon-image.png?v=16125201058066291786) no-repeat #4a5678; border-radius: 50% } } @media (min-width: 992px) { footer .footer-1 .footer-block h3.footer-block-title { font-weight: 700; font-size: 14px; color: #222; margin-bottom: 15px } footer .footer-1 .footer-block h3.footer-block-title .expander { display: none } } @media (max-width: 991px) { footer .footer-1 .footer-block h3.footer-block-title { background: #4a5678; height: 34px; line-height: 34px; padding: 0px 10px; font-size: 13px; color: #fff; font-weight: bold; text-transform: uppercase } footer .footer-1 .footer-block h3.footer-block-title .expander { float: right; outline: none } footer .footer-1 .footer-block h3.footer-block-title .expander fa:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } footer .footer-1 .footer-block h3.footer-block-title.open .expander .fa:before { content: "\f068" } } footer .footer-1 .footer-block .footer-block-content { margin-bottom: 10px } @media (max-width: 991px) { footer .footer-1 .footer-block .footer-block-content { display: none; padding-left: 10px } } footer .footer-1 .footer-block .footer-block-content li { line-height: 25px } footer .footer-1 .footer-block .footer-block-content li a { display: inline-block; border: 0 none; color: #444; padding: 0; font-weight: 400; font-size: 13px } footer .footer-1 .footer-block .footer-block-content li a:hover { color: #f50 } footer .footer-1 .footer-block.footer-about ul { margin-top: 0 } footer .footer-1 .footer-block.footer-about ul .logo { padding-bottom: 20px } @media (max-width: 991px) { footer .footer-1 .footer-block.footer-about ul .logo { padding: 10px 0 } } footer .footer-1 .footer-block.footer-about ul li { background: url(//cdn.shopify.com/s/files/1/0026/9831/3817/t/3/assets/icon-contact.png?v=5847332288546458577) no-repeat left top; font-size: 14px; line-height: 20px; list-style: outside none none; padding: 10px 10px 12px 40px; text-transform: capitalize } footer .footer-1 .footer-block.footer-about ul li.address { background-position: left 14px } footer .footer-1 .footer-block.footer-about ul li.phone { background-position: left -55px } footer .footer-1 .footer-block.footer-about ul li.email { background-position: left -100px } footer .footer-1 .footer-block.footer-about ul li.time { background-position: left -144px } footer .footer-1 .ft-item { min-height: 180px } footer .footer-1 .footer-menu { border-top: 1px solid #ebebeb; padding: 20px 0; margin-top: 10px; text-align: center } @media (min-width: 992px) { footer .footer-1 .footer-menu { padding: 50px 5% 15px 5%; margin-top: 27px } } footer .footer-1 .footer-menu li { display: inline-block; margin-bottom: 10px; position: relative; vertical-align: top; padding: 0 7px; line-height: 100% } @media (min-width: 992px) { footer .footer-1 .footer-menu li { padding: 0 15px } } footer .footer-1 .footer-menu li:before { background: #666 none repeat scroll 0 0; content: ""; height: 10px; position: absolute; right: 0; top: 2px; width: 1px } footer .footer-1 .footer-menu .inner_payment:hover img { opacity: 0.8 } footer .footer-1 .categories-footer { padding: 15px 0 } @media (min-width: 992px) { footer .footer-1 .categories-footer { padding: 30px 0 } } footer .footer-1 .categories-footer .label-link { font-weight: 700; margin-bottom: 13px; color: #222; font-size: 14px; text-transform: uppercase } footer .footer-1 .categories-footer ul li { padding-bottom: 3px } footer .footer-1 .categories-footer ul li h2 { font-size: 11px; display: inline-block; font-weight: 700; line-height: 18px; text-transform: uppercase; margin: 0; color: #333 } footer .footer-1 .categories-footer ul li a { font-size: 11px } @media (min-width: 992px) { footer .footer-1 .footer-center .footer-main { display: block } } footer .footer-1 .footer-bottom { color: #666; padding: 15px 0; font-size: 12px } footer .footer-1 .footer-bottom .ft-copyright { text-align: center; margin-bottom: 10px } @media (min-width: 992px) { footer .footer-1 .footer-bottom .ft-copyright { text-align: left; margin-bottom: 0 } } footer .footer-1 .footer-bottom .ft-payment { text-align: center } @media (min-width: 992px) { footer .footer-1 .footer-bottom .ft-payment { text-align: right } } footer .footer-1 .footer-bottom a { color: #f50; text-decoration: none } footer .footer-1 .footer-bottom a:hover { color: #c40 } @-moz-document url-prefix() { .footer .footer-1 .socials-wraps ul li a { line-height: 36px } .products-listing .button-link .btn_sold_out, .products-listing .button-link>div { line-height: 24px } .owl-style2 .owl-nav>div { line-height: 28px } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header.header-style1 .header-top { line-height: 100% } .header.header-style1 .header-top .header-top-left .toplink-item.language, .header.header-style1 .header-top .header-top-left .toplink-item .currency { display: -ms-inline-grid; line-height: 34px !important } }