/*************************************************** Mixins Themes /***************************************************/ /* Mixin Normal*/ /* Mixin Clear */ /* Mixin Border */ /*background RGBA ============================================*/ /*************************************************** Mixins RTL Themes /***************************************************/ /************************************ Override Bootstrap *************************************/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /***********************************************************************/ /* Title Block */ .ApRow .title_block { font-family: "chivo", sans-serif; color: #2a2a2a; margin-bottom: 1%; font-size: 32px; font-weight: 400; text-align: center; display: flex; align-items: center; justify-content: center; gap: 18px; font-style: italic; } .ApRow .title_block:before { content: ""; background: #000000; display: inline-block; width: 55px; height: 1px; } .ApRow .title_block:after { content: ""; background: #000000; display: inline-block; width: 55px; height: 1px; } .ApRow .sub-title-widget { font-family: var(--font-family-tertiary); font-size: 3.5rem; color: #191919; text-align: center; text-transform: uppercase; font-weight: 400; line-height: 70px; margin-bottom: 50px; } @media (max-width: 576px) { .ApRow .sub-title-widget { font-size: 3rem; line-height: 65px; } } @media (max-width: 480px) { .ApRow .sub-title-widget { font-size: 2.5rem; line-height: 60px; } } #wrapper { padding: 0; background: none; line-height: 1; } .ap-popup { display: none; } .bg-fullwidth { position: relative; } .bg-fullwidth:before { content: ""; padding: 0px 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; background-size: cover; } .rtl .bg-fullwidth:before { margin-right: -1000px; margin-left: inherit; } .block-toggler .title, .footer-container .links .title { cursor: pointer; } .block-toggler .title .collapse-icons .remove, .footer-container .links .title .collapse-icons .remove { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .add, .footer-container .links .title[aria-expanded="true"] .collapse-icons .add { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .remove, .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove { display: block; } .block-toggler .navbar-toggler, .footer-container .links .navbar-toggler { display: block; padding: 0; margin-top: 0.3125rem; width: 1.25rem; height: 1.25rem; } .block-toggler.ApBlockLink ul li, .footer-container .links.ApBlockLink ul li { margin-bottom: 1.25rem; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse-icons, .footer-container .links.accordion_small_screen .collapse-icons { display: none; } } .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: block; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { height: 100% !important; } } @media (max-width: 767px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: none; } .block-toggler.accordion_small_screen .collapse.in, .footer-container .links.accordion_small_screen .collapse.in { display: block; } } /* Widget Alert */ .alert { text-align: left; margin-top: 15px; padding-left: 50px; position: relative; } .rtl .alert { text-align: right; } .rtl .alert { padding-right: 50px; padding-left: inherit; } .alert:before { font-family: "FontAwesome"; font-size: 1.25rem; vertical-align: -2px; padding: 0 7px 0 0; float: left; position: absolute; left: 20px; top: 11px; } .rtl .alert:before { padding: 0 0 0 7px; } .rtl .alert:before { float: right; } .rtl .alert:before { right: 20px; left: auto; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-warning { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-warning:before { content: "\f071"; } .alert.alert-info { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-info:before { content: "\f05a"; } .alert.alert-danger { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-danger:before { content: "\f00d"; } /* Css Accordion */ .ap-accordion .in { display: block; } .ap-accordion .panel-group .panel-default .panel-title { border-top: 1px solid transparent; padding: 0px; margin-bottom: 0px; font-size: 0.9375rem; } .ap-accordion .panel-group .panel-default .panel-title .collapsed { display: block; font-weight: normal; } .ap-accordion .panel-default { border: 1px solid transparent; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ap-accordion .panel-default .panel-title { text-transform: none; background: #f0f0f0; position: relative; font-weight: normal; } .ap-accordion .panel-default .panel-title a:before { background: none; content: "arrow_drop_up"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 1.5625rem; position: absolute; left: auto; right: 0; top: 0px; width: auto; } .rtl .ap-accordion .panel-default .panel-title a:before { left: 0; right: auto; } .ap-accordion .panel-default .panel-title .collapsed:before { background: none; content: "arrow_drop_down"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 1.5625rem; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .ap-accordion .panel-default .panel-heading { background: #f0f0f0; border: 1px solid #f0f0f0; } .ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body { border: 1px solid #f0f0f0; } /* Widget Tab */ .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0px; } .tab-content .tab-pane, .tab-content .pill-pane, .pill-content .tab-pane, .pill-content .pill-pane { display: none; } .tab-content .active, .pill-content .active { display: block; } .tabs-below .nav-tabs { border-top: 1px solid #eaeaea; } .tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .rtl .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .tabs-below .nav-tabs > li > a:hover, .tabs-below .nav-tabs > li > a:focus { border-top-color: #eaeaea; border-bottom-color: transparent; } .tabs-below .nav-tabs > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus { border-color: transparent #eaeaea #eaeaea #eaeaea; } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-bottom: 3px; margin-right: 0; } .rtl .tabs-left .nav-tabs > li > a, .rtl .tabs-right .nav-tabs > li > a { margin-left: 0; margin-right: inherit; } .tabs-left .nav-tabs { float: left; border-right: 1px solid #eaeaea; } .rtl .tabs-left .nav-tabs { float: right; } .rtl .tabs-left .nav-tabs { border-left: 1px solid #eaeaea; border-right: inherit; } .tabs-left .nav-tabs > li > a { margin-right: -1px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .rtl .tabs-left .nav-tabs > li > a { margin-left: -1px; margin-right: inherit; } .rtl .tabs-left .nav-tabs > li > a { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .tabs-left .nav-tabs > li > a:hover, .tabs-left .nav-tabs > li > a:focus { border-color: #eeeeee #eaeaea #eeeeee #eeeeee; } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus { border-color: #eaeaea transparent #eaeaea #eaeaea; *border-right-color: #FFFFFF; } .tabs-right .nav-tabs { float: right; border-left: 1px solid #eaeaea; } .rtl .tabs-right .nav-tabs { float: left; } .rtl .tabs-right .nav-tabs { border-right: 1px solid #eaeaea; border-left: inherit; } .tabs-right .nav-tabs > li > a { margin-left: -1px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .rtl .tabs-right .nav-tabs > li > a { margin-right: -1px; margin-left: inherit; } .rtl .tabs-right .nav-tabs > li > a { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .tabs-right .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #eaeaea; } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus { border-color: #eaeaea #eaeaea #eaeaea transparent; *border-left-color: #ffffff; } .widget-tabs li { padding: 5px 8px; border: 1px solid transparent; text-transform: uppercase; } .widget-tabs li a { color: #272727; } .widget-tabs li.active { border: 1px solid var(--theme-color-secondary); } .widget-tabs li.active a { color: var(--theme-color-secondary); } .block .nav-pills > li.active > a { position: relative; } .block .nav-pills > li.active > a:before { content: "\f0d7"; position: absolute; bottom: -7px; height: 0.625rem; line-height: 0.625rem; font-family: "FontAwesome"; color: var(--theme-color-secondary); font-size: 1.1875rem; z-index: 9; right: 50%; margin-right: -4px; } .rtl .block .nav-pills > li.active > a:before { left: 50%; right: auto; } .rtl .block .nav-pills > li.active > a:before { margin-left: -4px; margin-right: inherit; } .block .panel-group { margin-bottom: 0; } .nav-tabs { border-bottom: 1px solid transparent; padding-bottom: 3rem; display: flex; justify-content: center; } .nav-tabs > li > a { color: #9a9a9a; text-transform: uppercase; } .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus { background: var(--theme-color-secondary); color: #000000; } .ApTabs .tab-content { position: relative; } .ApTabs .tab-content > .tab-pane { visibility: hidden; display: block; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 9; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .ApTabs .tab-content > .tab-pane.active { position: static; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /** * Start for module ap_gmap */ div[id^="google-maps"] { position: relative; } div[id^="gmap-stores-list"] { overflow: auto !important; } div[id^="gmap-stores-list"] > ul { margin: 30px; } .display-list-store { background-color: #6cabd5; float: left; } .rtl .display-list-store { float: right; } .gmap-stores-content, .gmap-content { display: inline-block; margin: 0; padding: 0; position: relative; } .not-display-list-store .gmap-stores-content, .not-display-list-store .gmap-content { width: 100%; } .gmap-cover { width: 100%; } .item-gmap-store { cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.625rem 0.9375rem; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .item-gmap-store:hover { color: #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-gmap-store .icon-map-marker { margin-right: 6px; font-size: 120%; } .rtl .item-gmap-store .icon-map-marker { margin-left: 6px; margin-right: inherit; } .item-gmap-store text { font-size: 85%; } /** * End for module ap_gmap */ /** * Start for module ap_product_list */ .box-show-more a { background: #282d35; clear: both; text-align: center; width: 100%; height: 3.4375rem; line-height: 3.4375rem; letter-spacing: 3px; text-transform: uppercase; padding: 0 15px; margin-top: 1.5rem; margin-bottom: 1.5rem; display: none; font-size: 0.875rem; color: #FFFFFF; font-weight: 700; transition: all 0.3s;} .box-show-more a:hover { background-color: #13D675; } .box-show-more a .fa { margin-left: 0.3125rem; } .rtl .box-show-more a .fa { margin-right: 0.3125rem; margin-left: inherit; } .box-show-more.open a { display: block; } /** * End for module ap_product_list */ /** * Start for module ap_image */ .ap_image .has-animation { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .ap_image .has-animation.animated { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /** * End for module ap_image */ /** * End for module ApFullSlider */ .full-slider .carousel-inner { position: relative; overflow: hidden; width: 100%; height: 100%; background: transparent; } .full-slider .carousel-inner .item { width: 100%; height: 100%; } .full-slider .content-slider { position: absolute; top: 35%; color: #FFFFFF; left: 0; right: 0; text-align: center; } .full-slider .content-slider h3 { font-size: 3.75rem; text-transform: uppercase; font-weight: 600; } .full-slider .content-slider p { margin-top: 1.875rem; background: #c70005; padding: 0.625rem 1.25rem; display: inline-block; text-transform: uppercase; font-size: 1rem; } .full-slider .carousel-control { top: 50%; width: 40px; height: 40px; background-color: #121212; background-color: rgba(18, 18, 18, 0.52); zoom: 1; background-color: transparent\9; } .full-slider .carousel-control.left { left: 0.625rem; } .rtl .full-slider .carousel-control.left { right: 0.625rem; left: auto; } .full-slider .carousel-control.right { right: 0.625rem; } .rtl .full-slider .carousel-control.right { left: 0.625rem; right: auto; } /** * Widget Video */ .embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0px; } .rtl .embed-responsive iframe, .rtl .embed-responsive object, .rtl .embed-responsive embed { right: 0px; left: auto; } /** * Start for module ApFullSlider */ .cover-live-edit { width: 100%; border-top: 1px solid #eaeaea; } .cover-live-edit .link-to-back-end { text-decoration: none; color: #FFFFFF; z-index: 9999; background-color: rgba(204, 153, 0, 0.5); padding: 5px; position: relative; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; box-shadow: 0 0 5px #bdbdbd; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cover-live-edit .link-to-back-end:hover { background-color: #00e676; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook { border: 1px solid #eaeaea; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook:hover { border: 1px dashed var(--theme-color-secondary); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /** * End for module ApFullSlider */ /* Widget Manufacturers */ .manufacturers_block img { padding: 1.25rem; margin: 0.625rem; } .manufacturers_block img:hover { -moz-box-shadow: 0px 0px 6px #ccc; -webkit-box-shadow: 0px 0px 6px #ccc; -o-box-shadow: 0px 0px 6px #ccc; -ms-box-shadow: 0px 0px 6px #ccc; box-shadow: 0px 0px 6px #ccc; border-radius: 5px; } /* Widget Category Image */ .widget-category_image .cover-img { float: left; padding-right: 1.25rem; } .rtl .widget-category_image .cover-img { float: right; } .rtl .widget-category_image .cover-img { padding-left: 1.25rem; padding-right: inherit; } .widget-category_image .cover-img img { width: 100px; height: 100px; } .widget-category_image .cate_content:hover label { color: #3276b1; cursor: pointer; } /* Widget Lastest blogs */ .latest-blogs { margin-bottom: 0; } .latest-blogs .right-block { text-align: left; } .rtl .latest-blogs .right-block { text-align: right; } .latest-blogs .blog-image-container { overflow: hidden; position: relative; } .latest-blogs .blog-title { text-transform: uppercase; font-size: 1.625rem; font-weight: 500; color: #1a1a1a; margin-bottom: 20px; line-height: 1.1; } .latest-blogs .blog-title a:hover { color: var(--theme-color-default); } .latest-blogs .blog-desc { margin: 0; color: #9a9a9a; font-size: 0.875rem; line-height: 28px; letter-spacing: 0.6px; min-height: 56px; } /* Multi Image Product List */ .leo-more-info { background-color: #FFFFFF; position: absolute; z-index: 4000; top: 0; width: 0; min-height: 100%; overflow: hidden; right: 0px; float: left; text-align: left; -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .rtl .leo-more-info { left: 0px; right: auto; } .rtl .leo-more-info { float: right; } .rtl .leo-more-info { text-align: right; } .leo-more-info .thumbs_list { margin: auto; overflow: hidden; width: 80px; height: 240px; } .leo-more-info .thumbs_list ul.thumbs_list_frame { margin-bottom: 0px; list-style-type: none; padding-left: 0; } .rtl .leo-more-info .thumbs_list ul.thumbs_list_frame { padding-right: 0; padding-left: inherit; } .leo-more-info .thumbs_list li { cursor: pointer; width: 80px; height: 80px; } .leo-more-info .thumbs_list li a { display: block; text-align: center; } .leo-more-info .thumbs_list li .leo-hover-image { max-width: 100%; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { position: absolute; width: 15px; margin: auto; left: 0px; right: 0px; } .leo-more-info .view_scroll_right { bottom: 0px; margin-bottom: 0.3125rem; } .leo-more-info .view_scroll_left { margin-top: 0.3125rem; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /* Instagram Block */ .instagram-block .owl-item { padding-left: 2.5px; padding-right: 2.5px; } .instagram-block .owl-item .block-carousel-container { margin-bottom: 30px; } .instagram-block a { display: block; overflow: hidden; position: relative; padding-top: 100%; } .instagram-block a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; max-width: 100%; } .instagram-block a::before { content: "\f16d"; font-family: "FontAwesome"; font-size: 22px; opacity: 0; color: #FFFFFF; position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%) scale(0); } .rtl .instagram-block a::before { right: 50%; left: auto; } .instagram-block a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000000; opacity: 0; z-index: 9; transition: 0.4s; } .instagram-block a:hover::before { animation: scaleLogo 0.4s ease-in forwards; } .instagram-block a:hover::after { opacity: 0.2; } @keyframes scaleLogo { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(2); opacity: 1; } } .instagram-block .link-instagram { display: none; } .instagram-block .link-instagram a { margin: 0.625rem 0 0; } #instafeed { margin: 0; } #instafeed.normal-list > div { margin-bottom: 30px; } @media (min-width: 992px) { #instafeed.normal-list > div:nth-child(3n + 1) { clear: both; } } @media (max-width: 992px) and (min-width: 480px) { #instafeed.normal-list > div:nth-child(2n + 1) { clear: both; } } #instafeed.normal-list > div img { max-width: 100%; } /* List product size */ .product_attr { display: flex; flex-wrap: wrap; margin-bottom: 0; } .product_attr li a { margin-bottom: 5px; display: block; } .product_attr li.Sold-Out a { color: #969696; text-decoration: line-through; } .product_attr li:not(:last-child) { margin-right: 10px; margin-left: 0; } .rtl .product_attr li:not(:last-child) { margin-left: 10px; margin-right: inherit; } .rtl .product_attr li:not(:last-child) { margin-right: 0; margin-left: inherit; } /* COUNTER Widget */ .Apcounter { color: #666; } .Apcounter ul { display: flex; flex-direction: row; flex-wrap: wrap; } @media (max-width: 576px) { .Apcounter ul { flex-direction: column; } } .Apcounter ul li { text-align: center; margin-bottom: 20px; } @media (min-width: 576px) { .Apcounter ul li { width: 33.333%; } } .Apcounter .counter-number-wrapper span { font-size: 45px; font-weight: 600; color: #000; line-height: 1; margin-bottom: 5px; } .Apcounter p { margin-bottom: 0; } .Apcounter .counter_title_top { color: #666; margin: 10px 0 5px; } .hidden, .hide { display: none; } .no-border { border: none !important; } body { background: none; } @media (min-width: 1500px) { .container { width: 1440px; max-width: 100%; } } .btn-primery { padding: 23px 40px; color: var(--theme-color-secondary); font-size: 0.875rem; font-weight: 500; background-color: #FFFFFF; line-height: 1; display: inline-flex; transition: 0.5s; position: relative; border: none; } .btn-primery span { display: block; width: 100%; height: 100%; } .btn-primery span::before, .btn-primery span::after { position: absolute; content: ""; left: 0; top: 0; background: #FFFFFF; transition: all 0.3s ease; } .btn-primery span::before { width: 2px; height: 0%; } .btn-primery span::after { height: 2px; width: 0%; } .btn-primery i { margin-left: 10px; } .rtl .btn-primery i { margin-right: 10px; margin-left: inherit; } .btn-primery::before, .btn-primery::after { position: absolute; content: ""; right: 0; bottom: 0; background: #FFFFFF; transition: all 0.3s ease; } .btn-primery::before { height: 0%; width: 2px; } .btn-primery:after { width: 0%; height: 2px; } .btn-primery:hover { background: var(--theme-color-default); } .btn-primery:hover::before { height: 100%; } .btn-primery:hover:after { width: 100%; } .btn-primery:hover span { color: #FFFFFF; } .btn-primery:hover span::before { height: 100%; } .btn-primery:hover span::after { width: 100%; } .btn-primery:hover i { color: #FFFFFF; } #header { box-shadow: none; } #header .header-top { padding: 0; background-color: #003E54;} .col-more { display: flex; flex-wrap: wrap; } @media (max-width: 1499px) and (min-width: 1200px) { .col-more { flex-direction: column; } } @media (max-width: 991px) { .col-more { justify-content: space-between; padding-bottom: 30px; } } @media (max-width: 480px) { .col-more { padding-bottom: 15px; } } .col-more .popup-over { margin: 0; padding-top: 5px; padding-bottom: 5px; } .col-more .popup-over a { padding: 0; } .col-more .popup-over a span { font-weight: 500; font-size: 0.875rem; } .col-more .popup-over a span:not(.hidden-xs-up) { color: #8e8e8e; text-transform: capitalize; } .col-more .popup-over a .hidden-xs-up { display: inline !important; text-transform: uppercase; color: #000000; } .col-more .popup-over a i { font-family: "FontAwesome"; font-style: normal; font-weight: 500; font-size: 0.875rem; color: #8e8e8e; } .col-more .popup-over .popup-content { border-radius: 0; } @media (max-width: 575px) { .col-more .popup-over .popup-content { min-width: auto; } } .col-more .popup-over .popup-content li { text-align: left; } .rtl .col-more .popup-over .popup-content li { text-align: right; } .col-more .popup-over .popup-content li a { font-size: 0.75rem; color: #9a9a9a; transition: 0.4s; } .col-more .popup-over .popup-content li a:hover { color: var(--theme-color-default); } .col-more .popup-over .popup-content li a img { margin-right: 5px; } .col-more .popup-over .popup-content li.current a { color: var(--theme-color-secondary); } .col-more .popup-over .popup-content li.current a:hover { color: var(--theme-color-default); } .col-more .popup-over:hover a span:not(.hidden-xs-up) { color: #8e8e8e; } .language-selector-wrapper { padding-right: 20px; border-right: 1px solid #eaeaea; } .rtl .language-selector-wrapper { padding-left: 20px; padding-right: inherit; } .rtl .language-selector-wrapper { border-left: 1px solid #eaeaea; border-right: inherit; } @media (max-width: 1499px) { .language-selector-wrapper { padding-right: 0; border-right: none; width: fit-content; } .rtl .language-selector-wrapper { padding-left: 0; padding-right: inherit; } .rtl .language-selector-wrapper { border-left: none; border-right: inherit; } } .currency-selector { padding-left: 20px; } .rtl .currency-selector { padding-right: 20px; padding-left: inherit; } @media (max-width: 1499px) { .currency-selector { padding-left: 0; width: fit-content; } .rtl .currency-selector { padding-right: 0; padding-left: inherit; } } .col-menu { display: flex; flex-direction: column; align-items: center; gap: 45px; } @media (max-width: 991px) and (min-width: 576px) { .col-menu { flex-direction: row-reverse; justify-content: space-between; gap: 0; } .col-menu .h-logo { transform: translateX(calc(50% + 15px)); } } @media (max-width: 991px) and (min-width: 576px) and (max-width: 575px) { .col-menu .h-logo { transform: translateX(0); } } .col-menu .leo-megamenu .leo-top-menu .nav { display: flex; gap: 50px; } .col-info { display: flex; justify-content: flex-end; gap: 25px; } @media (max-width: 991px) { .col-info { align-items: center; } } #leo_search_block_top { position: relative; z-index: 9; background: none; border-radius: 0; margin: 0; border: none; height: 30px; } #leo_search_block_top .title_block { display: block; margin: 0; font-size: 0px; background: none; width: 25px; height: 30px; cursor: pointer; overflow: hidden; padding: 0; font-weight: normal; } #leo_search_block_top .title_block:before { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-size: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 30px; background: transparent; width: fit-content; } #leo_search_block_top .title_block:after { display: none; } #leo_search_block_top .title_block:hover:before { color: var(--theme-color-default); } #leo_search_block_top.active .title_block:before { content: "\f00d"; color: var(--theme-color-secondary); } #leo_search_block_top.active .title_block:hover:before { color: var(--theme-color-default); } #leo_search_block_top.active #leosearchtopbox { opacity: 1; visibility: visible; transform: translateY(10px); border: 1px solid rgba(154, 154, 154, 0.4); } #leo_search_block_top .block_content { padding: 0; } #leo_search_block_top .block_content input { font-size: 0.75rem; height: 40px; background-color: #FFFFFF; } #leosearchtopbox { position: absolute; width: 300px; top: 100%; transition: all 0.3s; margin-top: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(20px); } .rtl #leosearchtopbox { left: 0; right: auto; } @media (max-width: 575px) { #leosearchtopbox { width: 240px; right: -125px; } .rtl #leosearchtopbox { left: -125px; right: auto; } } #leosearchtopbox label { display: none; } #leo_search_top_button span { position: absolute; top: 0; right: 10px; } .rtl #leo_search_top_button span { left: 10px; right: auto; } #leo_search_top_button i { font-family: "Font Awesome 5 Pro"; font-size: 0; width: fit-content; height: fit-content; } #leo_search_top_button i::before { content: "\f002"; font-size: 1rem; color: var(--theme-color-secondary); display: block; width: 20px; height: 20px; } #leo_search_top_button i:hover::before { color: var(--theme-color-default); } #leo_block_top { height: 30px; margin: 0; } #leo_block_top .popup-title { padding: 0; font-size: 24px; line-height: 30px; color: white; } #leo_block_top .popup-title:hover { color: var(--theme-color-default); } #leo_block_top .popup-title .far.fa-user { font-family: "Loftstyle Icons"; } #leo_block_top .popup-title .far.fa-user::before { content: "\e900"; } #leo_block_top .popup-content { border-radius: 0; right: 0; left: auto; z-index:999999;} .rtl #leo_block_top .popup-content { left: 0; right: auto; } @media (max-width: 991px) { #leo_block_top .popup-content { transform: translateY(10px); } } .leoproductsearch-loading { position: absolute; top: 25%; right: 20%; width: 20px; height: 20px; border: 2px solid #9a9a9a; border-left: 2px solid transparent; } .rtl .leoproductsearch-loading { left: 20%; right: auto; } .ac_results { width: 100% !important; border: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); padding: 0; } .search-in-product .search-value-title { padding: 5px 15px; font-size: 0.75rem; color: #9a9a9a; background-color: rgba(153, 153, 153, 0.1); } .search-in-product ul { max-height: 500px; overflow: auto; padding: 5px 0; } .search-in-product ul::-webkit-scrollbar { width: 4px; background-color: rgba(153, 153, 153, 0.1); } .search-in-product ul::-webkit-scrollbar-thumb { background-color: rgba(25, 25, 25, 0.5); border-radius: 2px; } .search-in-product ul::-webkit-scrollbar-track { background-color: rgba(153, 153, 153, 0.1); } .search-in-product ul li { padding: 5px 15px; } .search-in-product ul li a { display: flex; gap: 10px; } .search-in-product ul li a .lps-result-img { width: 55px; } .search-in-product ul li a .lps-result-content > div { font-size: 14px; line-height: 1.25; } .search-in-product ul li a .lps-result-content .lps-result-price { margin-top: 5px; } .search-in-product .ac_over { background-color: var(--theme-color-default); } .search-in-product .ac_over a { color: #FFFFFF; } .all-search-product { padding: 10px 15px; background-color: rgba(153, 153, 153, 0.1); text-align: center; } .all-search-product a { text-transform: uppercase; color: var(--theme-color-secondary); font-size: 0.75rem; transition: 0.4s; } .all-search-product:hover a { color: var(--theme-color-default); } #_desktop_cart { position: relative; height: 30px; z-index: 999999;} @media (max-width: 480px) { #_desktop_cart { position: relative; height: 30px; z-index: 99;} } #_desktop_cart .blockcart .header { position: relative; padding: 0; } #_desktop_cart .blockcart .header i { font-size: 24px; line-height: 30px; color: white; font-family: "Loftstyle Icons"; cursor: pointer; } #_desktop_cart .blockcart .header i::before { content: "\e901"; } #_desktop_cart .blockcart .header span { font-size: 0; } #_desktop_cart .blockcart .header span.cart-products-count { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; background-color: #13D675; font-size: 0.75rem; color: #FFFFFF; margin: 0; position: absolute; top: 0; left: 0; transform: translateX(75%); } .rtl #_desktop_cart .blockcart .header span.cart-products-count { right: 0; left: auto; } #_desktop_cart .blockcart .header span.value { font-size: 0.875rem; color: #fff; font-weight: 500; } @media (max-width: 1100px) and (min-width: 992px) { #_desktop_cart .blockcart .header span.value { display: none; } } #_desktop_cart .blockcart .header a:hover i, #_desktop_cart .blockcart .header a:focus i { color: var(--theme-color-default); } #_desktop_cart .blockcart .header:hover i { color: var(--theme-color-default); } #_desktop_cart .leo-dropdown-cart { margin: 0; right: 0px; } #_desktop_cart .leo-dropdown-cart.dropdown { top: 100%; transform: translateY(20px); } #_desktop_cart .leo-dropdown-cart.dropdown.show { top: 100%; transform: translateY(10px); } .rtl #_desktop_cart .leo-dropdown-cart { left: 0px; right: auto; } @media (max-width: 480px) { #_desktop_cart .leo-dropdown-cart { right: -10px; } .rtl #_desktop_cart .leo-dropdown-cart { left: -10px; right: auto; } } #_desktop_cart .leo-dropdown-cart-content { border-top: 1px solid #eaeaea; } #_desktop_cart .leo-dropdown-cart-item { padding: 10px 18px; } #_desktop_cart .leo-dropdown-cart-item.show-additional { background-color: rgba(153, 153, 153, 0.1); } #_desktop_cart .leo-dropdown-cart-item.high-light { background-color: rgba(153, 153, 153, 0.1); } #_desktop_cart .leo-dropdown-cart-subtotals, #_desktop_cart .leo-dropdown-cart-total { padding: 10px 18px; } #_desktop_cart .leo-dropdown-cart-subtotals .label, #_desktop_cart .leo-dropdown-cart-total .label { font-size: 0.75rem; color: #9a9a9a; } #_desktop_cart .leo-dropdown-cart-subtotals .value, #_desktop_cart .leo-dropdown-cart-total .value { font-size: 0.875rem; color: var(--theme-color-secondary); font-weight: 500; } #_desktop_cart .cart-dropdow-button { transition: 0.3s; background-color: #003E54; border: none; } #_desktop_cart .cart-dropdow-button:hover { background-color: var(--theme-color-default); } #_desktop_cart .leo-cart-item-info .product-name { font-size: 0.75rem; color: var(--theme-color-secondary); } #_desktop_cart .leo-cart-item-info .product-name:hover a { color: var(--theme-color-default); } #_desktop_cart .leo-cart-item-info .product-quantity a, #_desktop_cart .leo-cart-item-info .product-quantity input { border: none; } #_desktop_cart .leo-cart-item-info .product-quantity a { color: #9a9a9a; } #_desktop_cart .leo-cart-item-info .product-quantity input { color: var(--theme-color-secondary); } #_desktop_cart .leo-remove-from-cart { right: 20px; } .rtl #_desktop_cart .leo-remove-from-cart { left: 20px; right: auto; } #_desktop_cart .leo-remove-from-cart i { font-size: 0; font-family: "Font Awesome 5 Pro"; } #_desktop_cart .leo-remove-from-cart i::before { content: "\f00d"; font-size: 1rem; color: #9a9a9a; } #_desktop_cart .leo-remove-from-cart:hover i:before { color: var(--theme-color-secondary); } #_desktop_cart .view-additional .view-leo-dropdown-additional { position: absolute; right: 3px; bottom: 10px; background-color: transparent; } .rtl #_desktop_cart .view-additional .view-leo-dropdown-additional { left: 3px; right: auto; } #_desktop_cart .view-additional .view-leo-dropdown-additional::before, #_desktop_cart .view-additional .view-leo-dropdown-additional::after { background-color: #9a9a9a; } #_desktop_cart .leo-dropdown-additional { background-color: #999999; color: #FFFFFF; font-size: 0.75rem; } #_desktop_cart:hover .leo-dropdown-cart { top: 100%; transform: translateY(10px); visibility: visible; opacity: 1; z-index: 99; } .box-header { padding: 10px 0 0px 0; } @media (max-width: 991px) { .box-header { display: flex; flex-wrap: wrap; } } @media (max-width: 991px) { .box-header { padding: 20px 0; } } @media (max-width: 575px) { .box-header .col-menu { gap: 0; padding-bottom: 20px; } .box-header .col-menu .navbar-toggler { position: absolute; z-index: 99; left: 15px; bottom: 0; transform: translateY(95%); } .rtl .box-header .col-menu .navbar-toggler { right: 15px; left: auto; } } .slides .title-slide { font-family: var(--font-family-septenary); text-transform: capitalize; line-height: 64px; letter-spacing: -1.05px; } .slides .title-slide.s3 { left: 50% !important; transform: translateX(-50%); } .slides .sub-slide { font-family: var(--font-family-tertiary); font-weight: bold; letter-spacing: 19.2px; line-height: 1; } .slides .sub-slide.s2 { letter-spacing: 11px; font-weight: 400; } .slides .sub-slide.s3 { font-weight: 400; letter-spacing: 14.2px; left: 50% !important; transform: translateX(-50%); } .slides .sub-slide.s4 { font-weight: 400; letter-spacing: 8.6px; left: 50% !important; transform: translateX(-50%); } .slides .sub-slide.h-2.s1 { font-weight: 400; letter-spacing: 5px; } .slides .sub-slide.h-2.s1 .item { display: inline-block; width: 90px; height: 5px; background-color: var(--theme-color-secondary); } .slides .sub-slide.h-2.s2 { font-weight: 400; letter-spacing: 5px; } .slides .sub-slide.h-2.s3 { font-weight: 400; letter-spacing: 5px; line-height: 1.2; } .slides .sub-slide.h-2.s3 .item { display: inline-block; width: 270px; height: 5px; background-color: #FFFFFF; margin-right: 80px; } .slides .sub-slide.h-3.s3 { text-align: center; } .slides .sub-slide.h-4.s1 { text-align: right; text-transform: none; width: 570px; line-height: 1.306; letter-spacing: 3.6px; } .slides .sub-slide.mb { text-align: center; } .slides .sub-item .item { width: 210px; height: 5px; display: inline-block; background-color: var(--theme-color-secondary); } .slides .h1-ar { -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .slides .h-2.s2, .slides .h-2.s3 { left: 50% !important; margin-right: 15px; transform: translateX(-100%); text-align: right; } .slides .sub-slide-2 { font-family: var(--font-family-tertiary); font-weight: 300; } .slides .sub-slide-2 .item { display: inline-block; width: 270px; height: 5px; background-color: #FFFFFF; margin-right: 80px; } .slides .text-rotate { transform: rotate(-90deg); line-height: 40px; font-weight: 500; } .slides .text-rotate .caption-contain:after { content: ""; width: 1px; height: 50px; background-color: #FFFFFF; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(50%, 10px); -ms-transform: translate(50%, 10px); transform: translate(50%, 10px); } .rtl .slides .text-rotate .caption-contain:after { right: 50%; left: auto; } .slides .text-rotate.h-2 .caption-contain:after { background-color: var(--theme-color-secondary); } .slides .btn-slide { font-weight: 500; } .slides .btn-slide i { font-weight: 600; margin-left: 5px; } .rtl .slides .btn-slide i { margin-right: 5px; margin-left: inherit; } .slides .btn-slide.s3 { left: 50% !important; transform: translateX(-50%); } .slides .btn-slide.h-3 { padding: 15px 40px; } .slides .btn-slide.h-4.s1 { -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .slides .text { text-transform: none; line-height: 1.6; } .slides .text.s3 { left: 50% !important; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .slides .btn-primery .caption-contain span::before, .slides .btn-primery .caption-contain span::after { display: none; } .slides .btn-primery .caption-contain { display: inline-flex; width: 100%; height: 100%; position: static !important; } .slides .btn-primery .caption-contain::before, .slides .btn-primery .caption-contain::after { position: absolute; content: ""; left: 0; top: 0; background: #FFFFFF; transition: all 0.3s ease; } .slides .btn-primery .caption-contain::before { width: 2px; height: 0%; } .slides .btn-primery .caption-contain::after { height: 2px; width: 0%; } .slides .btn-primery:hover .caption-contain { color: #FFFFFF; } .slides .btn-primery:hover .caption-contain::before { height: 100%; } .slides .btn-primery:hover .caption-contain::after { width: 100%; } .banner-v .banner-item .image { position: relative; } @media (min-width: 767px) { .banner-v .banner-item .image { overflow: hidden; } } .banner-v .banner-item .image img { transition: 0.4s; } .banner-v .banner-item .image .image_description { position: absolute; z-index: 99; padding-left: 27px; } .rtl .banner-v .banner-item .image .image_description { padding-right: 27px; padding-left: inherit; } .banner-v .banner-item .image .image_description h1 { color: #FFFFFF; font-size: 2.25rem; font-family: var(--font-family-tertiary); font-weight: 500; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 40px; } @media (max-width: 991px) and (min-width: 768px) { .banner-v .banner-item .image .image_description h1 { font-size: 2rem; } } @media (max-width: 480px) { .banner-v .banner-item .image .image_description h1 { font-size: 2rem; } } .banner-v .banner-item .image .image_description p { margin: 0; } .banner-v .banner-item .image .image_description p a { font-family: var(--font-family-more); font-size: 1rem; color: #FFFFFF; display: flex; align-items: center; gap: 0 5px; text-transform: uppercase; transition: 0.5s; } .banner-v .banner-item .image .image_description p a:hover { color: var(--theme-color-default); } .banner-v .banner-item .image .image_description::before { content: ""; width: 50px; height: 1px; background-color: #FFFFFF; position: absolute; left: 0; top: -25px; } .rtl .banner-v .banner-item .image .image_description::before { right: 0; left: auto; } .banner-v .banner-item .image:after { content: ""; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background-color: #FFFFFF; opacity: 0; transition: 0.4s; } .banner-v .banner-item .image:hover::after { opacity: 0.2; } .banner-v .banner-item .image:hover img { transform: scale(1.2); } .banner-v .banner-item .image.black .image_description h1 { color: var(--theme-color-secondary); } .banner-v .banner-item .image.black .image_description::before { background-color: var(--theme-color-secondary); } .banner-v .banner-item .image.black .image_description p a { color: var(--theme-color-secondary); } .banner-v .banner-item .image.black .image_description p a:hover { color: var(--theme-color-default); } .banner-v.h-1 .banner-item .image .image_description { top: 140px; left: 0; } .rtl .banner-v.h-1 .banner-item .image .image_description { right: 0; left: auto; } @media (max-width: 1199px) and (min-width: 992px) { .banner-v.h-1 .banner-item .image .image_description { top: 80px; } } @media (max-width: 991px) and (min-width: 768px) { .banner-v.h-1 .banner-item .image .image_description { top: 50px; } } @media (max-width: 650px) { .banner-v.h-1 .banner-item .image .image_description { top: 80px; } } @media (max-width: 480px) { .banner-v.h-1 .banner-item .image .image_description { top: 50px; } } .banner-v.h-1 .banner-item .image .image_description h1 { margin: 0 0 30px; } @media (max-width: 991px) and (min-width: 768px) { .banner-v.h-1 .banner-item .image .image_description h1 { margin: 0 0 20px; } } @media (max-width: 480px) { .banner-v.h-1 .banner-item .image .image_description h1 { margin: 0 0 20px; } } .banner-v.h-1 .banner-item .image .image_description p { margin: 0; } @media (max-width: 767px) { .banner-v.h-1 .banner-item.mt-30 { margin-top: 15px; } } @media (max-width: 480px) { .banner-v.h-1 .banner-item { padding: 0; } } .banner-v.h-2 { padding-top: 10px; } @media (max-width: 1199px) { .banner-v.h-2 { display: flex; flex-wrap: wrap; } } .banner-v.h-2 .banner-item .image_description { top: 50%; transform: translateY(-50%); } @media (max-width: 480px) { .banner-v.h-2 .banner-item .image_description h1 { margin: 0 0 20px; } } .banner-v.h-2 .banner-item.i-1 { width: 31.25%; } @media (max-width: 1199px) { .banner-v.h-2 .banner-item.i-1 { width: 50%; } } .banner-v.h-2 .banner-item.i-1:first-child { padding-right: 5px !important; padding-left: 0px !important; } .rtl .banner-v.h-2 .banner-item.i-1:first-child { padding-left: 5px !important; padding-right: inherit; } .rtl .banner-v.h-2 .banner-item.i-1:first-child { padding-right: 0px !important; padding-left: inherit; } .banner-v.h-2 .banner-item.i-1:last-child { padding-left: 5px !important; padding-right: 0px !important; } .rtl .banner-v.h-2 .banner-item.i-1:last-child { padding-right: 5px !important; padding-left: inherit; } .rtl .banner-v.h-2 .banner-item.i-1:last-child { padding-left: 0px !important; padding-right: inherit; } @media (max-width: 480px) { .banner-v.h-2 .banner-item.i-1 { width: 100%; } .banner-v.h-2 .banner-item.i-1:first-child { padding-right: 0px !important; } .rtl .banner-v.h-2 .banner-item.i-1:first-child { padding-left: 0px !important; padding-right: inherit; } .banner-v.h-2 .banner-item.i-1:last-child { padding-left: 0px !important; margin-top: 10px; } .rtl .banner-v.h-2 .banner-item.i-1:last-child { padding-right: 0px !important; padding-left: inherit; } } .banner-v.h-2 .banner-item.i-2 { width: 37.5%; padding: 0 5px !important; } @media (max-width: 1199px) { .banner-v.h-2 .banner-item.i-2 { width: 100%; padding: 10px 0 0 !important; order: 1; display: flex; gap: 10px 0; } } @media (max-width: 991px) { .banner-v.h-2 .banner-item.i-2 { flex-wrap: wrap; } } @media (max-width: 480px) { .banner-v.h-2 .banner-item.i-2 { order: inherit; } } .banner-v.h-2 .banner-item.i-2 .image:first-child { margin-bottom: 10px; } .banner-v.h-2 .banner-item.i-2 .image:first-child .image_description { left: 50%; } @media (max-width: 1199px) { .banner-v.h-2 .banner-item.i-2 .image:first-child { margin: 0; padding-right: 5px; } .rtl .banner-v.h-2 .banner-item.i-2 .image:first-child { padding-left: 5px; padding-right: inherit; } .banner-v.h-2 .banner-item.i-2 .image:last-child { padding-left: 5px; } .rtl .banner-v.h-2 .banner-item.i-2 .image:last-child { padding-right: 5px; padding-left: inherit; } } @media (max-width: 991px) { .banner-v.h-2 .banner-item.i-2 .image { width: 100%; } .banner-v.h-2 .banner-item.i-2 .image:first-child { padding-right: 0px; } .rtl .banner-v.h-2 .banner-item.i-2 .image:first-child { padding-left: 0px; padding-right: inherit; } .banner-v.h-2 .banner-item.i-2 .image:last-child { padding-left: 0px; } .rtl .banner-v.h-2 .banner-item.i-2 .image:last-child { padding-right: 0px; padding-left: inherit; } } .categories.h-1 .item-1 ul li { text-align: right; } .rtl .categories.h-1 .item-1 ul li { text-align: left; } .categories.h-1 .item-2 ul li { text-align: left; } .rtl .categories.h-1 .item-2 ul li { text-align: right; } @media (max-width: 480px) { .categories.h-1 .item-2 ul li { margin-top: 30px; } } .categories.h-1 .item-3 ul li { text-align: right; } .rtl .categories.h-1 .item-3 ul li { text-align: left; } @media (max-width: 991px) { .categories.h-1 .item-3 ul li { margin-top: 30px; } } .categories.h-1 .item-4 ul li { text-align: left; } .rtl .categories.h-1 .item-4 ul li { text-align: right; } @media (max-width: 991px) { .categories.h-1 .item-4 ul li { margin-top: 30px; } } .categories.h-1 .block_content ul { margin: 0; } .categories.h-1 .cate_content { display: inline-block; position: relative; overflow: hidden; } .categories.h-1 .cate_content:hover img { animation: scaleImg 1s ease forwards; } .categories.h-1 .cover-img { padding: 0; } .categories.h-1 .cover-img img { width: 100%; height: 100%; transition: 0.4s; } .categories.h-1 .wr-text { position: absolute; bottom: 50px; left: 0; padding-left: 30px; color: #FFFFFF; text-align: left; } .rtl .categories.h-1 .wr-text { right: 0; left: auto; } .rtl .categories.h-1 .wr-text { padding-right: 30px; padding-left: inherit; } .rtl .categories.h-1 .wr-text { text-align: right; } .categories.h-1 .wr-text::before { content: ""; width: 30px; height: 1px; background-color: #FFFFFF; position: absolute; left: 0; top: -25px; } .rtl .categories.h-1 .wr-text::before { right: 0; left: auto; } .categories.h-1 .cate-name { display: block; font-size: 1.625rem; font-family: var(--font-family-tertiary); text-transform: uppercase; font-weight: 400; line-height: 1.3; } .categories.h-1 .leo-qty { font-size: 0.875rem; text-transform: lowercase; } .categories.h-2 { display: flex; flex-wrap: wrap; } @media (max-width: 1199px) { .categories.h-2 .product-left { margin-top: 30px; } } .categories.h-2 .product_block:last-child .thumbnail-container { margin-bottom: 0; } .categories.h-2 .thumbnail-container { margin-bottom: 30px; } .categories.h-2 .thumbnail-container .product-image img { width: auto; height: 120px; max-width: none; } @media (max-width: 1199px) and (min-width: 576px) { .categories.h-2 .categori-item { order: -1; } } .categories.h-2 .image { position: relative; } .categories.h-2 .image img { transition: 0.8s; } .categories.h-2 .image:hover img { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .categories.h-2 .image_description { position: absolute; top: 70px; left: 0; } .rtl .categories.h-2 .image_description { right: 0; left: auto; } .categories.h-2 .sub-title { margin: 0; text-align: left; padding-left: 30px; font-size: 3rem; font-weight: 400; position: relative; line-height: 1; word-break: break-word; text-transform: uppercase; font-family: var(--font-family-tertiary); color: var(--theme-color-secondary); } .rtl .categories.h-2 .sub-title { text-align: right; } .rtl .categories.h-2 .sub-title { padding-right: 30px; padding-left: inherit; } .categories.h-2 .sub-title::before { content: ""; position: absolute; top: -20px; left: 0; width: 30px; height: 1px; background-color: var(--theme-color-secondary); } .rtl .categories.h-2 .sub-title::before { right: 0; left: auto; } @media (max-width: 575px) { .categories.h-2 .mt-30 { margin-top: 30px; } } .feature-product .ApRawHtml > div { text-align: center; } .feature-product .view-all { margin: 0; padding: 0; width: 90px; height: 90px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background-color: transparent; border: 1px solid var(--theme-color-secondary); color: var(--theme-color-secondary); font-size: 0.75rem; font-family: "Poppins", sans-serif; font-weight: 500; transition: 0.4s; text-transform: uppercase; line-height: 1.2; } .feature-product .view-all:hover { border: 1px solid var(--theme-color-default); color: var(--theme-color-default); } .feature-product.h-1 .product_list { margin-bottom: 0; } .feature-product.h-1 .nav-link { border: none; font-weight: 500; font-size: 1.25rem; padding: 0 1.25rem; transition: 0.4s; } .feature-product.h-1 .nav-link:hover { color: var(--theme-color-default); } @media (max-width: 400px) { .feature-product.h-1 .nav-link { font-size: 1rem; text-align: center; } } .feature-product.h-1 .product_list > li { margin: 0; } @media (max-width: 1499px) { .feature-product.h-1 .product_list > li { width: 25%; } } @media (max-width: 1199px) { .feature-product.h-1 .product_list > li { width: 33.33333333%; } } @media (max-width: 767px) { .feature-product.h-1 .product_list > li { width: 50%; } } @media (max-width: 480px) { .feature-product.h-1 .product_list > li { width: 100%; } } .feature-product.h-1 .product_list > li .thumbnail-container .product-meta { padding-bottom: 60px; } .feature-product .no-sub .title_block { margin-bottom: 20px; } @media (max-width: 1199px) { .testimonial-image > img { width: auto !important; height: 100% !important; } } .testimonial-image .image_description { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .rtl .testimonial-image .image_description { right: 50%; left: auto; } .testimonial-image .tes-icon { margin: 0 0 25px; } @media (max-width: 1499px) { .testimonial-image .tes-icon img { width: 120px; } } .testimonial-image .testimonial-content { position: relative; } .testimonial-image .testimonial-content .title_block { font-size: 2rem; } .testimonial-image .testimonial-content .title_block::after, .testimonial-image .testimonial-content .title_block::before { display: none; } .testimonial-image .testimonial-content p { margin: 0 auto; padding: 40px 0; max-width: 790px; font-size: 2.5rem; font-family: var(--font-family-tertiary); font-weight: 400; color: var(--theme-color-secondary); letter-spacing: 2px; line-height: 1.3; } @media (max-width: 1499px) and (min-width: 1200px) { .testimonial-image .testimonial-content p { font-size: 2rem; padding: 20px 0; } } @media (max-width: 1199px) { .testimonial-image .testimonial-content p { width: 100%; } .testimonial-image .testimonial-content p br { display: none; } } @media (max-width: 767px) { .testimonial-image .testimonial-content p { max-width: 85%; font-size: 2rem; } } @media (max-width: 480px) { .testimonial-image .testimonial-content p { font-size: 1.5rem; } } .testimonial-image .testimonial-content .tes-author { font-family: "Poppins", sans-serif; color: #a4a4a4; font-size: 1.125rem; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .testimonial-image .testimonial-content::before { content: ""; height: 50px; width: 1px; display: block; background-color: #000000; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); } .rtl .testimonial-image .testimonial-content::before { right: 50%; left: auto; } @media (max-width: 1499px) and (min-width: 1200px) { .testimonial-image .testimonial-content::before { height: 40px; } } .testimonial-image .testimonial-content .after { display: block; width: 1px; height: 50px; background-color: #000000; margin: 60px auto 0; } @media (max-width: 1499px) and (min-width: 1200px) { .testimonial-image .testimonial-content .after { margin: 40px auto 0; } } .box-blog .right-block { width: calc(100% - 30px); padding: 10px 30px 0; margin: 0 auto; position: relative; } .box-blog .blog-date { display: inline-block; } .box-blog .blog-meta { width: 100%; position: absolute; left: 0; bottom: 100%; padding: 30px 30px 5px 30px; background-color: #FFFFFF; font-size: 0.875rem; color: #9a9a9a; } .box-blog .author span { color: var(--theme-color-default); } @media (max-width: 1199px) { .box-blog .small { margin-top: 30px; } } .box-blog .small .blog-meta { padding: 10px 20px 5px 20px; } @media (max-width: 480px) { .box-blog .small .blog-container { margin-bottom: 15px; } } .box-blog .small .right-block { padding: 10px 20px 0; min-height: 175px; } @media (max-width: 1499px) and (min-width: 1200px) { .box-blog .small .right-block { min-height: 230px; } } .box-blog .small .blog-title { font-size: 1.25rem; line-height: 30px; } @media (max-width: 567px) { .box-blog .blog-big .blog-title { font-size: 1.25rem; line-height: 30px; } } .box-blog.h-2 { padding: 140px 0 100px 0; } .box-blog.h-2 .blog-title { font-size: 1.375rem; margin-bottom: 0; line-height: 30px; min-height: 60px; } .box-blog.h-2 .blog-meta { padding: 10px 20px 5px 20px; } @media (max-width: 767px) { .box-blog.h-2 { padding: 80px 0; } } .box-blog .blog_img_link { display: block; width: 100%; height: 100%; } .box-blog .blog_img_link::after { content: ""; width: 100%; height: 100%; position: absolute; top: 100%; right: 100%; transition: 0.5s; background-color: #000000; opacity: 0.1; } .box-blog .blog_img_link::before { content: ""; width: 100%; height: 100%; position: absolute; top: -100%; right: -100%; transition: 0.5s; background-color: #000000; opacity: 0.1; } .box-blog .blog-image-container:hover .blog_img_link::after { top: 0; right: 0; } .box-blog .blog-image-container:hover .blog_img_link::before { top: 0; right: 0; } @media (max-width: 669px) and (min-width: 650px) { .box-blog .blog-container { margin-bottom: 30px; } .box-blog .blog-container:last-child { margin-bottom: 0; } } .support { padding: 90px 0; border-top: 1px solid #000000; } .support .support-item { text-align: center; } .support .block_content p { margin: 0; line-height: 48px; } .support .block_content h5 { margin: 25px 0 10px; text-transform: uppercase; font-weight: 500; font-size: 1.125rem; color: #2c2c2c; } .support .block_content span { text-transform: capitalize; font-weight: 400; font-size: 0.875rem; color: #9a9a9a; } @media (max-width: 575px) { .support .p-t { padding: 30px 15px; } } .instagram .sub-title-widget { font-size: 52px; } @media (max-width: 480px) { .instagram .sub-title-widget { font-size: 2.5rem; line-height: 60px; } } .news-letter { padding-top: 80px; } .news-letter #block-newsletter-label.sub-title-widget { font-size: 52px; margin-bottom: 30px; color: #2a2a2a; line-height: 1.2; } @media (max-width: 480px) { .news-letter #block-newsletter-label.sub-title-widget { font-size: 2.5rem; line-height: 60px; } } .news-letter .block_content { width: 50%; } @media (max-width: 1199px) { .news-letter .block_content { width: 80%; } } @media (max-width: 767px) { .news-letter .block_content { width: 100%; } } .news-letter form .row { display: flex; flex-direction: column-reverse; } .news-letter form .row p { padding: 0; margin: 0 auto; text-align: center; font-size: 0.9375rem; color: #9a9a9a; max-width: 512px; } .block_newsletter { max-width: 100%; flex-direction: column; padding: 0; align-items: center; margin: 0; } .block_newsletter form button[type=submit] { position: relative; max-width: 210px; width: 100%; margin: 0; top: auto; right: auto; bottom: auto; background-color: #2a2a2a; height: 65px; border-radius: 0; font-size: 0.875rem; font-weight: 400; text-transform: uppercase; transition: 0.4s; color: #fff; } .block_newsletter form button[type=submit] i { font-size: 0; } .block_newsletter form button[type=submit]:hover { background-color: var(--theme-color-default); } .block_newsletter .block_newsletter-form { display: flex; flex-direction: row-reverse; align-items: flex-end; margin-top: 60px; } @media (max-width: 575px) { .block_newsletter .block_newsletter-form { flex-wrap: wrap-reverse; justify-content: center; } } .block_newsletter .block_newsletter-form .btn-outline span { display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; justify-content: center; align-items: center; } .rtl .block_newsletter .block_newsletter-form .btn-outline span { right: 0; left: auto; } .block_newsletter .block_newsletter-form .btn-outline span::before, .block_newsletter .block_newsletter-form .btn-outline span::after { position: absolute; content: ""; left: 0; top: 0; background: #FFFFFF; transition: all 0.3s ease; } .rtl .block_newsletter .block_newsletter-form .btn-outline span::before, .rtl .block_newsletter .block_newsletter-form .btn-outline span::after { right: 0; left: auto; } .block_newsletter .block_newsletter-form .btn-outline span::before { width: 2px; height: 0%; } .block_newsletter .block_newsletter-form .btn-outline span::after { height: 2px; width: 0%; } .block_newsletter .block_newsletter-form .btn-outline::before, .block_newsletter .block_newsletter-form .btn-outline::after { position: absolute; content: ""; right: 0; bottom: 0; background: #FFFFFF; transition: all 0.3s ease; } .rtl .block_newsletter .block_newsletter-form .btn-outline::before, .rtl .block_newsletter .block_newsletter-form .btn-outline::after { left: 0; right: auto; } .block_newsletter .block_newsletter-form .btn-outline::before { height: 0%; width: 2px; } .block_newsletter .block_newsletter-form .btn-outline:after { width: 0%; height: 2px; } .block_newsletter .block_newsletter-form .btn-outline:hover::before { height: 100%; } .block_newsletter .block_newsletter-form .btn-outline:hover:after { width: 100%; } .block_newsletter .block_newsletter-form .btn-outline:hover span { color: #FFFFFF; } .block_newsletter .block_newsletter-form .btn-outline:hover span::before { height: 100%; } .block_newsletter .block_newsletter-form .btn-outline:hover span::after { width: 100%; } .block_newsletter .block_newsletter-form .btn-outline:hover i { color: #FFFFFF; } .block_newsletter .block_newsletter-form .input-wrapper { flex: 1; padding-right: 30px; } .rtl .block_newsletter .block_newsletter-form .input-wrapper { padding-left: 30px; padding-right: inherit; } @media (max-width: 575px) { .block_newsletter .block_newsletter-form .input-wrapper { flex: none; width: 100%; padding-right: 0; margin-bottom: 30px; } .rtl .block_newsletter .block_newsletter-form .input-wrapper { padding-left: 0; padding-right: inherit; } } .block_newsletter .block_newsletter-form .input-wrapper input { padding: 25px 20px 15px 20px; border: none; border-bottom: 1px solid #000000; background: transparent; height: 100%; } .rtl .block_newsletter .block_newsletter-form .input-wrapper input { padding: 25px 20px 15px 20px; } .block_newsletter .block_newsletter-form .input-wrapper input::-webkit-input-placeholder { text-indent: 0; color: #9a9a9a; opacity: 0.9; font-size: 1rem; } .block_newsletter .block_newsletter-form .input-wrapper input:-ms-input-placeholder { text-indent: 0; color: #9a9a9a; opacity: 0.9; font-size: 1rem; } .block_newsletter .block_newsletter-form .input-wrapper input::placeholder { text-indent: 0; color: #9a9a9a; opacity: 0.9; font-size: 1rem; } .sale .image { position: relative; } .sale .image .descript { position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; border-radius: 50%; background-color: var(--theme-color-secondary); font-size: 0.875rem; display: flex; justify-content: center; align-items: center; margin: 0; color: #FFFFFF; } .rtl .sale .image .descript { left: 40px; right: auto; } .sale .image .owl-theme .owl-controls .owl-pagination { display: flex; justify-content: flex-end; align-items: center; transform: translateX(20px); margin: 50px 0 0; } @media (max-width: 767px) { .sale .image .owl-theme .owl-controls .owl-pagination { justify-content: center; transform: translateX(0); margin: 30px 0; } } .sale .image .owl-theme .owl-controls .owl-page span { width: 6px; height: 6px; background-color: rgba(25, 25, 25, 0.6); } .sale .image .owl-theme .owl-controls .owl-page.active span { width: 10px; height: 10px; background-color: #191919; } @media (max-width: 767px) { .sale .sale-content.mt-15 { margin-top: 15px; } } .sale .sale-product { position: relative; } .sale .sale-product .image_description { position: absolute; top: 22%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; padding: 0 90px; text-align: center; } @media (max-width: 1499px) and (min-width: 1200px) { .sale .sale-product .image_description { top: 20%; } } @media (max-width: 1199px) and (min-width: 768px) { .sale .sale-product .image_description { top: 15%; padding: 0 30px; } } @media (max-width: 600px) { .sale .sale-product .image_description { top: 20%; padding: 0 30px; } } @media (max-width: 400px) { .sale .sale-product .image_description { top: 15%; } } .sale .sale-product .image_description h1 { position: relative; font-size: 1.5rem; color: var(--theme-color-secondary); font-weight: 500; text-transform: uppercase; margin-bottom: 25px; } .sale .sale-product .image_description h1::before { content: ""; position: absolute; bottom: calc(100% + 30px); left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 50px; background-color: var(--theme-color-secondary); } @media (max-width: 1199px) and (min-width: 768px) { .sale .sale-product .image_description h1 { margin-bottom: 20px; } .sale .sale-product .image_description h1::before { bottom: calc(100% + 20px); height: 30px; } } @media (max-width: 880px) and (min-width: 768px) { .sale .sale-product .image_description h1 { font-size: 1rem; } } @media (max-width: 500px) { .sale .sale-product .image_description h1 { margin-bottom: 20px; font-size: 1rem; } .sale .sale-product .image_description h1::before { bottom: calc(100% + 20px); height: 30px; } } @media (max-width: 400px) { .sale .sale-product .image_description h1::before { display: none; } } .sale .sale-product .image_description .star_content { height: 15px; margin: 0; display: flex; justify-content: center; } .sale .sale-product .image_description .star_content .star { font-family: "Font Awesome 5 Pro"; color: var(--theme-color-default); font-size: 0.9375rem; line-height: 1; } .sale .sale-product .image_description .star_content .star::before { content: "\f005"; } .sale .sale-product .image_description .star_content .star.star_on { font-family: "FontAwesome"; } .sale .sale-product .image_description .price-shipping { padding: 40px 0; display: flex; justify-content: center; gap: 10px; } .sale .sale-product .image_description .price-shipping span { font-size: 1rem; font-weight: 500; color: var(--theme-color-default); } .sale .sale-product .image_description .price-shipping span.regular-price { color: #9a9a9a; } @media (max-width: 1499px) and (min-width: 768px) { .sale .sale-product .image_description .price-shipping { padding: 20px 0; } } @media (max-width: 620px) { .sale .sale-product .image_description .price-shipping { padding: 20px 0; } } @media (max-width: 400px) { .sale .sale-product .image_description .price-shipping { padding: 10px 0; } } .sale .sale-product .image_description .product-des { margin: 0; font-size: 0.875rem; color: #9a9a9a; padding: 0 45px; line-height: 1.5; } @media (max-width: 1199px) and (min-width: 768px) { .sale .sale-product .image_description .product-des { padding: 0; } } @media (max-width: 620px) { .sale .sale-product .image_description .product-des { padding: 0; } } @media (max-width: 400px) { .sale .sale-product .image_description .product-des { display: none; } } .sale .sale-count { position: absolute; top: 56%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 800px) and (min-width: 768px) { .sale .sale-count { top: 60%; } } @media (max-width: 400px) { .sale .sale-count { top: 50%; } } .sale .sale-count ul { display: flex; justify-content: center; gap: 20px; } @media (max-width: 350px) { .sale .sale-count ul { gap: 10px; } } .sale .sale-count ul li { display: flex; flex-direction: column; align-items: center; } .sale .sale-count ul li b { display: block; width: 110px; height: 110px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; color: #252525; border: 3px solid var(--theme-color-default); font-size: 2rem; font-weight: 500; } @media (max-width: 1499px) and (min-width: 1200px) { .sale .sale-count ul li b { width: 90px; height: 90px; font-size: 1.75rem; } } @media (max-width: 1199px) and (min-width: 992px) { .sale .sale-count ul li b { width: 70px; height: 70px; font-size: 1.5rem; } } @media (max-width: 991px) and (min-width: 768px) { .sale .sale-count ul li b { width: 50px; height: 50px; font-size: 1rem; } } @media (max-width: 600px) { .sale .sale-count ul li b { width: 90px; height: 90px; font-size: 1.75rem; } } @media (max-width: 500px) { .sale .sale-count ul li b { width: 70px; height: 70px; font-size: 1.5rem; } } @media (max-width: 430px) { .sale .sale-count ul li b { width: 50px; height: 50px; font-size: 1rem; } } @media (max-width: 430px) { .sale .sale-count ul li b { width: 50px; height: 50px; font-size: 1rem; } } .sale .sale-count ul li span { display: block; margin-top: 15px; color: #9a9a9a; font-size: 1.125rem; text-transform: capitalize; } @media (max-width: 880px) and (min-width: 768px) { .sale .sale-count ul li span { margin-top: 10px; } } @media (max-width: 800px) { .sale .sale-count ul li span { font-size: 14px; } } @media (max-width: 400px) { .sale .sale-count ul li span { font-size: 14px; } } .sale .sale-btn { position: absolute; top: 78%; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 991px) and (min-width: 768px) { .sale .sale-btn { top: 80%; } } @media (max-width: 400px) { .sale .sale-btn { top: auto; bottom: 30px; } } .sale .sale-btn .btn-primery { background-color: var(--theme-color-secondary); color: #FFFFFF; text-transform: uppercase; width: max-content; } .sale .sale-btn .btn-primery span::before, .sale .sale-btn .btn-primery span::after { background: var(--theme-color-secondary); } .sale .sale-btn .btn-primery::before, .sale .sale-btn .btn-primery::after { background: var(--theme-color-secondary); } .sale .sale-btn .btn-primery:hover { background-color: var(--theme-color-default); } @media (max-width: 880px) and (min-width: 768px) { .sale .sale-btn .btn-primery { padding: 17px 30px; } } @media (max-width: 400px) { .sale .sale-btn .btn-primery { padding: 17px 30px; } } .about.h-2 .image_description { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 50px 140px 60px; border: 3px solid #FFFFFF; } @media (max-width: 991px) { .about.h-2 .image_description { padding: 50px 100px 60px; } } @media (max-width: 767px) { .about.h-2 .image_description { padding: 50px 50px 60px; } } @media (max-width: 480px) { .about.h-2 .image_description { padding: 50px 30px 60px; } } .about.h-2 .image_description .title_block { color: #FFFFFF; font-size: 2rem; } .about.h-2 .image_description .title_block::before, .about.h-2 .image_description .title_block::after { display: none; } .about.h-2 .image_description .sub-title-widget { color: #FFFFFF; margin-bottom: 25px; font-size: 4.5rem; } @media (max-width: 767px) { .about.h-2 .image_description .sub-title-widget { font-size: 3rem; } } .about.h-2 .image_description p { margin: 0; text-align: center; } .about.h-2 .image_description p a { text-transform: uppercase; } .about.h-2 .image_description p a span { display: inline-block; margin-right: 5px; } .rtl .about.h-2 .image_description p a span { margin-left: 5px; margin-right: inherit; } .about.h-2 .image_description p.text-content { width: 650px; font-size: 1rem; letter-spacing: 0.8px; color: #FFFFFF; margin-bottom: 55px; line-height: 1.6; } @media (max-width: 991px) { .about.h-2 .image_description p.text-content { width: 500px; } } @media (max-width: 767px) { .about.h-2 .image_description p.text-content { width: 350px; } } @media (max-width: 575px) { .about.h-2 .image_description p.text-content { width: 300px; } } @media (max-width: 480px) { .about.h-2 .image_description p.text-content { width: 250px; } } @media (max-width: 350px) { .about.h-2 .image_description p.text-content { width: 210px; } } .about.h-4.mt-30 { margin-top: 30px; } .about.h-4 .image { position: relative; } .about.h-4 .image img { max-width: 61.77%; } @media (max-width: 1186px) { .about.h-4 .image img { max-width: none; width: auto !important; height: 100% !important; } } @media (max-width: 700px) { .about.h-4 .image img { position: relative; -ms-transform: translateX(-15%); -o-transform: translateX(-15%); -moz-transform: translateX(-15%); -webkit-transform: translateX(-15%); transform: translateX(-15%); } } @media (max-width: 480px) { .about.h-4 .image img { -ms-transform: translateX(-25%); -o-transform: translateX(-25%); -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); transform: translateX(-25%); } } .about.h-4 .image_description { position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rtl .about.h-4 .image_description { right: 50%; left: auto; } @media (max-width: 1186px) { .about.h-4 .image_description { left: 10%; } .rtl .about.h-4 .image_description { right: 10%; left: auto; } } .about.h-4 .image_description .title_block { justify-content: flex-start; font-size: 2rem; line-height: 1.688; } .about.h-4 .image_description .title_block::after, .about.h-4 .image_description .title_block::before { display: none; } .about.h-4 .image_description .sub-title-widget { text-align: left; font-size: 4.5rem; font-weight: 400; line-height: 0.75; letter-spacing: 3.6px; margin: 0; } .rtl .about.h-4 .image_description .sub-title-widget { text-align: right; } @media (max-width: 1199px) and (min-width: 1187px) { .about.h-4 .image_description .sub-title-widget { font-size: 4rem; } } @media (max-width: 1186px) { .about.h-4 .image_description .sub-title-widget { text-shadow: 0 0 #FFFFFF; } } @media (max-width: 700px) { .about.h-4 .image_description .sub-title-widget { line-height: 1.1; font-size: 3rem; } } .about.h-4 .image_description p { margin: 0; } .about.h-4 .image_description p.text { font-size: 1rem; font-family: var(--font-family-more); color: #9a9a9a; max-width: 570px; line-height: 1.75; letter-spacing: 0.5px; margin-top: 50px; margin-bottom: 50px; } @media (max-width: 1199px) and (min-width: 1187px) { .about.h-4 .image_description p.text { margin-top: 30px; margin-bottom: 30px; } } @media (max-width: 1186px) { .about.h-4 .image_description p.text { color: var(--theme-color-secondary); } } @media (max-width: 700) { .about.h-4 .image_description p.text { max-width: none; } } .about.h-4 .image_description p .btn-primery { background-color: var(--theme-color-secondary); color: #FFFFFF; text-transform: uppercase; gap: 0 5px; } .about.h-4 .image_description p .btn-primery:hover { background-color: var(--theme-color-default); } .about.h-4 .image_description::after { content: ""; width: 50px; height: 1px; background-color: #000000; position: absolute; left: 0; top: -10px; -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .rtl .about.h-4 .image_description::after { right: 0; left: auto; } .brands { border: 1px solid #000000; border-bottom: 5px solid #000000; padding: 30px 0; } .brands .manufacturer-image-container { overflow: hidden; text-align: center; } .brands .manufacturer-image-container img { transition: 0.4s; } .brands .manufacturer-image-container img:hover { box-shadow: none; transform: scale(1.5); } .product-left .product_list { display: block; position: relative; border: none; margin: 0; } .product-left .product_list .product_block { width: 100%; } .product-left .thumbnail-container { display: flex; } @media (max-width: 1499px) { .product-left .thumbnail-container { display: block; } } .product-left .thumbnail-container .product-image .functional-buttons, .product-left .thumbnail-container .product-image .cart { display: none; } .product-left .thumbnail-container .product-image .product-flags { display: none; } .product-left .thumbnail-container .product-meta { padding: 20px 0 0 15px; } .rtl .product-left .thumbnail-container .product-meta { padding: 20px 15px 0 0; } @media (max-width: 1499px) { .product-left .thumbnail-container .product-meta { padding: 20px 0 0; } } .product-left .thumbnail-container .product-meta .leo-list-product-reviews { display: none; } .product-left .thumbnail-container .product-title a { -webkit-line-clamp: 2; line-height: 1.3; margin-bottom: 5px; margin-top: 5px; } .product-left .thumbnail-container .product-info { padding: 20px 0 0 20px; position: relative; } .rtl .product-left .thumbnail-container .product-info { padding: 20px 20px 0 0; } @media (max-width: 1499px) { .product-left .thumbnail-container .product-info { padding: 0 !important; } } .product-left .thumbnail-container .product-info:after { content: ""; width: 30px; height: 1px; background-color: #000000; position: absolute; top: 0; left: 0; } .rtl .product-left .thumbnail-container .product-info:after { right: 0; left: auto; } .parallax .image-content { position: relative; } @media (max-width: 767px) { .parallax .image-content img { width: 1920px !important; height: 940px !important; position: relative; } } .parallax .image-content .image_description { position: absolute; top: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .parallax .image-content .image_description .text-heading { font-size: 90px; font-family: var(--font-family-tertiary); color: var(--theme-color-secondary); text-transform: uppercase; line-height: 1.022; text-align: left; font-weight: 400; letter-spacing: 9px; margin: 0; } .rtl .parallax .image-content .image_description .text-heading { text-align: right; } @media (max-width: 1199px) { .parallax .image-content .image_description .text-heading { font-size: 70px; letter-spacing: 7px; } } @media (max-width: 991px) { .parallax .image-content .image_description .text-heading { font-size: 50px; letter-spacing: 5px; } } .parallax .image-content .image_description .text-heading .item { height: 5px; display: inline-block; margin-left: 20px; } @media (max-width: 480px) { .parallax .image-content .image_description .text-heading .item { width: 80px; } } .parallax .image-content .image_description .text { font-size: 1rem; color: #4a4a4a; line-height: 1.75; text-align: left; max-width: 510px; margin: 0; padding: 40px 0; } @media (max-width: 1199px) { .parallax .image-content .image_description .text { padding: 20px 0; } } @media (max-width: 767px) { .parallax .image-content .image_description .text { color: #FFFFFF; padding: 20px 50px 20px 0; } } @media (max-width: 420px) { .parallax .image-content .image_description .text { max-width: 90%; padding: 20px 20px 20px 0; } } .parallax .image-content .image_description a.btn-primery span { text-transform: uppercase; } @media (max-width: 767px) { .parallax .image-content.banner-1 img { left: 100%; transform: translateX(-100%); } } @media (max-width: 600px) { .parallax .image-content.banner-1 img { transform: translateX(-90%); } } @media (max-width: 400px) { .parallax .image-content.banner-1 img { transform: translateX(-80%); } } .parallax .image-content.banner-1 .image_description { left: 13%; } @media (max-width: 1199px) { .parallax .image-content.banner-1 .image_description { top: auto; bottom: 15%; -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } } .parallax .image-content.banner-1 .image_description .text-heading { color: var(--theme-color-secondary); } @media (max-width: 1199px) { .parallax .image-content.banner-1 .image_description .text-heading { font-size: 70px; } } @media (max-width: 991px) { .parallax .image-content.banner-1 .image_description .text-heading { font-size: 50px; } } .parallax .image-content.banner-1 .image_description .text-heading .item { width: 190px; background-color: var(--theme-color-secondary); } @media (max-width: 767px) { .parallax .image-content.banner-1 .image_description .text-heading .item { width: 80px; } } .parallax .image-content.banner-1.second .image_description .text-heading { color: #FFFFFF; } .parallax .image-content.banner-1.second .image_description .text-heading .item { background-color: #FFFFFF; } .parallax .image-content.banner-1.second .image_description .text { color: #FFFFFF; } @media (max-width: 767px) { .parallax .image-content.banner-1.second img { transform: translateX(-85%); } } @media (max-width: 450px) { .parallax .image-content.banner-1.second img { transform: translateX(-80%); } } @media (max-width: 700px) { .parallax .image-content.banner-2 img { transform: translateX(-10%); } } @media (max-width: 450px) { .parallax .image-content.banner-2 img { transform: translateX(-15%); } } @media (max-width: 350px) { .parallax .image-content.banner-2 img { transform: translateX(-20%); } } .parallax .image-content.banner-2 .image_description { left: 50%; } @media (max-width: 767px) { .parallax .image-content.banner-2 .image_description { left: 13%; } } .parallax .image-content.banner-2 .image_description .text-heading { color: #FFFFFF; } .parallax .image-content.banner-2 .image_description .text-heading .item { width: 140px; background-color: #FFFFFF; } @media (max-width: 450px) { .parallax .image-content.banner-2 .image_description .text-heading .item { width: 80px; } } .parallax .image-content.banner-2 .image_description .text { color: #FFFFFF; } @media (max-width: 1199px) { .parallax .image-content.banner-2 .image_description .text { padding-right: 30px; } .rtl .parallax .image-content.banner-2 .image_description .text { padding-left: 30px; padding-right: inherit; } } .parallax .image-content.banner-3 .image_description { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .parallax .image-content.banner-3 .image_description { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .parallax .image-content.banner-3 .image_description .text-heading { text-align: center; margin-bottom: 70px; } @media (max-width: 767px) { .parallax .image-content.banner-3 .image_description .text-heading { width: 100vw; } } .parallax .image-content.banner-3 .image_description p { text-align: center; } .fashion { display: flex; flex-wrap: wrap; } .fashion .fashion-image { width: 36.72%; position: relative; overflow: hidden; } .fashion .fashion-image::before { content: ""; position: absolute; display: block; top: -50%; left: 0; width: 200px; height: 100%; background-color: #FFFFFF; opacity: 0; } .fashion .fashion-image:hover::before { animation: blurImg 3s ease forwards; } @-webkit-keyframes blurImg { 0% { transform: scale(0) rotate(38deg); opacity: 0; } 40% { transform: scale(0) rotate(38deg); opacity: 0.5; } 41% { transform: scale(3) rotate(38deg); opacity: 0.7; } 100% { transform: scale(40) rotate(38deg); opacity: 0; } } @media (max-width: 1199px) { .fashion .fashion-image { width: 45%; } } @media (max-width: 991px) and (min-width: 768px) { .fashion .fashion-image { width: 50%; overflow: hidden; } .fashion .fashion-image img { width: auto !important; } } @media (max-width: 767px) { .fashion .fashion-image { width: 100%; } } .fashion .fashion-image .image_description { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rtl .fashion .fashion-image .image_description { right: 50%; left: auto; } .fashion .fashion-image .image_description p { font-size: 92px; font-family: var(--font-family-tertiary); color: #FFFFFF; text-transform: uppercase; text-align: center; } .fashion .fashion-product { width: calc(100% - 36.72%); background-color: var(--theme-color-default); display: flex; flex-direction: column; justify-content: center; } .fashion .fashion-product .block_content { padding: 0 140px; } @media (max-width: 1199px) { .fashion .fashion-product .block_content { padding: 0 80px; } } @media (max-width: 991px) { .fashion .fashion-product .block_content { padding: 0 80px; } } @media (max-width: 575px) { .fashion .fashion-product .block_content { padding: 0 100px; } } @media (max-width: 480px) { .fashion .fashion-product .block_content { padding: 0 60px; } } @media (max-width: 350px) { .fashion .fashion-product .block_content { padding: 0 40px; } } .fashion .fashion-product .thumbnail-container .product-title a { color: #fff; text-transform: uppercase !important; font-weight: 400; } @media (max-width: 1199px) { .fashion .fashion-product { width: 55%; } } @media (max-width: 991px) { .fashion .fashion-product { width: 50%; } } @media (max-width: 767px) { .fashion .fashion-product { width: 100%; padding: 100px 0; } } .fashion .fashion-product .title_block { color: #FFFFFF; } .fashion .fashion-product .title_block::before, .fashion .fashion-product .title_block::after { background-color: #FFFFFF; } .fashion .fashion-product .sub-title-widget { color: #FFFFFF; font-size: 3rem; margin-bottom: 40px; } .fashion .fashion-product .thumbnail-container .product-meta .product-info .category-default a { color: #FFFFFF; } .fashion .fashion-product .thumbnail-container .product-meta .product-info .product-price-and-shipping .price { color: #FFFFFF; } .fashion .fashion-product .thumbnail-container .product-meta .product-info .product-price-and-shipping .regular-price { color: #FFFFFF; text-decoration: line-through; } .fashion .fashion-product .thumbnail-container .product-meta .leo-list-product-reviews::before { background-color: #FFFFFF; } .fashion .fashion-product .thumbnail-container .product-meta .leo-list-product-reviews .star::before { color: #FFFFFF; } .footer-container { margin-top: 0; } .footer-center .footer-heading, .footer-center .sub-title-widget { font-size: 1.125rem; font-weight: 500; color: #2a2a2a; text-transform: uppercase; margin-bottom: 35px; line-height: 1; text-align: left; font-family: "Poppins", sans-serif; } .rtl .footer-center .footer-heading, .rtl .footer-center .sub-title-widget { text-align: right; } @media (max-width: 767px) and (min-width: 576px) { .footer-center .footer-about { margin-bottom: 30px; } } .footer-center .footer-about p { font-size: 0.875rem; color: #9a9a9a; margin: 0; line-height: 2.1; } .footer-center .footer-about .block-social { padding: 0; margin-top: 40px; text-align: left; } .rtl .footer-center .footer-about .block-social { text-align: right; } .footer-center .footer-about .block-social li { transition: 0.8s; } .footer-center .footer-about .block-social li a { width: 40px; height: 40px; line-height: 40px; background-color: #000000; border: none; transition: 0.4s; } .footer-center .footer-about .block-social li a::before { font-size: 1.25rem; color: #FFFFFF !important; } .footer-center .footer-about .block-social li a:hover { background-color: var(--theme-color-default); } .footer-center .footer-about .block-social li:hover { transform: scale(1.2) rotateZ(360deg); } @media (max-width: 575px) { .footer-center .footer-item { margin-top: 30px; } } .footer-center .footer-item ul { margin: 0; } .footer-center .footer-item ul li { margin: 0; font-size: 0.875rem; line-height: 2.1; color: #9a9a9a; } .footer-center .footer-item ul li a { transition: 0.4s; } .footer-center .footer-item ul li a:hover { color: var(--theme-color-default); } .footer-bottom .footer-copyright p { margin: 0; font-size: 0.875rem; color: var(--theme-color-secondary); font-weight: 500; } @media (max-width: 575px) { .footer-bottom .footer-card { padding-top: 15px; } } .footer-bottom .footer-card ul { display: flex; justify-content: flex-end; align-items: center; gap: 5px; margin: 0; } @media (max-width: 575px) { .footer-bottom .footer-card ul { justify-content: flex-start; } } .footer-bottom .footer-card ul li { margin: 0; font-size: 1.5rem; } .footer-bottom .footer-card ul li a { color: #9a9a9a; transition: 0.4s; } .footer-bottom .footer-card ul li a:hover { color: var(--theme-color-default); } .footer-bottom .footer-card ul li a i { font-family: "FontAwesome"; } .footer-bottom .footer-card br { display: none; } body:not(#index) .news-letter { border-top: 1px solid #000000; } body:not(#index) #wrapper .breadcrumb-bg { margin: 0; } body:not(#index) #wrapper .breadcrumb-bg .title_block { font-size: 36px; font-family: var(--font-family-septenary); line-height: 1.2; color: var(--theme-color-secondary); display: flex; align-items: center; justify-content: center; gap: 18px; } body:not(#index) #wrapper .breadcrumb-bg .title_block:before { content: ""; background: #000000; display: inline-block; width: 55px; height: 1px; } body:not(#index) #wrapper .breadcrumb-bg .title_block:after { content: ""; background: #000000; display: inline-block; width: 55px; height: 1px; } body:not(#index) #wrapper .breadcrumb-bg .sub-title-widget { font-size: 56px; font-family: var(--font-family-tertiary); font-weight: 500; color: var(--theme-color-secondary); text-transform: uppercase; margin: 0; } @media (max-width: 480px) { body:not(#index) #wrapper .breadcrumb-bg .sub-title-widget { font-size: 45px; } } body:not(#index) #wrapper .breadcrumb-bg .breadcrumb { position: absolute; top: 100%; left: auto; padding-top: 30px; } .rtl body:not(#index) #wrapper .breadcrumb-bg .breadcrumb { right: auto; left: auto; } body:not(#index) #wrapper .breadcrumb-bg .breadcrumb ol { text-align: left; } .rtl body:not(#index) #wrapper .breadcrumb-bg .breadcrumb ol { text-align: right; } body:not(#index) #wrapper .breadcrumb-bg .breadcrumb li a { text-transform: uppercase; font-weight: 400; } body:not(#index) #wrapper .breadcrumb-bg .breadcrumb li:first-child a { color: var(--theme-color-secondary); } body:not(#index) #wrapper .breadcrumb-bg .breadcrumb li:first-child a:hover { color: var(--theme-color-default); } body:not(#index) #wrapper > .container > .row { margin-top: 80px; } body:not(#index) #content-wrapper { margin-bottom: 30px; } body:not(#index) #content-wrapper .block-category { padding: 0; margin: 0; border: none; } body:not(#index) #content-wrapper #subcategories { border: none; } body:not(#index) #content-wrapper #subcategories .subcategories-list { display: flex; flex-wrap: wrap; } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-meta { padding: 20px 0; } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-name { text-transform: uppercase; font-weight: 500; } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-name:hover { color: var(--theme-color-default); } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-image { overflow: hidden; } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-image img { transition: 0.4s; } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-image:hover img { transform: scale(1.2); } body:not(#index) #content-wrapper #subcategories .subcategory-block .subcategory-description { line-height: 1.5; font-size: 0.875rem; color: #9a9a9a; } body:not(#index) #content-wrapper .products-selection { background-color: transparent; } body:not(#index) #content-wrapper .products-selection .total-products p { font-size: 0; margin: 0; } body:not(#index) #content-wrapper .products-selection .total-products .display > div.selected a { color: var(--theme-color-default); } body:not(#index) #content-wrapper .products-selection .sort-by { font-size: 0.875rem; color: #9a9a9a; } body:not(#index) #content-wrapper .products-selection .products-sort-order .select-title { background-color: #f5f5f5; color: #9a9a9a; border: none; padding-left: 20px; } .rtl body:not(#index) #content-wrapper .products-selection .products-sort-order .select-title { padding-right: 20px; padding-left: inherit; } body:not(#index) #content-wrapper .products-selection .products-sort-order .dropdown-menu a { font-size: 0.75rem; color: #9a9a9a; } body:not(#index) #content-wrapper .products-selection .products-sort-order .dropdown-menu a:hover { background-color: #f5f5f5; } body:not(#index) #content-wrapper .products-selection .filter-button { margin: 0; } body:not(#index) #content-wrapper .products-selection .filter-button #search_filter_toggler { border-radius: 0; background-color: var(--theme-color-secondary); text-transform: uppercase; font-weight: 500; font-size: 0.875rem; } @media (max-width: 480px) { body:not(#index) #content-wrapper .products-selection .sort-by-row { flex-wrap: wrap; gap: 10px 0; } } body:not(#index) #content-wrapper .pagination { background: transparent; } body:not(#index) #content-wrapper .pagination > div:first-child { font-size: 0.875rem; color: var(--theme-color-secondary); } @media (max-width: 767px) { body:not(#index) #content-wrapper .pagination > div:first-child { display: none; } } @media (max-width: 767px) { body:not(#index) #content-wrapper .pagination > div:last-child { width: 100%; } } body:not(#index) #content-wrapper .pagination .page-list { display: flex; justify-content: flex-end; align-items: center; gap: 10px; } body:not(#index) #content-wrapper .pagination .page-list li.current a { width: 36px; height: 36px; border-radius: 50%; background-color: var(--theme-color-secondary); color: #FFFFFF; } body:not(#index) #content-wrapper .pagination .page-list li.current a:hover { color: #FFFFFF; } body:not(#index) #content-wrapper .pagination .page-list li a { display: inline-flex; justify-content: center; align-items: center; font-size: 0.875rem; text-transform: uppercase; font-weight: 500; } body:not(#index) #content-wrapper .pagination .page-list li a:hover { color: #fff; } /* Numéros de page uniquement (exclut previous/next) */ body:not(#index) #content-wrapper .pagination .page-list li a:not(.previous):not(.next) { display: inline-flex; /* centre le chiffre */ align-items: center; justify-content: center; width: 2.2em; /* taille fixe pour un cercle propre */ height: 2.2em; padding: 0; /* évite d'ovaler le cercle */ border-radius: 50%; line-height: 1; transition: all 0.3s ease; margin: 0 0.125rem; /* petit espacement */ } /* Hover : pastille verte + texte blanc */ body:not(#index) #content-wrapper .pagination .page-list li a:not(.previous):not(.next):hover { background: #13D675; color: #fff; } /* (Optionnel) État courant : pastille foncée */ body:not(#index) #content-wrapper .pagination .page-list li.current a:not(.previous):not(.next) { background: #2a2a2a; color: #fff; border-radius: 50%; } body:not(#index) #content-wrapper .pagination .page-list li a span { display: inline-block; } @media (max-width: 480px) { body:not(#index) #content-wrapper .pagination .page-list li a span { display: none; } } body:not(#index) #content-wrapper .pagination .page-list li a[rel="next"] i, body:not(#index) #content-wrapper .pagination .page-list li a[rel="prev"] i { font-family: "Font Awesome 5 Pro"; font-size: 1rem; font-weight: 600; } body:not(#index) #content-wrapper .pagination .page-list li a[rel="next"] i { margin-left: 5px; } body:not(#index) #content-wrapper .pagination .page-list li a[rel="next"] i::before { content: "\f105"; } body:not(#index) #content-wrapper .pagination .page-list li a[rel="prev"] i { margin-right: 5px; } body:not(#index) #content-wrapper .pagination .page-list li a[rel="prev"] i::before { content: "\f104"; } @media (max-width: 991px) and (min-width: 768px) { body:not(#index) #content-wrapper .product_list.grid .ajax_block_product:nth-child(3n + 1) { clear: none; } } body:not(#index) #content-wrapper #products .btn.btn-secondary { font-size: 0.875rem; text-transform: uppercase; font-weight: 500; } body:not(#index) #content-wrapper #products #js-active-search-filters .filter-block .js-search-link { top: 50%; bottom: auto; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } body:not(#index) #content-wrapper #products #js-product-list .up { display: none; } body:not(#index) #content-wrapper #js-product-list-header .card-block { box-shadow: none; margin-bottom: 20px; } body:not(#index) #content-wrapper #js-product-list-header .card-block #category-description { margin-top: 0; } #left-column .title_block a, #left-column #search_filters > p, #left-column .title-heading, #left-column .title_block { color: var(--theme-color-secondary); font-weight: 400; font-family: var(--font-family-tertiary); text-transform: uppercase; font-size: 20px; } #left-column .row { margin-left: 0; margin-right: 0; } #left-column .row > div, #left-column > .block:not(.row) { padding-top: 20px; padding-bottom: 20px; border: 1px solid rgba(154, 154, 154, 0.3); border-radius: 10px; position: relative; } #left-column > .block:not(.block-categories) { padding-left: 15px; padding-right: 15px; background-color: transparent; } #left-column > .block:not(.block-categories) .block_content { padding: 0; } #left-column .block-categories, #left-column #tags_blog_block_left, #left-column #blogRecentBlog, #left-column #categories_blog_menu { margin-bottom: 30px; } #left-column .block-categories .title_block, #left-column #tags_blog_block_left .title_block, #left-column #blogRecentBlog .title_block, #left-column #categories_blog_menu .title_block { border: none; background-color: #fff; padding: 5px 10px; position: absolute; top: 0; left: 20px; transform: translateY(-50%); z-index:99;} #left-column .block-categories .title_block:before, #left-column #tags_blog_block_left .title_block:before, #left-column #blogRecentBlog .title_block:before, #left-column #categories_blog_menu .title_block:before { display: none; } #left-column .block-categories .category-sub-menu li, #left-column #tags_blog_block_left .category-sub-menu li, #left-column #blogRecentBlog .category-sub-menu li, #left-column #categories_blog_menu .category-sub-menu li { padding: 15px 15px; } #left-column .block-categories .category-sub-menu li a, #left-column #tags_blog_block_left .category-sub-menu li a, #left-column #blogRecentBlog .category-sub-menu li a, #left-column #categories_blog_menu .category-sub-menu li a { border: none; font-size: 1rem; color: #003E54; } #left-column .block-categories .category-sub-menu li a:hover, #left-column #tags_blog_block_left .category-sub-menu li a:hover, #left-column #blogRecentBlog .category-sub-menu li a:hover, #left-column #categories_blog_menu .category-sub-menu li a:hover { color: var(--theme-color-default); } #left-column .block-categories .category-sub-menu li .navbar-toggler, #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler, #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler, #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler { right: 20px; } .rtl #left-column .block-categories .category-sub-menu li .navbar-toggler, .rtl #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler, .rtl #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler, .rtl #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler { left: 20px; right: auto; } #left-column .block-categories .category-sub-menu li .navbar-toggler i::before, #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler i::before, #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler i::before, #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler i::before { font-family: "Font Awesome 5 Pro"; font-size: 0.75rem; font-weight: 600; } #left-column .block-categories .category-sub-menu li .navbar-toggler i:hover::before, #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler i:hover::before, #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler i:hover::before, #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler i:hover::before { color: var(--theme-color-default); } #left-column .block-categories .category-sub-menu li .navbar-toggler .add::before, #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler .add::before, #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler .add::before, #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler .add::before { content: "\f067"; } #left-column .block-categories .category-sub-menu li .navbar-toggler .remove::before, #left-column #tags_blog_block_left .category-sub-menu li .navbar-toggler .remove::before, #left-column #blogRecentBlog .category-sub-menu li .navbar-toggler .remove::before, #left-column #categories_blog_menu .category-sub-menu li .navbar-toggler .remove::before { content: "\f068"; } #left-column .block-categories .block_content > a, #left-column #tags_blog_block_left .block_content > a, #left-column #blogRecentBlog .block_content > a, #left-column #categories_blog_menu .block_content > a { line-height: 1.5; margin-right: 15px; color: #9a9a9a; } .rtl #left-column .block-categories .block_content > a, .rtl #left-column #tags_blog_block_left .block_content > a, .rtl #left-column #blogRecentBlog .block_content > a, .rtl #left-column #categories_blog_menu .block_content > a { margin-left: 15px; margin-right: inherit; } #left-column .block-categories .block_content > a:hover, #left-column #tags_blog_block_left .block_content > a:hover, #left-column #blogRecentBlog .block_content > a:hover, #left-column #categories_blog_menu .block_content > a:hover { color: var(--theme-color-default); } #left-column #categories_blog_menu { padding-left: 0; padding-right: 0; } #left-column .facet-title { font-size: 1rem; font-weight: 500; color: var(--theme-color-secondary); padding-bottom: 10px; position: relative; text-transform: uppercase; margin-bottom: 15px; } #left-column .facet-title:after { content: ""; width: 30px; height: 1px; background-color: var(--theme-color-secondary); position: absolute; bottom: 0; left: 0; } .rtl #left-column .facet-title:after { right: 0; left: auto; } @media (max-width: 767px) { #left-column .facet-title:after { display: none; } } #left-column #search_filters_wrapper { border: 1px solid rgba(154, 154, 154, 0.3); padding: 10px 20px 20px; border-radius: 10px; position: relative; } #left-column #search_filters_wrapper #search_filters { border: none !important; padding-top: 20px; } #left-column #search_filters_wrapper #search_filters .text-uppercase { margin: 0; } #left-column #search_filters_wrapper #search_filters > p { position: absolute; top: 0; left: 20px; transform: translateY(-50%); padding: 5px 10px; background-color: #fff; } #left-column .facet { margin-bottom: 30px; } @media (max-width: 767px) { #left-column .facet { margin: 0; border: none !important; } #left-column .facet ul { padding: 10px 20px; } #left-column .facet ul li { border: none !important; } } #left-column .facet:last-child { margin: 0; } #left-column .facet .faceted-slider li p { margin-bottom: 25px; color: #252525; } #left-column .facet .faceted-slider li .ui-slider { background: #e1e1e1; height: 4px; width: 90%; border: none; } #left-column .facet .faceted-slider li .ui-slider .ui-slider-range { background: var(--theme-color-secondary); } #left-column .facet .faceted-slider li .ui-slider .ui-slider-handle { width: 15px; height: 15px; border-radius: 50%; border: 3px solid var(--theme-color-default); top: -0.35em; } #left-column .facet .collapse li { padding: 5px 0; } #left-column .facet .collapse li .facet-label { display: flex; gap: 0 5px; align-items: center; } #left-column .facet .collapse li .facet-label .custom-radio, #left-column .facet .collapse li .facet-label .custom-checkbox { top: auto; width: 1rem; height: 1rem; border-color: var(--theme-color-secondary); border-radius: 50%; } #left-column .facet .collapse li .facet-label .custom-radio span, #left-column .facet .collapse li .facet-label .custom-checkbox span { border-radius: 50%; } #left-column .facet .collapse li .facet-label .custom-radio .color, #left-column .facet .collapse li .facet-label .custom-checkbox .color { width: 1rem; height: 1rem; margin: 0; padding: 0; top: auto; left: auto; transform: translate(0); } #left-column .facet .collapse li .facet-label.active .custom-radio span, #left-column .facet .collapse li .facet-label.active .custom-checkbox span { width: 1rem; height: 1rem; background-color: var(--theme-color-default); } #left-column .facet .collapse li .facet-label.active .custom-radio span i, #left-column .facet .collapse li .facet-label.active .custom-checkbox span i { display: none; } #left-column .facet .collapse li .facet-label.active .custom-radio span.color, #left-column .facet .collapse li .facet-label.active .custom-checkbox span.color { width: 1rem; height: 1rem; border-radius: 50%; margin: 0; padding: 0; top: auto; left: auto; transform: translate(0); } #left-column .facet .collapse li .facet-label a { margin: 0; color: #9a9a9a; font-size: 0.9375rem; line-height: 1.25; } #left-column .facet .collapse li .facet-label a span { color: #9a9a9a; } #left-column .title-heading { padding: 5px 10px; background-color: #fff; position: absolute; top: 0; left: 20px; transform: translateY(-50%); } #left-column .mt-80 { margin-top: 30px; } #left-column .image-about { text-align: center; margin: 0; } #left-column .image-about img { max-width: 215px; } @media (max-width: 767px) { #left-column .about-left { display: none; } } #left-column .about-left .image_description { margin-top: 30px; text-align: left; } #left-column .about-left .image_description p { font-size: 0.875rem; color: #9a9a9a; margin: 0; line-height: 1.5; } #left-column .tags-left { margin-bottom: 30px; } @media (max-width: 767px) { #left-column .tags-left { display: none; } } #left-column .tags-left .block_content { padding: 0; } @media (max-width: 767px) { #left-column .product-left { display: none; } } #left-column .product-left .thumbnail-container .product-image { max-width: 90px; } .products-block ul { margin: 0; margin-top: 20px; } .products-block .list-item { display: flex; align-items: center; margin-bottom: 20px; } @media (max-width: 1199px) { .products-block .list-item { display: block; } } .products-block .list-item:last-child { margin-bottom: 0; } .products-block .products-block-image { width: 100px; height: 100px; display: block; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto; } .products-block .products-block-image img { max-width: none; height: 100%; width: auto; position: absolute; left: -30%; } .products-block .blog-content { margin-left: 15px; } .rtl .products-block .blog-content { margin-right: 15px; margin-left: inherit; } @media (max-width: 1199px) { .products-block .blog-content { margin-left: 0; text-align: center; } .rtl .products-block .blog-content { margin-right: 0; margin-left: inherit; } } .products-block .post-name { font-weight: 500; } .products-block .post-name a { text-transform: capitalize; color: var(--theme-color-secondary); } .products-block .post-name a:hover { color: var(--theme-color-default); } .modal .modal-content .modal-title a { color: var(--theme-color-secondary); } .modal .modal-content .modal-title a strong { font-weight: 600; } .modal .modal-content .modal-title a:hover { color: var(--theme-color-default); } .modal.quickview.leo-quickview .product-flag.discount { right: 100px; } .rtl .modal.quickview.leo-quickview .product-flag.discount { left: 100px; right: auto; } .modal#blockcart-modal .modal-content .modal-header { background-color: var(--theme-color-default); } .modal#blockcart-modal .modal-content .modal-header .modal-title { font-size: 0.875rem; font-weight: 500; } .modal#blockcart-modal .modal-content .modal-header .close { color: #FFFFFF; opacity: 0.3; } .modal#blockcart-modal .modal-content .modal-header .close:hover, .modal#blockcart-modal .modal-content .modal-header .close:focus { opacity: 0.8; } @media (min-width: 768px) { .modal#blockcart-modal .modal-content .modal-body .row > div { width: 50%; } .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content { border-left: 1px solid rgba(25, 25, 25, 0.3); } .rtl .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content { border-right: 1px solid rgba(25, 25, 25, 0.3); border-left: inherit; } } @media (min-width: 992px) { .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 { position: static; } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn { position: absolute; bottom: 30px; } } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right { border: none; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right .product-name { font-size: 1rem; font-weight: 500; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right .product-price { font-size: 1rem; display: block; font-weight: 500; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right span { display: block; font-weight: 500; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right span strong { font-weight: 500; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right br { display: none; } .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right .color { display: flex; margin-left: 0; box-shadow: none; border: none; background: transparent; } .rtl .modal#blockcart-modal .modal-content .modal-body .row > div.divide-right .color { margin-right: 0; margin-left: inherit; } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn { flex-wrap: wrap; } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn .btn { font-size: 0.875rem; transition: 0.3s; } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn .btn.btn-primary { background-color: rgba(25, 25, 25, 0.8); } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn .btn.btn-primary:hover { background-color: var(--theme-color-default); } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn .btn.btn-secondary { background-color: rgba(154, 154, 154, 0.3); } .modal#blockcart-modal .modal-content .modal-body .row > div.col-md-7 .cart-content-btn .btn.btn-secondary:hover { background-color: rgba(154, 154, 154, 0.5); } @media (max-width: 991px) and (min-width: 768px) { .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content { padding-left: 20px; } .rtl .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content { padding-right: 20px; padding-left: inherit; } } .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content .cart-products-count { font-size: 1rem; color: var(--theme-color-secondary); font-weight: 500; } .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content p, .modal#blockcart-modal .modal-content .modal-body .row > div .cart-content span { color: var(--theme-color-secondary); font-weight: 500; } .modal.leo-quicklogin-modal { padding: 0 !important; } @media (min-width: 576px) { .modal.leo-quicklogin-modal .modal-dialog { max-width: 400px; } } .modal.leo-quicklogin-modal .modal-header { border: none; padding-bottom: 0; } .modal.leo-quicklogin-modal .leo-login-title .title-only, .modal.leo-quicklogin-modal .leo-register-title { font-size: 1.5rem; font-weight: 600; } .modal.leo-quicklogin-modal .leo-login-form-content .form-group.row .col-xs-6:first-child { display: flex; align-items: center; gap: 5px; } .modal.leo-quicklogin-modal a:hover { color: var(--theme-color-default); } .modal.leo-quicklogin-modal .modal-footer { padding: 0; } .modal.quickview .modal-body .form-control-select { width: fit-content; padding-right: 15px; } .rtl .modal.quickview .modal-body .form-control-select { padding-left: 15px; padding-right: inherit; } .modal.quickview .modal-body .product-variants-item ul { margin-bottom: 0; } .modal.quickview .modal-body .product-variants-item ul li label { margin-bottom: 0; } .modal.quickview .modal-body .btn.btn-primary.add-to-cart { text-transform: capitalize; display: flex; align-items: flex-start; font-size: 14px; min-width: 190px; justify-content: center; } .modal.quickview .modal-body .btn.btn-primary.add-to-cart:hover, .modal.quickview .modal-body .btn.btn-primary.add-to-cart.added { background-color: var(--theme-color-default); } .modal.quickview .modal-body .btn.btn-primary.add-to-cart .icon-btn-product { font-size: 14px; } .modal.quickview .modal-body .btn.btn-primary.add-to-cart i { font-family: "Loftstyle Icons"; font-size: 0; width: fit-content; height: fit-content; } .modal.quickview .modal-body .btn.btn-primary.add-to-cart i::before { content: "\e901"; font-size: 1rem; } .modal.quickview .modal-body .leo-wishlist-button, .modal.quickview .modal-body .leo-compare-button { background-color: transparent; color: #000; min-width: auto; padding-left: 10px; padding-right: 10px; position: relative; } .modal.quickview .modal-body .leo-wishlist-button i, .modal.quickview .modal-body .leo-compare-button i { width: fit-content; height: fit-content; margin: 0; } .modal.quickview .modal-body .leo-wishlist-button i::before, .modal.quickview .modal-body .leo-compare-button i::before { font-size: 16px; } .modal.quickview .modal-body .leo-wishlist-button .name-btn-product, .modal.quickview .modal-body .leo-compare-button .name-btn-product { position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%); opacity: 0; text-transform: capitalize; transition: 0.4s all; } .modal.quickview .modal-body .leo-wishlist-button .text-remove, .modal.quickview .modal-body .leo-compare-button .text-remove { display: none; } .modal.quickview .modal-body .leo-wishlist-button .text-add, .modal.quickview .modal-body .leo-compare-button .text-add { display: block; } .modal.quickview .modal-body .leo-wishlist-button.added, .modal.quickview .modal-body .leo-compare-button.added { color: var(--theme-color-default); } .modal.quickview .modal-body .leo-wishlist-button.added .text-remove, .modal.quickview .modal-body .leo-compare-button.added .text-remove { display: block; } .modal.quickview .modal-body .leo-wishlist-button.added .text-add, .modal.quickview .modal-body .leo-compare-button.added .text-add { display: none; } .modal.quickview .modal-body .leo-wishlist-button:hover, .modal.quickview .modal-body .leo-compare-button:hover { color: var(--theme-color-default); } .modal.quickview .modal-body .leo-wishlist-button:hover .name-btn-product, .modal.quickview .modal-body .leo-compare-button:hover .name-btn-product { opacity: 1; bottom: 120%; } .modal.quickview .modal-body .product-quantity .qty { margin-bottom: 15px; } .modal.quickview .modal-body .product-quantity .compare, .modal.quickview .modal-body .product-quantity .wishlist { margin-left: 15px; margin-right: 0px; } .rtl .modal.quickview .modal-body .product-quantity .compare, .rtl .modal.quickview .modal-body .product-quantity .wishlist { margin-right: 15px; margin-left: inherit; } .rtl .modal.quickview .modal-body .product-quantity .compare, .rtl .modal.quickview .modal-body .product-quantity .wishlist { margin-left: 0px; margin-right: inherit; } .modal.quickview .modal-body .current-price { display: flex; align-items: center; } .modal.quickview .modal-body .current-price .discount.discount-percentage { font-weight: 400; font-size: 14px; text-transform: capitalize; } #module-leoproductsearch-productsearch .page-heading { font-size: 1.25rem; font-weight: 500; } #module-leoproductsearch-productsearch .product_list .thumbnail-container .product-image { width: fit-content; margin: 0 auto; } #module-leoproductsearch-productsearch .product_list .thumbnail-container .product-image a.product-thumbnail { width: fit-content; } #module-leoproductsearch-productsearch .product_list .thumbnail-container .product-image a.product-thumbnail img { width: auto; } body#manufacturer #content-wrapper #main > h1 { font-size: 1.5rem; font-weight: 500; } body#manufacturer #content-wrapper #main .list-brands { margin: 0; } body#manufacturer #content-wrapper #main .list-brands .brand { flex-wrap: wrap; } body#manufacturer #content-wrapper #main .list-brands .brand .brand-img, body#manufacturer #content-wrapper #main .list-brands .brand .brand-infos { width: 100%; justify-content: center; } body#manufacturer #content-wrapper #main .list-brands .brand .brand-img p a, body#manufacturer #content-wrapper #main .list-brands .brand .brand-infos p a { font-weight: 500; color: var(--theme-color-secondary); } body#manufacturer #content-wrapper #main .list-brands .brand .brand-img p a:hover, body#manufacturer #content-wrapper #main .list-brands .brand .brand-infos p a:hover { color: var(--theme-color-default); } body#manufacturer #left-column .block-categories { padding-bottom: 0; } body#manufacturer #left-column #search_filters_wrapper { padding: 0; border: none; } body#new-products #left-column #search_filters_wrapper { padding: 0; border: none; } .page-my-account #content .links a { color: var(--theme-color-secondary); } .page-my-account #content .links a .link-item { font-weight: 500; } .page-my-account #content .links a:hover i { color: var(--theme-color-default); } .page-my-account .page-footer a { padding: 10px 30px; background-color: rgba(25, 25, 25, 0.8); text-transform: uppercase; color: #FFFFFF; font-weight: 500; border-radius: 2px; transition: 0.3s; } .page-my-account .page-footer a:hover { background-color: var(--theme-color-default); } .page-mywishlist #mywishlist > h2 { font-size: 1.5rem; font-weight: 600; } .page-mywishlist #mywishlist .form-control { border-radius: 0; border: 1px solid rgba(153, 153, 153, 0.3); background-color: transparent; font-size: 0.875rem; } .page-mywishlist #mywishlist .list-wishlist .table td { vertical-align: middle; } .page-mywishlist #mywishlist .list-wishlist tr.show .view-wishlist-product { color: var(--theme-color-default); } .page-mywishlist #mywishlist .list-wishlist tr a:hover { color: var(--theme-color-default); } .page-mywishlist #mywishlist .delete-wishlist-product { right: 15px; } .rtl .page-mywishlist #mywishlist .delete-wishlist-product { left: 15px; right: auto; } .page-mywishlist #mywishlist .delete-wishlist-product a:hover { color: var(--theme-color-default); } .page-mywishlist #mywishlist .product-description { margin-top: 20px; } .page-mywishlist #mywishlist .footer_links .btn-outline { display: flex; align-items: flex-end; gap: 5px; font-size: 0.875rem; padding: 0.45rem 1rem 0.55rem; } .page-mywishlist button.btn-primary, .page-mywishlist .leo-wishlist-product-save-button { background-color: rgba(25, 25, 25, 0.8); font-size: 0.875rem; font-weight: 500; transition: 0.3s; } .page-mywishlist button.btn-primary:hover, .page-mywishlist .leo-wishlist-product-save-button:hover { background-color: #191919; } .page-mywishlist .leo-modal-wishlist-bt { margin-left: 10px; } .rtl .page-mywishlist .leo-modal-wishlist-bt { margin-right: 10px; margin-left: inherit; } .page-mywishlist .thumbnail-container img { width: 100%; } .page-viewwishlist #view_wishlist > h2 { font-weight: 500; font-size: 1.5rem; margin-bottom: 30px; } .page-viewwishlist #view_wishlist .thumbnail-container img { width: 100%; } .page-productscompare .thumbnail-container .product-image img { width: 100%; } .page-productscompare .thumbnail-container .btn-product { transition: 0.4s; } .page-productscompare .thumbnail-container .btn-product .name-btn-product { background-color: transparent !important; } .page-productscompare .thumbnail-container .btn-product:hover { background-color: var(--theme-color-default); } .page-productscompare .thumbnail-container .btn-product:hover .name-btn-product, .page-productscompare .thumbnail-container .btn-product:hover .icon-btn-product { color: #FFFFFF; } .page-productscompare .product-miniature { position: relative; } .page-productscompare .product-miniature .delete-productcompare { position: absolute; right: 0; z-index: 99; } .rtl .page-productscompare .product-miniature .delete-productcompare { left: 0; right: auto; } .page-productscompare .product-miniature .delete-productcompare a:hover { color: var(--theme-color-default); } .blockreassurance_product > div { padding: 15px 15px 15px 50px; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid rgba(153, 153, 153, 0.5); margin-bottom: 10px; position: relative; gap: 10px; } .blockreassurance_product > div:last-child { border: none; padding: 0; } .blockreassurance_product > div .item-product { position: absolute; top: 50%; left: 15px; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blockreassurance_product > div .item-product svg { width: 25px; height: 25px; } .blockreassurance_product > div .block-title { font-size: 0.75rem; font-weight: 500; } .blockreassurance_product > div > p { margin: 0; font-size: 0.875rem; font-weight: 200; color: #999999 !important; } .page-cart .card-block .h1 { text-transform: capitalize; font-weight: 600; } .page-cart .card-block.checkout .btn { font-weight: 500; font-size: 0.875rem; padding: 0.75rem 1.5rem; border-radius: 0; } .page-cart .card-block.cart-summary-totals { border-top: 1px solid rgba(153, 153, 153, 0.5); border-bottom: 1px solid rgba(153, 153, 153, 0.5); } .page-cart .cart-grid-body .label { text-transform: uppercase; display: flex; align-items: center; font-weight: 500; } .page-cart .cart-grid-body .label:hover { color: var(--theme-color-default); } .page-cart .featured-products .products-section-title { font-family: var(--font-family-tertiary); font-size: 3.5rem; color: #2a2a2a; text-align: center; text-transform: uppercase; font-weight: 500; line-height: 70px; margin-bottom: 50px; } @media (max-width: 480px) { .page-cart .featured-products .products-section-title { font-size: 2.5rem; line-height: 60px; } } .page-cart .product-line-grid-body .product-line-info { display: flex; align-items: center; } .page-cart .product-line-grid-body .product-line-info a, .page-cart .product-line-grid-body .product-line-info span { font-size: 0.875rem; text-transform: capitalize; } .page-cart .product-line-grid-body .product-line-info.color { margin-left: 0; border: none; box-shadow: none; background-color: transparent; } .rtl .page-cart .product-line-grid-body .product-line-info.color { margin-right: 0; margin-left: inherit; } .page-cart .product-line-grid-body .product-line-info.product-price { display: block; } .page-cart .product-line-grid-right .qty .input-group { display: flex; } .page-cart .product-line-grid-right .price .product-price { font-size: 1rem; } .page-cart .product-line-grid-right .price .product-price strong { font-weight: 600; } @media (max-width: 767px) { .page-cart .product-line-grid-right { width: fit-content; } .page-cart .product-line-grid-right .hidden-md-up { display: none; } .page-cart .product-line-grid-right .price { width: fit-content; } } body#checkout .cart-grid-body { padding-top: 100px; } body#checkout section.checkout-step { box-shadow: none; border: 0; padding: 0; outline: none; background: none; } body#checkout section.checkout-step#checkout-personal-information-step .content { padding: 0 15px 15px; } body#checkout section.checkout-step#checkout-personal-information-step .content > p { padding: 0 30px; } body#checkout section.checkout-step#checkout-personal-information-step .content > p:first-child { padding-top: 30px; } body#checkout section.checkout-step#checkout-personal-information-step .content > p:last-child { padding-bottom: 20px; } body#checkout section.checkout-step .content { box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); border-radius: 0; border: 1px solid #e1e1e1; border-top-width: 3px; padding: 20px; max-width: 600px; margin: 0 auto; position: static; } body#checkout section.checkout-step .step-title { text-transform: uppercase; cursor: pointer; margin-bottom: 0; position: absolute; top: 0; font-size: 10px; line-height: 30px; width: 25%; text-align: center; padding: 30px 5px; color: #999; opacity: 1; letter-spacing: 0; font-size: 0.75rem; font-weight: 600; } @media (max-width: 1199px) { body#checkout section.checkout-step .step-title { font-size: 11px; } } @media (max-width: 767px) { body#checkout section.checkout-step .step-title { font-size: 10px; line-height: 20px; } } body#checkout section.checkout-step .step-title .done { position: absolute; top: 2px; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -14px; width: 28px; height: 28px; color: #FFFFFF; background-color: #4cbb6c; border-radius: 50%; padding: 0; font-weight: 600; font-size: 1rem; padding-top: 5px; } .rtl body#checkout section.checkout-step .step-title .done { right: 50%; left: auto; } .rtl body#checkout section.checkout-step .step-title .done { margin-right: -14px; margin-left: inherit; } body#checkout section.checkout-step .step-title .text-muted { display: none !important; } body#checkout section.checkout-step .step-title:before { content: ""; position: absolute; top: 15px; width: 100%; height: 2px; background: #ccc; left: 50%; } .rtl body#checkout section.checkout-step .step-title:before { right: 50%; left: auto; } body#checkout section.checkout-step .step-title .step-number { padding: 0; width: 28px; height: 28px; line-height: 28px; font-size: 14px; background: #ccc; color: #fff; border-radius: 50%; position: absolute; top: 2px; left: 50%; margin-left: -14px; } body#checkout section.checkout-step.js-current-step .step-title { color: #000; } body#checkout section.checkout-step.js-current-step .step-title .step-number { background: #000; } body#checkout section.checkout-step:last-child .step-title:before { display: none; } body#checkout section.checkout-step:nth-child(1) .step-title { left: 0; z-index: 1; } .rtl body#checkout section.checkout-step:nth-child(1) .step-title { right: 0; left: auto; } body#checkout section.checkout-step:nth-child(2) .step-title { left: 25%; z-index: 2; } .rtl body#checkout section.checkout-step:nth-child(2) .step-title { right: 25%; left: auto; } body#checkout section.checkout-step:nth-child(3) .step-title { left: 50%; z-index: 3; } .rtl body#checkout section.checkout-step:nth-child(3) .step-title { right: 50%; left: auto; } body#checkout section.checkout-step:nth-child(4) .step-title { left: 75%; z-index: 4; } .rtl body#checkout section.checkout-step:nth-child(4) .step-title { right: 75%; left: auto; } body#checkout .js-show-details:hover, body#checkout .js-show-details:focus { color: var(--theme-color-default); } body#checkout .media-body .product-price { font-size: 0.875rem; } body#checkout .media-body .product-line-info { margin-top: 15px; } #pagenotfound .page-not-found { max-width: none; box-shadow: none; } .page-not-found { text-align: center; max-width: none; box-shadow: none; } .page-not-found > h1 { font-size: 19rem; font-family: var(--font-family-tertiary); color: #d9d9d9; text-transform: uppercase; line-height: 1; font-weight: 400; letter-spacing: -30px; } @media (max-width: 575px) { .page-not-found > h1 { font-size: 15rem; } } @media (max-width: 480px) { .page-not-found > h1 { font-size: 10rem; letter-spacing: -15px; } } .page-not-found .sub-title-widget { font-size: 3.5rem; font-family: var(--font-family-tertiary); color: #252525; text-transform: uppercase; line-height: 1.286; font-weight: 400; letter-spacing: -1.4px; max-width: 600px; margin: 0 auto; } @media (max-width: 575px) { .page-not-found .sub-title-widget { font-size: 3rem; } } .page-not-found .content > div { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; } .page-not-found .content > div i { font-size: 40px; font-family: "FontAwesome"; color: var(--theme-color-default); } .page-not-found .content > div p { margin: 0; font-size: 1rem; color: #9a9a9a; line-height: 1.75; max-width: 600px; } .page-not-found .content > div p a, .page-not-found .content > div p a:hover { padding: 0; color: var(--theme-color-default); } .page-not-found .search-widget { margin-top: 90px; } .page-not-found .search-widget a.popup-title { display: none; } .page-not-found .search-widget form { display: flex !important; width: 100%; justify-content: center; align-items: center; gap: 30px; } @media (max-width: 480px) { .page-not-found .search-widget form { flex-wrap: wrap; } } .page-not-found .search-widget form input.ui-autocomplete-input { height: 50px; border: none; border-bottom: 1px solid var(--theme-color-secondary); max-width: 430px; } @media (max-width: 575px) { .page-not-found .search-widget form input.ui-autocomplete-input { min-width: auto; } } .page-not-found .search-widget form button { position: relative; right: auto; bottom: auto; width: 50px; height: 50px; background-color: var(--theme-color-secondary); } .page-not-found .search-widget form button i { font-size: 0; width: fit-content; height: fit-content; } .page-not-found .search-widget form button i::before { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-size: 1rem; } .page-not-found .search-widget:hover .popup-content { display: flex !important; } #pagenotfound.page-pagenotfound #main .page-header, .page-manufacturer #main .page-header { margin: 0; } #pagenotfound.page-pagenotfound #content-wrapper { margin-bottom: 0; } #products .page-not-found { box-shadow: none; max-width: none; } .page-manufacturer #content-wrapper { margin-top: 30px; } .page-sitemap .sitemap a:hover { color: var(--theme-color-default); } .page-contact #wrapper > .container > .row { display: flex; justify-content: center; } .lql-form-content input { border: 1px solid #191919; } .btn-primary { background-color: rgba(25, 25, 25, 0.8); font-size: 0.875rem; font-weight: 500; transition: 0.3s; } .btn-primary:hover { background-color: #191919; } .p_1 { padding: 140px 0; } @media (max-width: 767px) { .p_1 { padding: 100px 0; } } @media (max-width: 575px) { .p_1 { padding: 80px 0; } } .p_2 { padding: 120px 0; } @media (max-width: 767px) { .p_2 { padding: 100px 0; } } @media (max-width: 991px) and (min-width: 481px) { .rtl #header .header-top .main-header .col-menu .h-logo { transform: translateX(calc(-50% - 15px)); } } @media (max-width: 991px) and (min-width: 481px) and (max-width: 575px) { .rtl #header .header-top .main-header .col-menu .h-logo { transform: translateX(0); } } .rtl #header .header-top .main-header .col-info #_desktop_cart .blockcart .header { display: flex; align-items: flex-end; gap: 0 3px; } .rtl #header .header-top .main-header .col-info #_desktop_cart .blockcart .header span.cart-products-count { -ms-transform: translateX(50%); -o-transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } .rtl #header .header-top .main-header .col-info #_desktop_cart .blockcart .header > a { display: flex; align-items: flex-end; gap: 0 3px; } @media (max-width: 1499px) and (min-width: 1200px) { .rtl #header .header-top .main-header .col-more { flex-direction: row; } } @media (max-width: 1199px) and (min-width: 992px) { .rtl #header .header-top .main-header .col-more { flex-direction: column; } } @media (max-width: 1499px) { .rtl #header .header-top .main-header .col-more .language-selector-wrapper { padding-left: 20px; padding-right: 0; border-left: 1px solid #eaeaea; } } @media (max-width: 1199px) { .rtl #header .header-top .main-header .col-more .language-selector-wrapper { padding-left: 0; padding-right: 0; border: none; width: fit-content; } } @media (max-width: 1499px) { .rtl #header .header-top .main-header .col-more .currency-selector { padding-right: 20px; padding-left: 0; } } @media (max-width: 1199px) { .rtl #header .header-top .main-header .col-more .currency-selector { padding-left: 0; padding-right: 0; width: fit-content; } } .rtl #header .header-top .main-header.h-2 .col-logo .h-logo { -ms-transform: translateX(50px); -o-transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); } @media (max-width: 991px) { .rtl #header .h-2 .navbar-toggler { -ms-transform: translateX(50%); -o-transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } } .rtl .testimonial.h-1 .testimonial-image .image_description { transform: translate(50%, -50%); } .rtl .blog .blog-image .image_description { -ms-transform: translateX(50%); -o-transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } .rtl .blog .block_content p { min-height: 84px; } @media (max-width: 575px) { .rtl .blog .block_content p { min-height: auto; } } .rtl .instagram-block a::before { transform: translate(50%, -50%) scale(0); } .rtl .instagram-block a:hover::before { animation: scaleLogo1 0.4s ease-in forwards; } @keyframes scaleLogo1 { 0% { transform: translate(50%, -50%) scale(0); opacity: 0; } 100% { transform: translate(50%, -50%) scale(2); opacity: 1; } } .rtl .fashion .fashion-image .image_description { transform: translate(50%, -50%); } .rtl .about.h-4 .image .image_description:after { -ms-transform: translateX(100%); -o-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .rtl .about.h-2 .block img { position: relative; right: 100%; -ms-transform: translateX(100%); -o-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .rtl body:not(#index) #wrapper .breadcrumb-bg { right: 50%; -ms-transform: translateX(50%); -o-transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); } .rtl body:not(#index) #left-column .facet .collapse li .facet-label .custom-radio span, .rtl body:not(#index) #left-column .facet .collapse li .facet-label .custom-checkbox span { transform: translate(50%, -50%); } @media (min-width: 1200px) { .lang-fr .blog .block_content p { min-height: 115px; } } @media (min-width: 1200px) { .lang-it .blog .blog-content p { min-height: 115px; } } @media (min-width: 1200px) { .lang-it .blog .blog-content.small .blog-heading { height: 60px; } } @media (max-width: 480px) { .lang-it .nav-tabs { flex-wrap: wrap; gap: 10px 0; } } @media (min-width: 1200px) { .lang-de .blog .block_content p { min-height: 86px; } } @media (max-width: 480px) { .lang-de .nav-tabs { flex-wrap: wrap; gap: 10px 0; } } .lang-fr .slides .sub-slide, .lang-it .slides .sub-slide { letter-spacing: 7px; } .product-image-thumbs .category-default, .product-image-gallery .category-default { margin-top: 0; margin-bottom: 10px; } .product-image-thumbs .category-default a, .product-image-gallery .category-default a { color: #959595; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; } .product-image-thumbs .category-default a:hover, .product-image-gallery .category-default a:hover { color: var(--theme-color-default); } .product-image-thumbs .product-detail-name, .product-image-gallery .product-detail-name { font-size: 48px; font-family: var(--font-family-tertiary); color: var(--theme-color-secondary); text-transform: uppercase; font-weight: 900; margin-bottom: 35px; text-align:left !important;} @media (max-width: 450px) { .product-image-thumbs .product-detail-name, .product-image-gallery .product-detail-name { font-size: 2.5rem; } } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note, .product-image-gallery #leo_product_reviews_block_extra .reviews_note { margin-bottom: 5px; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note span, .product-image-gallery #leo_product_reviews_block_extra .reviews_note span { display: none; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note .star_content, .product-image-gallery #leo_product_reviews_block_extra .reviews_note .star_content { margin: 0; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note .star_content .star, .product-image-gallery #leo_product_reviews_block_extra .reviews_note .star_content .star { font-size: 0.9375rem; padding: 5px 0; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note .star_content .star:before, .product-image-gallery #leo_product_reviews_block_extra .reviews_note .star_content .star:before { content: "\f005"; color: #959595; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_note .star_content .star.star_on::before, .product-image-gallery #leo_product_reviews_block_extra .reviews_note .star_content .star.star_on::before { color: #ffcc33; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_advices, .product-image-gallery #leo_product_reviews_block_extra .reviews_advices { margin: 0; } .product-image-thumbs #leo_product_reviews_block_extra .reviews_advices li a, .product-image-gallery #leo_product_reviews_block_extra .reviews_advices li a { color: var(--theme-color-secondary); } .product-image-thumbs #leo_product_reviews_block_extra .reviews_advices li a:hover, .product-image-gallery #leo_product_reviews_block_extra .reviews_advices li a:hover { color: var(--theme-color-default); } .product-image-thumbs .product-prices, .product-image-gallery .product-prices { margin-top: 30px; display: flex; align-items: center; } .product-image-thumbs .product-prices div, .product-image-gallery .product-prices div { margin: 0; } .product-image-thumbs .product-prices div .regular-price, .product-image-gallery .product-prices div .regular-price { color: #959595; font-size: 0.9375rem; font-weight: 400; } .product-image-thumbs .product-prices div .current-price-value, .product-image-gallery .product-prices div .current-price-value { color: var(--theme-color-secondary); font-size: 24px; font-weight: 900; } .product-image-thumbs .product-prices div .current-price, .product-image-gallery .product-prices div .current-price { display: flex; align-items: center; gap: 10px; } .product-image-thumbs .product-prices div .current-price .discount-percentage, .product-image-gallery .product-prices div .current-price .discount-percentage { font-size: 0.875rem; text-transform: capitalize; } .product-image-thumbs .description-short, .product-image-gallery .description-short { margin: 0px 0 0px; font-size: 0.875rem; color: #959595; line-height: 1.5; } .product-image-thumbs .product-actions .control-label, .product-image-gallery .product-actions .control-label { font-size: 0; padding: 0; margin: 0; } .product-image-thumbs .product-actions .product-quantity, .product-image-gallery .product-actions .product-quantity { display: flex; gap: 10px; flex-wrap: wrap; } .product-image-thumbs .product-actions .product-quantity .qty, .product-image-gallery .product-actions .product-quantity .qty { margin: 0; } .product-image-thumbs .product-actions .product-quantity .qty .input-group, .product-image-gallery .product-actions .product-quantity .qty .input-group { box-shadow: none; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .form-control#quantity_wanted, .product-image-gallery .product-actions .product-quantity .qty .input-group .form-control#quantity_wanted { border: 1px solid var(--theme-color-secondary); float: none; text-align: center; width: 100px; color: var(--theme-color-secondary); height: 50px; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical { position: static; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn { position: absolute; width: 20px; height: 20px; border: none; background-color: transparent; z-index: 999; top: 50%; color: var(--theme-color-secondary); padding: 0; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up { right: 10px; transform: translate(0, -50%); } .rtl .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up, .rtl .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up { left: 10px; right: auto; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i { font-size: 0; width: fit-content; left: 30%; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i::before, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i::before { content: "\f067"; font-family: "Font Awesome 5 Pro"; font-size: 14px; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i::after, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-up i::after { display: none; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down { left: 10px; transform: translate(0, -50%); } .rtl .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down, .rtl .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down { right: 10px; left: auto; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i { font-size: 0; width: fit-content; left: 30%; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i::before, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i::before { content: "\f068"; font-family: "Font Awesome 5 Pro"; font-size: 14px; } .product-image-thumbs .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i::after, .product-image-gallery .product-actions .product-quantity .qty .input-group .input-group-btn-vertical .btn.bootstrap-touchspin-down i::after { display: none; } .product-image-thumbs .product-actions .product-quantity .add, .product-image-gallery .product-actions .product-quantity .add { margin: 0; } .product-image-thumbs .product-actions .product-quantity .add .add-to-cart, .product-image-gallery .product-actions .product-quantity .add .add-to-cart { text-transform: capitalize; font-weight: 400; color: #FFFFFF; font-size: 0.9375rem; background-color: var(--theme-color-secondary); height: 50px; border-radius: 0; display: flex; align-items: center; transition: 0.3s; } .product-image-thumbs .product-actions .product-quantity .add .add-to-cart i, .product-image-gallery .product-actions .product-quantity .add .add-to-cart i { width: 20px; height: 20px; display: flex; align-items: center; font-size: 0; } .product-image-thumbs .product-actions .product-quantity .add .add-to-cart i::before, .product-image-gallery .product-actions .product-quantity .add .add-to-cart i::before { content: "\f290"; font-family: "Font Awesome 5 Pro"; font-size: 1rem; } .product-image-thumbs .product-actions .product-quantity .add .add-to-cart:hover, .product-image-gallery .product-actions .product-quantity .add .add-to-cart:hover { background-color: #13D675; } .product-image-thumbs .product-actions .product-quantity .wishlist, .product-image-thumbs .product-actions .product-quantity .compare, .product-image-gallery .product-actions .product-quantity .wishlist, .product-image-gallery .product-actions .product-quantity .compare { margin: 0; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product, .product-image-thumbs .product-actions .product-quantity .compare .btn-product, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product, .product-image-gallery .product-actions .product-quantity .compare .btn-product { width: 50px; height: 50px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; border: 1px solid var(--theme-color-secondary); border-radius: 0; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product.added, .product-image-thumbs .product-actions .product-quantity .compare .btn-product.added, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product.added, .product-image-gallery .product-actions .product-quantity .compare .btn-product.added { background-color: var(--theme-color-default); } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product.added i, .product-image-thumbs .product-actions .product-quantity .compare .btn-product.added i, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product.added i, .product-image-gallery .product-actions .product-quantity .compare .btn-product.added i { color: #FFFFFF; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product .leo-wishlist-bt-content, .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product .leo-compare-bt-content, .product-image-thumbs .product-actions .product-quantity .compare .btn-product .leo-wishlist-bt-content, .product-image-thumbs .product-actions .product-quantity .compare .btn-product .leo-compare-bt-content, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product .leo-wishlist-bt-content, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product .leo-compare-bt-content, .product-image-gallery .product-actions .product-quantity .compare .btn-product .leo-wishlist-bt-content, .product-image-gallery .product-actions .product-quantity .compare .btn-product .leo-compare-bt-content { display: block; width: 20px; height: 20px; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product .leo-wishlist-bt-content .name-btn-product, .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product .leo-compare-bt-content .name-btn-product, .product-image-thumbs .product-actions .product-quantity .compare .btn-product .leo-wishlist-bt-content .name-btn-product, .product-image-thumbs .product-actions .product-quantity .compare .btn-product .leo-compare-bt-content .name-btn-product, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product .leo-wishlist-bt-content .name-btn-product, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product .leo-compare-bt-content .name-btn-product, .product-image-gallery .product-actions .product-quantity .compare .btn-product .leo-wishlist-bt-content .name-btn-product, .product-image-gallery .product-actions .product-quantity .compare .btn-product .leo-compare-bt-content .name-btn-product { font-size: 0; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product i, .product-image-thumbs .product-actions .product-quantity .compare .btn-product i, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product i, .product-image-gallery .product-actions .product-quantity .compare .btn-product i { margin: 0; font-size: 0; width: 20px; height: 20px; color: var(--theme-color-secondary); font-weight: 600; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product i.icon-wishlist::before, .product-image-thumbs .product-actions .product-quantity .compare .btn-product i.icon-wishlist::before, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product i.icon-wishlist::before, .product-image-gallery .product-actions .product-quantity .compare .btn-product i.icon-wishlist::before { content: "\f004"; font-size: 1rem; font-family: "Font Awesome 5 Pro"; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product i.icon-compare::before, .product-image-thumbs .product-actions .product-quantity .compare .btn-product i.icon-compare::before, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product i.icon-compare::before, .product-image-gallery .product-actions .product-quantity .compare .btn-product i.icon-compare::before { content: "\f021"; font-size: 1rem; font-family: "Font Awesome 5 Pro"; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product:hover, .product-image-thumbs .product-actions .product-quantity .compare .btn-product:hover, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product:hover, .product-image-gallery .product-actions .product-quantity .compare .btn-product:hover { background-color: #13D675; } .product-image-thumbs .product-actions .product-quantity .wishlist .btn-product:hover i, .product-image-thumbs .product-actions .product-quantity .compare .btn-product:hover i, .product-image-gallery .product-actions .product-quantity .wishlist .btn-product:hover i, .product-image-gallery .product-actions .product-quantity .compare .btn-product:hover i { color: #FFFFFF; } .product-image-thumbs .product-actions #product-availability, .product-image-gallery .product-actions #product-availability { margin-top: 20px; } .product-image-thumbs .product-actions .product-discounts, .product-image-gallery .product-actions .product-discounts { margin: 0; } .product-image-thumbs .product-variants, .product-image-gallery .product-variants { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .product-image-thumbs .product-variants .product-variants-item, .product-image-gallery .product-variants .product-variants-item { margin: 0; } .product-image-thumbs .product-variants .product-variants-item select.form-control, .product-image-gallery .product-variants .product-variants-item select.form-control { min-width: 3.75rem; width: 100%; border: 1px solid var(--theme-color-secondary); background-color: #FFFFFF; color: var(--theme-color-secondary); font-size: 0.875rem; border-radius: 0; padding-right: 15px; } .rtl .product-image-thumbs .product-variants .product-variants-item select.form-control, .rtl .product-image-gallery .product-variants .product-variants-item select.form-control { padding-left: 15px; padding-right: inherit; } .product-image-thumbs .product-variants .product-variants-item select.form-control option:hover, .product-image-gallery .product-variants .product-variants-item select.form-control option:hover { background-color: var(--theme-color-default); } .product-image-thumbs .product-variants .product-variants-item ul, .product-image-gallery .product-variants .product-variants-item ul { margin: 0; display: flex; gap: 5px; justify-content: center; height: 100%; align-items: center; } .product-image-thumbs .product-variants .product-variants-item ul li, .product-image-gallery .product-variants .product-variants-item ul li { margin: 0; } .product-image-thumbs .product-variants .product-variants-item ul li label, .product-image-gallery .product-variants .product-variants-item ul li label { margin: 0; } .product-image-thumbs .product-variants .product-variants-item ul li label span, .product-image-gallery .product-variants .product-variants-item ul li label span { margin: 0; border-radius: 50%; } .product-image-thumbs .productcats span, .product-image-gallery .productcats span { float: left; font-size: 14px; color: var(--theme-color-secondary); margin-right: 10px; display: inline-block; } .product-image-thumbs .productcats ul, .product-image-gallery .productcats ul { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; } .product-image-thumbs .productcats ul li a, .product-image-gallery .productcats ul li a { font-size:14px; color: #959595; } .product-image-thumbs .productcats ul li a:hover, .product-image-gallery .productcats ul li a:hover { color: #13D675; } .product-image-thumbs .product-additional-info, .product-image-gallery .product-additional-info { margin: 25px 0; } .product-image-thumbs .product-additional-info span, .product-image-gallery .product-additional-info span { font-size: 1rem; color: var(--theme-color-secondary); } .product-image-thumbs .product-additional-info ul li::before, .product-image-gallery .product-additional-info ul li::before { font-size: 20px; } .product-image-thumbs .product-tabs, .product-image-gallery .product-tabs { margin: 0; padding: 0; padding-top: 30px; border-top: 1px solid #000000; } .product-image-thumbs .product-tabs .nav-tabs, .product-image-gallery .product-tabs .nav-tabs { justify-content: flex-start; gap: 60px; border: none; } @media (max-width: 991px) and (min-width: 768px) { .product-image-thumbs .product-tabs .nav-tabs, .product-image-gallery .product-tabs .nav-tabs { gap: 30px; } } @media (max-width: 480px) { .product-image-thumbs .product-tabs .nav-tabs, .product-image-gallery .product-tabs .nav-tabs { gap: 30px; flex-wrap: wrap; } } .product-image-thumbs .product-tabs .nav-tabs .nav-item .nav-link, .product-image-gallery .product-tabs .nav-tabs .nav-item .nav-link { margin: 0; padding: 0; font-size: 1rem; color: #959595; font-weight: 500; border: none; } .product-image-thumbs .product-tabs .nav-tabs .nav-item .nav-link:hover, .product-image-gallery .product-tabs .nav-tabs .nav-item .nav-link:hover { color: #13D675; } .product-image-thumbs .product-tabs .nav-tabs .nav-item .nav-link.active, .product-image-gallery .product-tabs .nav-tabs .nav-item .nav-link.active { border: none; color: var(--theme-color-secondary); } .product-image-thumbs .product-tabs #description, .product-image-gallery .product-tabs #description { padding-top: 30px; } .product-image-thumbs .product-tabs #description .product-description p, .product-image-gallery .product-tabs #description .product-description p { margin: 0; font-size: 0.875rem; color: #000; } .product-image-thumbs .category-products, .product-image-gallery .category-products { margin: 0; padding: 60px 15px 0; } .product-image-thumbs .category-products .products-section-title, .product-image-gallery .category-products .products-section-title { margin: 0; padding: 0; text-align: center; font-size: 48px; font-weight: 500; font-family: var(--font-family-tertiary); color: #2a2a2a; margin-bottom: 40px; } .product-image-thumbs .category-products .products-section-title span, .product-image-gallery .category-products .products-section-title span { display: block; font-size: 1rem; font-family: "Poppins", sans-serif; color: #959595; font-weight: 400; text-transform: capitalize; line-height: 1.5; } .product-image-thumbs .category-products .owl-theme .owl-buttons, .product-image-gallery .category-products .owl-theme .owl-buttons { top: 100%; } .product-image-thumbs .category-products .owl-theme .owl-buttons div:hover, .product-image-gallery .category-products .owl-theme .owl-buttons div:hover { background-color: var(--theme-color-default); } .product-image-thumbs .product-cover .layer, .product-image-gallery .product-cover .layer { border-radius: 50%; } .product-image-thumbs .product-cover .layer i, .product-image-gallery .product-cover .layer i { width: fit-content; height: fit-content; font-size: 0; padding: 5px; } .product-image-thumbs .product-cover .layer i:before, .product-image-gallery .product-cover .layer i:before { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-size: 20px; } .product-image-thumbs #product-modal .modal-dialog, .product-image-gallery #product-modal .modal-dialog { width: fit-content; } .product-image-thumbs #product-modal .modal-dialog figure, .product-image-gallery #product-modal .modal-dialog figure { padding: 0; } .product-image-thumbs #product-modal .modal-dialog .modal-body, .product-image-gallery #product-modal .modal-dialog .modal-body { padding-right: 130px; } .product-image-thumbs #product-modal .modal-dialog .modal-body #thumbnails, .product-image-gallery #product-modal .modal-dialog .modal-body #thumbnails { width: 100px; } .product-image-thumbs #product-modal .modal-dialog .modal-body #thumbnails .product-images, .product-image-gallery #product-modal .modal-dialog .modal-body #thumbnails .product-images { width: 100%; } .product-image-thumbs #product-modal .modal-dialog .modal-body #thumbnails .product-images .thumb-container, .product-image-gallery #product-modal .modal-dialog .modal-body #thumbnails .product-images .thumb-container { width: 100% !important; } .product-image-thumbs #product-modal .modal-dialog .modal-body #thumbnails .product-images .thumb-container img, .product-image-gallery #product-modal .modal-dialog .modal-body #thumbnails .product-images .thumb-container img { width: 100%; } .product-image-thumbs.product-thumbs-left .images-container .product-thumb-images, .product-image-thumbs.product-thumbs-right .images-container .product-thumb-images, .product-image-gallery.product-thumbs-left .images-container .product-thumb-images, .product-image-gallery.product-thumbs-right .images-container .product-thumb-images { top: 0; } .product-image-thumbs.product-thumbs-left .images-container .product-thumb-images .thumb-container, .product-image-thumbs.product-thumbs-right .images-container .product-thumb-images .thumb-container, .product-image-gallery.product-thumbs-left .images-container .product-thumb-images .thumb-container, .product-image-gallery.product-thumbs-right .images-container .product-thumb-images .thumb-container { width: 80px !important; } .product-image-thumbs.product-thumbs-left .images-container .product-thumb-images .slick-arrow, .product-image-thumbs.product-thumbs-right .images-container .product-thumb-images .slick-arrow, .product-image-gallery.product-thumbs-left .images-container .product-thumb-images .slick-arrow, .product-image-gallery.product-thumbs-right .images-container .product-thumb-images .slick-arrow { background: transparent; color: rgba(25, 25, 25, 0.8); } .product-image-thumbs.product-thumbs-left .images-container .product-thumb-images .slick-arrow.slick-disabled, .product-image-thumbs.product-thumbs-right .images-container .product-thumb-images .slick-arrow.slick-disabled, .product-image-gallery.product-thumbs-left .images-container .product-thumb-images .slick-arrow.slick-disabled, .product-image-gallery.product-thumbs-right .images-container .product-thumb-images .slick-arrow.slick-disabled { color: rgba(25, 25, 25, 0.3); } .product-image-thumbs.product-thumbs-bottom .images-container .product-cover, .product-image-gallery.product-thumbs-bottom .images-container .product-cover { margin-bottom: 10px; } .product-image-thumbs.product-thumbs-bottom .images-container .product-thumb-images, .product-image-gallery.product-thumbs-bottom .images-container .product-thumb-images { padding: 0; } @media (min-width: 1199px) { .product-image-thumbs.product-thumbs-bottom .images-container .product-thumb-images .thumb-container, .product-image-gallery.product-thumbs-bottom .images-container .product-thumb-images .thumb-container { width: 100px !important; } } .product-image-thumbs.detail-2820796271 .product-actions .product-quantity .qty, .product-image-gallery.detail-2820796271 .product-actions .product-quantity .qty { width: 100%; } .product-image-thumbs.detail-2820796271 .productcats, .product-image-gallery.detail-2820796271 .productcats { margin-bottom: 20px; } .product-image-thumbs.detail-2820796271 .mt-80, .product-image-gallery.detail-2820796271 .mt-80 { margin-top: 80px; } .product-image-thumbs.full-width .product-cover, .product-image-gallery.full-width .product-cover { width: fit-content; margin: 0 auto; } @media (max-width: 991px) { .product-image-thumbs .d-flex, .product-image-gallery .d-flex { display: flex; flex-wrap: wrap; } .product-image-thumbs .order-1, .product-image-gallery .order-1 { order: 1; } .product-image-thumbs .order-2, .product-image-gallery .order-2 { order: 2; } .product-image-thumbs .order-3, .product-image-gallery .order-3 { order: 3; } .product-image-thumbs .order-4, .product-image-gallery .order-4 { order: 4; } } .product-image-gallery .thumb-container img { width: 100%; } .paneltool.themetool .group-input .leo-dynamic-theme-skin.skin-default { background-color: var(--theme-color-default); border-color: var(--theme-color-default); } .paneltool.themetool .group-input .leo-dynamic-theme-skin.current-theme-skin { border-color: #000000; } .paneltool.themetool .group-input .leo-dynamic-theme-skin label { font-size: 0; } .paneltool.themetool .group-input .leo-dynamic-theme-skin[data-theme-skin-id="brown"] { background-color: #a8741a; } .paneltool.themetool .group-input .leo-dynamic-theme-skin[data-theme-skin-id="pink"] { background-color: #f18a8b; } .paneltool.themetool .group-input .leo-dynamic-theme-skin[data-theme-skin-id="red"] { background-color: #df2121; } .paneltool.themetool .group-input .leo-dynamic-theme-skin[data-theme-skin-id="yellow"] { background-color: #edb42c; } .paneltool.themetool .group-input.layout .leo-dynamic-update-layout[data-layout-mod="layout-boxed-md"] { padding: 0; font-size: 0; height: 0; width: 0; } .paneltool.themetool .group-input.group-profile, .paneltool.themetool .group-input.group-content, .paneltool.themetool .group-input.group-product, .paneltool.themetool .group-input.group-product_builder { display: none; } .paneltool.themetool .group-input.group-header a.apconfig, .paneltool.themetool .group-input.group-footer a.apconfig { text-transform: capitalize; } .panelinner .product-detail-demo::before { top: 3px; } .panelinner .product-detail-demo img { display: none; } .layout-boxed-lg #page { position: relative; } .layout-boxed-lg #header .header-top .main-header.h-2 .col-logo { -ms-transform: translateX(100%); -o-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .layout-boxed-lg:not(.lang-rtl) #header .header-top .main-header .col-info #leo_block_top .popup-content { left: -30px; } .layout-boxed-lg:not(.lang-rtl) #header .header-top .main-header .col-info #leo_block_top .popup-content:after { left: 30px; } .layout-boxed-lg .blog .blog-content p { height: 90px; } .layout-boxed-lg .testimonial .testimonial-image img { width: auto !important; height: 100% !important; } .layout-boxed-lg.lang-rtl #header .header-top .main-header.h-2 .col-logo { -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @keyframes scaleImg { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); opacity: 0.8; } 100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; } } @-moz-keyframes scaleImg { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); opacity: 0.8; } 100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; } } @-webkit-keyframes scaleImg { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); opacity: 0.8; } 100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; } } .lql-form-content .lql-form-content-element.row { display: flex; flex-wrap: wrap; align-items: center; } @media (max-width: 400px) { .lql-form-content .lql-form-content-element.row > div { width: 100%; } } .page-cms-1 > h2 { font-size: 2rem; } body#category #wrapper > .container > .row, body#product #wrapper > .container > .row { margin-top: 20px; } #checkout .form-fields .form-group.row:last-child > div { display: flex; align-items: center; gap: 0 10px; } #checkout .form-fields .form-group.row:last-child > div label { margin-bottom: 0; } #contact #main .page-content { max-width: 1000px; margin: 0 auto 1.5rem; } .product-notification { bottom: 30px !important; left: 100px !important; } .rtl .product-notification { right: 100px !important; left: auto; } /*# sourceMappingURL=styles.css.map */