/*! * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ /** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License 3.0 (AFL-3.0) * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to https://devdocs.prestashop.com/ for more information. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) */ /** * 2010-2019 Coderplacethemes * * NOTICE OF LICENSE * * Cp feature for prestashop 1.7: compare, wishlist at product list * * DISCLAIMER * * @Module Name: CP Feature * @author coderplace * @copyright 2010-2019 coderplace * @license http://www.coderplace.com - prestashop template provider */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ /** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License version 3.0 * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0 */ /** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License 3.0 (AFL-3.0) * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to https://devdocs.prestashop.com/ for more information. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) */ /** * 2010-2019 Coderplacethemes * * NOTICE OF LICENSE * * Cp feature for prestashop 1.7: compare, wishlist at product list * * DISCLAIMER * * @Module Name: CP Feature * @author coderplace * @copyright 2010-2019 coderplace * @license http://www.coderplace.com - prestashop template provider */ /*! jQuery UI - v1.10.3 - 2013-06-25 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /*! jQuery UI - v1.10.3 - 2013-06-12 * http://jqueryui.com * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /*! jQuery UI - v1.10.3 - 2013-06-12 * http://jqueryui.com * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ /** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License version 3.0 * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0 */ @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Black.woff2") format("woff2"), url("../fonts/barlow/Barlow-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-ExtraBold.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Bold.woff2") format("woff2"), url("../fonts/barlow/Barlow-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-SemiBold.woff2") format("woff2"), url("../fonts/barlow/Barlow-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Medium.woff2") format("woff2"), url("../fonts/barlow/Barlow-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Regular.woff2") format("woff2"), url("../fonts/barlow/Barlow-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Light.woff2") format("woff2"), url("../fonts/barlow/Barlow-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-ExtraLight.woff2") format("woff2"), url("../fonts/barlow/Barlow-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Barlow; src: url("../fonts/barlow/Barlow-Thin.woff2") format("woff2"), url("../fonts/barlow/Barlow-Thin.woff") format("woff"); font-weight: 100; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Black.woff2") format("woff2"), url("../fonts/heebo/Heebo-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-ExtraBold.woff2") format("woff2"), url("../fonts/heebo/Heebo-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Bold.woff2") format("woff2"), url("../fonts/heebo/Heebo-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-SemiBold.woff2") format("woff2"), url("../fonts/heebo/Heebo-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Medium.woff2") format("woff2"), url("../fonts/heebo/Heebo-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Regular.woff2") format("woff2"), url("../fonts/heebo/Heebo-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Light.woff2") format("woff2"), url("../fonts/heebo/Heebo-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-ExtraLight.woff2") format("woff2"), url("../fonts/heebo/Heebo-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Heebo; src: url("../fonts/heebo/Heebo-Thin.woff2") format("woff2"), url("../fonts/heebo/Heebo-Thin.woff") format("woff"); font-weight: 100; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Black.woff2") format("woff2"), url("../fonts/jost/Jost-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-ExtraBold.woff2") format("woff2"), url("../fonts/jost/Jost-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Bold.woff2") format("woff2"), url("../fonts/jost/Jost-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-SemiBold.woff2") format("woff2"), url("../fonts/jost/Jost-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Medium.woff2") format("woff2"), url("../fonts/jost/Jost-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Regular.woff2") format("woff2"), url("../fonts/jost/Jost-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Light.woff2") format("woff2"), url("../fonts/jost/Jost-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-ExtraLight.woff2") format("woff2"), url("../fonts/jost/Jost-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Jost; src: url("../fonts/jost/Jost-Thin.woff2") format("woff2"), url("../fonts/jost/Jost-Thin.woff") format("woff"); font-weight: 100; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-ExtraBold.woff2") format("woff2"), url("../fonts/karla/Karla-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-Bold.woff2") format("woff2"), url("../fonts/karla/Karla-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-SemiBold.woff2") format("woff2"), url("../fonts/karla/Karla-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-Medium.woff2") format("woff2"), url("../fonts/karla/Karla-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-Regular.woff2") format("woff2"), url("../fonts/karla/Karla-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-Light.woff2") format("woff2"), url("../fonts/karla/Karla-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Karla; src: url("../fonts/karla/Karla-ExtraLight.woff2") format("woff2"), url("../fonts/karla/Karla-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Lato; src: url("../fonts/lato/Lato-Black.woff2") format("woff2"), url("../fonts/lato/Lato-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Lato; src: url("../fonts/lato/Lato-Bold.woff2") format("woff2"), url("../fonts/lato/Lato-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Lato; src: url("../fonts/lato/Lato-Regular.woff2") format("woff2"), url("../fonts/lato/Lato-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Lato; src: url("../fonts/lato/Lato-Light.woff2") format("woff2"), url("../fonts/lato/Lato-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Lora; src: url("../fonts/lora/Lora-Bold.woff2") format("woff2"), url("../fonts/lora/Lora-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Lora; src: url("../fonts/lora/Lora-SemiBold.woff2") format("woff2"), url("../fonts/lora/Lora-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Lora; src: url("../fonts/lora/Lora-Medium.woff2") format("woff2"), url("../fonts/lora/Lora-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Lora; src: url("../fonts/lora/Lora-Regular.woff2") format("woff2"), url("../fonts/lora/Lora-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-Black.woff2") format("woff2"), url("../fonts/mulish/Mulish-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-ExtraBold.woff2") format("woff2"), url("../fonts/mulish/Mulish-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-Bold.woff2") format("woff2"), url("../fonts/mulish/Mulish-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-SemiBold.woff2") format("woff2"), url("../fonts/mulish/Mulish-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-Medium.woff2") format("woff2"), url("../fonts/mulish/Mulish-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-Regular.woff2") format("woff2"), url("../fonts/mulish/Mulish-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-Light.woff2") format("woff2"), url("../fonts/mulish/Mulish-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Mulish; src: url("../fonts/mulish/Mulish-ExtraLight.woff2") format("woff2"), url("../fonts/mulish/Mulish-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-Bold.woff2") format("woff2"), url("../fonts/oswald/Oswald-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-SemiBold.woff2") format("woff2"), url("../fonts/oswald/Oswald-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-Medium.woff2") format("woff2"), url("../fonts/oswald/Oswald-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-Regular.woff2") format("woff2"), url("../fonts/oswald/Oswald-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-Light.woff2") format("woff2"), url("../fonts/oswald/Oswald-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Oswald; src: url("../fonts/oswald/Oswald-ExtraLight.woff2") format("woff2"), url("../fonts/oswald/Oswald-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-Black.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-ExtraBold.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-Bold.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-SemiBold.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-Medium.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: "Playfair Display"; src: url("../fonts/playfairdisplay/PlayfairDisplay-Regular.woff2") format("woff2"), url("../fonts/playfairdisplay/PlayfairDisplay-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-black-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-black-webfont.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-extrabold-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-extrabold-webfont.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-bold-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-semibold-webfont.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-medium-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-medium-webfont.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-extralight-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-extralight-webfont.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: Poppins; src: url("../fonts/poppins/poppins-thin-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-thin-webfont.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Raleway; src: url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff"); font-weight: 100; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../fonts/roboto/Roboto-Black.woff") format("woff"); font-weight: 900; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-ExtraBold.woff2") format("woff2"), url("../fonts/roboto/Roboto-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-SemiBold.woff2") format("woff2"), url("../fonts/roboto/Roboto-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-ExtraLight.woff2") format("woff2"), url("../fonts/roboto/Roboto-ExtraLight.woff") format("woff"); font-weight: 200; font-display: swap; } @font-face { font-family: Roboto; src: url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"); font-weight: 100; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/opensans/OpenSans-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Bold.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/opensans/OpenSans-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Medium.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Regular.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../fonts/opensans/OpenSans-Light.woff2") format("woff2"), url("../fonts/opensans/OpenSans-Light.woff") format("woff"); font-weight: 300; font-display: swap; } @font-face { font-family: Quicksand; src: url("../fonts/quicksand/Quicksand-Bold.woff2") format("woff2"), url("../fonts/quicksand/Quicksand-Bold.woff") format("woff"); font-weight: 700; font-display: swap; } @font-face { font-family: Quicksand; src: url("../fonts/quicksand/Quicksand-SemiBold.woff2") format("woff2"), url("../fonts/quicksand/Quicksand-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; } @font-face { font-family: Quicksand; src: url("../fonts/quicksand/Quicksand-Medium.woff2") format("woff2"), url("../fonts/quicksand/Quicksand-Medium.woff") format("woff"); font-weight: 500; font-display: swap; } @font-face { font-family: Quicksand; src: url("../fonts/quicksand/Quicksand-Regular.woff2") format("woff2"), url("../fonts/quicksand/Quicksand-Regular.woff") format("woff"); font-weight: 400; font-display: swap; } @font-face { font-family: Quicksand; src: url("../fonts/quicksand/Quicksand-Light.woff2") format("woff2"), url("../fonts/quicksand/Quicksand-Light.woff") format("woff"); font-weight: 300; font-display: swap; } #_desktop_cart > div { padding: 0px; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } a { background-color: transparent; } a:active, a:hover { outline-width: 0px; } img { border-style: none; } figure { margin: 1em 40px; } button, input, select, textarea { font: inherit; } button, input, select { overflow: visible; } button, input, select, textarea { margin: 0px; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } [disabled] { cursor: default; } button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } @media print{*, ::before, ::after, ::first-letter, ::first-line { text-shadow: none !important; box-shadow: none !important; }} @media print{a, a:visited { text-decoration: underline; }} @media print{tr, img { break-inside: avoid; }} @media print{p, h2, h3 { orphans: 3; widows: 3; }} @media print{h2, h3 { break-after: avoid; }} html { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; } :focus { outline: none; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } a { color: rgb(24, 38, 48); text-decoration: none; } a:focus, a:hover { color: rgb(46, 117, 189); text-decoration: none; } a:focus { outline: 0px; outline-offset: 0px; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; max-width: 100%; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } label { display: inline-block; margin-bottom: 0.5rem; } input, button, select, textarea { margin: 0px; line-height: inherit; border-radius: 0px; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 700; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 18px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 20px; } .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { display: block; max-width: 100%; height: auto; } .container { margin-left: auto; margin-right: auto; } .container::after { content: ""; display: table; clear: both; } @media (min-width: 544px){.container { max-width: 576px; }} @media (min-width: 768px){.container { max-width: 720px; }} @media (min-width: 992px){.container { max-width: 940px; }} @media (min-width: 1200px){.container { max-width: 1170px; }} @media (min-width: 1450px){.container { max-width: 1400px; }} @media (min-width: 1650px){.container { max-width: 1600px; }} .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-12 { float: left; width: 100%; } @media (min-width: 544px){.col-sm-4 { float: left; width: 33.3333%; }} @media (min-width: 544px){.col-sm-5 { float: left; width: 41.6667%; }} @media (min-width: 544px){.col-sm-8 { float: left; width: 66.6667%; }} @media (min-width: 768px){.col-md-4 { float: left; width: 33.3333%; }} @media (min-width: 768px){.col-md-7 { float: left; width: 58.3333%; }} @media (min-width: 992px){.col-lg-3 { float: left; width: 25%; }} @media (min-width: 992px){.col-lg-8 { float: left; width: 66.6667%; }} @media (min-width: 992px){.col-lg-12 { float: left; width: 100%; }} .form-control { display: block; width: 100%; padding: 10px 12px; color: rgb(24, 38, 48); background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 0px; box-shadow: none; } .form-control:focus { background-color: rgb(255, 255, 255); outline: none; } .form-control::placeholder { color: rgb(158, 158, 158); opacity: 1; } select.form-control:not([size]):not([multiple]) { height: 2.5rem; } .btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-block; font-weight: 600; font-size: 15px; line-height: 22px; padding: 12px 30px; background-color: rgb(46, 117, 189); text-align: center; vertical-align: middle; color: rgb(255, 255, 255); text-transform: capitalize; border-radius: 6px; white-space: nowrap; letter-spacing: 0.3px; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: none; } .btn:active, .btn.active { background-image: none; outline: 0px; opacity: 0.9; } .btn-primary { background-color: rgb(46, 117, 189); color: rgb(0, 0, 0); text-transform: capitalize; } .btn-secondary, .btn-tertiary { background-color: rgb(46, 117, 189); border-color: transparent; } .btn-secondary:active:hover, .btn-tertiary:active:hover, .btn-secondary:active:focus, .btn-tertiary:active:focus, .btn-secondary:active.focus, .btn-tertiary:active.focus, .btn-secondary.active:hover, .active.btn-tertiary:hover, .btn-secondary.active:focus, .active.btn-tertiary:focus, .btn-secondary.active.focus, .active.focus.btn-tertiary, .open > .btn-secondary.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-secondary.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary { opacity: 0.9; } .fade { opacity: 0; transition: opacity 0.15s linear; } .collapse { display: none; } .dropdown-item { display: block; width: 100%; padding: 3px 10px; clear: both; font-weight: 500; text-align: inherit; background: none; border: 0px; } .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; background-color: rgb(245, 245, 245); } .navbar-toggler { padding: 0.5rem 0.75rem; font-size: 0.9375rem; line-height: 1; background: none; border: 1px solid transparent; border-radius: 0px; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .breadcrumb { padding: 0px; list-style: none; border-radius: 0px; } .breadcrumb::after { content: ""; display: table; clear: both; } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } } .close { float: right; font-size: 1.5rem; line-height: 1; color: rgb(65, 65, 65); } .close:focus, .close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { padding: 0px; cursor: pointer; background-color: transparent; border: 0px; appearance: none; } .modal { position: fixed; inset: 0px; z-index: 10050; display: none; overflow: hidden; outline: 0px; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; outline: 0px; float: left; width: 100%; border-radius: var(--border-radius); } .modal-header { padding: 10px; } .modal-header::after { content: ""; display: table; clear: both; } .modal-header .close { margin-top: 0px; font-size: 40px; padding: 0px; position: absolute; right: 10px; top: 4px; } .modal-title { margin: 0px; line-height: 40px; } .modal-footer { padding: 15px; text-align: left; border-top: 1px solid rgb(229, 229, 229); } .modal-footer::after { content: ""; display: table; clear: both; } @media (min-width: 544px){.modal-dialog { max-width: 600px; margin: 30px auto; }} .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Lora, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-break: auto; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(229, 229, 229); border-radius: 0.3rem; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .carousel-item { position: relative; display: none; transition: left 0.6s ease-in-out; } @media (transform-3d), (-webkit-transform-3d){.carousel-inner > .carousel-item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; }} @media (transform-3d), (-webkit-transform-3d){.carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0px; transform: translate3d(0px, 0px, 0px); }} .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } .carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); } @media (min-width: 544px){.carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }} @media (min-width: 544px){.carousel-control .icon-prev { margin-left: -15px; }} @media (min-width: 544px){.carousel-control .icon-next { margin-right: -15px; }} @media (min-width: 544px){.carousel-indicators { bottom: 20px; }} .clearfix::after { content: ""; display: table; clear: both; } .pull-xs-right { float: right !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .text-xs-center { text-align: center !important; } @media (max-width: 543px){.hidden-xs-down { display: none !important; }} @media (min-width: 544px){.hidden-sm-up { display: none !important; }} @media (max-width: 767px){.hidden-sm-down { display: none !important; }} @media (max-width: 991px){.hidden-md-down { display: none !important; }} @media (min-width: 992px){.hidden-lg-up { display: none !important; }} @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/570eb83859dc23dd0eec423a49e147fe.woff2") format("woff2"), url("../fonts/012cf6a10129e2275d79d6adac7f3b02.woff") format("woff"), url("../fonts/a37b0c01c0baf1888ca812cc0508f6e2.ttf") format("truetype"); font-display: swap; } .material-icons { font-family: "Material Icons"; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block; vertical-align: middle; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; overflow-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-feature-settings: "liga"; } body, html { height: 100%; } body { font-family: Quicksand, sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; font-weight: 500; background-color: rgb(255, 255, 255); color: rgb(24, 38, 48); height: 100%; line-height: 24px; letter-spacing: 0.3px; } ul { list-style: none; padding-left: 0px; } p { margin: 0px 0px 10px; } .dropdown-item:focus, .dropdown-item:hover { background: none; } .h1, .h2, .h3 { font-weight: 700; } .btn-primary, .btn-secondary, .btn-tertiary { padding: 12px 30px; } .product .btn.btn-primary.add-to-cart, .product_list.grid .btn.btn-primary.add-to-cart { background-color: rgb(239, 239, 239); color: var(--primary-color); width: 100%; white-space: normal; } .products article.item:hover .product-bottom .add-to-cart, .products article.product_item:hover .product-bottom .add-to-cart { background-color: var(--primary-color); color: var(--secondary-color); } label, .label { font-weight: 600; text-align: left; } .dropdown-item:focus, .dropdown-item:hover { background: none; text-decoration: none; } .header-top .head-wishlist, .header-top .head-compare { float: right; width: auto; position: relative; } .header-top .head-wishlist { background-color: rgb(234, 241, 238); padding: 11px; border-radius: 50%; } .header-top .head-compare { background-color: rgb(239, 247, 225); padding: 11px; border-radius: 50%; } .top-menu[data-depth="1"] { margin: 0px; } .top-menu a:not([data-depth="0"]) { display: block; padding: 0.625rem; } #header .header-top-main.bg_main .menu .sub-menu a { min-width: 209px; border-bottom: 1px solid rgb(240, 240, 240); } ul.top-menu[data-depth="2"] { display: flex; flex-wrap: wrap; } .top-menu .collapse { display: block; } .top-menu .sub-menu { border: 1px solid rgb(229, 229, 229); margin-left: 0px; width: auto; left: 0px; right: 0px; z-index: 10000; border-radius: 0px; display: block; background-color: rgb(255, 255, 255); padding: 40px; justify-content: center; top: 100% !important; } .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] { padding: 0px 0px 10px; } .top-menu .popover { max-width: inherit; } .product-description .product-brand { color: rgb(117, 117, 117); } .carousel { margin-bottom: 35px; } .carousel .direction { z-index: auto; } .carousel .carousel-item { height: 100%; } .carousel .carousel-item img { width: 100%; margin-left: 0px; } .carousel .carousel-item .caption { position: absolute; bottom: 28px; left: 90px; color: rgb(255, 255, 255); max-width: 500px; } .carousel .carousel-control { opacity: 1; } .carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { content: ""; } .carousel .carousel-control .icon-prev { left: 1rem; } .carousel .carousel-control .icon-next { right: 2rem; } .carousel .carousel-control.left, .carousel .carousel-control.right { background: none; } .products .product_list { margin: 0px; padding: 0px; } .brands .products .product_list article.item img:hover { filter: none; transition: none; opacity: 1; } .brands .products .product_list article.item img { opacity: 0.7; filter: grayscale(90%) brightness(100%) contrast(1); transition: filter, -webkit-filter, box-shadow; } .products .product_list article.product_item, .products .product_list article.item { margin: 0px 10px; padding: 15px; border: 1px solid rgb(229, 229, 229); border-radius: 10px; } .products .product_list article.product_item::after, .products .product_list article.item::after { content: ""; width: 0px; height: 100%; background-color: rgb(246, 246, 246); display: block; position: absolute; left: auto; top: 0px; right: 0px; } .brands .products .product_list article.item::after { display: none; } .products .product_list article.item { float: left; width: 100%; position: relative; border: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); } .products .product_list article.item .product .product-miniature, .products .product_list .product, .products .product_list article.item .product { height: 100%; } .products .product_list.grid article.product_item .product .product-miniature, .products .product_list article.item .product .product-miniature { display: grid; align-content: space-between; } .products .product_list .quick-view { padding: 0px; display: inline-block; font-size: 0px; line-height: 0; height: 35px; margin: 0px; width: 35px; vertical-align: top; float: none; position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 10px 0px; border-radius: 50%; background-color: rgb(255, 255, 255); } .products .product_list .quick-view::after { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OTAgOTkwIj48cGF0aCBkPSJNMzY2LjYsNTkwLjksNjEuNyw4OTUuOCw2MC41LDY4NS4yQTI2LjQ1LDI2LjQ1LDAsMCwwLDM0LDY1OC45aC0uMkEyNi40NSwyNi40NSwwLDAsMCw3LjUsNjg1LjVoMEw5LjMsOTg1LjdsMzAwLjMsMS44aC4yYTI2LjQ1LDI2LjQ1LDAsMSwwLC4yLTUyLjlMOTkuMyw5MzMuMyw0MDQuMiw2MjguNGEyNi41NSwyNi41NSwwLDAsMC0zNy42LTM3LjVabTI0My0xNzkuMWEyNi4yMywyNi4yMywwLDAsMCwxOC43LTcuOEw5MzMuMiw5OS4xbDEuMywyMTAuN0EyNi40NSwyNi40NSwwLDAsMCw5NjEsMzM2LjFoLjJhMjYuNDgsMjYuNDgsMCwwLDAsMjYuMy0yNi42NmgwTDk4NS43LDkuMiw2ODUuNSw3LjVoLS4yYTI2LjUsMjYuNSwwLDAsMC0uMiw1M2wyMTAuNywxLjNMNTkwLjksMzY2LjZhMjYuNDUsMjYuNDUsMCwwLDAsMTguNyw0NS4yWm0zNTEuNiwyNDdIOTYxYTI2LjQ1LDI2LjQ1LDAsMCwwLTI2LjUsMjYuM2wtMS4zLDIxMC43TDYyOC40LDU5MC45YTI2LjUyLDI2LjUyLDAsMCwwLTM3LjUsMzcuNUw4OTUuOCw5MzMuM2wtMjEwLjcsMS4yYTI2LjQ1LDI2LjQ1LDAsMCwwLC4yLDUyLjloLjJsMzAwLjMtMS44LDEuNy0zMDAuMWEyNi40OCwyNi40OCwwLDAsMC0yNi4yNi0yNi43aDBaTTQwNC4xLDM2Ni42YTI2LjUzLDI2LjUzLDAsMCwxLDAsMzcuNSwyNy4yOSwyNy4yOSwwLDAsMS0xOC43LDcuOCwyNi4yMywyNi4yMywwLDAsMS0xOC43LTcuOEw2MS44LDk5LjIsNjAuNSwzMDkuOUEyNi40NSwyNi40NSwwLDAsMSwzNCwzMzYuMmgtLjJBMjYuNDgsMjYuNDgsMCwwLDEsNy41LDMwOS41NGgwTDkuMyw5LjMsMzA5LjYsNy41aC4yYTI2LjUsMjYuNSwwLDEsMSwuMiw1M0w5OS4zLDYxLjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41IC0yLjUpIi8+PHBhdGggZD0iTTMwOS45LDk5Mi41aC0uM0w0LjMzLDk5MC42NywyLjUsNjg1LjUzQTMxLjQ2LDMxLjQ2LDAsMCwxLDMzLjc3LDY1My45aC4yOUEzMS41MSwzMS41MSwwLDAsMSw2NS41LDY4NS4xN0w2Ni42Myw4ODMuOCwzNjMuMDYsNTg3LjM3YTMxLjU1LDMxLjU1LDAsMCwxLDQ0LjY4LDQ0LjU2TDExMS4zLDkyOC4zNywzMTAsOTI5LjZhMzEuNDUsMzEuNDUsMCwwLDEtLjEzLDYyLjlabS0uMS0xMGguMDhhMjEuNDUsMjEuNDUsMCwwLDAsLjEtNDIuOUw4Ny4zLDkzOC4yMyw0MDAuNjYsNjI0Ljg3YTIxLjU1LDIxLjU1LDAsMCwwLTMwLjUyLTMwLjQ0TDU2Ljc3LDkwNy44LDU1LjUsNjg1LjIzQTIxLjQ5LDIxLjQ5LDAsMCwwLDM0LjA1LDY2My45SDMzLjhhMjEuNDYsMjEuNDYsMCwwLDAtMjEuMywyMS41N2wxLjc3LDI5NS4yNlptMzc1LjM4LDkuOWEzMS40NSwzMS40NSwwLDAsMS0uMS02Mi45bDE5OC43Mi0xLjEzTDU4Ny4zNyw2MzEuOTRhMzEuNTIsMzEuNTIsMCwwLDEsNDQuNTEtNDQuNjNMOTI4LjI3LDg4My44bDEuMjMtMTk4LjczQTMxLjUxLDMxLjUxLDAsMCwxLDk2MSw2NTMuOGguMjlhMzEuNDgsMzEuNDgsMCwwLDEsMzEuMjYsMzEuNzRsLTEuNzMsMzA1TDY4NS4zLDk5Mi40Wk02MTAsNTg4LjQzaC0uMzVhMjEuNTIsMjEuNTIsMCwwLDAtMTUuMTIsMzYuNDhMOTA3LjgsOTM4LjIzLDY4NS4xMyw5MzkuNWEyMS40NSwyMS40NSwwLDAsMCwuMDcsNDIuOWguM2wyOTUuMzMtMS43NywxLjY3LTI5NS4xNmEyMS41MSwyMS41MSwwLDAsMC0yMS4zLTIxLjY3djBIOTYxYTIxLjQ5LDIxLjQ5LDAsMCwwLTIxLjQ2LDIxLjMzTDkzOC4xMyw5MDcuOCw2MjQuODYsNTk0LjQ0QTIxLjMxLDIxLjMxLDAsMCwwLDYxMCw1ODguNDNaTTM4NS40Myw0MTYuOWEzMS40NCwzMS40NCwwLDAsMS0yMi4yOS05LjI5TDY2LjczLDExMS4yLDY1LjUsMzA5LjkzQTMxLjUxLDMxLjUxLDAsMCwxLDM0LjA1LDM0MS4ySDMzLjhBMzEuNTIsMzEuNTIsMCwwLDEsMi41LDMwOS41MUw0LjMzLDQuMzMsMzA5LjgsMi41aC4xMmEzMS41LDMxLjUsMCwwLDEsLjEsNjNMMTExLjMsNjYuNzMsNDA3LjY0LDM2My4wN2EzMS41NywzMS41NywwLDAsMSwwLDQ0LjU2LDMyLjE1LDMyLjE1LDAsMCwxLTIyLjE3LDkuMjdaTTU2Ljg3LDg3LjIsMzcwLjI0LDQwMC41NmEyMS4zNSwyMS4zNSwwLDAsMCwxNS4xMiw2LjM0aDBhMjIuMiwyMi4yLDAsMCwwLDE1LjIxLTYuMzcsMjEuNTUsMjEuNTUsMCwwLDAsMC0zMC4zOUw4Ny4zLDU2Ljg3LDMxMCw1NS41YTIxLjUsMjEuNSwwLDAsMC0uMDctNDNoLS4zTDE0LjI3LDE0LjI3LDEyLjUsMzA5LjU3QTIxLjUsMjEuNSwwLDAsMCwzMy44MywzMzEuMkgzNEEyMS40OSwyMS40OSwwLDAsMCw1NS41LDMwOS44N1pNNjA5LjU1LDQxNi44YTMxLjY3LDMxLjY3LDAsMCwxLTIyLjI5LTkuMjcsMzEuNDYsMzEuNDYsMCwwLDEsLjExLTQ0LjQ3TDg4My44LDY2LjczLDY4NS4wNyw2NS41YTMxLjUsMzEuNSwwLDAsMSwuMjUtNjNoLjE4TDk5MC42Nyw0LjIzbDEuODMsMzA1LjE4YTMxLjUyLDMxLjUyLDAsMCwxLTMxLjI3LDMxLjY5aC0uMjlhMzEuNTEsMzEuNTEsMCwwLDEtMzEuNDQtMzEuMjdMOTI4LjI3LDExMS4xLDYzMS44Myw0MDcuNTRhMzEuMzgsMzEuMzgsMCwwLDEtMjIuMiw5LjI2Wk02ODUuMjIsMTIuNWEyMS41LDIxLjUsMCwwLDAtLjEsNDNMOTA3LjgsNTYuODcsNTk0LjQ0LDM3MC4xNGEyMS40NSwyMS40NSwwLDAsMC0uMDksMzAuMzQsMjEuNTgsMjEuNTgsMCwwLDAsMTUuMiw2LjMyaC4wOGEyMS4zNSwyMS4zNSwwLDAsMCwxNS4xMS02LjMxTDkzOC4xMyw4Ny4xbDEuMzcsMjIyLjY3QTIxLjUsMjEuNSwwLDAsMCw5NjEsMzMxLjFoLjI1YTIxLjUsMjEuNSwwLDAsMCwyMS4zLTIxLjYyTDk4MC43MywxNC4xNyw2ODUuMywxMi41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNSAtMi41KSIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; mask-size: 14px auto; display: inline-block; vertical-align: middle; height: 35px; width: 35px; background-color: rgb(0, 0, 0); } .products .product-thumbnail { display: inline-block; text-align: center; position: relative; vertical-align: top; } .product-title a { line-height: 18px; text-align: left; margin: 0px; display: inline-block; text-decoration: none; width: 100%; } .products article.item:hover .product-bottom .add-to-cart, .products article.product_item:hover .product-bottom .add-to-cart { background-color: rgb(46, 117, 189); color: rgb(255, 255, 255); } .products .thumbnail-container, .product-accessories .thumbnail-container { margin-bottom: 0px; overflow: hidden; position: relative; display: block; } #products .thumbnail-container:hover .highlighted-informations::after, .products .thumbnail-container:hover .highlighted-informations::after, .product-accessories .thumbnail-container:hover .highlighted-informations::after { opacity: 1; } .products-section-title { clear: both; text-align: center; width: 100%; float: left; position: relative; border-bottom: 0px solid rgb(229, 229, 229); margin-bottom: 20px; } .products-section-title h2.title { float: none; padding-bottom: 10px; padding-top: 5px; margin-bottom: 0px; position: relative; font-size: 34px; font-weight: 700; line-height: 36px; } .products-section-title .short-details { line-height: 22px; font-size: 18px; color: var(--primary-color); font-weight: 700; } .testimonial-block-part .products-section-title { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .cpcategorylist .products-section-title { margin-block-end: 15px; border: 0px; padding: 0px; } .cpcategorylist .owl-carousel .owl-wrapper-outer { padding: 0px; } #products .product-title a, .products .product-title a, .product-accessories .product-title a { float: left; width: 100%; line-height: 20px; font-size: 15px; font-weight: 700; } #products .product-title, .products .product-title, .product-accessories .product-title { float: none; margin: 5px 0px; display: inline-flex; width: 100%; } .products .product-price-and-shipping, .product-price { color: var(--price-color); font-size: 18px; font-weight: 700; line-height: 26px; clear: both; width: 100%; margin-block: 0px 10px; } #products .product-description, .products .product-description, .product-accessories .product-description { text-align: left; position: relative; float: left; } #products .grid article.product_item .product-bottom, .product_list article.product_item .product .product-bottom, .product_list article.item .product .product-bottom { text-align: left; } #products .grid article.product_item .product-bottom .add-to-cart-button, .product_list article.product_item .product .product-bottom .add-to-cart-button, .product_list article.item .product .product-bottom .add-to-cart-button { background-color: rgb(255, 255, 255); padding: 0px; border-radius: 0px 0px 5px 5px; transition: 0.3s; margin: 0px; z-index: 3; } #products .grid article.product_item:hover .product-bottom .add-to-cart-button, .product_list article.product_item:hover .product .product-bottom .add-to-cart-button, .product_list article.item:hover .product .product-bottom .add-to-cart-button { bottom: -50px; display: block; } .products img { max-width: 100%; position: relative; margin: 0px auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .products img.img_1 { left: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; transition: 500ms; transform: scaleX(0); background-color: rgb(247, 247, 247); } .product_item:hover img.replace-2x, .products article.item:hover img.replace-2x, .product-item:hover img.img_1 { opacity: 1; transform: scaleX(1); margin: 0px auto; } .products .product-miniature { margin: 0px; position: relative; height: 100%; } .products .thumbnail-container .product-actions, .products .thumbnail-container .product-actions-main { position: absolute; z-index: 1; opacity: 0; width: auto; inset: 0px -50px auto auto; text-align: center; padding: 3px; transition: 500ms; } .products .thumbnail-container .product-actions .wishlist, .products .thumbnail-container .product-actions .compare, .products .thumbnail-container .product-actions-main .wishlist, .products .thumbnail-container .product-actions-main .compare { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 10px 0px; border-radius: 50%; margin-top: 8px; background-color: rgb(255, 255, 255); } .products .product-miniature:hover .product-actions, .products .product-miniature:hover .product-actions-main { opacity: 1; right: 0px; transform: translateY(0px); } .products .product-miniature:hover .product-flag.new, .products .product-miniature1:hover .product-flag.new, .quickview li.product-flag.new, .product-leftside li.product-flag.new, .products li.product-flag.new, #product_comparison li.product-flag.new { display: block; background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); } .products .product-miniature1:hover .highlighted-informations, .products .product-miniature:hover .highlighted-informations { display: block; z-index: 9; } .products .regular-price { display: inline-block; font-weight: 700; text-decoration: line-through; } .products .regular-price { font-size: 18px; display: inline-block; text-decoration: line-through; line-height: 23px; } #featured-products, .newproducts, .bestseller-products { float: left; width: 100%; position: relative; margin: 25px 0px; } .brands .products .product_list article.item .brand-area, .brands .products .product_list article.product_item .brand-area { display: flex; justify-content: center; flex-direction: column; min-height: 100%; overflow: hidden; padding: 15px; } .brands .products .product_list article.item, .brands .products .product_list article.product_item { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 100px; overflow: hidden; background-color: rgb(255, 255, 255); margin: 0px 10px; } .brands .products .product_list article:hover img { opacity: 1; filter: none; } .brand-image { align-self: center; } #cpserviceblock { float: left; position: relative; width: 100%; margin: 20px 0px 25px; } #cpserviceblock .container { border: 0px solid rgb(229, 229, 229); border-radius: var(--border-radius); display: flex; flex-direction: row; justify-content: space-between; padding: 0px; gap: 20px; } .service-cms-banner-list { background-color: rgb(245, 247, 250); padding: 28px 10px; width: 100%; } #cpserviceblock .container::after { display: none; } .service_image { height: 35px; position: relative; width: 40px; padding: 0px; float: left; margin-top: 0px; background-color: rgb(46, 117, 189); mask-position: center center; mask-repeat: no-repeat; } .service_block_inner { position: relative; display: flex; align-items: flex-start; justify-content: center; } .service_content::after { content: ""; width: 0px; height: 65px; background-color: rgb(239, 239, 239); display: block; position: absolute; left: auto; top: -10px; right: -40px; } .service-cms-banner-list.service-1 .service_image { mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODcuNCAzMjYuNjQiPjxwYXRoIGQ9Ik0zODcuNCw4OC4yNWMwLTUtMS43Ni04LjA5LTUuOTEtMTAuNDhxLTMxLjE1LTE3Ljk0LTYyLjI2LTM1Ljk0Yy0yMi4zOC0xMi45My00NS41Mi0yNi4zLTY4LjMtMzkuNDFBMTcuNCwxNy40LDAsMCwwLDI0Mi41Ny4yMWMtMTktLjExLTM4LjI1LS4xLTU2Ljg5LS4wOUgxNzEuMDdjLS4yNiwwLS41NSwwLS44NS0uMDZhNSw1LDAsMCwwLTMuNjcuNjVsLS4yMi4xN2MtMS45MiwxLjUtNC4zMSwzLjM2LTQuNSw1LjgtLjIzLDIuODgsMi42NCw1LjY5LDMuODksNi43NnMzLjI0LDEuMDgsNC43NywxbC44NywwcTE4Ljk0LDAsMzcuOSwwaDlsLTkuNDMsNS40NUMxNzYuNDIsMzguNjgsMTQyLjkzLDU4LjA1LDExMCw3N2E5LjY1LDkuNjUsMCwwLDEtNC42MiwxLjEyYy0zNCwuMDktNjUuMjIuMDktOTUuNDMsMC0zLjE1LDAtNi43NC40NC05LjQ2LDMuODNMMCw4Mi41NXY1TC4yNSw4OGMyLjI5LDQuMTQsNi4xMyw0LjY5LDkuMjUsNC42OWguMDZjMjMuMzgtLjA2LDQ3LjE2LDAsNzAuMTQsMGgyMi43OVYxNTYuM0g0NmwtLjg1LDBhMTQuMzcsMTQuMzcsMCwwLDAtMy4yOC4yYy0zLjY1Ljc3LTUuOCwzLjI1LTUuOSw2Ljc5LS4xMSwzLjc4LDIsNi40Myw1Ljg4LDcuMjhhMTMuNDUsMTMuNDUsMCwwLDAsMy4zLjJoNTcuNDN2NjMuNjlINzkuNzhjLTIzLDAtNDYuODEsMC03MC4yMiwwSDkuNWMtMy4xMywwLTcsLjU0LTkuMjYsNC43bC0uMjQuNDV2NWwuNDQuNTVjMi43NCwzLjM5LDYuMzEsMy44Miw5LjQ2LDMuODNxMjIuMjUtLjA2LDQ0LjQ3LDBjMTYuMjIsMCwzMywwLDQ5LjQ4LS4wN2guMDZhMTUuMjgsMTUuMjgsMCwwLDEsOCwyLjI0cTMwLDE3LjQsNjAsMzQuNzUsMzMuNjMsMTkuNDcsNjcuMjMsMzlhMTIuMDYsMTIuMDYsMCwwLDAsNiwxLjkxLDEwLjU3LDEwLjU3LDAsMCwwLDUuMzEtMS41NmM0Mi4yNC0yNC41Niw4Ni4zNS01MC4wOSwxMzEuMTEtNzUuODgsNC4wNS0yLjM0LDUuNzgtNS4zOCw1Ljc3LTEwLjE4QzM4Ny4yOCwxODcsMzg3LjI4LDEzNi4yOSwzODcuNCw4OC4yNVpNMjEyLjA2LDM0LjY5bDkuNjMtNS41OSw1LjE4LTNjNS40OS0zLjE5LDExLjE4LTYuNSwxNi44NC05LjU5YTMuNzMsMy43MywwLDAsMSwyLjYzLS4xNGMzNi4zNywyMC45NCw3My4yOSw0Mi4zMywxMDksNjNsMTAuNDIsNi0zLjU0LDIuMDZjLTEwLDUuNzktMjAuMjksMTEuNzgtMzAuNSwxNy41NWEzLjYsMy42LDAsMCwxLTIuMy4yOWMtMzYuODctMjEuMjMtNzQuMy00Mi45MS0xMTAuNDktNjMuODhsLTkuMjQtNS4zNlpNMzAyLDE0MC44OGMwLTEuNjYuMzEtMi4yNCwxLjYyLTMsNS4yOC0yLjkzLDEwLjQ5LTUuOTUsMTYtOS4xNmwzLjUxLTJ2MjAuMDZjMCw3LDAsMTQuMzItLjA2LDIxLjQ3YTQuNyw0LjcsMCwwLDEtLjQyLDEuOTFjLTUuODIsMy41My0xMS43LDYuOTItMTcuOTMsMTAuNTFsLTIuNjgsMS41NXYtMi42OWMwLTMuMjgsMC02LjU1LDAtOS44M0MzMDIuMDgsMTYwLjI1LDMwMi4wOSwxNTAuNDgsMzAyLDE0MC44OFptLTEyNC45Mi04NmM2LjA3LTMuNTUsMTEuOC02LjksMTcuNzItMTAuMWE3LjA2LDcuMDYsMCwwLDEsMi43NSwxQzIyNS42NSw2MiwyNTQuMTgsNzguNDgsMjgxLjc3LDk0LjQ1TDI5My4wOCwxMDFsMTYuNjksOS42Nyw2LjE3LDMuNThMMzEzLDExNmMtNS45NSwzLjQ2LTExLjU3LDYuNzItMTcuMjksOS44MWE0LjUsNC41LDAsMCwxLTIuNjgtLjZDMjY4LjgsMTExLjI0LDI0NC4yLDk3LDIyMC40LDgzLjI0bC05Ljk0LTUuNzVjLTguODYtNS4xMi0xNy43Mi0xMC4yNi0yNi43LTE1LjQ2bC05LjQ4LTUuNDlaTTIzOCwyODAuMTl2MjcuMTdsLS40Mi0uMjQtMjkuNC0xN1ExNjMuNTcsMjY0LjM0LDExOSwyMzguNTljLTEuNTUtLjktMS45MS0xLjQzLTEuOS0yLjg1LjA2LTM2LjQ5LjA2LTczLjYuMDYtMTA5LjQ4Vjk3LjgxbDQzLjQsMjUuMTJxMzcuNjksMjEuODEsNzUuNCw0My42MWMxLjY5LDEsMi4wOCwxLjM0LDIuMDgsMi43M0MyMzgsMjA2LjI1LDIzOCwyNDMuODQsMjM4LDI4MC4xOVptOC40OS0xMjUuODVhMy4zMSwzLjMxLDAsMCwxLTIuMjYuMjJDMjA2Ljg4LDEzMy4xMiwxNjksMTExLjIxLDEzMi40LDkwbC04LTQuNjQsNS4zLTMuMDdjMTAuMTYtNS44OCwxOS43Ni0xMS40NCwyOS41NS0xNi45MWE0Ljk0LDQuOTQsMCwwLDEsMi43MS42OWMyNSwxNC4zNyw1MC4zMywyOS4wNSw3NC44Niw0My4yNWwxNi4xNCw5LjM0LDIwLjcyLDEyLDYuOTQsNC00Ljc2LDIuNzZDMjY2LjIzLDE0MywyNTYuMjgsMTQ4Ljc5LDI0Ni40NCwxNTQuMzRabTEyNCw4NC43NmMtMzAuNTUsMTcuNTktNjEuNTcsMzUuNTUtOTEuNTcsNTIuOTFsLTI2LDE1LS41NS4zMVYyNzkuMDdjMC0zNS40NywwLTcyLjE1LS4wOS0xMDguMjMsMC0yLjU3LjYyLTMuNjMsMi45Mi00LjkxLDcuNjYtNC4yNiwxNS4zNy04Ljc0LDIyLjgyLTEzLjA4bDktNS4yLjc3LS40NHYxNC4zOHEwLDE1LjMyLDAsMzAuNjRjMCw0LjM1LDEuMjMsNy4yNSwzLjYzLDguNjRzNS40NSwxLDkuMTMtMS4xM2MzLjM5LTIsNi43Ni0zLjkxLDEwLjE0LTUuODgsNi44NC00LDEzLjkyLTguMTEsMjAuOTUtMTIsNC4yMS0yLjMzLDYtNS40Nyw1Ljk0LTEwLjUtLjEtOS4yLS4wOS0xOC41Ni0uMDktMjcuNjEsMC03LjUzLDAtMTUuMzMsMC0yM2EzLjMxLDMuMzEsMCwwLDEsMi0zLjUzYzgtNC41MywxNi4xMi05LjIzLDIzLjk1LTEzLjc4TDM3Mi43Niw5OGwuMTUtLjA5djI3LjU2YzAsMzUuNywwLDcyLjYyLjA4LDEwOC45M0MzNzMsMjM2LjksMzcyLjQ0LDIzNy45MiwzNzAuMzksMjM5LjFaIi8+PHBhdGggZD0iTTQzLjk0LDE0LjQ0YzEwLjMzLDAsMjEuNDcsMCwzMywwLDE0Ljc2LDAsMzAuMjIsMCw0NS41NC0uMWE4Ljc4LDguNzgsMCwwLDAsNi40MS0zYzEuMzgtMS44MywxLjkxLTUuNTcuNS03LjQ0YTkuODksOS44OSwwLDAsMC03LTMuNzNjLTkuOTItLjE5LTIwLS4xNi0yOS43Ni0uMTQtMy4xOSwwLTYuMzMsMC05LjU2LDBINzIuMjNxLTE0LDAtMjgsMGMtMi44NywwLTUuMDYuNzUtNi41MSwyLjIxYTYuNjksNi42OSwwLDAsMC0xLjg0LDQuOTRDMzUuOTIsMTEuNjMsMzkuMDgsMTQuNDMsNDMuOTQsMTQuNDRaIi8+PC9zdmc+"); mask-size: 46px auto; height: 42px; width: 46px; } .service-cms-banner-list.service-2 .service_image { mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjMDAwMDAwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNTYsMzFhMjMuOTMsMjMuOTMsMCwwLDEtLjQxLDUuNDQsMjMuNTEsMjMuNTEsMCwwLDEtNDIuMzcsOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTksMzIuNmEyMy4yNiwyMy4yNiwwLDAsMSwuNDItNSwyMy41MSwyMy41MSwwLDAsMSw0Mi4yOS05LjE0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSI0MS4wOSAxNy40NiA1MS45MyAxOC43MyA1My4wMiA4LjU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyMy41NCA0Ni4xOSAxMi43IDQ0LjkyIDExLjYxIDU1LjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik00Miw0MC42OUExMC4yOSwxMC4yOSwwLDEsMSw0MCwyMy4xOSIvPjxsaW5lIHgxPSIyMC4yNiIgeTE9IjMwLjAzIiB4Mj0iMzcuMzciIHkyPSIzMC4wMyIvPjxsaW5lIHgxPSIyMC4yNiIgeTE9IjM1LjI1IiB4Mj0iMzUuMzEiIHkyPSIzNS4yNSIvPjwvc3ZnPg=="); mask-size: 46px auto; height: 46px; width: 46px; } .service-cms-banner-list.service-4 .service_image { mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC44MiAxNi4xNyI+PHBhdGggZD0iTTE4Ljg4LDBIMS45NEExLjk0LDEuOTQsMCwwLDAsMCwxLjk0VjE0LjIzYTEuOTQsMS45NCwwLDAsMCwxLjk0LDEuOTRIMTguODhhMS45NCwxLjk0LDAsMCwwLDEuOTQtMS45NFYxLjk0QTEuOTQsMS45NCwwLDAsMCwxOC44OCwwWm0uOTMsMTQuMjJhLjk0Ljk0LDAsMCwxLS4yNy42Ny45MS45MSwwLDAsMS0uNjYuMjhIMS45NEEuOTQuOTQsMCwwLDEsMSwxNC4yM1Y3LjA5SDE5LjgxWm0wLTguMTNIMVYzLjczSDE5LjgxWm0wLTMuMzZIMVYxLjk0QS45NC45NCwwLDAsMSwxLjk0LDFIMTguODhhLjk0Ljk0LDAsMCwxLC45NC45NFoiLz48cGF0aCBkPSJNMTMuNDIsMTMuNjZoLjFhMiwyLDAsMCwwLDEuMy0uNDhMMTUsMTNhMS45MywxLjkzLDAsMCwwLDIuNzIuMTUsMS45NCwxLjk0LDAsMCwwLC4xNS0yLjczLDIsMiwwLDAsMC0xLjQtLjY0aDBhMS45MywxLjkzLDAsMCwwLTEuNDQuNjUsMS45MSwxLjkxLDAsMCwwLTEuMzQtLjY1LDEuOTQsMS45NCwwLDEsMC0uMjMsMy44N1ptMy0yLjg4YS45NC45NCwwLDEsMS0uOTQuOTRBLjk0Ljk0LDAsMCwxLDE2LjQzLDEwLjc4Wm0tMi44NywwYS45NC45NCwwLDEsMS0uOTQuOTRBLjk0Ljk0LDAsMCwxLDEzLjU2LDEwLjc4WiIvPjwvc3ZnPg=="); mask-size: 40px auto; width: 40px; height: 40px; } .service_content { float: left; position: relative; padding-inline-start: 20px; cursor: pointer; line-height: 22px; text-align: left; } .service-cms-banner-list:last-child .service_content::after { display: none; } .service_title1 { text-transform: capitalize; font-weight: 700; line-height: 22px; margin-bottom: 0px; } .service_title2 { color: rgb(117, 117, 117); } .ui-widget-content { border: 1px solid rgb(229, 229, 229) !important; } .head-compare .compare-icon-counter, .head-wishlist .wishlist-icon-counter { position: relative; } .head-wishlist a i { position: relative; float: right; line-height: 0; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgMzM2LjEzIj48cGF0aCBkPSJNMzgzLjkxLDEwMi41NmMtLjQ0LTIuMjktLjg1LTQuNi0xLjI0LTYuODRBMTU2LjU2LDE1Ni41NiwwLDAsMCwzNzkuMzksODBjLTEyLTQyLjczLTUxLjEyLTc1LjI3LTk1LjIzLTc5LjEyLTM0LjY3LTMtNjUsNy45Mi05MC4yNCwzMi41NS0uMzUuMzQtLjcxLjY3LTEuMTUsMS4wOGwtLjY5LjYzLS44Mi0uNzJjLS41Ny0uNTEtMS4xMy0xLTEuNjYtMS40OUMxNTcsMi4xNCwxMTkuNjQtNy4xMiw3OC43MSw1LjQxLDM3LjE2LDE4LjEzLDExLjI3LDQ3LjEzLDEuNzYsOTEuNiwxLjI0LDk0LC44OSw5Ni4zNi41Miw5OC44OWMtLjE1LDEtLjMsMi0uNDYsM2wtLjA2LjM5djE3LjI1bC4yMiwxYy4xNS43Mi4zMSwxLjQ1LjQ3LDIuMTguNTksMi42OSwxLjEzLDUuNDYsMS42NSw4LjE3YTE0OC43OCwxNDguNzgsMCwwLDAsNC4xOCwxNy43YzcuOTEsMjQuNDYsMjIsNDcuODgsNDQuMjUsNzMuNzIsMzQuMzgsMzkuODYsNzcuOTEsNzYuMTcsMTMzLjA4LDExMWExNS43OCwxNS43OCwwLDAsMCw4LjQ2LDIuNzcsMTQuNTYsMTQuNTYsMCwwLDAsOC4yNS0yLjgyYzQuMjEtMi44Niw4LjU0LTUuNzIsMTIuNzMtOC40OGwuMTUtLjFjNy40NS00LjkyLDE1LjE1LTEwLDIyLjUyLTE1LjMsNDQuNDUtMzEuOTUsNzcuNTYtNjIuMjgsMTA0LjE4LTk1LjQ0LDE5LjktMjQuNzksMzIuMjYtNDcuMTQsMzguOTItNzAuMzRhMTY0LjQxLDE2NC40MSwwLDAsMCwzLjUyLTE2LjVjLjQyLTIuMzQuODUtNC43NiwxLjMyLTcuMTRsLjEtLjQ4VjEwM1ptLTM3LjY1LDU5LjE4aDBjLTEwLjM1LDIwLjExLTI0Ljc3LDM5LjQtNDUuMzksNjAuNzMtMjkuMDYsMzAuMDYtNjQsNTguMjctMTA2Ljc4LDg2LjI0YTQuNDYsNC40NiwwLDAsMS0yLjI1LjU3LDMuMDcsMy4wNywwLDAsMS0xLjU4LS4zN2MtNTYuMzQtMzcuMDYtOTUuNDMtNzAuNTUtMTI2Ljc1LTEwOC41N0M0NSwxNzcuODMsMzQuMSwxNTguNjYsMjguMjgsMTM4LjIxYTE2Ny43NCwxNjcuNzQsMCwwLDEtMy43OS0xOC41NmMtLjQ3LTIuOC0uOTUtNS42OS0xLjQ4LTguNTJsLjktLjE3TDI0LjEsMTA3QTg3LDg3LDAsMCwxLDQ2LjQ1LDUzYTg1LjI1LDg1LjI1LDAsMCwxLDU1LjI5LTI4QzEzNCwyMS44OCwxNjAuNjgsMzMuNTgsMTgxLDU5LjczYzMuMzksNC4zNyw3LjIyLDYuNjgsMTEuMDcsNi42OGguMTFjMy44NCwwLDcuNjEtMi40LDEwLjg4LTYuODJhODcsODcsMCwwLDEsMTU2LjA3LDM5QzM2Mi4wOCwxMTguODUsMzU4LDEzOC45MiwzNDYuMjYsMTYxLjc0WiIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(46, 117, 189); mask-size: 28px auto; height: 28px; width: 28px; font-size: 0px !important; } .head-compare a i { position: relative; float: right; line-height: 0; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDIzLjUiPjxwYXRoIGQ9Ik0uNzUsMTEuNWEuNzYuNzYsMCwwLDAsLjc1LS43NXYtMkEzLjI2LDMuMjYsMCwwLDEsNC43NSw1LjVIMTYuOTRMMTQuMjIsOC4yMmEuNzUuNzUsMCwwLDAsMCwxLjA2Ljc3Ljc3LDAsMCwwLDEuMDYsMGw0LTRBLjc4Ljc4LDAsMCwwLDE5LjQ0LDVhLjczLjczLDAsMCwwLDAtLjU4Ljc4Ljc4LDAsMCwwLS4xNi0uMjRsLTQtNGEuNzUuNzUsMCwxLDAtMS4wNiwxLjA2TDE2Ljk0LDRINC43NUE0Ljc1LDQuNzUsMCwwLDAsMCw4Ljc1djJBLjc2Ljc2LDAsMCwwLC43NSwxMS41WiIvPjxwYXRoIGQ9Ik0xOC43NSwxMmEuNzYuNzYsMCwwLDAtLjc1Ljc1djJBMy4yNiwzLjI2LDAsMCwxLDE0Ljc1LDE4SDIuNTZsMi43Mi0yLjcyYS43NS43NSwwLDAsMCwwLTEuMDYuNzYuNzYsMCwwLDAtMS4wNiwwbC00LDRhLjc4Ljc4LDAsMCwwLS4xNi4yNC43My43MywwLDAsMCwwLC41OC43OC43OCwwLDAsMCwuMTYuMjRsNCw0YS43NS43NSwwLDEsMCwxLjA2LTEuMDZMMi41NiwxOS41SDE0Ljc1YTQuNzUsNC43NSwwLDAsMCw0Ljc1LTQuNzV2LTJBLjc2Ljc2LDAsMCwwLDE4Ljc1LDEyWiIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(46, 117, 189); mask-size: 24px auto; height: 28px; width: 28px; font-size: 0px !important; } .head-compare a, .head-wishlist a { display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size: 0px; line-height: 0; max-width: 110px; } .head-wishlist .material-icons, .head-compare .material-icons { font-size: 0px; } #cp_sidevertical_menu_top .head-wishlist .material-icons, #cp_sidevertical_menu_top .head-compare .material-icons { display: none; font-size: 0px; } .head-compare, .head-wishlist { display: inline-block; margin: 0px 20px; } #content-wrapper { background-color: rgb(255, 255, 255); border-radius: 5px; margin: 0px; padding: 0px; width: 100%; float: right; } #cptestimonial .slide.cptestimonial-container img { width: 47px; height: 47px; display: block; background-color: rgb(255, 255, 255); border-radius: 50%; } .testimonial-block-part .testimonial-img-title { display: flex; align-items: center; } .testimonial-banner-description { display: block; text-align: left; margin-block: 5px 10px; gap: 10px; } .testimonial-img { overflow: hidden; display: inline-block; vertical-align: middle; } .testimonial-banner-description p { margin-bottom: 5px; text-align: left; font-weight: 600; } .cptestimonial-container .testi-title { padding-inline-start: 10px; font-weight: 700; text-transform: capitalize; line-height: 42px; } .cptestimonial-container-inner .testimonial-banner-description .review-img { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAASCAYAAACpbKu1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMENEQTNEMzUzQzIxMUVGQjgxN0I1MzYzRkMyNEUxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMENEQTNENDUzQzIxMUVGQjgxN0I1MzYzRkMyNEUxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYwQ0RBM0QxNTNDMjExRUZCODE3QjUzNjNGQzI0RTFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYwQ0RBM0QyNTNDMjExRUZCODE3QjUzNjNGQzI0RTFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FAdeUwAAAaZJREFUeNrsmc1Kw0AQx2eSiqRgK/VQqYhS8ObFg+jFi76BR0E9eagP4EP4CHoUfAs9iuDFg54EQcQiYqU1YLUmXSdR07RJNpukhx5mYMnCTH47sF//3cXOxYqA4Rj66szMaBqwjaTFdgxOrrplmMbMeGYuLkCf2XW/VvNyaMkxM54p7RicWAQsLHl1Yd5kHzHMVGJKlzKtshNaz7R2MlOJGZwxuQKgMQeYXwCttNYDUV2UN0F83IFoP9BcfFfPiJmJmfgvl/XqAWhTGwQqqjVotaDbOAP7/jBSMjIzPdNbyuzHIxCWqTwQnFjnH5kxMz2zt8d8N8G+3Qfx+RQPoRgn1vlHasxMzezb/EXnhQJqUtgvpObGKo0EZqZiamEwYV5Hg8inmhgz0zND5TIa1WgtLvFJNTwzE/m0sPs4zM/7evzVLZ7X50tyx8fMZMzAOQbHy9RdBsmKNtj1E+jWT/8ORFugV7ZJBxoUMw3i61k9NWYmZuLgtT8Wl0l/r5N0OyaV8NbfylgJ9Nk90tvnIFpXwaExoOWZmZ6J/B4zmkx+jxlR+xFgAK7IMtm7ye4sAAAAAElFTkSuQmCC"); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 100%; margin: 0px 0px 20px; } .testimonial-block-part .cptestimonial-container .cptestimonial-container-inner { text-align: left; padding: 0px 30px; border-right: 1px solid rgb(229, 229, 229); } .testimonial-block-part .cptestimonial-container { padding: 25px 0px; } .testimonial-block-part { float: left; width: 100%; margin: 25px 0px; } .testimonial-block-part .container { position: relative; } #cptestimonial { margin-block-start: 0px; background-color: rgb(245, 247, 250); } .compare .btn, .wishlist .btn { padding: 8px; width: 33px; height: 33px; border-radius: 50%; } .compare .st-compare-bt-content, .wishlist .st-wishlist-bt-content { font-size: 0px; } .st-compare-button.btn-product.btn, .st-wishlist-button.btn-product.btn { background-color: transparent; } .product-actions-main .compare .st-compare-bt-content .fa.fa-area-chart { font-size: 0px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4zIDIzLjMiPjxwYXRoIGQ9Ik0xNC44LDkuNDVhLjYzLjYzLDAsMCwxLS40Ni0uMTkuNjYuNjYsMCwwLDEsMC0uOTJMMTcuODgsNC44LDE0LjM0LDEuMjZhLjY2LjY2LDAsMCwxLDAtLjkyLjY2LjY2LDAsMCwxLC45MiwwbDQsNGEuNjYuNjYsMCwwLDEsMCwuOTJsLTQsNEEuNjMuNjMsMCwwLDEsMTQuOCw5LjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTUgLTAuMTUpIi8+PHBhdGggZD0iTS44LDExLjQ1YS42NS42NSwwLDAsMS0uNjUtLjY1di0yQTQuNjYsNC42NiwwLDAsMSw0LjgsNC4xNWgxNGEuNjUuNjUsMCwwLDEsMCwxLjNINC44QTMuMzUsMy4zNSwwLDAsMCwxLjQ1LDguOHYyQS42NS42NSwwLDAsMSwuOCwxMS40NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjE1IC0wLjE1KSIvPjxwYXRoIGQ9Ik00LjgsMjMuNDVhLjYzLjYzLDAsMCwxLS40Ni0uMTlsLTQtNGEuNjYuNjYsMCwwLDEsMC0uOTJsNC00YS42NS42NSwwLDAsMSwuOTIuOTJMMS43MiwxOC44bDMuNTQsMy41NGEuNjYuNjYsMCwwLDEsMCwuOTJBLjYzLjYzLDAsMCwxLDQuOCwyMy40NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjE1IC0wLjE1KSIvPjxwYXRoIGQ9Ik0xNC44LDE5LjQ1SC44YS42NS42NSwwLDEsMSwwLTEuM2gxNGEzLjM1LDMuMzUsMCwwLDAsMy4zNS0zLjM1di0yYS42NS42NSwwLDAsMSwxLjMsMHYyQTQuNjYsNC42NiwwLDAsMSwxNC44LDE5LjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTUgLTAuMTUpIi8+PC9zdmc+"); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); background-size: 18px auto; height: 20px; width: 20px; vertical-align: middle; display: none; } .highlighted-informations { position: absolute; inset: auto 0px 0px; margin-block-end: 6px; text-align: center; display: none; } .product-actions-main .compare .st-compare-bt-content .fa.fa-area-chart::before { display: none; } .compare .st-compare-bt-content .fa, .wishlist .st-wishlist-bt-content .fa { color: rgb(0, 0, 0); } .product .compare .st-compare-bt-content .fa, .product .wishlist .st-wishlist-bt-content .fa { display: none; } .products .product_list .wishlist span { font-size: 0px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgMzM2LjEzIj48cGF0aCBkPSJNMzgzLjkxLDEwMi41NmMtLjQ0LTIuMjktLjg1LTQuNi0xLjI0LTYuODRBMTU2LjU2LDE1Ni41NiwwLDAsMCwzNzkuMzksODBjLTEyLTQyLjczLTUxLjEyLTc1LjI3LTk1LjIzLTc5LjEyLTM0LjY3LTMtNjUsNy45Mi05MC4yNCwzMi41NS0uMzUuMzQtLjcxLjY3LTEuMTUsMS4wOGwtLjY5LjYzLS44Mi0uNzJjLS41Ny0uNTEtMS4xMy0xLTEuNjYtMS40OUMxNTcsMi4xNCwxMTkuNjQtNy4xMiw3OC43MSw1LjQxLDM3LjE2LDE4LjEzLDExLjI3LDQ3LjEzLDEuNzYsOTEuNiwxLjI0LDk0LC44OSw5Ni4zNi41Miw5OC44OWMtLjE1LDEtLjMsMi0uNDYsM2wtLjA2LjM5djE3LjI1bC4yMiwxYy4xNS43Mi4zMSwxLjQ1LjQ3LDIuMTguNTksMi42OSwxLjEzLDUuNDYsMS42NSw4LjE3YTE0OC43OCwxNDguNzgsMCwwLDAsNC4xOCwxNy43YzcuOTEsMjQuNDYsMjIsNDcuODgsNDQuMjUsNzMuNzIsMzQuMzgsMzkuODYsNzcuOTEsNzYuMTcsMTMzLjA4LDExMWExNS43OCwxNS43OCwwLDAsMCw4LjQ2LDIuNzcsMTQuNTYsMTQuNTYsMCwwLDAsOC4yNS0yLjgyYzQuMjEtMi44Niw4LjU0LTUuNzIsMTIuNzMtOC40OGwuMTUtLjFjNy40NS00LjkyLDE1LjE1LTEwLDIyLjUyLTE1LjMsNDQuNDUtMzEuOTUsNzcuNTYtNjIuMjgsMTA0LjE4LTk1LjQ0LDE5LjktMjQuNzksMzIuMjYtNDcuMTQsMzguOTItNzAuMzRhMTY0LjQxLDE2NC40MSwwLDAsMCwzLjUyLTE2LjVjLjQyLTIuMzQuODUtNC43NiwxLjMyLTcuMTRsLjEtLjQ4VjEwM1ptLTM3LjY1LDU5LjE4aDBjLTEwLjM1LDIwLjExLTI0Ljc3LDM5LjQtNDUuMzksNjAuNzMtMjkuMDYsMzAuMDYtNjQsNTguMjctMTA2Ljc4LDg2LjI0YTQuNDYsNC40NiwwLDAsMS0yLjI1LjU3LDMuMDcsMy4wNywwLDAsMS0xLjU4LS4zN2MtNTYuMzQtMzcuMDYtOTUuNDMtNzAuNTUtMTI2Ljc1LTEwOC41N0M0NSwxNzcuODMsMzQuMSwxNTguNjYsMjguMjgsMTM4LjIxYTE2Ny43NCwxNjcuNzQsMCwwLDEtMy43OS0xOC41NmMtLjQ3LTIuOC0uOTUtNS42OS0xLjQ4LTguNTJsLjktLjE3TDI0LjEsMTA3QTg3LDg3LDAsMCwxLDQ2LjQ1LDUzYTg1LjI1LDg1LjI1LDAsMCwxLDU1LjI5LTI4QzEzNCwyMS44OCwxNjAuNjgsMzMuNTgsMTgxLDU5LjczYzMuMzksNC4zNyw3LjIyLDYuNjgsMTEuMDcsNi42OGguMTFjMy44NCwwLDcuNjEtMi40LDEwLjg4LTYuODJhODcsODcsMCwwLDEsMTU2LjA3LDM5QzM2Mi4wOCwxMTguODUsMzU4LDEzOC45MiwzNDYuMjYsMTYxLjc0WiIvPjwvc3ZnPg=="); mask-size: 17px auto; mask-position: center center; mask-repeat: no-repeat; display: block; position: relative; background-color: rgb(0, 0, 0); line-height: 30px; width: 17px; height: 17px; } .products .product_list .compare a { font-size: 0px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4zIDIzLjMiPjxwYXRoIGQ9Ik0xNC44LDkuNDVhLjYzLjYzLDAsMCwxLS40Ni0uMTkuNjYuNjYsMCwwLDEsMC0uOTJMMTcuODgsNC44LDE0LjM0LDEuMjZhLjY2LjY2LDAsMCwxLDAtLjkyLjY2LjY2LDAsMCwxLC45MiwwbDQsNGEuNjYuNjYsMCwwLDEsMCwuOTJsLTQsNEEuNjMuNjMsMCwwLDEsMTQuOCw5LjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTUgLTAuMTUpIi8+PHBhdGggZD0iTS44LDExLjQ1YS42NS42NSwwLDAsMS0uNjUtLjY1di0yQTQuNjYsNC42NiwwLDAsMSw0LjgsNC4xNWgxNGEuNjUuNjUsMCwwLDEsMCwxLjNINC44QTMuMzUsMy4zNSwwLDAsMCwxLjQ1LDguOHYyQS42NS42NSwwLDAsMSwuOCwxMS40NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjE1IC0wLjE1KSIvPjxwYXRoIGQ9Ik00LjgsMjMuNDVhLjYzLjYzLDAsMCwxLS40Ni0uMTlsLTQtNGEuNjYuNjYsMCwwLDEsMC0uOTJsNC00YS42NS42NSwwLDAsMSwuOTIuOTJMMS43MiwxOC44bDMuNTQsMy41NGEuNjYuNjYsMCwwLDEsMCwuOTJBLjYzLjYzLDAsMCwxLDQuOCwyMy40NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjE1IC0wLjE1KSIvPjxwYXRoIGQ9Ik0xNC44LDE5LjQ1SC44YS42NS42NSwwLDEsMSwwLTEuM2gxNGEzLjM1LDMuMzUsMCwwLDAsMy4zNS0zLjM1di0yYS42NS42NSwwLDAsMSwxLjMsMHYyQTQuNjYsNC42NiwwLDAsMSwxNC44LDE5LjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTUgLTAuMTUpIi8+PC9zdmc+"); mask-size: 15px auto; mask-position: center center; mask-repeat: no-repeat; display: block; position: relative; background-color: rgb(0, 0, 0); } #spe_res { margin: 0px -10px; } .testimonial-block-part #spe_res { margin: 0px; } #featured-products .products, .newproducts .products, .bestseller-products .products, .special-products .products, .viewed-products .products, .crosssell-products .products, .productscategory-products .products, .product-accessories .products, .featured-products.clearfix.ps_feature, #cpcategorytabs .products { border-radius: 0px; padding: 0px; width: 100%; float: left; position: relative; } .product-flags { margin: 0px; opacity: 1; position: absolute; top: 0px; left: 0px; z-index: 99; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; width: 100%; pointer-events: none; row-gap: 3px; } .quickview li.product-flag, .product-leftside li.product-flag, .products li.product-flag, #product_comparison li.product-flag { width: fit-content; line-height: 14px; border-radius: 10px 0px; font-size: 12px; font-weight: 600; text-align: left; padding: 4px 10px; } .product-flag.discount, .product-flag.pack, .product-flag.on-sale { background-color: rgb(255, 80, 84); color: rgb(255, 255, 255); margin-bottom: 3px; border-radius: 10px; } #cpcmsbanner2_block1 { clear: both; float: left; width: 100%; position: relative; text-align: left; display: flex; justify-content: space-between; gap: 20px; color: rgb(255, 255, 255); } #cpcmsbanner1 .cms_content .cms-block, #cpcmsbanner2 .cms_content .cms-block, #cpcmsbanner3 .cms_content .cms-block, #cpcmsbanner4 .cms_content .cms-block, #cpcmsbanner5 .cms_content .cms-block { position: absolute; top: 10%; left: 7%; text-align: left; right: auto; width: auto; font-size: 22px; font-weight: 700; line-height: 30px; } #cpcmsbanner5 .cms_content .cms-block { top: 5%; } #cpcmsbanner1 .cms-block .offer-text2, #cpcmsbanner2 .cms-block .offer-text2, #cpcmsbanner3 .cms-block .offer-text2, #cpcmsbanner4 .cms-block .offer-text2, #cpcmsbanner5 .cms-block .offer-text2 { font-weight: 700; font-size: 28px; margin: 15px 0px; line-height: 34px; } .cms_content img, #cpleftbanner1 img, .cpcategory-container .categoryblock .block_content .categoryimage img { transition: 0.5s; max-width: 100%; height: auto; width: auto; } .cms_content:hover img, #cpleftbanner1 li:hover img, .cpcategory-container .categoryblock .block_content:hover .categoryimage img { transform: scale(1.06); } .cms_content { position: relative; display: inline-block; width: auto; overflow: hidden; vertical-align: top; } #cpcmsbanner2, #cpcmsbanner3, #cpcmsbanner4, #cpcmsbanner5 { width: 100%; float: left; clear: both; transition: 1s; position: relative; cursor: pointer; margin: 25px 0px; } #cpcmsbanner2_block1, #cpcmsbanner3_block1, #cpcmsbanner4_block1, #cpcmsbanner5_block1 { clear: both; float: left; width: 100%; position: relative; text-align: left; display: flex; justify-content: space-between; gap: 20px; } @keyframes marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(-66.6%); } } .block_newsletter { display: flex; flex-direction: column; align-items: start; gap: 20px; width: 100%; padding: 195px 50px 72px; } .block_newsletter .title { position: relative; } .block_newsletter .block_title { position: relative; width: 100%; display: inline-block; text-align: left; font-size: 50px; font-weight: 700; line-height: 50px; margin-bottom: 15px; color: rgb(24, 38, 48); } .block_newsletter span { color: rgb(24, 38, 48); } .block_newsletter .block_content { text-align: left; padding: 0px; } .block_newsletter form { position: relative; width: auto; } .block_newsletter form .col-xs-12 { padding: 0px; float: left; position: relative; } .block_newsletter form .input-wrapper { overflow: hidden; width: 540px; display: flex; vertical-align: top; } .block_newsletter form input[type="email"] { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 8px 5px 8px 20px; text-align: left; text-transform: none; width: 100%; height: 50px; margin-right: 0px; border-radius: 25px 0px 0px 25px; } .block_newsletter form input.btn { margin: 0px; opacity: 1; width: auto; padding: 7px 35px; height: 50px; color: rgb(255, 255, 255); border-radius: 0px 25px 25px 0px; } .footer { position: relative; width: 100%; float: left; } .footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a { text-transform: capitalize; margin: 0px 0px 30px; color: rgb(24, 38, 48); font-size: 20px; } #footer { clear: both; width: 100%; } .footer-container { width: 100%; float: left; overflow: hidden; position: relative; background-size: cover; border-top: 0px solid rgb(229, 229, 229); margin-top: 0px; background-color: rgb(255, 255, 255); } .footer-container li { margin-bottom: 8px; color: rgb(24, 38, 48); } .footer-container .footer-right li a { cursor: pointer; text-transform: capitalize; position: relative; color: rgb(24, 38, 48); } #footer .footer-container .footer-after .copyright a { color: rgb(117, 117, 117); } .footer-container .footer-right li a:hover::before { background-color: rgb(9, 97, 179); } .col-md-4.links.block.hb-animate-element.top-to-bottom li a:hover::before { background-position: 0px 0px; } .footer-container .links .collapse, .footer-container .block_newsletter .collapse { display: inherit; margin: 0px; } #footer .footer-before { position: relative; width: 100%; float: left; overflow: hidden; margin: 25px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; background-color: transparent !important; } #footer .footer-middle { margin: 50px 0px; clear: both; float: left; width: 100%; } .footer-container .links { margin: 0px; padding: 0px; width: 33.33%; float: left; } .footer-container .col-md-4.links:nth-child(2n-1)::before { display: none; } #header .header-nav { padding: 8px 0px; background-color: rgb(46, 117, 189); color: rgb(255, 255, 255); border-bottom: 0px solid rgb(229, 229, 229); } #_desktop_cart { float: right; position: relative; cursor: pointer; margin-left: 20px; } #_desktop_user_info a.top-link { color: var(--secondary-color); } #header .header-nav #menu-icon .menu-close, #header .header-nav #menu-icon.active .menu-open, .header-top .header-div .container::after, #header .header-nav .container::after { display: none; } #header .header-nav .left-nav { float: left; margin: 0px; width: auto; position: relative; } .header-top .header-div { position: relative; width: 100%; text-align: center; padding: 0px; margin: 0px auto; background-color: rgb(255, 255, 255); } .header-top .header-div .container { display: grid; grid-template-columns: auto 1fr auto; padding: 0px; align-items: center; min-height: 90px; gap: 20px; } .header-top .header-div .container .header-left { display: flex; justify-content: flex-start; align-items: center; gap: 40px; } .header-top .header-div .container .header-center { display: flex; justify-content: center; align-items: center; gap: 30px; margin: 0px; border: 0px; } .header-top .header-div .container .header-right { display: inline-flex; flex-direction: row; align-items: center; gap: 30px; justify-content: end; } #header .header-nav .container { display: flex; justify-content: space-between; flex-direction: row; align-items: center; } #_desktop_user_info .top-link::after, #_desktop_language_selector::after, #_desktop_currency_selector::after { content: ""; width: 1px; height: 18px; background-color: rgb(255, 255, 255); display: block; position: absolute; left: auto; top: 3px; right: -22px; opacity: 0.1; } @keyframes fixedAnim { 0% { top: -100%; } 100% { top: 0px; } } #header .header-nav .right-nav { width: auto; display: inline-flex; justify-content: space-between; flex-direction: row; gap: 40px; } #_desktop_user_info .account.top-link::after { display: none; } .right-nav #_desktop_user_info { display: flex; flex-direction: row; gap: 40px; align-items: center; } #_desktop_user_info .top-link { position: relative; } #_desktop_cart .hidden-md-down.cart-shoptext { position: relative; padding-right: 0px; line-height: 18px; font-weight: 700; font-size: 14px; color: rgb(0, 0, 0); } .cart_block { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); transform: translateX(102%); z-index: 9999; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 12px 2px; max-width: 400px; opacity: 0; transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); } .cart_block .close-icon { color: rgb(0, 0, 0); background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPG1ldGFkYXRhPkljb0ZvbnQgSWNvbnM8L21ldGFkYXRhPg0KPHRpdGxlPmNsb3NlLWxpbmU8L3RpdGxlPg0KPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlLWxpbmUiIHVuaWNvZGU9Iu67oSIgaG9yaXotYWR2LXg9IjEwMDAiLz4NCjxwYXRoIGQ9Ik03NjIuNSAyMDBsMzcuNSAzNy41LTI2Mi41IDI2Mi41IDI2Mi41IDI2Mi41LTM3LjUgMzcuNS0yNjIuNS0yNjIuNS0yNjIuNSAyNjIuNS0zNy41LTM3LjUgMjYyLjUtMjYyLjUtMjYyLjUtMjYyLjUgMzcuNS0zNy41IDI2Mi41IDI2Mi41eiIvPg0KPC9zdmc+") center center / 23px auto no-repeat; float: right; font-size: 0px; height: 20px; width: 20px; text-indent: 100%; cursor: pointer; } .blockcart .header .block_content { float: left; width: 100%; padding-top: 20px; height: 100%; position: relative; } .cart_block.block.exclusive .top-block-cart { float: left; width: 100%; background: rgb(240, 240, 240); color: rgb(0, 0, 0); padding-block: 13px; padding-inline: 20px; } .no-more-item { display: inline-block; width: 100%; text-align: center; } .no-more-item img { width: 20%; } .no-more-item a.continue { float: left; width: 100%; margin-top: 20px; } .cart_block.block.exclusive .top-block-cart { float: left; width: 100%; background: rgb(46, 117, 189); } .blockcart .header .block_content .no-more-item .empty-text { margin-top: 20px; } .no-more-item a.continue { float: left; width: 100%; cursor: default; position: relative; } .overlay { position: fixed; top: 0px; left: 0px; z-index: 999; opacity: 0.7; background: rgb(0, 0, 0); width: 100%; height: 100%; display: none; } #_desktop_cart .cart_icon_counter { position: relative; } #_desktop_cart .carthome, #_mobile_cart .carthome { float: none; position: relative; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODMuOTUgMzM3LjQ2Ij48cGF0aCBkPSJNMzY4Ljg3LDExMi4zOWMtMTAuNzIuMzgtMjEuNDcsMC0zMi4yLjE2YTYuNjIsNi42MiwwLDAsMS01LjktMi45MVEyODkuODIsNTguMjUsMjQ4LjY4LDdjLTIuMTktMi43Mi01LjI5LTQuNzEtOC03aC02YTM0LjI5LDM0LjI5LDAsMCwwLTQuODYsMy4zYy00LjQ2LDQuMjUtNC41MSwxMC40NS0uMTksMTUuODdRMjQ5LjE5LDQzLjYyLDI2OC43NSw2OHExNi41LDIwLjYzLDMzLDQxLjI2Yy42OC44NCwxLjI3LDEuNzQsMi4xNiwzSDgwQzgxLDExMSw4MS42NywxMTAsODIuNDYsMTA5bDcwLjQyLTg4LjA3YzcuMi05LDYuMTMtMTUuMS0zLjY1LTIwLjk0aC02Yy0zLDIuNzItNi4zOCw1LjExLTguODgsOC4yMlE5My41MSw1OSw1MywxMDkuOTRhNiw2LDAsMCwxLTUuMjksMi42MWMtMTAuODYtLjE1LTIxLjczLjIyLTMyLjU3LS4xNy03LS4yNC0xMi4xLDEuODgtMTUuMDksOC4zNXY1MWMzLDYuNDcsOC4xMiw4LjkyLDE1LjEsOC4zLDMuMjItLjI5LDYuNDgtLjA1LDEwLjExLS4wNSwxLjgzLDYuMzIsMy42NywxMi42MSw1LjQ3LDE4LjkxcTE4LjE4LDYzLjY2LDM2LjI2LDEyNy4zM2MxLjQ1LDUuMTQsNCw5LDguOCwxMS4yNEgzMDguMjFjNS4yMS0yLjMzLDcuNS02LjY0LDktMTJxMjAuMTUtNzEuMjYsNDAuNTgtMTQyLjQzYy4yNy0uOTUuNjEtMS44OCwxLTMuMDksMy4zNiwwLDYuNzMtLjI0LDEwLjA2LjA1LDcsLjYxLDEyLjEyLTEuODEsMTUuMS04LjN2LTUxQzM4MSwxMTQuMjQsMzc1Ljg0LDExMi4xNCwzNjguODcsMTEyLjM5Wk0yOTYuNzYsMzE0Ljg1SDg3LjJMNDguNzQsMTgwLjI2SDMzNS4yUTMxNiwyNDcuNDYsMjk2Ljc2LDMxNC44NVptNjQuMzktMTU3LjYzSDIyLjY3di0yMkgzNjEuMTVaIi8+PHBhdGggZD0iTTExMS43NiwyMzkuNTZjMi40NSwxNC42Myw0LjgxLDI5LjI4LDcuNDUsNDMuODhhMTEsMTEsMCwwLDAsMTIuMzgsOC45M2M1Ljc5LS43OSw5LjkzLTUuODgsOS42Mi0xMi45MmwtNS40NC0zMi41NmMtMi0xMS44LTMuNzctMjMuNjUtNi0zNS40YTExLDExLDAsMCwwLTE3LjItNywxMC43NCwxMC43NCwwLDAsMC00LjcsMTEuMDhDMTA5LjA4LDIyMy41NywxMTAuNDIsMjMxLjU3LDExMS43NiwyMzkuNTZaIi8+PHBhdGggZD0iTTI1Mi44NiwyOTIuMzRjNi43LDEuMDgsMTEuOTMtMy41MSwxMy4yNi0xMS41OCwyLjItMTMuMjksNC40NC0yNi41Niw2LjYzLTM5Ljg1LDEuNDItOC42MSwzLTE3LjIxLDQuMTItMjUuODZhMTEsMTEsMCwwLDAtOS4zMS0xMi40NmMtNS44My0xLTExLjMsMi45My0xMi43LDktLjIzLDEtLjQyLDItLjU4LDIuOTRxLTIuOTEsMTcuMzQtNS43OSwzNC42OGMtMS43MywxMC40Ni0zLjQ1LDIwLjkxLTUsMzAuNkMyNDMuMjEsMjg2LjQzLDI0Ny4yNSwyOTEuNDQsMjUyLjg2LDI5Mi4zNFoiLz48cGF0aCBkPSJNMTkyLjEsMjkyLjQ1YzYuNTQtLjA4LDExLjEtNS4xNCwxMS4xMi0xMi40NSwwLTEwLjg2LDAtMjEuNzEsMC0zMi41N3MwLTIxLjQ2LDAtMzIuMTljMC03LjYxLTQuNTItMTIuNzItMTEuMTktMTIuNzVzLTExLjI5LDUuMDgtMTEuMywxMi42M3EwLDMyLjM4LDAsNjQuNzZDMTgwLjc0LDI4Ny4zOSwxODUuNDMsMjkyLjUzLDE5Mi4xLDI5Mi40NVoiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(46, 117, 189); mask-size: 28px auto; height: 28px; width: 28px; display: inline-block; vertical-align: top; } .cart-products-counthome { position: absolute; height: 24px; width: 24px; border-radius: 50%; background-color: rgb(219, 31, 38); color: rgb(255, 255, 255); line-height: 24px; border: 0px solid rgb(255, 255, 255); font-size: 14px; font-weight: 500; top: -14px; right: -8px; text-align: center; } .ap-total-wishlist, .ap-total-compare { position: absolute; height: 24px; width: 24px; border-radius: 50%; background-color: rgb(219, 31, 38); color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; font-weight: 500; border: 0px solid rgb(255, 255, 255); top: -12px; right: -16px; text-align: center; } .cart_custom { float: none; text-align: center; line-height: 20px; display: inline-block; vertical-align: top; } .cart_block .toggle-title { float: left; width: auto; font-size: 18px; font-weight: 600; line-height: 20px; text-transform: capitalize; color: var(--secondary-color); } #_desktop_cart .cart_block.block.exclusive { cursor: auto; } #cpheadercms3 .contact-link { display: flex; flex-wrap: wrap; text-align: left; align-items: center; } #cpheadercms1 .contact-link { padding-left: 25px; color: rgb(255, 255, 255); line-height: 27px; } #cpheadercms1::after { font-size: 0px; content: ""; width: 15px; height: 15px; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My45MiA0My44NyIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTM3Ljc4LDYuNjhBMjIuMDcsMjIuMDcsMCwwLDAsNi4yLDYuNjIsMjEuMjMsMjEuMjMsMCwwLDAsMCwyMS45NGMuMjIsMTIuODgsOS4yMywyMS45LDIyLDIxLjkzczIxLjY3LTksMjEuOTQtMjEuODlBMjEuMTQsMjEuMTQsMCwwLDAsMzcuNzgsNi42OFpNMzUuMjIsMzQuOTRhMTguNTcsMTguNTcsMCwwLDEtMjYuNTYtLjA2QTE3LjY3LDE3LjY3LDAsMCwxLDMuNSwyMi4xQzMuNywxMS4yOSwxMS4zLDMuNjgsMjIsMy42YzEwLjY4LjA5LDE4LjI3LDcuNzEsMTguNDQsMTguNTNBMTcuNzIsMTcuNzIsMCwwLDEsMzUuMjIsMzQuOTRaIi8+PHBhdGggZD0iTTIzLjcxLDkuMmMwLS40NSwwLS45MSwwLTEuMzZhMS42OSwxLjY5LDAsMCwwLTEuMzMtMS42NUExLjY2LDEuNjYsMCwwLDAsMjAuNDQsN2EyLjU4LDIuNTgsMCwwLDAtLjIzLDEuMTNjMCw0LjI4LDAsOC41NiwwLDEyLjg0YS4zOS4zOSwwLDAsMS0uMTYuMzhjLTIuMjMsMi00LjQ0LDQuMDktNi42NSw2LjE1bC0uMi4xOWEyLjI5LDIuMjksMCwwLDAtLjYzLDEsMS42NiwxLjY2LDAsMCwwLC43OCwyLDEuNzksMS43OSwwLDAsMCwuODguMjQsMiwyLDAsMCwwLDEuMzUtLjZMMjMsMjMuNDVhMi4xOCwyLjE4LDAsMCwwLC43My0xLjczVjkuMloiLz48L3N2Zz4="); background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; position: absolute; left: auto; top: 6px; right: auto; } #_desktop_user_info .sign-in, #_desktop_user_info .sign-in:hover, #header #_desktop_user_info .account { line-height: 26px; display: inline-block; vertical-align: middle; } #header #_desktop_user_info .account .account-icon { height: 0px; width: 0px; display: inline-block; vertical-align: top; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjcuODggMzQzLjczIj48cGF0aCBkPSJNMzI4LjEyLDMwNmMtMTIuMzgtNjAuNjQtNDcuNTgtMTAyLjE1LTEwNC44OC0xMjUuMTQtMS4xOC0uNDctMi43My0uMzMtMy40OS0xLjczLDM4LjY0LTI2LjQ1LDUxLTcxLjk1LDM4LjE0LTExMC4zNGE5NS45NSw5NS45NSwwLDAsMC0xODIuMTYsMGMtMTIuODcsMzguNTQtLjM5LDg0LDM4LjQ0LDExMC40OUE3LjYsNy42LDAsMCwxLDExMywxODBhMTYxLjY0LDE2MS42NCwwLDAsMC03Ni40Miw1NS40NEMxNC4zLDI2NC41OCwzLjMxLDI5Ny42NiwyLjg5LDMzNC4yNWMtLjA5LDcuNDIsNS4zMywxMi43LDEyLjQ0LDEyLjQ5LDYuNjktLjIsMTEuMzQtNS4xNywxMS40OS0xMi42NGExNDUuMjIsMTQ1LjIyLDAsMCwxLDkuMi00OWMyMC43Ni01NC42NCw3NC40LTkxLjI3LDEzMi40Ni05MCw0My44NS45NCw3OS42NiwxOC40OSwxMDcuMzQsNTIuMjQsMjAuNTksMjUuMDksMzAuMzgsNTQuMzMsMzEsODYuNzMuMTYsOCw1LjI3LDEzLDEyLjU2LDEyLjcsNi44Ny0uMjcsMTEuNjEtNS44NiwxMS4zNy0xMy41NkMzMzAuNDgsMzI0LjA2LDMzMCwzMTUsMzI4LjEyLDMwNlpNMTY2LjgzLDE3MC42OWE3MS44NCw3MS44NCwwLDEsMSw3Mi03MS42OEE3MS42OCw3MS42OCwwLDAsMSwxNjYuODMsMTcwLjY5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuODkgLTMuMDIpIi8+PC9zdmc+"); mask-position: center center; mask-repeat: no-repeat; background-color: gray; font-size: 0px; mask-size: 0px auto; margin-right: 0px; } #header #_desktop_user_info .locator span, #header #_desktop_user_info .track-order span, #header #_desktop_user_info .account span { color: rgb(255, 255, 255); } #header { float: left; position: relative; width: 100%; min-height: 277px; } #header .header-top { float: left; width: 100%; clear: both; position: relative; border-bottom: 1px solid rgb(229, 229, 229); } .header-top-main.bg_main #_top_main_menu { padding: 0px; width: auto; } .header-top-main.bg_main #_top_main_menu li { display: inline-block; vertical-align: top; margin-inline: 20px; } .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] { padding: 8px 0px; } .top-menu ul[data-depth="2"] li { width: 100%; } .header-top-main.bg_main #_top_main_menu #top-menu { margin: 0px; } .header-top-main.bg_main #_top_main_menu li a[data-depth="0"] { padding: 33px 0px; font-weight: 600; font-size: 15px; color: rgb(24, 38, 48); position: relative; } #cpheadercms2 { background-color: var(--primary-color); background-image: url("../img/megnor/top-cms-banner-1.jpg"); } #cpheadercms2 .container .offer-link .offer-link-1 { font-size: 30px; font-weight: 700; } #cpheadercms2 .container .offer-link .offer-link-2 { font-size: 30px; font-weight: 700; color: rgb(219, 31, 38); } #cpheadercms2 .container .offer-link { text-align: center; padding: 14px 0px; color: var(--secondary-color); font-size: 18px; font-weight: 700; } #cpheadercms2 .container .offer-link a { color: rgb(255, 255, 255); background-color: rgb(219, 31, 38); padding: 7px 15px; margin-left: 15px; font-weight: 700; font-size: 15px; border-radius: 25px; } #cpheadercms3 { margin-left: 0px; display: flex; gap: 20px; } #cpheadercms3 .contact-link .cms_content { padding-left: 15px; } .cms_icon { padding: 13px; border: 1px solid rgb(229, 229, 229); border-radius: 50%; } span.service.service_cms1 { font-weight: 500; } .contact-link span a { font-size: 15px; font-weight: 600; line-height: 22px; color: rgb(24, 38, 48); } #top-menu > li { margin: 0px; } #header .header-top-main.bg_main .menu { float: none; padding: 0px; width: auto; margin-inline-start: 0px; display: inline-block; vertical-align: top; position: unset; } .header-top-main.bg_main .container { position: relative; border-top: 0px solid rgb(229, 229, 229); border-bottom: 0px solid rgb(229, 229, 229); display: flex; align-items: center; justify-content: space-between; } .menu-container { margin-left: 0px; margin-right: 0px; cursor: pointer; } .material-icons.menu-open { font-size: 28px; margin-inline-end: 0px; line-height: 28px; color: rgb(46, 117, 189); } #cp_vertical_menu_top .material-icons.menu-open { mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTQgNTExLjk0Ij48cGF0aCBkPSJNNTguMTUsMjM1Ljg2cTYwLC40OSwxMTkuOTEsMGE1OC40OCw1OC40OCwwLDAsMCw1Ny43OC01Ny43OHEuNi02MC4xOS0uMDYtMTIwLjRjLS4yNi0yMC45NC05Ljk0LTM3LjYtMjcuODctNDguNDJDMjAwLjcsNC44OSwxOTIsMywxODQsMEg1MkM0NC41NCwyLjY2LDM2LjU1LDQuMzcsMjkuNzQsOC4xNywxMy41OSwxNy4yLDQsMzEuMzYuODcsNDkuNzNBMTEuNTcsMTEuNTcsMCwwLDEsMCw1MlYxODRhMTEuNTcsMTEuNTcsMCwwLDEsLjg3LDIuMjZDNS43OSwyMTQuNzksMjkuMzYsMjM1LjYxLDU4LjE1LDIzNS44NlpNNDAsNjEuN0M0MCw0Ny43LDQ3LjY2LDQwLDYxLjU5LDQwcTU2LjQ2LDAsMTEyLjkzLDBDMTg4LjE4LDQwLDE5Niw0Ny43NCwxOTYsNjEuMzRxLjA2LDU2LjcyLDAsMTEzLjQzYzAsMTMuMzUtNy43OSwyMS4xNS0yMS4wOCwyMS4xOS0xOSwuMDYtMzgsMC01NywwcS0yOCwwLTU2LDBjLTE0LjMyLDAtMjEuOTQtNy41OS0yMi0yMS44NFE0MCwxMTcuOTEsNDAsNjEuN1oiLz48cGF0aCBkPSJNMjM1Ljg2LDQ1My43OHEuNDktNTkuOTQsMC0xMTkuOWE1OC40OCw1OC40OCwwLDAsMC01Ny43OC01Ny43OHEtNjAuMTktLjYtMTIwLjQsMGMtMjAuOTQuMjYtMzcuNiwxMC00OC40MiwyNy44OEM0Ljg5LDMxMS4yNCwzLDMxOS45NCwwLDMyOHYxMzJjMi42Niw3LjQ2LDQuMzcsMTUuNDQsOC4xNywyMi4yNiw5LDE2LjE1LDIzLjE5LDI1LjczLDQxLjU2LDI4Ljg2YTEyLjI4LDEyLjI4LDAsMCwxLDIuMjYuODhIMTg0YTEyLjI4LDEyLjI4LDAsMCwxLDIuMjYtLjg4QzIxNC43OSw1MDYuMTUsMjM1LjYxLDQ4Mi41NywyMzUuODYsNDUzLjc4Wm0tNjEuNywxOC4xNXEtNTYuMjIsMC0xMTIuNDQsMGMtMTQsMC0yMS43LTcuNjQtMjEuNzEtMjEuNTZRNDAsMzkzLjkxLDQwLDMzNy40NEM0MCwzMjMuNzYsNDcuNzMsMzE2LDYxLjMxLDMxNnE1Ni43MiwwLDExMy40NCwwYzEzLjM2LDAsMjEuMTcsNy43NywyMS4yMSwyMSwuMDYsMTksMCwzOCwwLDU3cTAsMjgsMCw1NkMxOTYsNDY0LjI5LDE4OC4zOSw0NzEuOTIsMTc0LjE2LDQ3MS45M1oiLz48cGF0aCBkPSJNNDYxLjI0Ljg0YTEyLjc1LDEyLjc1LDAsMCwxLTIuMy0uODRIMzI5YTE5LjUxLDE5LjUxLDAsMCwxLTIuODEuOWMtMjguMzQsNC42OC00OS43NywyOC44NC01MCw1Ny42MnEtLjU3LDU5LjQzLDAsMTE4Ljg4YTU5LjI1LDU5LjI1LDAsMCwwLDU4LjQyLDU4LjQzcTU5LjQzLjYzLDExOC44OCwwYzE5LjMtLjE5LDM0LjgxLTguODIsNDYuNjMtMjQuMTEsNi41OS04LjUxLDkuNjMtMTguNDQsMTEuOS0yOC43MlY1M2MtMi4xOC05Ljg5LTUtMTkuNTEtMTEuMjEtMjcuOEM0OTAuNzksMTEuODMsNDc3LjgsMy40Niw0NjEuMjQuODRabTEwLjY5LDE3Mi42M2MwLDE0LjU0LTgsMjIuNDktMjIuNjMsMjIuNXEtNTUuNDcsMC0xMTEsMGMtMTQuMjgsMC0yMi4zNi04LjA1LTIyLjM3LTIyLjI2cTAtNTUuNzMsMC0xMTEuNDZDMzE2LDQ4LDMyNC4wNyw0MCwzMzguMzUsNDBxNTUuNzIsMCwxMTEuNDYsMGMxMy45NSwwLDIyLjA4LDguMTEsMjIuMTIsMjJxMCwxNC4xMiwwLDI4LjI0dDAsMjguMjRDNDcxLjk0LDEzNi44Miw0NzIsMTU1LjE0LDQ3MS45MywxNzMuNDdaIi8+PHBhdGggZD0iTTQ1My45MSwyNzYuMTNxLTU5Ljk0LS42NC0xMTkuODgsMGMtMzEuNDMuMzgtNTcuNTEsMjYuNDYtNTcuODksNTcuOS0uNDksMzkuOTUtLjQxLDc5LjkyLDAsMTE5Ljg4LjIsMTguNzEsOC42NiwzMy44NSwyMy4yOSw0NS41Myw4LjY4LDYuOTQsMTguODgsMTAuMjEsMjkuNTIsMTIuNDloMTMwYzMuNTEtLjg5LDcuMDktMS41NSwxMC41MS0yLjcxLDIyLjc4LTcuNzMsMzYuNjgtMjMuMzcsNDEuNTMtNDcsLjIzLTEuMTIuNjMtMi4yLDEtMy4zVjMyOWEzMC4zOCwzMC4zOCwwLDAsMS0xLTMuMzFDNTA2LjA1LDI5Ny42OSw0ODIuMTUsMjc2LjQ0LDQ1My45MSwyNzYuMTNabTE4LDE3My42OGMwLDEzLjk1LTguMTEsMjIuMS0yMiwyMi4xMnEtNTYsLjA2LTExMiwwYy0xMy44OSwwLTIyLTguMTctMjItMjIuMTJxMC0xNCwwLTI4dDAtMjhxMC0xMy44NywwLTI3Ljc1dDAtMjcuNzRjMC0xNC4yNyw4LTIyLjM1LDIyLjI1LTIyLjM3cTU1LjcyLDAsMTExLjQ2LDBjMTQuMjEsMCwyMi4yNCw4LjEsMjIuMjUsMjIuMzdRNDcyLDM5NC4wOCw0NzEuOTMsNDQ5LjgxWiIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(255, 255, 255); mask-size: 20px auto; height: 28px; width: 28px; margin: 0px; font-size: 0px !important; } .mobile .cat-title { font-weight: 500; color: rgb(0, 0, 0); } #header .header-top .menu .top-menu { margin: 0px; } #header .header-top .header_logo { float: left; text-align: left; width: 243px; position: relative; } #header .header-top .header_logo img.logo { width: auto; height: auto; } .popover { font-family: inherit; } #wrapper-top { clear: both; margin-bottom: 0px; } #wrapper { padding-top: 0px; padding-bottom: 0px; min-height: 700px; clear: both; } #breadcrumb_wrapper { position: relative; width: 100%; margin: 0px auto 40px; padding: 25px 0px; float: left; background-color: rgb(247, 247, 247); } #index .breadcrumb[data-depth="1"], #index #breadcrumb_wrapper { display: none !important; } .breadcrumb ol { padding-left: 0px; margin-bottom: 0px; float: left; position: relative; text-transform: capitalize; width: 100%; } .breadcrumb li a span { color: rgb(24, 38, 48); } .breadcrumb li { display: inline; } .breadcrumb li a::after { content: " "; display: inline-block; position: absolute; top: 6px; right: 0px; width: 1px; height: 14px; background-color: rgb(191, 191, 191); } .breadcrumb li a { padding-inline: 10px; display: inline-block; position: relative; } .breadcrumb li:hover::after { color: rgb(0, 0, 0); } .breadcrumb li:first-child a { padding-inline-start: 0px; } .breadcrumb li:last-child a::after { display: none; } #main .page-footer { margin: 0px; float: left; padding-bottom: 20px; } .top_button { right: 15px; bottom: 30px; display: none; position: fixed; z-index: 95; cursor: pointer; } .top_button i.expand_less { font-size: 30px; color: rgb(255, 255, 255); width: 35px; height: 35px; text-align: center; padding-top: 2px; background-color: rgb(15, 93, 237); border-radius: 50%; } .page-home { display: inline-block; vertical-align: top; text-align: center; width: 100%; } #header > .header-top-main.bg_main { float: none; width: 100%; position: relative; display: inline-block; vertical-align: top; border-block-end: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); } #index #header { margin-bottom: 20px; } .header-top-main.bg_main { float: none; width: 100%; display: inline-block; vertical-align: top; text-align: left; } .brands .products-section-title { margin-block-end: 20px; } #brand-carousel.product_list { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; } .brands { position: relative; width: 100%; display: inline-block; clear: both; margin: 25px 0px; padding: 84px 0px; vertical-align: top; background-size: cover; background-position: center center; background-color: rgb(247, 247, 247); background-repeat: no-repeat; } .homepage-latest-blog { float: left; width: 100%; position: relative; margin: 25px 0px; } .brands:hover .customNavigation { opacity: 1; } .btn.prev.brand_prev { left: -20px; } .btn.next.brand_next { right: -20px; } .brands .products { position: relative; padding: 0px; margin: 0px; float: left; width: 100%; border-top: 0px solid rgb(229, 229, 229); border-bottom: 0px solid rgb(229, 229, 229); } .brands .products .customNavigation { top: 35%; } .footer-left { float: left; width: 32%; position: relative; } .footer-right { float: right; width: 67%; padding-inline-start: 0px; } .copyright { margin: 0px; width: auto; float: left; overflow: hidden; z-index: 9; } .footer-after { clear: both; margin: 0px; padding: 3px 0px; width: 100%; z-index: 9; border-block-start: 1px solid rgb(229, 229, 229); } .footer-after .container { padding: 10px 0px; } #cpfootercms1 { float: right; } .menu-images-container { display: none; } @media (max-width: 1449px){#cpheadercms3 .contact-link:first-child { display: none; }} @media (max-width: 1449px){#cpcmsbanner1 .cms-block .offer-text2, #cpcmsbanner2 .cms-block .offer-text2, #cpcmsbanner4 .cms-block .offer-text2, #cpcmsbanner5 .cms-block .offer-text2 { font-size: 20px; line-height: 28px; margin: 5px 0px; }} @media (max-width: 1449px){.btn.prev.brand_prev { left: -10px; }} @media (max-width: 1449px){.btn.next.brand_next { right: -10px; }} @media (max-width: 1449px){.service_content::after { right: -10px; }} @media (max-width: 1449px){.service_content { padding-inline-start: 10px; }} @media (max-width: 1449px){.service_title1 { margin-bottom: 2px; }} @media (max-width: 1449px){.service-cms-banner-list.service-1 .service_image { mask-size: 40px auto; height: 40px; width: 45px; }} @media (max-width: 1449px){.service-cms-banner-list.service-2 .service_image { mask-size: 35px auto; height: 35px; width: 44px; }} @media (max-width: 1449px){.service-cms-banner-list.service-4 .service_image { mask-size: 37px auto; width: 37px; height: 37px; }} @media (max-width: 1449px){.footer-right { padding-inline-start: 70px; }} @media (max-width: 1449px){.header-top .header-div .container .header-right { gap: 25px; }} @media (max-width: 1449px){#header .header-top .menu { margin-inline-start: 23%; }} @media (max-width: 1199px){.header-top .header-div .container { grid-template-columns: auto auto; }} @media (max-width: 1199px){.header-top .header-div .container .header-center { display: none; }} @media (max-width: 1199px){.service_block_inner { flex-direction: column; }} @media (max-width: 1199px){.header-top-main.bg_main #_top_main_menu li { margin-inline: 10px; }} @media (max-width: 1199px){.menu-container { margin-inline-end: 5px; padding-inline-end: 15px; }} @media (max-width: 1199px){.service-cms-banner-list.service-1 .service_image, .service-cms-banner-list.service-2 .service_image, .service-cms-banner-list.service-3 .service_image, .service-cms-banner-list.service-4 .service_image { width: 100%; margin-bottom: 5px; }} @media (max-width: 1199px){#cpserviceblock .container { gap: 20px; }} @media (max-width: 1199px){.service_content::after { height: 105px; top: -35px; }} @media (max-width: 1199px){.service_content::after { top: -25px; }} @media (max-width: 1199px){.footer-right { padding-inline-start: 35px; }} @media (max-width: 1199px){.service_content { padding: 0px; text-align: center; }} @media (max-width: 1199px){.footer-container .col-md-4.links::before { left: -38px; }} @media (max-width: 1199px){#footer .footer-container .footer-left::after { right: -10px; left: auto; }} @media (max-width: 1199px){#header .header-nav .right-nav { gap: 15px; }} @media (max-width: 1199px){#_desktop_user_info .top-link::after, #_desktop_language_selector::after, #_desktop_currency_selector::after { right: -10px; }} @media (max-width: 1199px){.right-nav #_desktop_user_info { gap: 15px; }} @media (max-width: 1199px){#header .header-nav .container { justify-content: center; width: 100%; }} @media (max-width: 1199px){#header .header-nav .left-nav { display: none; }} @media (max-width: 1199px){#header .header-top .menu { width: 56%; margin-inline-start: 27%; }} @media (max-width: 1199px){.service_image { width: 100%; margin-top: 0px; }} @media (max-width: 991px){#cp_sidevertical_menu_top .head-compare a span .ap-total-compare.ap-total { line-height: 20px; }} @media (max-width: 991px){#cp_sidevertical_menu_top .head-compare a span { line-height: 14px; }} @media (max-width: 991px){#cp_sidevertical_menu_top .head-wishlist a span .ap-total-wishlist, #cp_sidevertical_menu_top .head-compare a span .ap-total-compare.ap-total { top: -22px; right: -12px; left: auto; }} @media (max-width: 991px){#cpcmsbanner5_block1 { display: grid; grid-template-columns: 1fr 1fr; }} @media (max-width: 991px){#cpcmsbanner1 .cms-block .offer-text2, #cpcmsbanner2 .cms-block .offer-text2, #cpcmsbanner4 .cms-block .offer-text2, #cpcmsbanner5 .cms-block .offer-text2 { font-size: 18px; line-height: 24px; }} @media (max-width: 991px){#cpcmsbanner1 .cms_content .cms-block, #cpcmsbanner2 .cms_content .cms-block, #cpcmsbanner3 .cms_content .cms-block, #cpcmsbanner4 .cms_content .cms-block, #cpcmsbanner5 .cms_content .cms-block { line-height: 14px; }} @media (max-width: 991px){#wrapper-top { margin-bottom: 0px; }} @media (max-width: 991px){#cp_sidevertical_menu_top .head-compare a span, #cp_sidevertical_menu_top .head-wishlist a span { display: block; }} @media (max-width: 991px){#cpcmsbanner2, #cpcmsbanner3 { margin: 25px 0px; }} @media (max-width: 991px){#featured-products, .newproducts, .bestseller-products { margin: 25px 0px; }} @media (max-width: 991px){#cpserviceblock { margin: 20px 0px 25px; }} @media (max-width: 991px){.testimonial-block-part { margin: 25px 0px; }} @media (max-width: 991px){#footer .footer-middle { margin: 30px 0px; clear: both; float: left; width: 100%; }} @media (max-width: 991px){#header .header-top-main.bg_main .menu { display: none; }} @media (max-width: 991px){#cpserviceblock .container { display: block; width: 100%; column-count: 3; column-gap: 20px; }} @media (max-width: 991px){.service-cms-banner-list { padding-block: 10px; }} @media (max-width: 991px){.footer-after .container { display: flex; flex-direction: column; gap: 10px; }} @media (max-width: 991px){#cpcmsbanner2 .cms-block .offer-text2 { font-size: 18px; line-height: 22px; }} @media (max-width: 991px){#cpserviceblock .container { gap: 20px; display: grid; grid-template-columns: 1fr 1fr; }} @media (max-width: 991px){#header .header-nav .container { display: inline-flex; }} @media (max-width: 991px){.header-top .mobile .cat-title { font-size: 0px; line-height: 0; float: left; padding: 0px; border-radius: 4px; }} @media (max-width: 991px){.menu-container { margin-inline-end: 0px; padding-inline-end: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }} @media (max-width: 991px){.footer-right { float: right; width: 100%; padding: 0px; }} @media (max-width: 991px){.footer-left { float: left; width: 100%; }} @media (max-width: 991px){.footer-container .col-md-4.links::before, .block_newsletter > .block_title, #header .header-nav .left-nav, #product-modal .modal-content .modal-body .arrows { display: none; }} @media (max-width: 991px){.service_block_inner { display: inline-block; vertical-align: top; }} @media (max-width: 991px){.service_content::after { display: none; }} @media (max-width: 991px){.brands { margin: 25px 0px; padding: 50px 0px; }} @media (max-width: 991px){.products .product_list article.product_item::after, .products .product_list article.item::after { display: none; }} @media (max-width: 991px){#product-modal .modal-content .modal-body img.product-cover-modal, #product-modal .modal-content .modal-body .image-caption, .block_newsletter form .input-wrapper { width: 450px; }} @media (max-width: 991px){.cart-products-counthome { top: -14px; right: -39px; }} @media (max-width: 991px){.header-top .header-div .container .header-center { justify-content: left; }} @media (max-width: 991px){.ap-total-wishlist, .ap-total-compare { right: -14px; }} @media (max-width: 991px){.head-compare a i { width: 30px; }} @media (max-width: 991px){.block_newsletter form .col-xs-12 { width: auto; }} @media (max-width: 991px){#header .header-top { margin-bottom: 0px; }} @media (max-width: 991px){#header .header-top .menu a, #mobile_top_menu_wrapper .top-menu a, #mobile_top_menu_wrapper .top-menu .sub-menu a { text-align: left; }} @media (max-width: 991px){#header .header-top .menu { margin-inline-start: 0px; }} @media (max-width: 991px){.brands .customNavigation { top: 70px; }} @media (max-width: 991px){.footer-container .links { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }} @media (max-width: 991px){.sub-menu { left: 0px; min-width: 100%; }} @media (max-width: 991px){#header { min-height: auto; position: relative; width: 100%; }} @media (max-width: 991px){@-webkit-keyframes fixedAnim { 0% { top: -100%; } 100% { top: 0px; } }} @media (max-width: 991px){@keyframes fixedAnim { 0% { top: -100%; } 100% { top: 0px; } }} @media (max-width: 991px){#header .header-nav .menu-icon .material-icons, #header .header-top .menu-icon .material-icons { margin: 0px 10px 0px 0px; }} @media (max-width: 991px){.cat-title.title2 { width: 100%; text-align: left; background-color: rgb(46, 117, 189); color: rgb(255, 255, 255); }} @media (max-width: 991px){#header .header-nav #menu-icon .nav-menu, #_desktop_top_menu { display: none; }} @media (max-width: 991px){.block_newsletter { flex-direction: column; gap: 20px; align-items: start; }} @media (max-width: 991px){.footer-container .links:first-child, .footer-container .links { width: 100%; margin: 0px; padding: 0px; float: left; }} @media (max-width: 991px){.copyright, #cpfootercms1 { width: 100%; float: none; text-align: center; }} @media (max-width: 991px){.footer-container .links .title { padding: 10px 0px; cursor: pointer; margin: 0px; line-height: 20px; }} @media (max-width: 991px){.footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a { margin: 0px; }} @media (max-width: 991px){.footer-container .links .title .collapse-icons .remove, .footer-container .block_newsletter .title .collapse-icons .remove { display: none; }} @media (max-width: 991px){.footer-container .links .navbar-toggler, .block-social .navbar-toggler, .footer-container .block_newsletter .navbar-toggler { display: inline-block; padding: 0px; vertical-align: top; cursor: pointer; color: rgb(24, 38, 48); }} @media (max-width: 991px){#footer .footer-container .footer-left::after, .footer-container .links .collapse, .footer-container .block_newsletter .block_content.collapse { display: none; }} @media (max-width: 991px){.footer-container .links ul { margin-bottom: 0px; padding: 0px; }} @media (max-width: 991px){.footer-container { padding: 0px; }} @media (max-width: 991px){.block_newsletter .title { display: grid; }} @media (max-width: 991px){#wrapper { margin-bottom: 30px; display: block !important; }} @media (max-width: 991px){#columns_inner { clear: both; }} @media (max-width: 991px){.contact-link { display: inline-block; float: none; }} @media (max-width: 991px){#header .header-nav { float: none; clear: both; width: 100%; text-align: center; display: inline-block; }} @media (max-width: 991px){.header-top .header-top-main.bg_main { height: auto; }} @media (max-width: 991px){.overlay { z-index: 98; }} @media (max-width: 991px){.cart_block { display: block; bottom: 0px; overflow-y: auto; }} @media (max-width: 991px){.blockcart .header .block_content { height: auto; }} @media (max-width: 991px){.verticalmenu-side { float: left; width: 100%; }} @media (max-width: 991px){#_desktop_cart { height: 30px; }} @media (max-width: 767px){#header .header-top .header_logo { width: 160px; }} @media (max-width: 767px){.header-top .header-div .container .header-left { gap: 20px; }} @media (max-width: 767px){.header-top .header-div .container { grid-template-columns: auto auto; gap: 15px; padding: 10px 20px; }} @media (max-width: 767px){.head-compare, .head-wishlist { display: none; }} @media (max-width: 767px){#cpcmsbanner1 .cms-block .offer-text2, #cpcmsbanner2 .cms-block .offer-text2, #cpcmsbanner4 .cms-block .offer-text2, #cpcmsbanner5 .cms-block .offer-text2 { margin: 15px 0px; }} @media (max-width: 767px){.block_newsletter .block_title { font-size: 36px; line-height: 36px; }} @media (max-width: 767px){#product-modal .modal-content .modal-body img.product-cover-modal, #product-modal .modal-content .modal-body .image-caption, .block_newsletter form .input-wrapper { width: 350px; }} @media (max-width: 767px){#cpheadercms3 .contact-link .cms_icon { display: none; }} @media (max-width: 767px){.material-icons.menu-open { line-height: 32px; }} @media (max-width: 767px){#header .header-nav .menu-icon .material-icons, #header .header-top .menu-icon .material-icons { margin: 0px; }} @media (max-width: 767px){#breadcrumb_wrapper { padding: 50px 20px; display: block !important; }} @media (max-width: 767px){.header-top .header-div .container { gap: 15px; padding: 10px 20px; }} @media (max-width: 767px){#products .grid article.product_item:hover .product-bottom .add-to-cart-button, .product_list article.product_item:hover .product .product-bottom .add-to-cart-button, .product_list article.item:hover .product .product-bottom .add-to-cart-button, .add-to-cart-button, .image-block_slider, #_desktop_user_info a.top-link, .ZoomContainer { display: block; }} @media (max-width: 767px){.service_content::after { display: none; }} @media (max-width: 767px){#cpcmsbanner1_block1, #cpcmsbanner2_block1, #cpcmsbanner3_block1 { text-align: center; flex-direction: column; align-items: center; }} @media (max-width: 767px){.header-center { flex: 1 1 auto; display: flex; justify-content: center; }} @media (max-width: 767px){.header-left { display: flex; justify-content: flex-start; }} @media (max-width: 767px){#cpserviceblock { padding-inline: 20px; }} @media (max-width: 767px){#spe_res { margin: 0px -10px; }} @media (max-width: 767px){.testimonial-block-part #spe_res { margin: 0px; }} @media (max-width: 767px){#cpcmsbanner2_block1, #cpcmsbanner3_block1, .brand-inner .row, #cpcmsbanner4_block1, #cpcmsbanner5_block1 { flex-direction: column; align-items: center; display: flex; }} @media (max-width: 767px){.testimonial-block-part .cptestimonial-container { padding: 25px 0px; }} @media (max-width: 767px){.products .product_list article.item { padding-bottom: 10px; }} @media (max-width: 767px){#header .header-top .menu { width: 100%; text-align: center; }} @media (max-width: 767px){.highlighted-informations.hidden-sm-down { display: block !important; }} @media (max-width: 767px){.breadcrumb .container { padding: 0px; }} @media (max-width: 767px){.service_content::before { top: 12px; }} @media (max-width: 767px){.products .product-miniature .product-flags .new, .products .product-miniature .online-only, .products .product-miniature .on-sale { opacity: 1; }} @media (max-width: 767px){.brands .customNavigation { opacity: 1; }} @media (max-width: 767px){.products .product_list article.product_item:hover .product-miniature, .products .product_list article.item:hover .product-miniature { box-shadow: none; }} @media (max-width: 767px){#wrapper { box-shadow: none; }} @media (max-width: 767px){#index #wrapper { padding-top: 0px; }} @media (max-width: 767px){label { clear: both; }} @media (max-width: 767px){.products .thumbnail-container, .product-accessories .thumbnail-container { display: inline-block; vertical-align: middle; }} @media (max-width: 767px){.menu, .dropdown-item { padding-left: 0px; }} @media (max-width: 767px){.container { max-width: 100%; padding-left: 20px; padding-right: 20px; }} @media (max-width: 767px){.products .product-miniature .add-to-cart { display: inline-block; }} @media (max-width: 767px){.products .product_list article .product-miniature .product-actions, .products .product_list article .product-miniature .product-actions-main { left: auto; right: 10px; opacity: 1; }} @media (max-width: 767px){.products .product_list .product-actions .add-to-cart, .products .product_list .product-actions-main .add-to-cart, .products .product_list article .product-miniature .product-actions-main .view_detail, .products .product_list article .product-miniature .product-actions .view_detail, .products .product_list .quick-view, .compare, #js-product-list .product_list.grid.gridcount .thumbnail-container .quick-view, .special-products .products .product_list article.item::after { display: none; }} @media (max-width: 480px){.header-top .header-div .container .header-right { display: none; }} @media (max-width: 480px){.header-top .header-div .container .header-left { justify-content: space-between; }} @media (max-width: 480px){.header-top .header-div .container { grid-template-columns: auto; }} @media (max-width: 480px){.cart-products-counthome { top: -14px; right: -12px; }} @media (max-width: 480px){.contact-link span a { font-size: 14px; }} @media (max-width: 480px){#cpheadercms2 .container .offer-link { font-size: 14px; }} @media (max-width: 480px){#cpheadercms2 .container .offer-link .offer-link-1 { font-size: 14px; }} @media (max-width: 480px){#cpheadercms2 .container .offer-link .offer-link-2 { font-size: 14px; }} @media (max-width: 480px){#cpheadercms2 .container .offer-link a { padding: 0px; background-color: transparent; font-size: 14px; text-decoration: underline; margin-left: 10px; }} @media (max-width: 480px){.products-section-title h2.title { font-size: 26px; line-height: 28px; }} @media (max-width: 480px){.block_newsletter .block_title { font-size: 28px; line-height: 28px; }} @media (max-width: 480px){#product-modal .modal-content .modal-body img.product-cover-modal, #product-modal .modal-content .modal-body .image-caption, .block_newsletter form .input-wrapper { width: 270px; }} @media (max-width: 480px){.block_newsletter { padding: 150px 20px 72px; }} @media (max-width: 480px){.btn-primary, .btn-secondary, .btn-tertiary { padding: 12px; }} @media (max-width: 480px){#cpcmsbanner2 .cms-block .offer-text2 { font-size: 16px; line-height: 17px; }} @media (max-width: 480px){.material-icons.menu-open { font-size: 24px; line-height: 32px; }} @media (max-width: 480px){.btn { white-space: normal; }} @media (max-width: 480px){#cpserviceblock .container { display: flex; flex-direction: column; }} @media (max-width: 480px){.header-top .head-wishlist, .header-top .head-compare, .cart_custom, #header .language-selector .expand-more span, #header .currency-selector .expand-more span { display: none; }} @media (max-width: 480px){.mobile .cat-title { font-size: 0px; line-height: 0; }} @media (max-width: 480px){.head-compare a { margin-right: 0px; }} @media (max-width: 480px){.ap-total-wishlist, .ap-total-compare { left: 18px; top: -9px; }} @media (max-width: 480px){.cart_block { width: 300px; }} @media (max-width: 480px){.header-top-main.bg_main #_top_main_menu li { margin-inline: 5px; }} @media (max-width: 480px){.head-compare a, .head-wishlist a { margin-inline-start: 0px; height: 20px; margin-block: 0px; }} @media (max-width: 480px){#footer .footer-middle { margin: 20px 0px; }} @media (max-width: 480px){.block_newsletter form input[type="email"] { padding: 9px 20px; }} @media (max-width: 480px){.products .product_list article.product_item, .products .product_list article.item { padding: 10px; }} @font-face { font-family: FontAwesome; src: url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-area-chart::before { content: ""; } #search_block_top { position: relative; width: auto; float: none; padding: 0px; display: inline-block; vertical-align: middle; } #search_block_top #search_query_top { padding: 11px 30px; width: 700px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 25px 0px 0px 25px; background-color: rgb(247, 247, 247); } #search_category { appearance: none; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(48, 56, 64); cursor: pointer; display: inline; float: left; font-size: 12px; height: 42px; outline: none 0px; padding: 5px 10px 5px 20px; border-radius: 5px; } .searchtoggle { display: block; } #searchbox { position: relative; } #search_block_top .btn.btn-primary { padding: 13px 35px; border-radius: 0px 25px 25px 0px; } #search_block_top .btn.btn-primary .submit-text { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; height: 20px; position: relative; text-align: center; top: 0px; width: 20px; font-size: 0px; padding: 0px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE5LjcxLDE4LjI5bC00LjU0LTQuNTRhOC41Myw4LjUzLDAsMSwwLTEuNDIsMS40Mmw0LjU0LDQuNTRhMSwxLDAsMCwwLDEuNDIsMEExLDEsMCwwLDAsMTkuNzEsMTguMjlabS02LjYxLTUuMmgwQTYuNSw2LjUsMCwxLDEsMTUsOC41LDYuNSw2LjUsMCwwLDEsMTMuMDksMTMuMVoiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; mask-size: 20px auto; background-color: rgb(255, 255, 255); } #cpsearch_content_result { top: 46px; left: 15px; position: absolute; width: 96%; background: rgb(255, 255, 255); color: rgb(52, 119, 88); overflow: hidden; z-index: 99999; padding: 10px; display: none; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; } #cpsearch_content_result .over_light { position: absolute; width: 100%; height: 100%; background: rgb(255, 255, 255); left: 0px; right: 0px; } #cpsearch_content_result #cpsearch_eccept_data { position: relative; max-height: 700px; width: auto; overflow-y: auto; } #search_block_top .select-wrapper { float: left; position: relative; width: 150px; z-index: 1; display: none; } #search_block_top .select-wrapper::after { content: ""; font-family: "Material Icons"; position: absolute; right: -12px; top: 0px; cursor: pointer; bottom: 0px; margin: auto; height: 20px; width: 20px; border-radius: 5px; line-height: 16px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 8px; } .cpsearch-main { float: left; text-align: left; } #search_block_top #search_query_top::placeholder { color: gray; font-size: 14px; } @media (max-width: 1450px){#search_block_top #search_query_top { width: 450px; }} @media (max-width: 1199px){#search_block_top .select-wrapper { width: 110px; }} @media (max-width: 1199px){#search_block_top #search_query_top { width: 250px; }} @media (max-width: 991px){#search_block_top .btn.btn-primary { padding: 13px 35px; }} @media (max-width: 991px){#search_block_top #search_query_top { padding: 11px 30px; }} @media (max-width: 991px){#search_block_top .btn.btn-primary .submit-text { background-color: rgb(0, 0, 0); }} @media (max-width: 991px){#search_block_top .btn.btn-primary { background: rgb(255, 255, 255); }} @media (max-width: 991px){.cpsearch-main, #search_block_top { width: 100%; }} @media (max-width: 991px){#cpsearch_content_result { top: 52px; }} @media (max-width: 991px){header #searchbox { display: flex; padding: 8px 0px; }} @media (max-width: 991px){#search_block_top #search_query_top { width: 100%; background-color: rgb(255, 255, 255); }} @media (max-width: 991px){#search_block_top .select-wrapper { width: 110px; }} @media (max-width: 767px){.cpsearch-main { border-radius: 25px; }} @media (max-width: 480px){#search_category { font-size: 12px; padding: 8px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 32px; }} @media (max-width: 480px){#search_block_top #search_query_top { padding-inline-end: 0px; }} @media (max-width: 480px){#search_block_top .btn.btn-primary { padding: 13px 20px; }} .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; } @font-face { font-family: "UTM banqueB"; src: url("../../../../modules/cpcouponpop/views/css/fonts/UTM BanqueB.ttf") format("truetype"); } @font-face { font-family: "UTM banqueR"; src: url("../../../../modules/cpcouponpop/views/css/fonts/UTM BanqueR.ttf") format("truetype"); } @font-face { font-family: "UTM Bitsumishi Pro"; src: url("../../../../modules/cpcouponpop/views/css/fonts/UTM Bitsumishi Pro.ttf") format("truetype"); } .product-recommend { box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px; overflow: hidden; padding: 10px 0px; } .product-recommend-content { display: flex; align-items: center; } .product-notification .notify-close { width: 27px; height: 27px; position: absolute; right: 5px; top: 5px; font-size: 27px; text-align: center; cursor: pointer; z-index: 99; } .product-notification .notify-close, .product-notification .notify-close:hover { color: rgb(0, 0, 0); } .product-notification { position: fixed; width: 350px; opacity: 0; z-index: 999; visibility: hidden; transition: 1s; min-height: 115px; } .product-notification .product-recommend { background: rgb(255, 255, 255); width: 100%; border-radius: 5px; } .product-notification .column-left { padding: 0px 10px; width: 33.3333%; } .product-notification .column-right { font-size: 13px; color: rgb(34, 34, 34); line-height: 24px; padding: 0px 10px; width: 66.6667%; } .product-notification .column-right a.product-name { color: rgb(34, 34, 34); text-transform: capitalize; font-weight: 600; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .product-notification .column-right a:hover { color: rgb(85, 85, 85); } .product-notification .column-right .customer-detail { text-transform: capitalize; } .product-notification .column-right .time-ago { padding-bottom: 7px; } .product-notification .product-image { display: block; max-width: 95px; } .product-notification .product-image img { width: 100%; } @media (max-width: 380px){.product-notification { width: auto; left: 5px !important; right: 5px !important; }} .st-modal .modal-content { text-align: center; } .st-modal-cart .modal-dialog, .st-modal-compare .modal-dialog, .st-modal-wishlist .modal-dialog { margin: 250px auto; max-width: 650px; } .cssload-speeding-wheel { width: 24px; height: 24px; margin: 0px auto; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) transparent; border-image: none; border-radius: 50%; animation: 800ms linear 0s infinite normal none running cssload-spin; display: none; } @keyframes cssload-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100% { transform: rotate(360deg); } } .st-modal-wishlist .modal-footer { display: none; } .st-modal-wishlist-loading, .st-wishlist-button.dropdown-toggle::after, .st-view-wishlist-product-loading { display: none; } @-webkit-keyframes spin { 100% { transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav .owl-prev { left: -5px; } .owl-carousel .owl-nav .owl-next { right: -5px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-rtl { direction: rtl; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 767px){.owl-carousel .owl-nav .owl-prev { left: 3px; }} @media (max-width: 767px){.owl-carousel .owl-nav .owl-next { right: 3px; }} .owl-theme .owl-controls { margin-top: 10px; text-align: center; } @-webkit-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0px) translateX(0px); } } @keyframes backSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0px) translateX(0px); } } @-webkit-keyframes scaleToFade { 100% { opacity: 0; transform: scale(0.8); } } @keyframes scaleToFade { 100% { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { 0% { transform: translateY(-100%); } } @keyframes goDown { 0% { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { 0% { opacity: 0; transform: scale(1.5); } } @keyframes scaleUpFrom { 0% { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { 100% { opacity: 0; transform: scale(1.5); } } @keyframes scaleUpTo { 100% { opacity: 0; transform: scale(1.5); } } .page_home, .page_home_gallery { background-color: rgb(255, 255, 255); display: block; clear: both; width: 100%; } .page_home ul, .page_home article#latest-blog-slider, .page_home_gallery ul { float: left; margin-bottom: 0px; position: relative; width: 100%; } .ets_item_img { float: left; overflow: hidden; position: relative; background-color: rgb(238, 238, 238); width: 100%; } .page_home img, .ets-blog img { max-width: 100%; } .ets_item_img img { transition: 0.7s; max-width: 100%; width: 100%; } .ets_item_img:hover img { transform: scale(1.05); } .ets_title_block { font-size: 20px; font-weight: 700; margin: 0px; line-height: 28px; } .ets-blog-sidear-post-meta { float: left; width: 100%; } .homepage-latest-blog { margin: 25px 0px; } .post-date { float: left; width: auto; color: rgb(117, 117, 117); } .clear { clear: both; } .ets_block_slider .owl-item > article { float: left; overflow: hidden; width: 100%; } #content-wrapper .ets_block_slider .owl-item > article { padding: 10px; text-align: left; } .ets_block_slider .owl-controls, .ets_blog_related_posts_type_carousel .owl-controls, .ets_related_products_type_carousel .owl-controls { min-height: 20px; min-width: 20px; position: absolute; right: 0px; left: auto; top: 45%; width: 100%; opacity: 0; display: block !important; } .ets-blog-latest-post-content, .ets-blog-wrapper-content-main { display: inline-grid; gap: 6px; width: 100%; padding-block-start: 12px; justify-items: flex-start; } .ets_block_slider:hover .owl-controls, .ets_blog_related_posts_type_carousel:hover .owl-controls, .ets_related_products_type_carousel:hover .owl-controls { opacity: 1; } .ets_block_slider .owl-controls .owl-nav, .ets_blog_related_posts_type_carousel .owl-controls .owl-nav, .ets_related_products_type_carousel .owl-controls .owl-nav { position: relative; top: -45px; right: auto; } .ets_block_slider .owl-nav > div, .ets_blog_related_posts_type_carousel .owl-nav > div, .ets_related_products_type_carousel .owl-nav > div { background: rgb(255, 255, 255); cursor: pointer; float: left; font-size: 20px; height: 38px; line-height: 21px; width: 38px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 16px 0px; position: absolute; } .ets_block_slider .owl-prev::before, .ets_blog_related_posts_type_carousel .owl-prev::before, .ets_related_products_type_carousel .owl-prev::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+"); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } .ets_block_slider .owl-next::before, .ets_blog_related_posts_type_carousel .owl-next::before, .ets_related_products_type_carousel .owl-next::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xNC4zOCwzMjYuMjNjOC45Mi0xMS4xMSwyMy40Ni0xMi4zMywzNy44Ny0xMiwxMzguMzQuMTUsMjk5LjMuMTIsNDU1LC4xLDE1MS40OSwwLDMwOC0uMDUsNDQzLjc3LjA5LTQwLjE3LTQwLTgwLjc0LTgwLjYzLTEyMC0xMjAtNDEuODUtNDEuODktODUuMTItODUuMjItMTI3Ljg2LTEyNy43NS03LjQ0LTcuNTYtMTUuMzktMTYuNjEtMTUuNTktMjguNDRBMzIuMzMsMzIuMzMsMCwwLDEsNzE3LjY2LDQuMzdjMTYtMS43NCwyOC4zMSwxMS4yOSwzNSwxOC4zNUM4MjQsOTQuMjQsODk2LjY4LDE2Ni44Niw5NjcsMjM3LjFxNTMuNjEsNTMuNTgsMTA3LjIyLDEwNy4xOGwzLjE4LDMuMTgtMy4xOCwzLjE4Qzk2OS45MSw0NTQuOTEsODYyLjEsNTYyLjczLDc1NS4yOCw2NjkuMzRsLTIuNDUsMi40OGMtOC4xMyw4LjI3LTE4LjIyLDE4LjU0LTMyLjI1LDE4LjU0aDBjLS41NywwLTEuMTUsMC0xLjcyLDBBMzIuMTgsMzIuMTgsMCwwLDEsNjg3LjUsNjU5LjdjLS44Ny05LjMxLDMuMzQtMTksMTIuNTItMjguNzNsLjExLS4xYzQxLjEzLTQxLDgyLjgyLTgyLjY4LDEyMy4xNC0xMjMsNDEuODItNDEuODUsODUtODUsMTI3LjcyLTEyNy41Ny0yMDkuODQuMTQtNDY2LjE0LjEyLTY5Mi43NC4xSDQzLjg4Yy05LjE3LS40My0xOS41MS0xLjg2LTI2Ljc1LTkuMDlhMzIuNCwzMi40LDAsMCwxLTIuNzUtNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41NiAtNC4yMSkiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } #cp_sidevertical_menu_top .top-menu a:not([data-depth="0"]) { display: block; } #cp_sidevertical_menu_top .top-menu a { font-size: 15px; font-weight: 600; line-height: 25px; white-space: initial; width: auto; padding: 6px 0px; text-align: left; border-bottom: 1px solid rgb(240, 240, 240); } #header #sidevertical_menu { width: 100%; margin-inline-start: 0px; display: block; } #header #sidevertical_menu #top-menu.top-menu[data-depth="0"] { padding: 11px 20px 30px; margin: 0px; } .menu-icon .material-icons.menu-close { position: absolute; display: block; left: auto; right: 15px; cursor: pointer; } .verticalmenu-side #_desktop_user_info { display: none; } #cp_sidevertical_menu_top .top-menu .collapse-icons .material-icons.remove { display: none; } #cp_sidevertical_menu_top .top-menu .sub-menu.collapse { display: none; } .header-top #cp_sidevertical_menu_top .top-menu .navbar-toggler { display: inline-block; padding: 0px; } .header-top #cp_sidevertical_menu_top .top-menu .collapse-icons .remove { display: none; } #cp_sidevertical_menu_top .top-menu[data-depth="1"] li a { padding-inline-start: 12px; margin-inline-start: 0px; font-weight: 500; } #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a { padding-inline-start: 28px; } #cp_sidevertical_menu_top .top-menu li span .material-icons { font-size: 16px; font-weight: 700; } #cp_sidevertical_menu_top .top-menu .collapse { display: none; } .title_menu { position: relative; float: left; font-weight: 600; text-align: left; width: 100%; text-transform: capitalize; } #cp_sidevertical_menu_top .top-menu[data-depth="1"] li a::before, #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before, #cp_sidevertical_menu_top .top-menu[data-depth="3"] li a::before { content: ""; position: absolute; left: 0px; top: 13px; display: inline-block; height: 10px; width: 10px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcuMSAxMzcuNyI+PHBhdGggZD0iTTEuNTEsMS45NEgzNmw3Mi42LDY4LjctNzIuNiw2OUgxLjUxbDcyLjYtNjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41MSAtMS45NCkiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(107, 132, 153); font-size: 6px; mask-size: 6px auto; vertical-align: middle; margin-inline-end: 3px; } #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before { left: 15px; } .title_main_menu { position: relative; float: left; width: 100%; padding: 11px 20px; } .header-top #cp_sidevertical_menu_top .top-menu .sub-menu { box-shadow: none; z-index: inherit; display: block; position: static; overflow: hidden; margin-left: 0px; width: 100%; min-width: 100%; background-color: rgb(255, 255, 255); border: 0px; padding: 0px; } #cp_sidevertical_menu_top .top-menu .sub-menu.collapse { display: none; } #cp_sidevertical_menu_top .top-menu .pull-xs-right.hidden-sm-down .material-icons.right, .vertical-side-top-text .head-wishlist .ap-total-wishlist, .vertical-side-top-text .head-compare .ap-total-compare { display: none; } .vertical-side-top-text { float: left; width: 100%; background: rgb(242, 242, 242); text-align: center; padding: 14px 10px; } .vertical-side-top-text .head-wishlist, .vertical-side-top-text .head-compare, .vertical-side-top-text #_desktop_user_info-side { text-align: center; float: none; display: inline-block; vertical-align: top; margin: 0px; background-color: transparent; padding: 0px; } .vertical-side-top-text .head-wishlist a, .vertical-side-top-text .head-compare a, .vertical-side-top-text #_desktop_user_info-s { mask-image: none; height: auto; width: auto; text-align: center; float: none; display: inline-block; line-height: inherit; vertical-align: middle; margin: 0px; background: none !important; font-size: var(--body-font-size) !important; color: rgb(48, 56, 64) !important; } .vertical-side-top-text .head-wishlist { border-right: 1px solid rgb(212, 212, 212); height: 16px; padding: 0px 10px 0px 0px; margin: 0px 10px; vertical-align: middle; border-radius: 0px; } .vertical-side-top-text .head-wishlist a { vertical-align: top; line-height: 16px; } .verticalmenu-side { float: left; width: 100%; } @keyframes catAnim { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1200px){#cp_sidevertical_menu_top .top-menu .sub-menu ul[data-depth="1"] > li { min-width: 180px; }} #cp_sidevertical_menu_top .top-menu .popover { max-width: inherit; } .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] { display: block; font-weight: 600; } #cp_sidevertical_menu_top .top-menu a:hover, #cp_sidevertical_menu_top .top-menu .sub-menu a:hover { text-decoration: none; } #cp_sidevertical_menu_top .top-menu a:hover, #cp_sidevertical_menu_top .top-menu > li:hover > a { text-decoration: none; } #cp_sidevertical_menu_top .top-menu .sub-menu { box-shadow: none; z-index: inherit; display: block; position: relative; overflow: hidden; margin-left: 0px; width: 100%; min-width: 100%; background-color: rgb(255, 255, 255); border: 0px; padding: 0px; top: 0px !important; } #cp_sidevertical_menu_top { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 15px 0px; height: 100%; left: 0%; margin-left: 0px; overflow: auto; padding: 0px; position: fixed; top: 0px; opacity: 0; transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); transform: translateX(-102%); width: 327px; z-index: 9999; } #index #cp_sidevertical_menu_top #top-menu { position: relative; display: block !important; } #cp_sidevertical_menu_top #top-menu { float: left; width: 100%; } .header-top #cp_sidevertical_menu_top #top-menu.top-menu[data-depth="0"] { padding: 11px 20px 21px; } #cp_sidevertical_menu_top #top-menu li { position: relative; margin: 0px; display: block; } #cp_sidevertical_menu_top .material-icons.menu-close { float: right; } @media (max-width: 1449px){#header #cp_sidevertical_menu_top #top-menu { display: block; }} @media (max-width: 1449px){#cp_sidevertical_menu_top .top-menu .sub-menu { top: 10px !important; }} @media (max-width: 767px){#cp_sidevertical_menu_top { width: 300px; }} .cpcategorylist .products { width: 100%; position: relative; float: left; } .cpcategorylist { float: left; width: 100%; clear: both; position: relative; margin: 25px 0px; } .cpcategory-container { float: none; margin: 0px auto; position: relative; width: 100%; padding-block: 0px; } .cpcategorylist article { position: relative; } .cpcategorylist .owl-item { position: relative; transition: 0.9s; } .cpcategory-container .categoryblock .block_content { display: flex; flex-direction: column; align-items: center; margin: 0px 10px; padding: 15px; border-radius: 10px; } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(n) .block_content { background-color: rgb(244, 252, 232); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(2n) .block_content { background-color: rgb(252, 249, 232); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(3n) .block_content { background-color: rgb(252, 237, 232); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(4n) .block_content { background-color: rgb(255, 240, 255); } .cpcategory-container .categoryblock .block_content .categoryimage { position: relative; display: inline-block; overflow: hidden; border-radius: 0px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .cpcategory-container .categoryblock .block_content .cat-img { display: block; position: relative; z-index: 9; margin-bottom: 0px; float: left; text-align: left; } .cpcategory-container .categoryblock .block_content .categoryimage img { max-width: 100%; position: relative; overflow: hidden; } .cpcategory-container .categoryblock .block_content .categorylist .cate-heading { font-weight: 700; display: flex; flex-direction: column; gap: 2px; margin-top: 10px; } .cpcategory-container .categoryblock .block_content .categorylist .cate-heading .cate-pro-count { font-weight: 500; color: rgb(117, 117, 117); } @media (max-width: 991px){.cpcategory-container .categoryblock .block_content .categorylist, .cpcategory-container .categoryblock .block_content .cate-btn { text-align: center; }} @media (max-width: 991px){.cpcategorylist { margin: 25px 0px; }} @media (max-width: 767px){.cpcategory-container .categoryblock { float: none; text-align: center; }} @media (max-width: 767px){.cpcategory-container .categoryblock .block_content img { height: auto; }} .carousel { float: left; margin: 0px; overflow: hidden; width: 67.5%; } .carousel .direction { z-index: auto; } .carousel .carousel-item { height: 100%; } .carousel .carousel-item img { height: auto; } .carousel .carousel-item .caption { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; color: rgb(64, 64, 64); } .carousel .carousel-item .caption .slide-text { position: absolute; text-transform: capitalize; top: 12%; left: 15%; } .carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 15px; color: rgb(52, 119, 88); line-height: 26px; font-weight: 700; display: inline-block; background-color: rgb(255, 255, 255); padding: 5px 15px; border-radius: 10px 0px; } .carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 52px; line-height: 60px; font-weight: 700; padding: 10px 0px; text-transform: capitalize; color: rgb(24, 38, 48); } .carousel .carousel-item .caption .slide-text .slidertext3 { font-weight: 600; } .carousel .carousel-item .caption .slide-text a.sliderbutton { padding: 12px 40px; float: left; margin-top: 25px; line-height: 22px; width: auto; } .carousel .carousel-control { opacity: 1; } .carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { content: ""; } .carousel .carousel-control .icon-prev { left: 1rem; } .carousel .carousel-control .icon-next { right: 2rem; } .carousel .carousel-control.left, .carousel .carousel-control.right { text-decoration: none; display: block; position: absolute; top: 45%; z-index: 2; overflow: hidden; cursor: pointer; transition: 0.3s ease-in-out; font-size: 0px; line-height: 1; height: 40px; width: 40px; color: rgb(255, 255, 255); } .carousel .carousel-control.left { left: -50px; } .carousel:hover .carousel-control.left { left: 20px; } .carousel .carousel-control.right { right: -50px; } .carousel:hover .carousel-control.right { right: 20px; } .carousel .carousel-control.left:hover, .carousel .carousel-control.right:hover { opacity: 1; } .carousel .carousel-control .icon-prev { left: 15px; width: 40px; height: 40px; top: 15px; } .carousel .carousel-control .icon-next { right: 15px; width: 40px; height: 40px; top: 15px; } .carousel .carousel-control { opacity: 1; } .carousel-indicators li { display: inline-block; width: 13px; height: 13px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); border-radius: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .carousel-indicators .active { width: 35px; height: 13px; margin: 0px; background-color: var(--primary-color); } .carousel .carousel-item figure a { display: inline-block; } .carousel-indicators { left: 0px; right: 0px; margin: 0px auto; width: 100%; } .carousel .carousel-item figure { margin: 0px; } @media screen and (max-width: 1449px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 30px; line-height: 34px; }} @media screen and (max-width: 1449px){.carousel .carousel-item .caption .slide-text a.sliderbutton { margin-top: 15px; }} @media screen and (max-width: 1199px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 30px; line-height: 34px; margin: 5px 0px; }} @media screen and (max-width: 991px){.carousel { width: 100%; }} @media screen and (max-width: 991px){.carousel .carousel-item .caption .slide-text a.sliderbutton { padding: 7px 20px; }} @media screen and (max-width: 991px){.carousel-inner { margin: 0px; }} @media screen and (max-width: 767px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 26px; line-height: 30px; padding: 0px; }} @media screen and (max-width: 767px){.carousel .carousel-item .caption .slide-text .slidertext3 { font-size: 12px; line-height: 18px; display: none; }} @media screen and (max-width: 767px){.carousel .carousel-item .caption .slide-text a.sliderbutton { margin-top: 5px; padding: 5px 15px; }} @media screen and (max-width: 767px){.carousel .carousel-item .caption .slide-text { position: absolute; top: 15%; left: 10%; }} @media screen and (max-width: 480px){.carousel .carousel-item .caption .slide-text { top: 15%; }} @media screen and (max-width: 480px){.carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 14px; line-height: 24px; }} @media screen and (max-width: 480px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 16px; line-height: 18px; }} @media screen and (max-width: 480px){.carousel .carousel-item .caption .slide-text a.sliderbutton { margin-top: 0px; padding: 2px 12px; }} .vertical-menu .top-menu a { padding: 9px 0px; } .vertical-menu .top-menu a:not([data-depth="0"]) { display: block; } #cp_vertical_menu_top .vertical-menu .top-menu a.dropdown-submenu { text-transform: capitalize; } .vertical-menu .top-menu a:last-child { padding-block-end: 10px; } .vertical-menu .top-menu a { font-size: 15px; font-weight: 600; line-height: 25px; text-transform: capitalize; white-space: initial; border-bottom: 1px solid rgb(229, 229, 229); margin: 0px 20px; width: auto; } #cp_vertical_menu_top #top-menu li:last-child > a { border-bottom: 0px; } .vertical-menu .top-menu[data-depth="1"] li a { padding: 6px 0px 0px; } .vertical-menu .top-menu .collapse { display: inherit; } .vertical-menu .top-menu .sub-menu { background: rgb(255, 255, 255); display: none; left: 100%; opacity: 0; position: absolute; width: 250px; margin: 0px; z-index: 9999; animation: 0.6s ease 0s 1 normal both running catAnim; padding: 0px; top: 0px !important; } .vertical-menu .top-menu > li:hover > .sub-menu { opacity: 1; transition: opacity 1s ease-out; display: block !important; } #header .header-top-main.bg_main #cp_vertical_menu_top .vertical-menu.menu .sub-menu a { max-width: unset; } .vertical-menu .top-menu .sub-menu.collapse, .vertical-menu .top-menu .pull-xs-right .material-icons.right { display: none; } @keyframes catAnim { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1200px){.vertical-menu .top-menu .sub-menu ul[data-depth="1"] > li { min-width: 180px; }} .vertical-menu .top-menu .popover { max-width: inherit; } .vertical-menu .top-menu a:hover, .vertical-menu .top-menu .sub-menu a:hover, .vertical-menu .top-menu a:hover, #cp_vertical_menu_top .top-menu > li:hover > a { text-decoration: none; } .vertical-menu .top-menu .menu-images-container img { max-width: 100%; padding-left: 15px; } #cp_vertical_menu_top #_desktop_top_menu { position: absolute; width: 280px; left: 0px; right: 0px; top: 100%; padding: 0px; } #cp_vertical_menu_top { border-radius: 5px; position: relative; width: 280px; display: inline-block; vertical-align: top; padding: 8px 20px 8px 0px; } #index #cp_vertical_menu_top #top-menu { position: relative; display: none; } #cp_vertical_menu_top #top-menu { display: block; } #cp_vertical_menu_top #top-menu { background-color: rgb(255, 255, 255); border: 2px solid rgb(245, 245, 245); margin-top: 15px; } .vertical-menu .top-menu > li:hover > .sub-menu.second_depth { display: none !important; } .vertical-menu .top-menu > li .sub-menu .top-menu li:hover > .sub-menu.second_depth { display: block !important; } .vertical-menu .top-menu > li:hover > .sub-menu.second_depth { display: none !important; } .vertical-menu .top-menu li:hover .sub-menu.second_depth { display: none !important; } #cp_vertical_menu_top .block-title { display: flex; align-items: center; justify-content: flex-start; padding: 9px 20px; background: rgb(244, 195, 64); border-radius: 5px; gap: 10px; cursor: pointer; color: rgb(255, 255, 255); } #cp_vertical_menu_top #top-menu { background: none 0px 0px repeat scroll rgb(255, 255, 255); margin: 0px; padding: 0px; position: relative; z-index: 3; float: left; width: 100%; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; display: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #cp_vertical_menu_top #top-menu li { position: relative; margin: 0px; display: block; } .menu-title { position: relative; font-size: 16px; font-weight: 600; padding: 0px 20px 0px 0px; white-space: nowrap; } #cp_vertical_menu_top .menu-title::after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy40OSAyNS41MiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTM1LjM3LjE3YTMsMywwLDAsMC0zLjI5LDEuMWwtMTIuOTMsMTYtLjM3LjQ0YTQuOTQsNC45NCwwLDAsMS0uMzMtLjM3TDEwLjc5LDcuODZDOSw1LjYyLDcuMTgsMy4zNiw1LjM0LDEuMTNBMywzLDAsMSwwLC44LDUuMDVRNSwxMC4xNyw5LjA4LDE1LjI5cTMuNjQsNC41Miw3LjMsOWEzLDMsMCwwLDAsMy40OSwxQTMuNzcsMy43NywwLDAsMCwyMS40LDI0TDMzLjE3LDkuNDZDMzQuMzgsOCwzNS42LDYuNDksMzYuNzksNUEzLDMsMCwwLDAsMzUuMzcuMTdaIi8+PC9zdmc+"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 10px; right: 0px; width: 10px; height: 6px; text-align: center; transform: rotate(0deg); } #cp_vertical_menu_top .material-icons.menu-open { font-size: 24px; line-height: 24px; color: rgb(255, 255, 255); } #cp_vertical_menu_top #top-menu li > a .material-icons { font-size: 16px; } @media (max-width: 1449px){#header #cp_vertical_menu_top #top-menu { display: none; }} @media (max-width: 1449px){.vertical-menu .top-menu .sub-menu { top: 10px !important; }} @media (max-width: 1199px){#cp_vertical_menu_top .material-icons.menu-open { display: none; }} @media (max-width: 1199px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { width: 240px; padding-right: 5px; }} @media (max-width: 991px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { display: none; }} @media (max-width: 767px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { width: auto; }} @media (max-width: 767px){#header #cp_vertical_menu_top #top-menu { display: none; }} @media (max-width: 767px){.vertical-menu .top-menu a { margin: 0px 10px; }} @media (max-width: 480px){.menu-title { font-size: 12px; }} @media (max-width: 480px){#cp_vertical_menu_top .block-title { padding: 8px 10px; gap: 5px; }} .cp-carousel { display: none; position: relative; float: left; width: 100%; margin: 0px; } .owl-carousel .owl-wrapper { position: relative; transform: translate3d(0px, 0px, 0px); flex-wrap: wrap; display: flex !important; } .owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-wrapper-outer { overflow-x: clip; position: relative; float: left; width: 100%; padding: 0px; } .owl-carousel .owl-item { float: left; display: flex; height: auto; } #cptestimonial .owl-wrapper-outer .owl-item { display: block; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); text-align: center; } .customNavigation { position: absolute; z-index: 9; width: 100%; top: 50%; right: 0px; left: auto; opacity: 0; direction: ltr !important; } .products .customNavigation { top: 48%; } .tmcategorylist .customNavigation, .testimonial-block-part .customNavigation { top: 54%; } .special-products:hover .customNavigation, .products:hover .customNavigation, .testimonial-block-part:hover .customNavigation, .tmblog-latest:hover .customNavigation, #tminstagramblock:hover .customNavigation, .product-accessories:hover .customNavigation, .productscategory-products:hover .customNavigation { opacity: 1; } .customNavigation i { cursor: pointer; font-size: 0px; font-weight: 500; height: 38px; line-height: 32px; overflow: hidden; padding: 0px; position: absolute; text-align: center; width: 38px; background: transparent; border-radius: 0px; font-style: unset; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 16px 0px; color: rgb(34, 34, 34) !important; } .customNavigation i.prev { right: auto; background: rgb(255, 255, 255); border-radius: 50%; left: -5px; } .customNavigation i.next { background: rgb(255, 255, 255); border-radius: 50%; right: -5px; } .tmcategorylist .customNavigation i.prev, .testimonial-block-part .customNavigation i.prev, #tminstagramblock .btn.prev.instagram_prev, .special-products .customNavigation i.prev { left: -20px; } .tmcategorylist .customNavigation i.next, .testimonial-block-part .customNavigation i.next, #tminstagramblock .btn.next.instagram_next, .special-products .customNavigation i.next { right: -20px; } .testimonial-block-part .customNavigation i.prev, .testimonial-block-part .customNavigation i.next { display: block; } .customNavigation i.prev::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+"); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } .customNavigation i.next::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xNC4zOCwzMjYuMjNjOC45Mi0xMS4xMSwyMy40Ni0xMi4zMywzNy44Ny0xMiwxMzguMzQuMTUsMjk5LjMuMTIsNDU1LC4xLDE1MS40OSwwLDMwOC0uMDUsNDQzLjc3LjA5LTQwLjE3LTQwLTgwLjc0LTgwLjYzLTEyMC0xMjAtNDEuODUtNDEuODktODUuMTItODUuMjItMTI3Ljg2LTEyNy43NS03LjQ0LTcuNTYtMTUuMzktMTYuNjEtMTUuNTktMjguNDRBMzIuMzMsMzIuMzMsMCwwLDEsNzE3LjY2LDQuMzdjMTYtMS43NCwyOC4zMSwxMS4yOSwzNSwxOC4zNUM4MjQsOTQuMjQsODk2LjY4LDE2Ni44Niw5NjcsMjM3LjFxNTMuNjEsNTMuNTgsMTA3LjIyLDEwNy4xOGwzLjE4LDMuMTgtMy4xOCwzLjE4Qzk2OS45MSw0NTQuOTEsODYyLjEsNTYyLjczLDc1NS4yOCw2NjkuMzRsLTIuNDUsMi40OGMtOC4xMyw4LjI3LTE4LjIyLDE4LjU0LTMyLjI1LDE4LjU0aDBjLS41NywwLTEuMTUsMC0xLjcyLDBBMzIuMTgsMzIuMTgsMCwwLDEsNjg3LjUsNjU5LjdjLS44Ny05LjMxLDMuMzQtMTksMTIuNTItMjguNzNsLjExLS4xYzQxLjEzLTQxLDgyLjgyLTgyLjY4LDEyMy4xNC0xMjMsNDEuODItNDEuODUsODUtODUsMTI3LjcyLTEyNy41Ny0yMDkuODQuMTQtNDY2LjE0LjEyLTY5Mi43NC4xSDQzLjg4Yy05LjE3LS40My0xOS41MS0xLjg2LTI2Ljc1LTkuMDlhMzIuNCwzMi40LDAsMCwxLTIuNzUtNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41NiAtNC4yMSkiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } .customNavigation i.next:hover::before, .customNavigation i.prev:hover::before { color: rgb(255, 255, 255); } @media (max-width: 1449px){.tmcategorylist .customNavigation i.prev, .testimonial-block-part .customNavigation i.prev, #tminstagramblock .btn.prev.instagram_prev, .special-products .customNavigation i.prev { left: -15px; }} @media (max-width: 1449px){.tmcategorylist .customNavigation i.next, .testimonial-block-part .customNavigation i.next, #tminstagramblock .btn.next.instagram_next, .special-products .customNavigation i.next { right: -15px; }} @media (max-width: 1449px){.customNavigation i.next { right: 0px; }} @media (max-width: 1449px){.customNavigation i.prev { left: 0px; }} @media (max-width: 767px){.customNavigation { opacity: 1; }} @media (max-width: 767px){.tmcategorylist .customNavigation i.prev, .testimonial-block-part .customNavigation i.prev, #tminstagramblock .btn.prev.instagram_prev, .special-products .customNavigation i.prev, .btn.prev.accessories_prev { left: 0px; }} @media (max-width: 767px){.tmcategorylist .customNavigation i.next, .testimonial-block-part .customNavigation i.next, #tminstagramblock .btn.next.instagram_next, .special-products .customNavigation i.next, .btn.next.accessories_next { right: 0px; }} @media (max-width: 767px){.btn.next.brand_next { left: auto; right: 0px; position: absolute; }} @media (max-width: 767px){.btn.prev.brand_prev { left: 0px; right: auto; }} @media (max-width: 767px){.customNavigation i.next { left: auto; right: 0px; }} @font-face { font-family: FontAwesome; src: url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-area-chart::before { content: ""; } #search_block_top { position: relative; width: auto; float: none; padding: 15px; display: inline-block; vertical-align: middle; } #search_block_top #search_query_top { padding: 13px 30px; width: 980px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 25px 0px 0px 25px; background-color: rgb(245, 247, 250); } #search_category { appearance: none; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(48, 56, 64); cursor: pointer; display: inline; float: left; font-size: 12px; height: 42px; outline: none 0px; padding: 5px 10px 5px 20px; border-radius: 5px; } .searchtoggle { display: block; } #searchbox { position: relative; } #search_block_top .btn.btn-primary { padding: 15px 30px; border-radius: 0px 25px 25px 0px; background-color: rgb(46, 117, 189); } #search_block_top .btn.btn-primary .submit-text { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; height: 20px; position: relative; text-align: center; top: 0px; width: 20px; font-size: 0px; padding: 0px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE5LjcxLDE4LjI5bC00LjU0LTQuNTRhOC41Myw4LjUzLDAsMSwwLTEuNDIsMS40Mmw0LjU0LDQuNTRhMSwxLDAsMCwwLDEuNDIsMEExLDEsMCwwLDAsMTkuNzEsMTguMjlabS02LjYxLTUuMmgwQTYuNSw2LjUsMCwxLDEsMTUsOC41LDYuNSw2LjUsMCwwLDEsMTMuMDksMTMuMVoiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; mask-size: 20px auto; background-color: rgb(255, 255, 255); } #cpsearch_content_result { top: 50px; left: 15px; position: absolute; width: 96%; background: rgb(255, 255, 255); color: rgb(52, 119, 88); overflow: hidden; z-index: 99999; display: none; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; } #cpsearch_content_result .over_light { position: absolute; width: 100%; height: 100%; background: rgb(255, 255, 255); left: 0px; right: 0px; } #cpsearch_content_result #cpsearch_eccept_data { position: relative; max-height: 700px; width: auto; overflow-y: auto; } #search_block_top .select-wrapper { float: left; position: relative; width: 150px; z-index: 1; display: none; } #search_block_top .select-wrapper::after { content: ""; font-family: "Material Icons"; position: absolute; right: -12px; top: 0px; cursor: pointer; bottom: 0px; margin: auto; height: 20px; width: 20px; border-radius: 5px; line-height: 16px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 8px; } .cpsearch-main { float: left; text-align: left; } #search_block_top #search_query_top::placeholder { color: gray; font-size: 14px; } @media (max-width: 1650px){#search_block_top #search_query_top { width: 800px; }} @media (max-width: 1450px){#search_block_top #search_query_top { width: 560px; }} @media (max-width: 1199px){#search_block_top .select-wrapper { width: 110px; }} @media (max-width: 1199px){#search_block_top #search_query_top { width: 380px; }} @media (max-width: 991px){#search_block_top { padding: 17px 35px 17px 0px; }} @media (max-width: 991px){#search_block_top .btn.btn-primary { padding: 13px 35px; }} @media (max-width: 991px){#search_block_top #search_query_top { padding: 11px 30px; }} @media (max-width: 991px){.cpsearch-main, #search_block_top { width: 100%; }} @media (max-width: 991px){header #searchbox { display: flex; }} @media (max-width: 991px){#search_block_top #search_query_top { width: 100%; }} @media (max-width: 991px){#search_block_top .select-wrapper { width: 110px; }} @media (max-width: 767px){#search_block_top { padding: 15px 10px 15px 0px; }} @media (max-width: 767px){.cpsearch-main { border-radius: 25px; }} @media (max-width: 480px){#search_category { font-size: 12px; padding: 8px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 32px; }} @media (max-width: 480px){#search_block_top #search_query_top { padding-inline-end: 0px; }} @media (max-width: 480px){#search_block_top .btn.btn-primary { padding: 13px 20px; }} .product-recommend { box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px; overflow: hidden; padding: 10px 0px; } .product-recommend-content { display: flex; align-items: center; } .product-notification .notify-close { width: 27px; height: 27px; position: absolute; right: 5px; top: 5px; font-size: 27px; text-align: center; cursor: pointer; z-index: 99; } .product-notification .notify-close, .product-notification .notify-close:hover { color: rgb(0, 0, 0); } .product-notification { position: fixed; width: 350px; opacity: 0; z-index: 999; visibility: hidden; transition: 1s; min-height: 115px; } .product-notification .product-recommend { background: rgb(255, 255, 255); width: 100%; border-radius: 5px; } .product-notification .column-left { padding: 0px 10px; width: 33.3333%; } .product-notification .column-right { font-size: 13px; color: rgb(34, 34, 34); line-height: 24px; padding: 0px 10px; width: 66.6667%; } .product-notification .column-right a.product-name { color: rgb(34, 34, 34); text-transform: capitalize; font-weight: 600; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .product-notification .column-right a:hover { color: rgb(85, 85, 85); } .product-notification .column-right .customer-detail { text-transform: capitalize; } .product-notification .column-right .time-ago { padding-bottom: 7px; } .product-notification .product-image { display: block; max-width: 95px; } .product-notification .product-image img { width: 100%; } @media (max-width: 380px){.product-notification { width: auto; left: 5px !important; right: 5px !important; }} .st-modal .modal-content { text-align: center; } .st-modal-cart .modal-dialog, .st-modal-compare .modal-dialog, .st-modal-wishlist .modal-dialog { margin: 250px auto; max-width: 650px; } .cssload-speeding-wheel { width: 24px; height: 24px; margin: 0px auto; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) transparent; border-image: none; border-radius: 50%; animation: 800ms linear 0s infinite normal none running cssload-spin; display: none; } @keyframes cssload-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100% { transform: rotate(360deg); } } .st-modal-wishlist .modal-footer { display: none; } .st-modal-wishlist-loading, .st-wishlist-button.dropdown-toggle::after, .st-view-wishlist-product-loading { display: none; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav .owl-prev { left: -5px; } .owl-carousel .owl-nav .owl-next { right: -5px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-rtl { direction: rtl; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 767px){.owl-carousel .owl-nav .owl-prev { left: 3px; }} @media (max-width: 767px){.owl-carousel .owl-nav .owl-next { right: 3px; }} .owl-theme .owl-controls { margin-top: 10px; text-align: center; } @-webkit-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0px) translateX(0px); } } @keyframes backSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0px) translateX(0px); } } @-webkit-keyframes scaleToFade { 100% { opacity: 0; transform: scale(0.8); } } @keyframes scaleToFade { 100% { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { 0% { transform: translateY(-100%); } } @keyframes goDown { 0% { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { 0% { opacity: 0; transform: scale(1.5); } } @keyframes scaleUpFrom { 0% { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { 100% { opacity: 0; transform: scale(1.5); } } @keyframes scaleUpTo { 100% { opacity: 0; transform: scale(1.5); } } .page_home, .page_home_gallery { background-color: rgb(255, 255, 255); display: block; clear: both; width: 100%; } .page_home ul, .page_home article#latest-blog-slider, .page_home_gallery ul { float: left; margin-bottom: 0px; position: relative; width: 100%; } .ets_item_img { float: left; overflow: hidden; position: relative; background-color: rgb(238, 238, 238); width: 100%; } .page_home img, .ets-blog img { max-width: 100%; } .ets_item_img img { transition: 0.7s; max-width: 100%; width: 100%; } .ets_item_img:hover img { transform: scale(1.05); } .ets_title_block { float: left; width: 100%; font-size: 20px; font-weight: 700; line-height: 28px; text-align: left; } .ets-blog-sidear-post-meta { float: left; width: 100%; } .post-date { float: left; width: auto; color: rgb(117, 117, 117); } .clear { clear: both; } .ets_block_slider .owl-item > article { float: left; overflow: hidden; width: 100%; } #content-wrapper .ets_block_slider .owl-item > article { padding: 10px; text-align: left; } .ets_block_slider .owl-controls, .ets_blog_related_posts_type_carousel .owl-controls, .ets_related_products_type_carousel .owl-controls { min-height: 20px; min-width: 20px; position: absolute; right: 0px; left: auto; top: 45%; width: 100%; opacity: 0; display: block !important; } .ets-blog-latest-post-content, .ets-blog-wrapper-content-main { display: inline-grid; gap: 6px; width: 100%; padding-block-start: 12px; justify-items: flex-start; } .ets_block_slider:hover .owl-controls, .ets_blog_related_posts_type_carousel:hover .owl-controls, .ets_related_products_type_carousel:hover .owl-controls { opacity: 1; } .ets_block_slider .owl-controls .owl-nav, .ets_blog_related_posts_type_carousel .owl-controls .owl-nav, .ets_related_products_type_carousel .owl-controls .owl-nav { position: relative; top: -45px; right: auto; } .ets_block_slider .owl-nav > div, .ets_blog_related_posts_type_carousel .owl-nav > div, .ets_related_products_type_carousel .owl-nav > div { background: rgb(255, 255, 255); cursor: pointer; float: left; font-size: 20px; height: 38px; line-height: 21px; width: 38px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 16px 0px; position: absolute; } .ets_block_slider .owl-prev::before, .ets_blog_related_posts_type_carousel .owl-prev::before, .ets_related_products_type_carousel .owl-prev::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+"); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } .ets_block_slider .owl-next::before, .ets_blog_related_posts_type_carousel .owl-next::before, .ets_related_products_type_carousel .owl-next::before { content: ""; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xNC4zOCwzMjYuMjNjOC45Mi0xMS4xMSwyMy40Ni0xMi4zMywzNy44Ny0xMiwxMzguMzQuMTUsMjk5LjMuMTIsNDU1LC4xLDE1MS40OSwwLDMwOC0uMDUsNDQzLjc3LjA5LTQwLjE3LTQwLTgwLjc0LTgwLjYzLTEyMC0xMjAtNDEuODUtNDEuODktODUuMTItODUuMjItMTI3Ljg2LTEyNy43NS03LjQ0LTcuNTYtMTUuMzktMTYuNjEtMTUuNTktMjguNDRBMzIuMzMsMzIuMzMsMCwwLDEsNzE3LjY2LDQuMzdjMTYtMS43NCwyOC4zMSwxMS4yOSwzNSwxOC4zNUM4MjQsOTQuMjQsODk2LjY4LDE2Ni44Niw5NjcsMjM3LjFxNTMuNjEsNTMuNTgsMTA3LjIyLDEwNy4xOGwzLjE4LDMuMTgtMy4xOCwzLjE4Qzk2OS45MSw0NTQuOTEsODYyLjEsNTYyLjczLDc1NS4yOCw2NjkuMzRsLTIuNDUsMi40OGMtOC4xMyw4LjI3LTE4LjIyLDE4LjU0LTMyLjI1LDE4LjU0aDBjLS41NywwLTEuMTUsMC0xLjcyLDBBMzIuMTgsMzIuMTgsMCwwLDEsNjg3LjUsNjU5LjdjLS44Ny05LjMxLDMuMzQtMTksMTIuNTItMjguNzNsLjExLS4xYzQxLjEzLTQxLDgyLjgyLTgyLjY4LDEyMy4xNC0xMjMsNDEuODItNDEuODUsODUtODUsMTI3LjcyLTEyNy41Ny0yMDkuODQuMTQtNDY2LjE0LjEyLTY5Mi43NC4xSDQzLjg4Yy05LjE3LS40My0xOS41MS0xLjg2LTI2Ljc1LTkuMDlhMzIuNCwzMi40LDAsMCwxLTIuNzUtNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41NiAtNC4yMSkiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(0, 0, 0); font-size: 14px; width: 38px; height: 38px; display: block; mask-size: 14px auto; } .ets_wa_whatsapp_block img { width: 50px; } .ets_wa_whatsapp_block { bottom: 0px; position: fixed; right: 0px; z-index: 1000; text-align: center; margin-left: 5px; margin-right: 5px; } .ets_wa_whatsapp_block > a { display: inline-block; float: none; width: auto; } .ets_wa_whatsapp_block > a img { float: right; } .ets_wa_whatsapp_block.left_center > a img, .ets_wa_whatsapp_block.left_bottom > a img { float: left; } .ets_wa_whatsapp_block.left_bottom, .ets_wa_whatsapp_block.left_center, .ets_wa_whatsapp_block.left_top { right: auto !important; } @media screen and (-webkit-min-device-pixel-ratio: 0){.ui-autocomplete-input { font-size: 16px; }} .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-front { z-index: 100; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-menu { list-style: none; padding: 2px; margin: 0px; display: block; outline: 0px; } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget-content { border: 1px solid rgb(170, 170, 170); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQAAAADcH0/XAAAAEUlEQVR4AWP4DwLUJUfJURIAypHyHErLyzcAAAAASUVORK5CYII=") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(34, 34, 34); } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget-content { border: 1px solid rgb(170, 170, 170); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQAAAADcH0/XAAAAEUlEQVR4AWP4DwLUJUfJURIAypHyHErLyzcAAAAASUVORK5CYII=") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(34, 34, 34); } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } #cp_sidevertical_menu_top .top-menu a:not([data-depth="0"]) { display: block; } #cp_sidevertical_menu_top .top-menu a { font-size: 15px; font-weight: 600; line-height: 25px; white-space: initial; width: auto; padding: 6px 0px; text-align: left; border-bottom: 1px solid rgb(240, 240, 240); } #header #sidevertical_menu { width: 100%; margin-inline-start: 0px; display: block; } #header #sidevertical_menu #top-menu.top-menu[data-depth="0"] { padding: 11px 20px 30px; margin: 0px; } .menu-icon .material-icons.menu-close { position: absolute; display: block; left: auto; right: 15px; cursor: pointer; } .verticalmenu-side #_desktop_user_info { display: none; } #cp_sidevertical_menu_top .top-menu .collapse-icons .material-icons.remove { display: none; } #cp_sidevertical_menu_top .top-menu .sub-menu.collapse { display: none; } .header-top #cp_sidevertical_menu_top .top-menu .navbar-toggler { display: inline-block; padding: 0px; } .header-top #cp_sidevertical_menu_top .top-menu .collapse-icons .remove { display: none; } #cp_sidevertical_menu_top .top-menu[data-depth="1"] li a { padding-inline-start: 12px; margin-inline-start: 0px; } #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a { padding-inline-start: 28px; } #cp_sidevertical_menu_top .top-menu li span .material-icons { font-size: 16px; font-weight: 700; } #cp_sidevertical_menu_top .top-menu .collapse { display: none; } .title_menu { position: relative; float: left; font-weight: 600; text-align: left; width: 100%; text-transform: capitalize; } #cp_sidevertical_menu_top .top-menu[data-depth="1"] li a::before, #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before, #cp_sidevertical_menu_top .top-menu[data-depth="3"] li a::before { content: ""; position: absolute; left: 0px; top: 13px; display: inline-block; height: 10px; width: 10px; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcuMSAxMzcuNyI+PHBhdGggZD0iTTEuNTEsMS45NEgzNmw3Mi42LDY4LjctNzIuNiw2OUgxLjUxbDcyLjYtNjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41MSAtMS45NCkiLz48L3N2Zz4="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(107, 132, 153); font-size: 6px; mask-size: 6px auto; vertical-align: middle; margin-inline-end: 3px; } #cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before { left: 15px; } .title_main_menu { position: relative; float: left; width: 100%; padding: 11px 20px; } .header-top #cp_sidevertical_menu_top .top-menu .sub-menu { box-shadow: none; z-index: inherit; display: block; position: static; overflow: hidden; margin-left: 0px; width: 100%; min-width: 100%; background-color: rgb(255, 255, 255); border: 0px; padding: 0px; } #cp_sidevertical_menu_top .top-menu .sub-menu.collapse { display: none; } #cp_sidevertical_menu_top .top-menu .pull-xs-right.hidden-sm-down .material-icons.right, .vertical-side-top-text .head-wishlist .ap-total-wishlist, .vertical-side-top-text .head-compare .ap-total-compare { display: none; } .vertical-side-top-text { float: left; width: 100%; background: rgb(242, 242, 242); text-align: center; padding: 14px 10px; } .vertical-side-top-text .head-wishlist, .vertical-side-top-text .head-compare, .vertical-side-top-text #_desktop_user_info-side { text-align: center; float: none; display: inline-block; vertical-align: top; margin: 0px; background-color: transparent; padding: 0px; } .vertical-side-top-text .head-wishlist a, .vertical-side-top-text .head-compare a, .vertical-side-top-text #_desktop_user_info-s { mask-image: none; height: auto; width: auto; text-align: center; float: none; display: inline-block; line-height: inherit; vertical-align: middle; margin: 0px; background: none !important; font-size: var(--body-font-size) !important; color: rgb(48, 56, 64) !important; } .vertical-side-top-text .head-wishlist { border-right: 1px solid rgb(212, 212, 212); height: 16px; padding: 0px 10px 0px 0px; margin: 0px 10px; vertical-align: middle; border-radius: 0px; } .vertical-side-top-text .head-wishlist a { vertical-align: top; line-height: 16px; } .verticalmenu-side { float: left; width: 100%; } @keyframes catAnim { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1200px){#cp_sidevertical_menu_top .top-menu .sub-menu ul[data-depth="1"] > li { min-width: 180px; }} #cp_sidevertical_menu_top .top-menu .popover { max-width: inherit; } .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] { display: block; font-weight: 600; } #cp_sidevertical_menu_top .top-menu a:hover, #cp_sidevertical_menu_top .top-menu .sub-menu a:hover { text-decoration: none; } #cp_sidevertical_menu_top .top-menu a:hover, #cp_sidevertical_menu_top .top-menu > li:hover > a { text-decoration: none; } #cp_sidevertical_menu_top .top-menu .sub-menu { box-shadow: none; z-index: inherit; display: block; position: relative; overflow: hidden; margin-left: 0px; width: 100%; min-width: 100%; background-color: rgb(255, 255, 255); border: 0px; padding: 0px; top: 0px !important; } #cp_sidevertical_menu_top { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 15px 0px; height: 100%; left: 0%; margin-left: 0px; overflow: auto; padding: 0px; position: fixed; top: 0px; opacity: 0; transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); transform: translateX(-102%); width: 327px; z-index: 9999; } #index #cp_sidevertical_menu_top #top-menu { position: relative; display: block !important; } #cp_sidevertical_menu_top #top-menu { float: left; width: 100%; } .header-top #cp_sidevertical_menu_top #top-menu.top-menu[data-depth="0"] { padding: 11px 20px 21px; } #cp_sidevertical_menu_top #top-menu li { position: relative; margin: 0px; display: block; } #cp_sidevertical_menu_top .material-icons.menu-close { float: right; } @media (max-width: 1449px){#header #cp_sidevertical_menu_top #top-menu { display: block; }} @media (max-width: 1449px){#cp_sidevertical_menu_top .top-menu .sub-menu { top: 10px !important; }} @media (max-width: 767px){#cp_sidevertical_menu_top { width: 300px; }} .carousel { float: right; margin: 0px; overflow: hidden; width: 81.25%; } .carousel .direction { position: absolute; top: 50%; width: 100%; } .carousel .carousel-item img { height: auto; } .carousel .carousel-item .caption { color: rgb(34, 34, 34); top: 10%; left: 6%; } .carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 15px; color: rgb(46, 117, 189); line-height: 26px; font-weight: 700; display: inline-block; background-color: rgb(255, 255, 255); padding: 5px 15px; border-radius: 10px 0px; } .carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 52px; line-height: 60px; font-weight: 700; padding: 10px 0px; text-transform: capitalize; color: rgb(24, 38, 48); } .carousel .carousel-item .caption .slide-text .slidertext3 { font-weight: 600; } .carousel .carousel-item .caption .slide-text a.sliderbutton { padding: 12px 40px; float: left; width: auto; line-height: 22px; margin-top: 25px; } .carousel .carousel-control.left, .carousel .carousel-control.right { top: 50%; bottom: auto; } .carousel-inner { margin: 0px; border-radius: 6px; } .carousel .carousel-item figure { margin: 0px; } .carousel .carousel-item figure a { display: inline-block; } .carousel-control { width: 5%; } .carousel-indicators { left: 0px; right: 0px; margin: 0px auto; width: 100%; } .carousel-indicators li { background-color: rgb(211, 211, 211); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 13px; height: 13px; } .carousel-indicators .active { width: 35px; height: 13px; background-color: var(--primary-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 40px; height: 40px; } .carousel .carousel-control.left, .carousel .carousel-control.right { transition: 0.3s ease-in-out; } .carousel .carousel-control.left { left: -50px; } .carousel .carousel-control.right { right: -50px; } .carousel:hover .carousel-control.right { right: 15px; } .carousel:hover .carousel-control.left { left: 20px; } .carousel .carousel-control .icon-next::before { content: ""; height: 40px; width: 40px; display: inline-block; vertical-align: top; mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzIuMyAxMDIwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU3Mi4zIDEwMjAuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTU1Ny4yLDQ3Mi42bC0wLjMtMC4zTDg5LjIsMTUuM0M2OC45LTUsMzUuOS01LjEsMTUuNSwxNUM1LjYsMjQuOCwwLjEsMzcuOSwwLDUxLjhjLTAuMSwxMy45LDUuMywyNy4xLDE1LjEsMzcNCgljMC40LDAuNCwwLjcsMC43LDEuMSwxLjFsNDMwLjUsNDIwLjVMMTYuMSw5MzFsLTAuMywwLjNjLTIwLjIsMjAuNS0yMCw1My42LDAuNSw3My44YzEwLjIsMTAuMSwyMy40LDE1LjEsMzYuNywxNS4xDQoJYzEyLjksMCwyNS43LTQuOCwzNS45LTE0LjNsMC4xLTAuMWw0NjcuNy00NTYuOWwwLjUtMC42QzU3Ny4zLDUyNy4xLDU3Ny4zLDQ5My44LDU1Ny4yLDQ3Mi42eiIvPg0KPC9zdmc+DQo="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(211, 211, 211); font-size: 18px; mask-size: 18px auto; } .carousel .carousel-control .icon-prev::before { content: ""; height: 40px; width: 40px; display: inline-block; vertical-align: top; mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzIuMjggMTAyMC4yIj48cGF0aCBkPSJNMTUuMDcsNTQ4LjNsLjUuNiw0NjcuNyw0NTYuOS4xLjFhNTIuNDksNTIuNDksMCwwLDAsMzUuOSwxNC4zLDUyLjI1LDUyLjI1LDAsMCwwLDM3LjItODguOWwtLjMtLjNMMTI1LjU3LDUxMC40LDU1Ni4wNyw4OS45bDEuMS0xLjFhNTIuMTUsNTIuMTUsMCwwLDAtLjQtNzMuOCw1Mi4zOSw1Mi4zOSwwLDAsMC03My43LjNsLTQ2Ny43LDQ1Ny0uMy4zQTU1LjA1LDU1LjA1LDAsMCwwLDE1LjA3LDU0OC4zWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; background-color: rgb(211, 211, 211); font-size: 18px; mask-size: 18px auto; } .carousel .carousel-control .icon-next:hover::before, .carousel .carousel-control .icon-prev:hover::before { background-color: rgb(34, 34, 34); } .carousel .carousel-control .icon-prev { left: 10px; } .carousel .carousel-control .icon-next { right: 10px; } @media (max-width: 1449px){.carousel { width: 100%; }} @media (max-width: 1449px){.carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 16px; line-height: 28px; padding: 5px 20px; }} @media (max-width: 1449px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 48px; line-height: 52px; }} @media (max-width: 1449px){.carousel .carousel-item .caption .slide-text .slidertext3 { margin-top: 10px; }} @media (max-width: 1449px){.carousel .carousel-item .caption .slide-text a.sliderbutton { margin-top: 15px; }} @media (max-width: 1199px){.carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 16px; line-height: 20px; }} @media (max-width: 1199px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 36px; line-height: 40px; }} @media (max-width: 1199px){.carousel .carousel-item .caption .slide-text .slidertext3 { font-size: 16px; line-height: 20px; margin: 8px 0px; }} @media (max-width: 991px){.carousel { width: 100%; }} @media (max-width: 991px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 38px; line-height: 40px; padding: 10px 0px 5px; }} @media (max-width: 991px){.carousel .carousel-item .caption .slide-text a.sliderbutton { padding: 7px 20px; }} @media (max-width: 767px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 28px; line-height: 32px; }} @media (max-width: 767px){.carousel .carousel-item .caption .slide-text .slidertext3 { display: none; }} @media (max-width: 767px){.carousel .carousel-item .caption .slide-text a.sliderbutton { padding: 5px 13px; }} @media (max-width: 480px){.carousel .carousel-item .caption .slide-text .slidertext1 { font-size: 12px; line-height: 16px; }} @media (max-width: 480px){.carousel .carousel-item .caption .slide-text .slidertext2 { font-size: 18px; line-height: 22px; padding-block-start: 5px; }} @media (max-width: 480px){.carousel .carousel-item .caption .slide-text .slidertext3 { font-size: 12px; line-height: 15px; }} @media (max-width: 480px){.carousel .carousel-item .caption .slide-text a.sliderbutton { margin-top: 4px; padding: 1px 9px; font-size: 10px; }} .cpcategorylist .products { width: 100%; position: relative; float: left; } .cpcategorylist { float: left; width: 100%; clear: both; position: relative; margin: 25px 0px; } .cpcategory-container { float: none; margin: 0px auto; position: relative; width: 100%; padding-block: 0px; } .cpcategorylist article { position: relative; } .cpcategorylist .owl-item { position: relative; transition: 0.9s; } .cpcategory-container .categoryblock .block_content { display: flex; flex-direction: column; align-items: center; margin: 0px 10px; padding: 15px; border-radius: 10px; } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(n) .block_content { background-color: rgb(245, 245, 245); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(2n) .block_content { background-color: rgb(245, 245, 245); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(3n) .block_content { background-color: rgb(245, 245, 245); } .cpcategorylist #cpcategorylist-carousel .owl-item:nth-child(4n) .block_content { background-color: rgb(245, 245, 245); } .cpcategory-container .categoryblock .block_content .categoryimage { position: relative; display: inline-block; overflow: hidden; border-radius: 0px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .cpcategory-container .categoryblock .block_content .cat-img { display: block; position: relative; z-index: 9; margin-bottom: 0px; float: left; text-align: left; } .cpcategory-container .categoryblock .block_content .categoryimage img { max-width: 100%; position: relative; overflow: hidden; } .cpcategory-container .categoryblock .block_content .categorylist .cate-heading { font-weight: 700; display: flex; flex-direction: column; gap: 2px; margin-top: 10px; } .cpcategory-container .categoryblock .block_content .categorylist .cate-heading .cate-pro-count { font-weight: 500; color: rgb(117, 117, 117); } @media (max-width: 991px){.cpcategory-container .categoryblock .block_content .categorylist, .cpcategory-container .categoryblock .block_content .cate-btn { text-align: center; }} @media (max-width: 991px){.cpcategorylist { margin: 25px 0px; }} @media (max-width: 767px){.cpcategory-container .categoryblock { float: none; text-align: center; }} @media (max-width: 767px){.cpcategory-container .categoryblock .block_content img { height: auto; }} .iqitreviews-rating, #iqitreviews-snippet { white-space: nowrap; } .product-miniature .iqitreviews-simple { font-size: 0.8rem; } .vertical-menu .top-menu, .vertical-menu .sub-menu { min-width: 280px; } .vertical-menu .top-menu[data-depth="1"], .vertical-menu .sub-menu[data-depth="0"] { min-width: 455px; } .vertical-menu .top-menu a { padding: 9px 0px 9px 45px !important; } .popover .sub-menu-ul a { padding-left: 0px !important; } .popover .sub-menu-ul .with_icon { padding-left: 45px !important; } .vertical-menu .top-menu a:not([data-depth="0"]) { display: block; } #cp_vertical_menu_top .vertical-menu .top-menu a.dropdown-submenu { text-transform: capitalize; } .vertical-menu .top-menu a { font-size: 15px; font-weight: 600; line-height: 25px; text-transform: capitalize; white-space: initial; border-bottom: 1px solid rgb(229, 229, 229); margin: 0px 10px; width: auto; } .vertical-menu #top-menu > li .menu-icon-block { position: absolute; top: 50%; left: 18px; transform: translateY(-50%); width: 26px; } #cp_vertical_menu_top #top-menu li:last-child > a { border-bottom: 0px; } .vertical-menu .top-menu[data-depth="1"] li a { padding: 9px 0px; } .vertical-menu .top-menu .collapse { display: inherit; } .vertical-menu .top-menu .sub-menu { background: rgb(255, 255, 255); display: none; left: 100%; opacity: 0; position: absolute; width: 250px; margin: 0px; z-index: 9999; animation: 0.6s ease 0s 1 normal both running catAnim; padding: 0px; top: -1px !important; } .vertical-menu .top-menu > li:hover > .sub-menu { opacity: 1; transition: opacity 1s ease-out; display: block !important; } #header .header-top-main.bg_main #cp_vertical_menu_top .vertical-menu.menu .sub-menu a { max-width: unset; } .vertical-menu .top-menu .sub-menu.collapse, .vertical-menu .top-menu .pull-xs-right .material-icons.right { display: none; } @keyframes catAnim { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1200px){.vertical-menu .top-menu .sub-menu ul[data-depth="1"] > li { min-width: 180px; }} .vertical-menu .top-menu .popover { max-width: inherit; } .vertical-menu .top-menu a:hover, .vertical-menu .top-menu .sub-menu a:hover, .vertical-menu .top-menu a:hover, #cp_vertical_menu_top .top-menu > li:hover > a { text-decoration: none; } .vertical-menu .top-menu .menu-images-container img { max-width: 100%; padding-left: 15px; } #cp_vertical_menu_top #_desktop_top_menu { position: absolute; width: 280px; left: 0px; right: 0px; top: 100%; padding: 0px; } #cp_vertical_menu_top { border-radius: 6px; position: relative; width: 280px; display: inline-block; vertical-align: top; padding: 17px 0px; } #index #cp_vertical_menu_top #top-menu { position: relative; display: block; } #cp_vertical_menu_top #top-menu { display: block; } #cp_vertical_menu_top #top-menu { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); margin-top: 15px; } .vertical-menu .top-menu > li:hover > .sub-menu.second_depth { display: none !important; } .vertical-menu .top-menu > li .sub-menu .top-menu li:hover > .sub-menu.second_depth { display: block !important; } .vertical-menu .top-menu > li:hover > .sub-menu.second_depth { display: none !important; } .vertical-menu .top-menu li:hover .sub-menu.second_depth { display: none !important; } #cp_vertical_menu_top .block-title { display: flex; align-items: center; justify-content: flex-start; padding: 11px 20px; background: rgb(46, 117, 189); border-radius: 25px; gap: 10px; cursor: pointer; color: rgb(255, 255, 255); } #cp_vertical_menu_top #top-menu { background: none 0px 0px repeat scroll rgb(255, 255, 255); margin: 0px; padding: 0px; position: relative; z-index: 9999; float: left; width: 100%; display: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #cp_vertical_menu_top #top-menu li { position: relative; margin: 0px; display: block; } .menu-title { font-size: 15px; font-weight: 600; padding: 0px 20px 0px 0px; text-transform: capitalize; position: relative; } #cp_vertical_menu_top .menu-title::after { content: ""; background-image: url("../../modules/cp_verticalmenu/views/img/arrow_icon.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 10px; right: 0px; width: 10px; height: 6px; text-align: center; transform: rotate(0deg); } #cp_vertical_menu_top .material-icons.menu-open { font-size: 24px; line-height: 24px; color: rgb(255, 255, 255); } #cp_vertical_menu_top #top-menu li > a .material-icons { font-size: 16px; } .carousel-indicators { z-index: 1; } @media (max-width: 1449px){#header #cp_vertical_menu_top #top-menu { display: none; }} @media (max-width: 1449px){.vertical-menu .top-menu .sub-menu { top: 10px !important; }} @media (max-width: 1199px){#cp_vertical_menu_top .block-title { padding: 11px 14px; }} @media (max-width: 1199px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { width: 240px; padding-right: 5px; }} @media (max-width: 991px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { display: none; }} @media (max-width: 767px){#cp_vertical_menu_top #_desktop_top_menu, #cp_vertical_menu_top { width: auto; }} @media (max-width: 767px){#header #cp_vertical_menu_top #top-menu { display: none; }} @media (max-width: 767px){.vertical-menu .top-menu a { margin: 0px 10px; }} @media (max-width: 480px){.menu-title { font-size: 12px; }} @media (max-width: 480px){#cp_vertical_menu_top .block-title { padding: 8px 10px; gap: 5px; }} body > main { overflow-x: hidden; } @media screen and (max-width: 767px){#carousel, #carousel .carousel-inner, #carousel .carousel-item { min-height: 300px; }} @media screen and (max-width: 767px){#carousel .carousel-inner, #carousel .carousel-item { height: 100%; }} @media screen and (max-width: 767px){#carousel .carousel-item img { min-height: 300px; object-fit: cover; object-position: right center; filter: brightness(0.7); }} .testimonial-block-part .products-section-title { margin-bottom: 20px !important; } #cpsearch_content_result { display: none !important; } @media (max-width: 480px){.header-top .header-div .container { grid-auto-flow: column; grid-auto-columns: max-content; white-space: nowrap; gap: 8px; }} @media (max-width: 480px){#header .header-top .header_logo { max-width: 100px; }} @media (max-width: 480px){.header-top .header-div .container .header-left { justify-content: flex-start; }} @media (max-width: 480px){.header-top .header-div .container .header-right { display: inline-flex; }} @media (max-width: 480px){#cpheadercms3 .contact-link .cms_content { padding-left: 0px; }} @media (max-width: 480px){span.service.service_cms1 { font-size: 12px; line-height: 1; }} @media (max-width: 480px){.contact-link span a { font-size: 13px; line-height: 1; }} .cate-heading .cate-pro-count { color: rgb(89, 89, 89) !important; } .product-miniature .add-to-cart { color: rgb(36, 92, 149) !important; } .product-miniature .add-to-cart:hover, .product-miniature .add-to-cart:focus { color: rgb(255, 255, 255) !important; background-color: rgb(36, 92, 149) !important; } .product-flags .product-flag.discount { background-color: rgb(197, 43, 53); color: rgb(255, 255, 255); } @media (min-width: 481px) and (max-width: 991px){#carousel .carousel-item .caption { top: 20px; bottom: 20px; height: auto; }} @media (min-width: 481px) and (max-width: 991px){#carousel .carousel-item .caption .slide-text { position: static; margin-left: 15%; width: 85%; }} @font-face { font-family: Quicksand; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/quicksand/Quicksand-latin-v1-Medium.woff2") format("woff2"); unicode-range: U+0000-017F,U+0300-036F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2212; } @font-face { font-family: Quicksand; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/quicksand/Quicksand-latin-v1-SemiBold.woff2") format("woff2"); unicode-range: U+0000-017F,U+0300-036F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2212; } @font-face { font-family: Quicksand; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/quicksand/Quicksand-latin-v1-Bold.woff2") format("woff2"); unicode-range: U+0000-017F,U+0300-036F,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2212; } @font-face { font-family: "FontAwesome"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/home-fontawesome-v1.woff2") format("woff2"); unicode-range: U+F004,U+F005,U+F1FE; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/home-material-v1.woff2") format("woff2"); unicode-range: U+E145,U+E15B,U+E313,U+E314,U+E315,U+E316,U+E5CD,U+E5CE,U+E5CF,U+E5D2,U+E863,U+E87E; }