/** * 2007-2015 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2015 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ .me-product-status { display: block!important; font-size: 0.9em; color: #808080; } .me-product-status i { margin-right: 3px; } #mikroestatus { margin-bottom: 10px; } #mikroestatus .status-type { font-weight: bold; margin-right: 5px; } #mikroestatus i { margin-right: 3px; } #mikroestatus .substitutes { background-color: #f4f4f4; padding: 10px; } #mikroestatus .substitute-title { font-weight: bold; } #mikroestatus .status-available-date { display: block; color: #00acc4; margin-top: 5px; font-weight: bold; } .checkout-mps { margin-top: 10px; } .checkout-mps .status-available-date { display: block; color: #00acc4; font-weight: bold; } /** * 2007-2017 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2017 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /** * 2007-2017 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2017 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /** * 2007-2017 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2017 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /** * 2007-2017 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2017 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /* type: on-sale-layout.css created by: mikroe it team created: ‎21. 03. ‎2018 modified: ‎28. 04. ‎2020 */ .upper-interspace{padding-top: 30px;} .st-block-row{display: flex;flex-direction: column; } .st-block-row .st-block{margin: 0 0 20px 0;} .st-block-row .st-block-1{display:inline-block;height: 340px;} .st-block-row .st-block-21{display:inline-block;height: 340px;} .st-block-row .st-block-31{display:inline-block;height: 340px;} .st-block-row .st-block-41{display:inline-block;height: 500px;} .st-block-row .st-block-42{display:inline-block;height: 500px;} .st-block-row .st-block-32{display:inline-block;height: 500px;} .st-block-row .st-block-32-wrap{height: 500px;display:flex;flex-direction: column;} .st-block-row .st-block-32-wrap .st-block-31{margin: 0 0 10px 0;} .st-block-row .st-block-32-wrap .st-block-31:last-of-type{margin: 10px 0 0 0;} .st-block-row .st-block-22{display:inline-block;height: 340px;} .st-block-row .st-block-22-wrap{display: flex;flex-direction: column; height: 360px;} .st-block-row .st-block-22-wrap .st-block-21{margin: 0 0 10px 0;} .st-block-row .st-block-22-wrap .st-block-21:last-of-type{margin: 10px 0 0 0;} .st-block-row .st-block-12{display:inline-block;height: 500px;} .st-block-row .st-block-12-wrap{display: flex;flex-direction: column;height: auto;} .st-block-row .st-block-12-wrap .st-block-1{margin: 0 0 10px 0;} .st-block-row .st-block-12-wrap .st-block-1:last-of-type{margin: 10px 0 0 0;} .st-block-row .st-block-44{display:inline-block;height: 340px;} @media only screen and (min-width: 767px) { .st-block-row{margin: 0 -10px 20px -10px;} .st-block-row .st-block{margin: 0 10px;} .st-block-row .st-block-1{width: calc(50% - 10px);} .st-block-row .st-block-22{height: 500px;} .st-block-row .st-block-41{height: 340px;} .st-block-row .st-block-44{height: 700px;} .st-block-row.four-block-1, .st-block-row.four-block-12, .st-block-row.two-block-12 {flex-wrap: wrap;flex-direction: row;} .st-block-row.four-block-1 .st-block-1, .st-block-row.four-block-12 .st-block-12, .st-block-row.two-block-12 .st-block-12{flex: 0 calc(50% - 20px);} .st-block-row.four-block-1 .st-block-1:first-of-type, .st-block-row.four-block-12 .st-block-12:first-of-type, .st-block-row.two-block-12 .st-block-12:first-of-type{margin-bottom: 20px;} .st-block-row.two-block-12 .st-block-22{width: 100%;} .st-block-row .st-block-12-wrap{flex-direction: row;} .st-block-row .st-block-12-wrap .st-block-1{margin: 20px 10px 0 0;} .st-block-row .st-block-12-wrap .st-block-1:last-of-type{margin: 20px 0 0 10px;} } @media only screen and (min-width: 992px) { .st-block-row{flex-direction: row;} .st-block-row .st-block-1{width: calc(25% - 20px);height: 277px;} .st-block-row .st-block-21{width: calc(50% - 20px);height: 277px;} .st-block-row .st-block-31{width: calc(75% - 20px);height: 277px;} .st-block-row .st-block-41{width: calc(100% - 20px);height: 277px;} .st-block-row .st-block-42{width: calc(100% - 20px);height: 574px;} .st-block-row .st-block-32-wrap, .st-block-row .st-block-32{width: calc(75% - 20px);height: 574px;} .st-block-row .st-block-22-wrap, .st-block-row .st-block-22{width: calc(50% - 20px);height: 574px;} .st-block-row .st-block-12-wrap, .st-block-row .st-block-12{width: calc(25% - 20px);height: 574px;} .st-block-row .st-block-44{width: calc(100% - 20px);height: 990px;} .st-block-row .st-block-12-wrap{flex-direction: column;} .st-block-row .st-block-12-wrap .st-block-1{margin: 0 0 10px 0;width: 100%;} .st-block-row .st-block-12-wrap .st-block-1:last-of-type{margin: 10px 0 0 0;width: 100%;} .st-block-row.four-block-1 .st-block-1, .st-block-row.four-block-12 .st-block-12, .st-block-row.two-block-12 .st-block-12{flex: 0 calc(25% - 20px);} .st-block-row.two-block-12 .st-block-22{width: calc(50% - 20px);} .st-block-row.four-block-1 .st-block-1:first-of-type, .st-block-row.four-block-12 .st-block-12:first-of-type, .st-block-row.two-block-12 .st-block-12:first-of-type{margin-bottom: 0px;} } @media only screen and (min-width: 1200px) { .upper-interspace{padding-top: 0px;} .st-block-row .st-block-1{width: 277px;height: 277px;} .st-block-row .st-block-21{width: 574px;height: 277px;} .st-block-row .st-block-31{width: 871px;height: 277px;} .st-block-row .st-block-41{width: 1170px;height: 277px;} .st-block-row .st-block-42{width: 1170px;height: 574px;} .st-block-row .st-block-32-wrap, .st-block-row .st-block-32{width: 871px;height: 574px;} .st-block-row .st-block-22-wrap, .st-block-row .st-block-22{width: 574px;height: 574px;} .st-block-row .st-block-12-wrap, .st-block-row .st-block-12{width: 277px;height: 574px;} .st-block-row .st-block-44{width: 1170px;height: 1170px;} } @media only screen and (min-width: 1300px) { .st-block-row .st-block-1{width: 305px;height: 305px;} .st-block-row .st-block-21{width: 630px;height: 305px;} .st-block-row .st-block-31{width: 955px;height: 305px;} .st-block-row .st-block-41{width: 1280px;height: 305px;} .st-block-row .st-block-42{width: 1280px;height: 630px;} .st-block-row .st-block-32-wrap, .st-block-row .st-block-32{width: 955px;height: 630px;} .st-block-row .st-block-22-wrap, .st-block-row .st-block-22{width: 630px;height: 630px;} .st-block-row .st-block-12-wrap, .st-block-row .st-block-12{width: 305px;height: 630px;} .st-block-row .st-block-44{width: 1280px;height: 1280px;} } #new_home .st-block-row .block-link{height: 100%;width: 100%;display: block;position: relative;} #new_home .st-block-row .bottom-left-corner {position: absolute;left: 20px;bottom: 20px;margin: 0;} #new_home .st-block-row .bottom-right-corner{position: absolute;right: 20px;bottom: 20px;margin: 0;} #new_home .st-block-row .top-left-corner{position: absolute;left: 20px;top: 20px;margin: 0;} #new_home .st-block-row .top-right-corner{position: absolute;right: 20px;top: 20px;margin: 0;} #new_home #blog_list .home-box-wrap.removed-box{display: none!important;} #new_home { max-width: 100%; margin: 20px auto 60px auto; padding: 0px; } #new_home img:hover { cursor: pointer; } .slick-slide {outline: none!important;} #new_home .block-wrapper { width: 100%; overflow: hidden; } #new_home a:focus{text-decoration: none;} #new_home .light{background: #fff;} #new_home .st-block-row .st-img{height: 100%!important;width: 100%;object-fit: cover;object-position: 50% 0;} #new_home .yellow-txt{color: #ffca05;} #new_home .section-title{font-size: 26px;margin: 0 auto;letter-spacing: 2px;padding: 10px 0 30px 0;font-weight: 300;line-height: 34px;color: #707070;} #new_home .section-title span{font-weight: 800;} #new_home .section-title sup{color: #707070;} #new_home h4.prod-title{font-size: 20px;line-height: 32px;text-align: center;font-weight: 500;margin: 0 auto;height: 60px;padding: 20px 20px 0 20px;} #new_home .section-title .link-title {color: #707070;} #new_home .section-title .link-title:hover {color: #1592e6;} #new_home .section-first .section-first-slick > div{display: none;height: 100%;} #new_home .section-first .section-first-slick .slick-slide, #new_home .section-first .section-first-slick .slick-track{height: 100%;} #new_home .section-first .section-first-slick > div:first-of-type{display: block;} #new_home .section-first img.mobile{display: block;} #new_home .section-first img.desktop{display: none;} #new_home .section-first .slick-dots{bottom: 0;} #new_home .section-first .slick-dots li button::before{font-size: 12px;color: #fff;} #new_home .section-first .slick-dots li.slick-active button::before{color:#FFCB05;} /* #new_home .section-first .todays-product {background-color: #fff;border: 1px solid #FFCB05;} #new_home .section-first .todays-product .head{height: 220px;} #new_home .section-first .todays-product .head img{height: 190px;position: relative; top: 20px;} #new_home .section-first .todays-product .info{padding: 20px;margin: 0;height: 58px;font-size: 26px;background-color: #FFCB05;text-align: center;} #new_home .section-first .todays-product .info p{margin: 0;} #new_home .section-first .todays-product .info .date{color: #fff;font-weight: 600;} #new_home .section-first .todays-product .info .read-more{color: #1592e6;} #new_home .section-first .todays-product .info .read-more i{padding-right: 5px;} #new_home .section-first .todays-product a:hover .info .read-more{color: #0090a5;} #new_home .section-first .todays-product a:hover .info .read-more i{color: #0090a5;transition: 0.2s ease-in;padding-right: 10px;} */ #new_home .section-first .st-block-1:nth-of-type(2) .banner-todays-box{height: 100%; width: 100%; display: block; background-repeat: no-repeat;background-size: cover;background-position: 0% 0%;} #new_home .latest-prod #blog_list .st-block-row{margin: 0 -10px;} #new_home .blogs-section .st-block-row{margin: 0 -10px;padding: 0 0 20px 0;} #new_home .blogs-section h4.prod-title{margin: 30px auto 0 auto;height: 50px;text-align: left;} #new_home .blogs-section h4.prod-title:focus{outline: none;} #new_home .blogs-section .desc{color: #707070;font-size: 16px;outline: 0;text-align: left;margin: 0;height: 90px;padding: 0 20px;line-height: 26px;height: 165px;} #new_home .blogs-section .info{display: flex;position: relative;margin: 0 20px 20px 20px;color: #707070;justify-content: space-between;align-items: flex-end;background-color: #fff;} #new_home .blogs-section .info p{margin: 0;font-size: 16px;} #new_home .blogs-section .info .read-more{color: #1592e6;position: relative;left: 0;bottom: 0;} #new_home .blogs-section .info .read-more i{padding-right: 5px;} #new_home .blogs-section .blog-box{background: #fff;height: 500px;border: 1px solid #e6e6e6;margin: 0 10px;display: none;} #new_home .blogs-section .blog-box a:focus{outline: none;} #new_home .blogs-section .blog-box a{height: 100%;display: block;} #new_home .blogs-section .blog-box:first-of-type{display: block;} #new_home .blogs-section .popular-blog-img{width: 100%;height: 190px; background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;} #new_home .blogs-section h4{font-size: 22px;line-height: 30px;padding: 0 20px;height: 70px;margin: 20px 0;} #new_home .blogs-section h4.blog-title-mob,#new_home .blogs-section p.blog-desc-mob{display: block;} #new_home .blogs-section h4.blog-title-desk,#new_home .blogs-section p.blog-desc-desk{display: none;} #new_home .section-top-deal .top-deal-slick button.slick-next{right: -20px;} #new_home .section-top-deal .top-deal-slick button.slick-prev{left: -20px;} #new_home .section-top-deal .st-block-12{position: relative;background: #fff;border: 1px solid #e6e6e6;} #new_home .section-top-deal .st-block-12 a.block-link{height: calc(100% - 40px);} #new_home .section-top-deal .st-block-12 a.ajax_add_to_cart_button{height: 40px;width: 100%;display: flex;flex-direction: row;align-content: center; align-items: center;border-radius: 0;} #new_home .section-top-deal .st-block-12 a.ajax_add_to_cart_button .btn-text-wraper{padding: 8px 0;display: inline-block;margin: 0 auto; align-items: center;} #new_home .section-top-deal .st-block-12 a.ajax_add_to_cart_button .btn-text-wraper p{margin: 0;font-size: 16px;} #new_home .section-top-deal .st-block-12 a.ajax_add_to_cart_button .btn-icon-wraper{position: absolute;right: 20px;bottom:5px;} #new_home .section-top-deal .st-block-12 a.ajax_add_to_cart_button .btn-icon-wraper i{margin: 0;font-size: 18px;} #new_home .section-top-deal .st-block-12 .discount{margin: 0;padding: 20px 0;display: flex;align-items: center;align-content: space-between;} #new_home .section-top-deal .st-block-12 .discount span:nth-of-type(1){font-size: 24px;font-weight: 600; background-color: #ffcb05;display: inline-block;padding: 9px; width: 78px;text-align: center;} #new_home .section-top-deal .st-block-12 .discount span:nth-of-type(2){width: calc(100% - 78px);text-align: right;padding: 0 30px 0 0;color: #1592e6;font-size: 14px;} #new_home .section-top-deal .st-block-12 h4{font-size: 24px;line-height: 34px;padding: 0 0 10px 0;text-align: center;margin: 0;} #new_home .section-top-deal .st-block-12 .pid{font-size: 14px; text-align: center;font-style: italic;color: #707070;display: block;} #new_home .section-top-deal .st-block-12 .price{text-align: center;margin: 20px 0 0 0;} #new_home .section-top-deal .st-block-12 .price span:nth-of-type(1){font-size: 20px; color: #707070; font-weight: 500;text-decoration: line-through;} #new_home .section-top-deal .st-block-12 .price span:nth-of-type(2){font-size: 24px;color: #1592e6;font-weight: 600;} #new_home .section-top-deal .st-block-12 .img{position: absolute;bottom: 20px;left: 0;right: 0;width: auto;margin: 0 auto;height: 220px;} #new_home .section-top-deal .st-block-12 .img img{height: 100%;} #new_home .section-top-deal .top-deal-banner{position: relative;} /* #new_home .section-top-deal .top-deal-banner img{cursor: default;} */ #new_home .section-top-deal .top-deal-banner .top-deal-description{position: absolute;bottom: 40px;left: 20px;font-size: 36px;color: #fff;font-weight: 500;line-height: 40px;} #new_home .section-top-deal .top-deal-banner .top-deal-description p:last-of-type{margin: 0;} #new_home .section-top-deal .st-block-row .st-block-32 .st-block-12{display: none;} #new_home .section-top-deal .st-block-row .st-block-32 .st-block-12:first-of-type{display: block;} #new_home .section-top-deal .top-deal-slick{margin-bottom: 0;} #new_home .section-all-products{display: inline-block;} #new_home .section-all-products .section-title{margin: 0;} #new_home .section-all-products a.prod-link{float: left;display: block;border: 2px solid #B9CCCC;margin:0 15px 20px 0;padding: 10px;border-radius: 50px; color: #B9CCCC;font-weight: 600;font-size: 13px;display: none;} #new_home .section-all-products a.prod-link:hover{color: #fff;background: #1592e6;border: 2px solid #1592e6;} #new_home .section-all-products a.prod-link:nth-child(-n+23){display: block;} #new_home .section-all-products.open a.prod-link{display: block;} #new_home .section-all-products .read-more {float: left;padding: 14px 20px;margin: 0 20px 20px 0;font-size: 16px;} #new_home .section-fusion h2, #new_home > div > div.section-fusion > div:nth-child(2) , #new_home > div > div:nth-child(8) {display: none;} #new_home .section-fusion .two-block-12 > div > div{width: 100%;height: 100%;} #new_home .section-fusion .st-block-44 > div{width: 100%;height: 100%;} #new_home .section-necto-offer .st-block > div{width: 100%;height: 100%;} #new_home .read-more{display: block;color: #1592e6;cursor: pointer;font-size: 14px;} #new_home .read-more i{padding-right: 5px;} #new_home .read-more.white-txt-color{color: #e6e6e6;} #new_home .block-link:hover .read-more.white-txt-color{color: #fff;} #new_home .section-all-products .read-more:hover, #new_home .block-link:hover .read-more{color: #136dc7;} #new_home .section-all-products .read-more:hover i, #new_home .block-link:hover .read-more i{transition: 0.2s ease-in;padding-right: 10px;} /*SLICK*/ #new_home button.slick-arrow{background-color: rgba(227, 227, 227, 0.5);height: 46px;width: 46px;top: 49%;border-radius: 50px;} #new_home .blogs-wrap button.slick-arrow{top: 50%;} #new_home button.slick-arrow.slick-disabled{color: #ccc;} #new_home button.slick-next{right: -10px;} #new_home button.slick-prev{left: -10px;} #new_home .slick-next:before, #new_home .slick-prev:before{font-family: 'Font Awesome 5 Pro';font-weight: 300;color: #231f20;font-size: 24px;} #new_home .slick-next:before {content: "\f054";} #new_home .slick-prev:before{content: "\f053";} /*SLICK END*/ /* LOADER */ #new_home .loading-wrapper > div{width: 100%;text-align: center;position: relative;} #new_home .loading-wrapper > div > div{ border-color: transparent;position: absolute;left: 0;right: 0;margin: 0 auto;} #new_home .loading-wrapper > div > div > div{position: absolute;left: 0;right: 0;margin: auto;} /* LOADER END */ @media only screen and (min-width: 768px) { #new_home .section-title{font-size: 36px;line-height: 40px;} #new_home .slick-next:before, #new_home .slick-prev:before{font-size: 26px;} #new_home button.slick-arrow{top: 46.5%;background-color:transparent;} #new_home button.slick-next{right: -34px;} #new_home button.slick-prev{left: -34px;} #new_home .blogs-section .blog-box{border: 1px solid #e6e6e6;margin: 0 10px;} #new_home .blogs-section .blog-box:nth-child(-n+2){display: block;} #new_home .section-first img.mobile{display: none;} #new_home .section-first img.desktop{display: block;} #new_home .section-first img.st-img{object-position: 50% 0;} #new_home .section-necto-offer .st-block-41 img{object-position: 0% 0%;} #new_home .section-all-products a.prod-link{margin:0 20px 20px 0;padding: 10px 20px;font-size: 16px;display: none;} #new_home .section-all-products a.prod-link:nth-child(-n+32){display: block;} #new_home .section-top-deal .top-deal-slick button.slick-next{right: -32px;} #new_home .section-top-deal .top-deal-slick button.slick-prev{left: -32px;} #new_home .section-top-deal .top-deal-slick{margin-bottom: 20px;} #new_home .section-top-deal .st-block-row .st-block-32{width: 343px;margin-bottom: 0;} #new_home .section-top-deal .st-block-row .st-block-32 button.slick-next{right: -20px;} #new_home .section-top-deal .st-block-row .st-block-32 button.slick-prev{left: -20px;} #new_home .st-block-row .st-img{object-position: 50% 50%;} } @media only screen and (min-width: 992px) { #new_home .latest-prod{padding: 0;} #new_home h4.prod-title{font-size: 18px;line-height: 28px;} #new_home .section-first .todays-product .head{height: 170px;} #new_home .section-first .todays-product .head img{height: 140px;} #new_home .section-first .todays-product .info{font-size: 18px;} #new_home .section-necto-offer .st-block-41 img{object-position: 50% 0%;} #new_home .blogs-section .blog-box{height: 574px;width: 50%;} #new_home .blogs-section .slick-prev{left: -10px;} #new_home .blogs-section .slick-next{right: -10px;} #new_home .blogs-section h4.blog-title-mob,#new_home .blogs-section p.blog-desc-mob{display: none;} #new_home .blogs-section h4.blog-title-desk,#new_home .blogs-section p.blog-desc-desk{display: block;} #new_home .blogs-section .popular-blog-img{height: 280px;} #new_home .blogs-section h4{height: 74px;} #new_home .blogs-section .desc{height: 140px;} #new_home .blogs-section .info p{font-size: 14px;} #new_home button.slick-next{right: -10px;} #new_home button.slick-prev{left: -10px;} #new_home .section-top-deal .top-deal-slick button.slick-next{right: -10px;} #new_home .section-top-deal .top-deal-slick button.slick-prev{left: -10px;} #new_home .section-top-deal .st-block-12 .prod-info{ /* height: 90px; */ padding: 0 20px;} #new_home .section-top-deal .st-block-12 .img img, #new_home .section-top-deal .st-block-12 .img{height: auto;} #new_home .section-top-deal .st-block-12 h4{font-size: 20px;line-height: 30px;} #new_home .section-top-deal .st-block-12 .discount span:nth-of-type(2){padding: 0 20px 0 0;} #new_home .section-all-products a.prod-link:nth-child(-n+34){display: block;} #new_home .section-top-deal .st-block-row .st-block-32{width: 752px;display: flex;} #new_home .section-top-deal .st-block-row .st-block-32 .st-block-12:nth-child(-n+3){display: block; flex: 0 calc(34% - 20px);} } @media only screen and (min-width: 1200px) { #blog_list .home-box-wrap{width: 277px !important;height: 277px;margin: 0 10px 20px 10px;} #blog_list .home-box-wrap:nth-child(5n+5){border-right: 0;} #blog_list .home-box-wrap:nth-child(1n+11){display: none;} #blog_list .blog-box .desc{padding: 0 10px;font-size: 13px;line-height: 20px;} #blog_list .blog-box .info{padding: 0 20px 20px 20px;margin: 0;height: 47px;align-items:flex-end;justify-content: space-between;font-size: 14px;} #new_home{margin: 20px auto 80px auto;} #new_home .section-title{font-size: 36px;line-height: 40px;padding:20px 0 40px 0;} #new_home .popular-prod-wrap button.slick-arrow{top: 40%;} #new_home button.slick-next{right: -10px;} #new_home button.slick-prev{left: -10px;} #new_home .latest-prod button.slick-arrow{top: 46%;} #new_home h4.prod-title{position: relative;z-index: 1;} #new_home .section-top-deal .st-block-12 h4{font-size: 22px;line-height: 30px;padding: 0 0 10px 0;margin: 0;} #new_home .section-top-deal .st-block-12 .pid{font-style: italic;color: #707070;display: block;} #new_home .section-top-deal .st-block-12 .price{margin: 20px 0 0 0;} #new_home .section-top-deal .st-block-12 .price span:nth-of-type(1){font-size: 20px; color: #707070; font-weight: 500;text-decoration: line-through;} #new_home .section-top-deal .st-block-12 .price span:nth-of-type(2){font-size: 24px;color: #1592e6;font-weight: 600;} #new_home .section-top-deal .st-block-12 .img{position: absolute;bottom: 10px;left: 0;right: 0;} #new_home .section-top-deal .st-block-row .st-block-32{width: 892px;} #new_home .latest-prod #blog_list .st-block-row .slick-list .slick-slide > div{display: flex;} #new_home .blogs-section .blog-box{height: 574px;} #new_home .blogs-section .desc{height: 97px;} #new_home .blogs-section h4{ padding: 0 20px;height: 66px;margin: 20px 0;} #new_home .blogs-section .popular-blog-img{height: 330px; background-position: 50% 75%;} #new_home .blogs-section .info .read-more{font-size: 16px;} #new_home .section-all-products .section-title{line-height: 52px;width: 75%;} #new_home .blogs-section .latest-news-wrap .popular-blog-img{height: 177px;} #new_home .blogs-section .latest-news-wrap h4{line-height: 26px;font-size: 18px;height: 100px;margin: 0;padding: 20px 20px 0 20px;} #new_home .blogs-section .latest-news-wrap .desc{height: 258px;padding-top: 5px;display: inline-block;background-color: #fff;} #new_home .section-fusion .read-more{font-size: 16px;} #new_home .st-block-row .bottom-left-corner.bigger {left: 30px;bottom: 30px;} #new_home .st-block-row .bottom-right-corner.bigger{right: 30px;bottom: 30px;} #new_home .st-block-row .top-left-corner.bigger{left: 30px;top: 30px;} #new_home .st-block-row .top-right-corner.bigger{right: 30px;top: 30px;} } @media only screen and (min-width: 1240px) { #new_home .latest-prod button.slick-arrow::before, #new_home .blogs-section .slick-arrow::before{font-size: 26px;} #new_home .latest-prod button.slick-next, #new_home .blogs-section .slick-next, #new_home .section-top-deal .top-deal-slick button.slick-next{right: -35px;} #new_home .latest-prod button.slick-prev, #new_home .blogs-section .slick-prev, #new_home .section-top-deal .top-deal-slick button.slick-prev{left: -35px;} #new_home .section-top-deal .st-block-row .st-block-32 button.slick-next{right: 9px;} #new_home .section-top-deal .st-block-row .st-block-32 button.slick-prev{left: 10px;} } @media only screen and (min-width: 1300px) { /* #new_home .section-first .todays-product .head{height: 197px;} #new_home .section-first .todays-product .head img{height: 176px; top: 16px;} */ #new_home h4.prod-title{font-size: 20px;line-height: 32px;} #blog_list .home-box-wrap{width: 305px!important;height: 305px;} #new_home button.slick-next{right: -20px;} #new_home button.slick-prev{left: -20px;} #new_home .latest-prod button.slick-next, #new_home .blogs-section .slick-next, #new_home .section-top-deal .top-deal-slick button.slick-next{right: 0px;} #new_home .latest-prod button.slick-prev, #new_home .blogs-section .slick-prev, #new_home .section-top-deal .top-deal-slick button.slick-prev{left: 0px;} #new_home .blogs-section h4{width: 86%;} #new_home .blogs-section .desc{height: 96px;} #new_home .blogs-section .blog-box{height: 630px;} #new_home .blogs-section .popular-blog-img{height: 389px;} #new_home .blogs-section .latest-news-wrap .popular-blog-img{height: 200px;} #new_home .blogs-section .latest-news-wrap h4{width: 90%;} #new_home .blogs-section .latest-news-wrap .desc{height: 290px;} #new_home .section-all-products a.prod-link:nth-child(-n+34){display: none;} #new_home .section-all-products a.prod-link:nth-child(-n+30){display: block;} #new_home .section-top-deal .st-block-row .st-block-32{width: 974px;} } @media only screen and (min-width: 1340px) { #new_home .latest-prod button.slick-next, #new_home .blogs-section .slick-next, #new_home .section-top-deal .top-deal-slick button.slick-next{right: -35px;} #new_home .latest-prod button.slick-prev, #new_home .blogs-section .slick-prev, #new_home .section-top-deal .top-deal-slick button.slick-prev{left: -35px;} } @keyframes ldio-m4z3ldimm2q { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .ldio-m4z3ldimm2q div { box-sizing: border-box!important } .ldio-m4z3ldimm2q > div { position: absolute; width: 198px; height: 198px; top: 51px; left: 51px; border-radius: 50%; border: 6px solid #000; border-color: #ffca05 transparent #ffca05 transparent; animation: ldio-m4z3ldimm2q 1s linear infinite; } .ldio-m4z3ldimm2q > div:nth-child(2) { border-color: transparent } .ldio-m4z3ldimm2q > div:nth-child(2) div { position: absolute; width: 100%; height: 100%; transform: rotate(45deg); } .ldio-m4z3ldimm2q > div:nth-child(2) div:before, .ldio-m4z3ldimm2q > div:nth-child(2) div:after { content: ""; display: block; position: absolute; width: 6px; height: 6px; top: -6px; left: 90px; background: #ffca05; border-radius: 50%; box-shadow: 0 192px 0 0 #ffca05; } .ldio-m4z3ldimm2q > div:nth-child(2) div:after { left: -6px; top: 90px; box-shadow: 192px 0 0 0 #ffca05; } .loadingio-spinner-dual-ring-2pzfk3sewhk { width: 300px; height: 300px; display: inline-block; overflow: hidden; /* background: #fbfbfb; */ } .ldio-m4z3ldimm2q { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-m4z3ldimm2q div { box-sizing: content-box; } /** * 2007-2018 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2018 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ .eupopup-container { position: fixed; bottom: 50px; z-index: 5050; background-color: #fff !important; padding: 20px 40px 20px 20px; width: 410px; border: 1px solid #eeeeee; border-left: none; border-right: none; margin: 0 auto; right: 0; left: 0; border-radius: 5px; box-shadow: rgba(0,0,0,.17) 0 0 13px; -moz-box-shadow: rgba(0,0,0,.17) 0 0 13px; -webkit-box-shadow: rgba(0,0,0,.17) 0 0 13px; } .eupopup-container .eupopup-body{ color: #707070 !important; font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; font-weight: 500; } .eupopup-container .eupopup-body p { margin: 0; } .eupopup-container .eupopup-wrap > a:hover{ cursor: default; } .eupopup-container .eupopup-wrap > a i:hover:before{ font-weight: 400; cursor: pointer; } .eupopup-container .eupopup-wrap .eupopup-body > a { color: #28c3f3 !important; } .eupopup-container .eupopup-wrap .eupopup-body > a:hover { color: #25B9D7 !important; } @media screen and (max-width:474px){ .eupopup-container .eupopup-wrap > a { position: absolute; top: 15px; right: 15px; } } .eupopup-closebutton .fa-close:before { content: "\f057"; font-weight: 300; font-size: 21px; } .eupopup-container .eupopup-wrap { overflow: auto; width: 410px; margin: 0 auto; } .eupopup-container .eupopup-wrap::after { content: ""; clear: both; display: table; } @media screen and (min-width: 474px) { .eupopup-container { padding: 0 30px 0 15px; } .eupopup-container .eupopup-wrap { width: 410px; } .eupopup-container .eupopup-body { display: inline; float: left; line-height: 40px; } .eupopup-container .eupopup-wrap > a { position: absolute; display:inline; float: left; top: auto; right: auto; margin: 12px 0 13px 10px; } } @media screen and (min-width: 550px) { .eupopup-container .eupopup-body { font-size: 14px !important; } .eupopup-container .eupopup-wrap { width: 410px; } } @media screen and (min-width: 900px) { .eupopup-container { bottom: 0; } } @media screen and (max-width: 550px) { .eupopup-container .eupopup-wrap { width: fit-content; width:-moz-fit-content; } .eupopup-container {width: 100%;} }/** * 2007-2018 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2018 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ #mikroeyoumightalsoneed_view { margin-bottom: 40px; } #mikroeyoumightalsoneed_view .bx-next { text-align: right; } #mikroeyoumightalsoneed_view .product-box { float: left; list-style: none; position: relative; margin-right: 20px; width: 178px; } #mikroeyoumightalsoneed_view .s_title_block h5 a { font-size: 15px; } #mikroeyoumightalsoneed_view .price_display .price { font-size: 16px; } #mikroeyoumightalsoneed_products .button.ajax_add_to_cart_button { font-size: 14px !important; } #mikroeyoumightalsoneed_products .product-box .no-print .ajax_add_to_cart_button span { padding: 4px 7px; } #mikroeyoumightalsoneed_products .product-box .no-print .ajax_add_to_cart_button span i { font-size: 14px !important; margin-right: 4px !important; } /** * 2007-2018 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2018 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /* * 2007-2019 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2019 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /*************** blue: #00ACC4; dark-grey: #C7C7C7; light-gery: #EEEEEE; grey: #888888; light-black: #58595B; black: #231F20; yellow: #FFCB05; *****************/ body#search a::-moz-focus-inner, body#category a::-moz-focus-inner {border: 0 !important;} body#search a:focus, body#category a:focus {outline: none !important;} #categories_block_top .sf-menu {position: relative;} #categories_block_top .sf-menu>li {position: static;} #categories_block_top .sf-menu>li>ul {width: 100%;top: 60px;margin: 0 20px;} #categories_block_top .sf-menu>li>ul>li {display: block;float: left;width: 20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;} #categories_block_top .sf-menu>li>ul>.category_thumb {display: block;clear: both;overflow: hidden;width: 100%;} #categories_block_top .sf-menu>li>ul>.category_thumb img {display: inline-block;width: 33%;} #categories_block_top .sf-menu>li h4 a {font-size: 1.1em;} #categories_block_top .sf-menu>li h4 a:before {display: none;} #categories_block_top .sf-menu>li .main-level-submenus {position: relative;display: block !important;visibility: visible !important;top: 0;background: none;box-shadow: none; padding: 0;left: 0;} #categories_block_top .sf-menu .category_thumb {display: none;} #categories_block_left .block_content > ul {margin: 0;} #categories_block_left .block_content > ul >li > a {font-weight: 500;} #categories_block_left .block_content > ul >li > a:hover {color: #157ED2;} #categories_block_left .block_content ul li a.selected{color: #157ED2;} #filte i {cursor: pointer;color: #ed1c24;font-size: 15px;padding-left: 5px;position: relative;top: 0;right: 0;} #filte {margin: 0 0 0 0;border: none;} #filte > div {background: #eee;padding: 5px 5px 5px 5px;position: relative;display: inline-block;margin: 2px 2px;vertical-align: bottom;} #categories_block_left li {line-height: 30px;position: relative;} #categories_block_left.block {border: none;background: #FBFBFB;} #categories_block_left li a {font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-weight: normal;vertical-align: middle;color: #231F20;display: inline-block; font-size: 12px;line-height: 30px;} #default-tpl .right-block, #default-tpl .pack_price {display: none;} .easter-egg-score {display: flex;} .easter-egg-box > div {position: relative;} .easter-egg-score img {width: 80px;} .egg-icon div img:nth-child(2) {position: absolute; display: none;} .egg-icon div img.active{display: block;} .easter-egg-box h3 {font-size: 20px; text-align: center; padding: 20px 0; font-weight: 500; text-transform: uppercase; color: #000; line-height: 25px;} #left_column .continue-shiping img {width:100%; margin-top:30px} #left_column > a:nth-child(6) > img {margin-top: 0;} @media screen and (min-width:1160px) and (max-width:1299px) { .easter-egg-score img {max-width: 45px;}} @media screen and (min-width:999) and (max-width:1160px) { .easter-egg-score img {max-width: 40px;}} @media screen and (max-width:767px) {#categories_block_left li a {font-size: 18px;line-height: 45px;}} .infinite-product-scroll {font-size: 24px;} .infinite-product-scroll p {font-size: 12px;} .me-load-more-wrapper {margin-bottom: 20px;display: none;} .me-load-more {color: #231F20;cursor: pointer;font-size: 20px;padding: 15px;background: #FFCB05;text-align: center;font-weight: normal;} .me-load-more p {margin: 0;} .me-load-more i {margin-top: 10px;} .me-load-more:hover {font-weight: 500;} .me-load-more .show-on-loading {display: none;} .me-load-more.me-loading .show-on-loading {display: block;} .me-load-more.me-loading {pointer-events: none;} .me-load-more.me-loading:hover {border: 1px solid transparent;} .me-load-more.me-loading p:first-of-type {display: none;} .resize_filter {color: #FFCB05;cursor: pointer;margin-top: 5px;margin-left: 5px;font-family: "Font Awesome 5 Pro";} #category_filters .compress_filter {display: none;} #category_filters.expanded .expand_filter { display: none;} .af_filter span.count {color: #888888;} #category_filters {z-index: 105;display: none;position: absolute;left: 0;right: 15px;white-space: nowrap;background: #FFFFFF;} #category_filters .tse-scrollable.horizontal .tse-scroll-content:after {content: " ";width: 15px;height: 30px;position: absolute;top: 0;right: 0;display: block; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} #amazzing_filter .accordion-column {padding-right: 0px;} #af_form div.af_filter ul {padding: 5px;background: #DEDEDE;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #af_form .tse-scrollable.lg-filter {display: none;} .af_subtitle_heading .af_subtitle {color: #888888;font-size: 12px;font-weight: 800;font-family: 'Montserrat', Arial, Helvetica, sans-serif;} #left_column #amazzing_filter.block {background: none;border: none;} #category_filter_wraper {z-index: 110;height: 50px;display: flex;} #category_filter {justify-content: flex-start;align-items: center;z-index: 115;flex: 1;flex: auto;max-width: calc(100% - 70px);color: #fff;display: flex;background: #231F20;} #category_filter p {cursor: pointer;margin: auto;font-size: 18px;font-weight: bold;font-family: 'Montserrat', Arial, Helvetica, sans-serif;text-transform: uppercase;} #category_filter p:last-child {margin-left: 0;} #category_filter p #category_filter_btn {cursor: pointer;font-size: 24px;text-align: center;font-family: "Font Awesome 5 Pro";display: flex;} #category_filter_close {width: 0;display: flex;visibility: hidden;align-items: center;justify-content: center;opacity: 0;background: #FFCB05; -webkit-transition: visibility 0.27s linear,opacity 0.27s linear, width 0.27s;-moz-transition: visibility 0.27s linear,opacity 0.27s linear, width 0.27s; -ms-transition: visibility 0.27s linear,opacity 0.27s linear, width 0.27s;-o-transition: visibility 0.27s linear,opacity 0.27s linear, width 0.27s; transition: visibility 0.27s linear,opacity 0.27s linear, width 0.27s;} #category_filter_close.opened {width: 70px;opacity: 1;visibility: visible;} .no_overflow {overflow: hidden !important;} #category_filter_close i {font-size: 24px;font-weight: 100;color: #231F20;cursor: pointer;font-family: "Font Awesome 5 Pro";} #category_filter_close i.fa-chevron-left {margin-left: 6px;} #category_filter_close i.fa-chevron-right {margin-left: -6px;} #category_filter_close #hr_1 {margin: 0;top: 35px;right: 35px;width: 20px;position: absolute;transform: rotate(45deg);} #category_filter_close #hr_2 {margin: 0;top: 35px;right: 35px;width: 20px;position: absolute;transform: rotate(-45deg);} #categories_block_left li span.grower {padding: 0 0 0 10px;} #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {font-size: 18px;content: "\f054";font-family: "Font Awesome 5 Pro";display: inline-block;vertical-align: middle;width: 20px; height: 20px;line-height: 17px;color: #1592e6;text-align: center;font-weight: 200;} #categories_block_left li span.grower:hover:before {color: #157ED2;font-weight: 500;} #categories_block_left li span.grower.OPEN:before{margin: 0;transform: rotate(45deg);bottom: 2px;position: relative;} #categories_block_left li a:hover, #categories_block_left li a.selected {color: #157ED2;} #categories_block_left li a {text-decoration: none;} #categories_block_left li a.selected {padding: 0;font-weight: 500;line-height: 1;} @media screen and (max-width:767px) {#categories_block_left li li a {font-size: 15px;}} #categories_block_left ul>li>ul>li span.grower {padding-left: 20px;} #categories_block_left ul>li>ul>li>ul>li span.grower {padding-left: 40px;} #categories_block_left ul>li span.spacer {padding-left: 20px;} #categories_block_left ul>li>ul>li span.spacer {padding-left: 50px;} #categories_block_left ul>li>ul>li>ul>li span.spacer {padding-left: 70px;} div.af_filter {border: none;padding-bottom: 0px;} #af_form div.af_filter ul {background: none;display: inline-block;} #af_form div.af_filter ul > li {border: 1px solid #888;border-radius: 15px;padding: 2px 5px;margin-right: 10px;} #af_form div.af_filter ul li:last-child {margin-right: 0px;} #af_form div.af_filter ul li, #af_form div.af_filter ul li label, #af_form div.af_filter ul li.checked > label, #af_form div.af_filter ul li label:hover, #af_form div.af_filter ul li.checked > label:hover {color: #231F20;} #af_form div.af_filter ul li:hover {background: #FFCB05;} label span.name:hover {color: unset;} #af_form div.af_filter ul li.checked {border: 1px solid #FFCB05;background: #FFCB05;} .af_filter .count {float: unset !important;} .af_filter label {margin-bottom: 0;} input.af[type="checkbox"], .af_filter div.checker {display: none;} #amazzing_filter .accordion-column i {top: 43px;color: #888;font-size: 20px;cursor: pointer;position: absolute;font-family: "Font Awesome 5 Pro";} #amazzing_filter .accordion-column i.fa-chevron-left {content: "\f053";left: 0;} #amazzing_filter .accordion-column i.fa-chevron-right {right: 0;content: "\f054";} #category_filters .tse-scrollable.horizontal {width: 100%;height: 100%;} #category_filters .tse-scrollable.horizontal .tse-scroll-content {overflow-x: scroll;overflow-y: hidden;margin-bottom: 25px;scrollbar-width: none;-ms-overflow-style: none;} #category_filters .tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar {display: none;} #category_filters .tse-scrollbar.no-handle .drag-handle {display: none;} #category_filters .tse-scrollable.horizontal .tse-scrollbar {bottom: 6px;height: 10px;cursor: pointer;background: #DEDEDE;border-top: 4px solid; border-bottom: 4px solid;border-radius: 1px;border-color: #FFFFFF;} #category_filters .tse-scrollable.horizontal .tse-scrollbar::after, #category_filters .tse-scrollable.horizontal .tse-scrollbar::before {content: " ";background: #fff;width: 2px;height: 3px;top: 0px;position: absolute;z-index: -1;} #category_filters .tse-scrollable.horizontal .tse-scrollbar::after {right: 0px;} #category_filters .tse-scrollable.horizontal .tse-scrollbar::before {left: 0px;} #category_filters .tse-scrollable.horizontal .tse-scrollbar .drag-handle {cursor: pointer;opacity: 1;top: -5px;height: 12px;background: #888888;} #category_filters .tse-scrollable.horizontal .tse-content {display: inline-block;white-space: nowrap;} #category_filters .tse-content.horizontal {width: max-content;} #af_form div.scrollable ul {white-space: nowrap;} #af_form div.scrollable ul > li {display: inline-block;} #af_form div.custom-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {background: #888;border: none;height: 3px;} #af_form div.custom-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all > a {cursor: pointer;width: 50px;background: #FFCB05; border-radius: 3px;top: -0.5em;} #category_filters .filter_header p {padding: 15px 0 0 15px;color: #888;} #filter-content > div.panel-body {padding-top: 0;} .af_filter .name {padding-right: 5px;} #left_column .block .block_content {padding-top: 0;} #amazzing_filter .accordion-column {margin-bottom: 15px;} #amazzing_filter .accordion-column:last-child {margin-bottom: 0px;} #filte > p:first-of-type {color: #888;margin-bottom: 7px;display: inline-block;} #filte > div:first-of-type {background: #231F20;color: #FFCB05;margin-right: 2px;} #filte > div:last-of-type {margin-right: 2px;} #filte > div:first-of-type i {padding-right: 4px;color: #FFCB05;top: 0;} #filte > div {cursor: pointer;background: #FFCB05;border-radius: 14px;padding-left: 14px;margin-right: 5px;} #filte i {top: 3px;font-size: 12px;opacity: 1;font-weight: normal;color: #000;text-shadow: none;font-family: "Font Awesome 5 Pro";} #filte i.close:hover {opacity: 0.2;} h1.page-heading.product-listing {padding: 25px 0px 0px 0px;margin-bottom: 30px;background: none;border: none;} .content_sortPagiBar .sortPagiBar {padding: 10px;border: none !important;} .content_sortPagiBar .display {margin: 0 10px 0 0;} .content_sortPagiBar .display_m {margin: 0;} .content_sortPagiBar .sortPagiBar #productsSortForm {margin: 0;} #productsSortForm div.selector {border-radius: 10px;border-color: #f1f1f1;width: auto !important;display: inline-block;height: 30px;} #productsSortForm div.selector span {color: #888;} #productsSortForm div.selector span::after {color: #000;font-family: 'Font Awesome 5 Pro';content: '\f078';font-size: 16px;font-weight: 200;} #productsSortForm div.selector span {height: 28px;display: flex;align-items: center;} .top-pagination-content, .bottom-pagination-content {display: none;} .content_sortPagiBar .sortPagiBar {color: #888;display: flex;margin-bottom: 15px;} .content_sortPagiBar .sortPagiBar label {color: #888;} .content_sortPagiBar .sortPagiBar div.product-sort {flex: 1;display: flex;justify-content: flex-start;align-items: center;} .content_sortPagiBar .sortPagiBar div.product-sort .paginationWrapper .product-count div.selector{float: left;margin-right: 15px;position: relative;top: -5px; position: relative;border-radius: 10px;border-color: #f1f1f1;} .content_sortPagiBar .sortPagiBar div.new-product-count {flex: 1;display: flex;justify-content: center;align-items: center;white-space: nowrap;} .content_sortPagiBar .sortPagiBar div.product-view {flex: 1;display: flex;justify-content: flex-end;align-items: center;} .content_sortPagiBar .sortPagiBar div.product-view ul li {margin: 0 !important;padding: 0 10px 0 0;} .content_sortPagiBar .sortPagiBar div.product-view ul li i {font-family: "Font Awesome 5 Pro";color: #888;opacity: 0.2;font-size: 18px;} .content_sortPagiBar .sortPagiBar div.product-view ul li.selected i {opacity: 1;} .content_sortPagiBar .sortPagiBar div.product-view ul li.selected a {text-decoration: none !important;} ul.product_list.grid > li div.placeholder{border-top-left-radius: 0px;border-top-right-radius: 0px;} #category_header {display: none;} #category_header p i {color: #FFCB05;cursor: pointer;font-size: 24px;font-family: "Font Awesome 5 Pro";} @media (max-width: 768px) { ul.product_list.grid li div.product-container .right-block .button-container .old-price {display: none;} #left_column {padding: 0;} #category_filter_wraper {width: 50%;} #category_filter_close {display: none;} #category_filter {right: 0;color: #231F20;background: #FFCB05;} #category_header {left: 0;color: #FFCB05;background: #231F20;} #category_header, #category_filter {position: fixed;width: 50%;display: block;top: 60px;height: 50px;vertical-align: middle;text-align: center;z-index: 115;} #category_filters {display: block;left: 0;right: 0;} #category_header p, #category_filter p {display: inline-block;text-transform: unset;height: 50px;line-height: 50px;font-weight: normal;} #category_header p:last-child, #category_filter p:last-child {height: auto;} #category_filter p i {color: #231F20;font-size: 18px;margin-left: 18px;} #category_header p {cursor: pointer;margin: auto;color: #FFCB05;font-size: 18px;font-weight: normal;font-family: 'Montserrat', Arial, Helvetica, sans-serif;} #category_header p i {color: #FFCB05;font-size: 18px;margin-left: 18px;} #search ul.product_list.grid > li .product-container .right-block, #category ul.product_list.grid > li .product-container .right-block {min-height: unset !important;} } @media (max-width: 768px) { #search #columns, #category #columns {padding-top: 60px;} #category_filter {right: 0;color: #231F20;background: #FFCB05;} #category_header {left: 0;color: #FFCB05;background: #231F20;} #category_header, #category_filter {position: fixed;width: 50%;display: block;top: 60px;height: 50px;vertical-align: middle;text-align: center;z-index: 115;} #category_header p, #category_filter p {font-size: 14px;} ul.product_list.grid > li div.product-container .center-block h5 {font-family: 'Montserrat', Arial, Helvetica, sans-serif;padding: 0 10px;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {line-height: 15px;height: 30px;} ul.product_list.list > li .product-name, ul.product_list.grid > li .product-name {font-size: 11px;} ul.product_list.grid > li div.product-container .right-block .content_price .old-price {padding: 0;margin: 0 auto;height: auto;font-size: 10px;line-height: 10px;margin-bottom: 3px;} ul.product_list.grid > li div.product-container .right-block .content_price .price {padding: 0;margin: 0 auto;font-size: 12px;line-height: 12px;} ul.product_list.grid > li div.product-container .right-block {display: flex;height: 30px;} ul.product_list.grid > li div.product-container .right-block .content_price {margin-right: auto;width: 40%;padding: 0;display: flex;justify-content: center; flex-direction: column;height: auto;} ul.product_list.grid > li div.product-container .right-block .button-container {display: flex;align-items: flex-end;justify-content: flex-end;margin-left: auto; width: 60%;height: auto;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button {display: flex;padding: 0;align-items: center; justify-content: flex-end;display: flex;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download:active, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:focus, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:hover, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:visited, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:active, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:focus, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:hover, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:visited {border: none;outline: none;text-decoration: none;} ul.product_list.grid > li .right-block .button-container a.download::-moz-focus-inner, ul.product_list.grid > li .right-block .button-container a.ajax_add_to_cart_button::-moz-focus-inner {border: 0;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download i, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button i {margin: 0 10px 0 0;padding: 0;} .content_sortPagiBar .sortPagiBar {display: flex;flex-direction: column-reverse;background-color: unset;padding:0;} .content_sortPagiBar .sortPagiBar div.product-sort, .content_sortPagiBar .sortPagiBar div.new-product-count {justify-content: flex-start;margin-top: 10px;} .content_sortPagiBar .sortPagiBar div.product-sort #productsSortForm {width: 100%;left: 0;} .content_sortPagiBar .sortPagiBar div.product-sort #selectProductSort {background: none;color: #888;width: calc(100% - 52px);max-width: unset;} .content_sortPagiBar .sortPagiBar div.product-sort #selectProductSort:focus, .content_sortPagiBar .sortPagiBar div.product-sort #selectProductSort:active {font-size: 13px;border: 1px solid #d6d4d4;} .content_sortPagiBar .sortPagiBar div.product-sort #selectProductSort:after {font-family: "Font Awesome 5 Pro";content: "\f078";} body#category h1.page-heading, body#category h1.page-heading {display: none;} ul.product_list.grid > li div.product-container .left-block-overlay, ul.product_list.list > li div.product-container .left-block-overlay {display: flex;background-color: unset;} ul.product_list.grid > li div.product-container .left-block-overlay .compare a.add_to_compare, ul.product_list.list > li div.product-container .left-block-overlay .compare a.add_to_compare {color: #BABABA;font-size: 12px;padding: 5px 0 0 10px;} ul.product_list.grid > li div.product-container .left-block-overlay .compare a.add_to_compare i, ul.product_list.list > li div.product-container .left-block-overlay .compare a.add_to_compare i {color: #BABABA;font-size: 10px;} ul.product_list.grid > li div.product-container .left-block-overlay .compare, ul.product_list.list > li div.product-container .left-block-overlay .compare {display: none;} ul.product_list.grid > li div.product-container .left-block-overlay .more-info, ul.product_list.list > li div.product-container .left-block-overlay .more-info {display: none;} ul.product_list.grid > li div.product-container .left-block-overlay a.new-box {left: unset;right: 0px;width: 48px;z-index: 1;} ul.product_list.grid > li div.product-container .left-block-overlay a.new-box .new-label {color: #231F20;background: #FFCB05;} /* MOBILE MENU */ #category_filters.mobile-menu, #categories_block_left.mobile-menu {top: 110px;left: 0;bottom: 50px;width: 100%;position: fixed;margin: 0 !important;padding: 0 !important; border-radius: 0px;white-space: nowrap;background: none;overflow: hidden;pointer-events: none;z-index: 150;opacity: 0;will-change: opacity;} #category_filters.mobile-menu.cat-menu-opened, #categories_block_left.mobile-menu.cat-menu-opened {opacity: 1;will-change: opacity;transition: opacity 0.333s cubic-bezier(0,0,0.3,1);overflow-y: scroll; pointer-events: auto;background-color: #FBFBFB;} .mobile-menu-content {position: relative;width: 100%;height: auto;min-height: 100%;padding: 0 !important;margin: 0 !important;background-color: #FBFBFB; -webkit-transform: translateX(-103%);transform: translateX(-103%);display: flex;flex-direction: column;will-change: transform;z-index: 160;pointer-events: auto;} .cat-menu-opened .mobile-menu-content {-webkit-transform: none;transform: none;} #category_filters.mobile-menu.cat-menu-animated .mobile-menu-content, #categories_block_left.mobile-menu.cat-menu-animated .mobile-menu-content {transition: all 330ms ease-in;} #category_filters.mobile-menu.cat-menu-opened.cat-menu-animated .mobile-menu-content, #categories_block_left.mobile-menu.cat-menu-opened.cat-menu-animated .mobile-menu-content {transition: all 330ms ease-out;} /* MOBILE MENU */ ul.product_list.grid > li div.product-container .me-product-status {display: none !important;} #filte {margin: 0;} ul.product_list.grid > li div.product-container:hover .right-block .button-container .ajax_add_to_cart_button, ul.product_list.grid > li div.product-container:hover .right-block .button-container .download {background-color: unset !important;} ul.product_list.grid > li div.product-container:hover div.button-container a.download:hover, ul.product_list.grid > li div.product-container:hover div.button-container a.download i, ul.product_list.grid > li div.product-container:hover div.button-container a.download p {color: #231F20 !important;} #category_filters .tse-scrollable.horizontal .tse-scroll-content:after {content: " ";width: 15px;height: 30px;position: absolute;top: 0;right: 0;display: block; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} #amazzing_filter .accordion-column {padding-right: 0px;} } ul.product_list.grid > li div.product-container .right-block div.button-container .ajax_add_to_cart_button.disabled {width: auto;border-radius: 0px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;} ul.product_list.grid > li div.product-container .left-block a.sale-box .sale-label {color: #FFCB05;background: #231F20;} ul.product_list.list > li .product-name, ul.product_list.grid > li .product-name {font-family: 'Montserrat', Arial, Helvetica, sans-serif;} ul.product_list.list li div.product-container .right-block .button-container {display: flex;margin: 0 0px 0px auto;} ul.product_list.list li div.product-container .right-block .button-container a.disabled {position: absolute;width: 128.39px;border-radius: 0;margin: 0;right: 0;} ul.product_list.list li div.product-container .right-block .button-container a.disabled p {line-height: 1.6;} ul.product_list.list li div.product-container .right-block .button-container a.disabled span {width: 4px;float: left;padding: 0;} ul.product_list.grid > li div.product-container .right-block .content_price .old-price {padding: 0;margin: 0 auto;height: auto;font-size: 12px;line-height: 12px;margin-bottom: 3px;} ul.product_list.grid > li div.product-container .right-block .content_price .price {padding: 0;margin: 0 auto;font-size: 15px;line-height: 15px;} ul.product_list.grid > li div.product-container .right-block {display: flex;height: 32px;} ul.product_list.grid > li div.product-container .right-block .content_price {margin-right: auto;width: 30%;padding: 0;display: flex;justify-content: center;flex-direction: column; height: auto;} ul.product_list.grid > li div.product-container .right-block .button-container {display: flex;align-items: flex-end;justify-content: flex-end;margin-left: auto;height: auto;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download:active, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:focus, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:hover, ul.product_list.grid > li div.product-container .right-block div.button-container a.download:visited, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:active, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:focus, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:hover, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button:visited {border: none;outline: none;text-decoration: none;} ul.product_list.grid > li .right-block .button-container a.download::-moz-focus-inner, ul.product_list.grid > li .right-block .button-container a.ajax_add_to_cart_button::-moz-focus-inner {border: 0;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download i, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button i {margin: 0 10px;padding: 0;} ul.product_list.grid > li div.product-container .left-block-overlay a.new-box {left: unset;right: 0px;width: 48px;z-index: 1;} ul.product_list.grid > li div.product-container .left-block-overlay a.new-box .new-label {color: #231F20;background: #FFCB05;} ul.product_list.grid > li div.product-container .me-product-status {display: none !important;} /*****************REDO******************/ ul.product_list.grid > li div.product-container .center-block {height: 40px;} ul.product_list.grid > li div.product-container .right-block {height: 40px;} ul.product_list.grid > li div.product-container .center-block h5 {text-align: left;border-top: 1px solid #DEDEDE;padding: 10px 15px 0 15px;} ul.product_list.grid > li div.product-container .right-block .button-container {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 15px;} ul.product_list.grid > li div.product-container .right-block.has-download .button-container {width: 60%;} ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 40%;} ul.product_list.grid > li div.product-container .right-block .content_price {display: flex;justify-content: center;flex-direction: column;align-items: left;width: auto;} ul.product_list.grid > li div.product-container .right-block .content_price .product-reference {font-style: italic;line-height: 2;font-size: 9px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {display: flex;font-size: 15px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {color: #6f6f6f;font-size: 11px;text-decoration: line-through; position: absolute;bottom: 36px;} ul.product_list.grid > li div.product-container .center-block .product-name {height: 34px;line-height: 17px;color: #58595B;font-size: 14px;font-weight: bold; margin-bottom: 15px;font-family: 'Montserrat', Arial, Helvetica, sans-serif;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button {padding: 0;flex: 1;flex: auto;display: flex; align-items: center;justify-content: flex-end;} ul.product_list.grid > li div.product-container .right-block div.button-container a span {width: 46px;text-align: center;} ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button.disabled {pointer-events: none;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {font-size: 13px;font-weight: 500; font-family: 'Montserrat', Arial, Helvetica, sans-serif;color: #fff;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download i, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button i {margin: 0;padding: 0;font-size: 16px;} ul.product_list.grid > li div.product-container .left-block-overlay .more-info {font-size: 32px;font-weight: 500;} ul.product_list.grid > li div.product-container {border: 1px solid #ebebeb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ul.product_list.grid > li div.product-container:hover {border: 1px solid #ebebeb;} /* REDOTODO */ ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container {height: 100%;display: flex;justify-content: flex-end;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;display: flex;align-items: center; justify-content: flex-end;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: calc(100% - 40px);} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: 1;flex: auto;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 40px;min-width: 40px;text-align: center;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper { flex: 1;flex: auto;text-align: center;overflow: hidden;} ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.download {flex: none;flex: unset;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.download .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-text-wraper {display: none;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-text-wraper {display: block;color: #fff;} ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-text-wraper {text-align: right;margin-right: 3%;width: unset;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download .btn-text-wraper {text-align: left;margin-left: 3%;width: unset;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download .btn-download-text, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-cart-text {float: unset;margin: unset;width: unset;} /* REDOTODO */ @media (min-width: 769px) { ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-icon-wraper i {color: #fff;} } @media (max-width: 320px) { body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #site-nav .logo p.nav-cat-name, body#category #site-nav .logo p.nav-cat-name {display: inline-block;color: #C9C9C9;overflow: hidden;max-width: 160px;margin: 0;vertical-align: middle;} ul.product_list.grid > li div.product-container .center-block {height: 35px;margin: 0 0 20px 0;} ul.product_list.grid > li div.product-container .center-block h5 {text-align: left;border-top: 1px solid #DEDEDE;padding: 3px 10px 0 10px;height: 30px;overflow: hidden;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 28px;font-size: 12px;line-height: 14px;margin-bottom: 15px;} ul.product_list.grid > li div.product-container .right-block {height: 35px;} ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 10px;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a .btn-text-wraper {display: none !important;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 35px;min-width: 35px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 13px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {font-size: 11px;line-height: 11px;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: 50%;} ul.product_list.grid li.me-col-4 {width: 49%;margin-right: 2%;margin-top: 2%;border: 1px solid #ebebeb;display: none;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } @media (min-width: 321px) and (max-width: 360px) { body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #site-nav .logo p.nav-cat-name, body#category #site-nav .logo p.nav-cat-name {display: inline-block;color: #C9C9C9;overflow: hidden;max-width: 160px;margin: 0;vertical-align: middle;} ul.product_list.grid > li div.product-container .center-block {height: 35px;margin: 0 0 15px 0;} ul.product_list.grid > li div.product-container .center-block h5 {text-align: left;border-top: 1px solid #DEDEDE;padding: 3px 10px 0 10px;height: 32px;overflow: hidden;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 28px;font-size: 12px;line-height: 14px;} ul.product_list.grid > li div.product-container .right-block {height: 35px;} ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 10px;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a .btn-text-wraper {display: none !important;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 35px;min-width: 35px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price { font-size: 13px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {font-size: 11px;line-height: 11px;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: 50%;} ul.product_list.grid li.me-col-4 {width: 49%;margin-right: 2%;margin-top: 2%;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } @media (min-width: 360px) and (max-width: 375px) { body#search #columns, body#category #columns {padding: 0; } body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #site-nav .logo p.nav-cat-name, body#category #site-nav .logo p.nav-cat-name {display: inline-block;color: #C9C9C9;overflow: hidden;max-width: 160px;margin: 0;vertical-align: middle;} ul.product_list.grid > li div.product-container .center-block {height: 35px;} ul.product_list.grid > li div.product-container .center-block h5 {text-align: left;border-top: 1px solid #DEDEDE;padding: 3px 10px 0 10px;height: 32px; overflow: hidden;margin-bottom: 15px;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 28px;font-size: 12px;line-height: 14px;} ul.product_list.grid > li div.product-container .right-block {height: 35px;} ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 10px;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a .btn-text-wraper {display: none !important;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 40px;min-width: 40px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 13px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {font-size: 11px;line-height: 11px;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: 50%;} ul.product_list.grid li.me-col-4 {width: 49%;margin-right: 2%;margin-top: 2%;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } @media (min-width: 375px) and (max-width: 425px) { body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #site-nav .logo p.nav-cat-name, body#category #site-nav .logo p.nav-cat-name {display: inline-block;color: #C9C9C9;overflow: hidden;max-width: 160px;margin: 0;vertical-align: middle;} ul.product_list.grid > li div.product-container .center-block {height: 36px;margin: 0 0 15px 0;} ul.product_list.grid > li div.product-container .center-block h5 {height: 35px;text-align: left;border-top: 1px solid #DEDEDE;padding: 4px 10px 0 10px;overflow: hidden;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 30px;font-size: 13px;line-height: 15px;} ul.product_list.grid > li div.product-container .right-block {height: 36px;} ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 10px;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a .btn-text-wraper {display: none !important;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 40px;min-width: 40px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 14px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {font-size: 12px;line-height: 12px;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: 50%;} ul.product_list.grid li.me-col-4 {width: 49%;margin-right: 2%;margin-top: 2%;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } @media (min-width: 426px) and (max-width: 768px) { body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #site-nav .logo p.nav-cat-name, body#category #site-nav .logo p.nav-cat-name {display: inline-block;color: #C9C9C9;overflow: hidden;max-width: 160px;margin: 0;vertical-align: middle;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {bottom: 38px;} ul.product_list.grid > li div.product-container .center-block {height: 38px;} ul.product_list.grid > li div.product-container .center-block h5 {height: 38px;text-align: left;border-top: 1px solid #DEDEDE;padding: 5px 10px 0 15px; margin-bottom: 15px;overflow: hidden;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 32px;font-size: 14px;line-height: 16px;display: table-cell;vertical-align: middle;} ul.product_list.grid > li div.product-container .right-block {height: 40px;} ul.product_list.grid > li div.product-container .right-block .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .button-container, ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 50%;} ul.product_list.grid > li div.product-container .right-block .content_price_wraper {width: 50%;display: flex;padding-left: 15px;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a .btn-text-wraper, ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a .btn-text-wraper {display: none !important;} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 40px;min-width: 40px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 14px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-old-price {font-size: 12px;line-height: 12px;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download {margin-right: 3%;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button {flex: none;flex: unset;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: 50%;} ul.product_list.grid li.me-col-4 {width: 49%;margin-right: 2%;margin-top: 2%;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } @media (min-width: 426px) and (max-width: 510px) { ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 30px;font-size: 13px;line-height: 15px;} } @media (min-width: 768px) and (max-width: 899px) { body#search .columns-container div.container, body#category .columns-container div.container {margin-right: 20px;} body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-text-wraper {margin-right: 0;} ul.product_list.grid li.me-col-4 {width: 48%;margin-right: 4%;margin-top: 4%;} ul.product_list.grid > li div.product-container .right-block {height: 38px;} ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 35%;} ul.product_list.grid > li div.product-container .right-block.has-download .button-container {width: 65%;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: calc(100% - 38px);} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 38px;min-width: 38px;} ul.product_list.grid > li div.product-container .right-block .button-container .download:after {width: 38px;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {font-size: 12px;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 14px;} } @media (min-width: 992px) and (max-width: 1199px) { div#columns.container {margin: 0 auto;max-width: inherit;max-width: initial;} ul.product_list.grid > li div.product-container .left-block-overlay .more-info {font-size: 30px;} ul.product_list.grid > li div.product-container .center-block h5 .product-name {height: 30px;font-size: 12px;line-height: 15px;} ul.product_list.grid > li div.product-container .right-block {height: 38px;} ul.product_list.grid > li div.product-container .right-block.has-download .content_price_wraper {width: 35%;} ul.product_list.grid > li div.product-container .right-block .content_price .me-product-price {font-size: 13px;} ul.product_list.grid > li div.product-container .right-block.has-download .button-container {width: 65%;} ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.download, ul.product_list.grid > li div.product-container .right-block.has-download div.button-container a.ajax_add_to_cart_button {max-width: calc(100% - 38px);} ul.product_list.grid > li div.product-container .right-block div.button-container a .btn-icon-wraper {max-width: 38px;min-width: 38px;} ul.product_list.grid > li div.product-container .right-block div.button-container a span, ul.product_list.grid > li div.product-container .right-block .button-container .download:after {width: 38px;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {width: 66px;font-size: 12px;font-weight: 500;} ul.product_list.grid > li div.product-container .right-block .button-container .ajax_add_to_cart_button p {margin: 0 0 0 7px;} ul.product_list.grid > li div.product-container .right-block .button-container .download p {margin: 0 7px 0 0;} ul.product_list.grid > li {padding: 0;} ul.product_list.grid > li.first-in-line {padding: 0;} ul.product_list.grid > li.last-in-line {padding: 0;} ul.product_list.grid li.me-col-4 {width: 32%;margin-right: 2%;margin-top: 2%;} ul.product_list.grid li.me-col-4:nth-child(3n+0) {margin-right: 0;} ul.product_list.grid > li div.product-container.me-dl-hover .right-block div.button-container a.download .btn-text-wraper, ul.product_list.grid > li div.product-container.me-hover .right-block div.button-container a.ajax_add_to_cart_button .btn-text-wraper {margin-right: 0;} } @media (min-width: 769px) { body#category h1.page-heading {display: inline-block;float: left;} .product-compare-wrap {display: inline-block;margin-bottom: 30px;margin-top: 23px;} .product-compare-wrap .bt_compare {font-size: 12px;padding: 0;} .product-compare-wrap .bt_compare span {font-size: 12px;padding: 3px 10px;text-transform: lowercase;} #categories_block_top {clear: both;position: relative;top: 30px;} } @media (min-width: 769px) and (max-width: 991px) { div#columns.container {padding: 0;margin: auto;max-width: 100%;margin-right: 30px;} #left_column.col-sm-3 {width: 33%;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {width: 74px;} ul.product_list.grid li.me-col-4 {width: 47%;margin-right: 6%;margin-top: 3%;} ul.product_list.grid li.me-col-4:nth-child(even) {margin-right: 0;} } #happyHour-container:hover {box-shadow: 0 0 3px #0000004d;opacity: 0.9;background: #0000004d;} @media (min-width: 1361px) { body#search .columns-container div.container, body#category .columns-container div.container {max-width: 1280px;padding: 0;margin: auto;} } @media (min-width: 1320px) and (max-width: 1360px) { body#search .columns-container div.container, body#category .columns-container div.container {max-width: 1280px;padding: 0;margin-right: 40px;} } @media (min-width: 1300px) and (max-width: 1319px) { body#search .columns-container div.container, body#category .columns-container div.container {padding: 0;margin: auto;max-width: 100%;margin-right: 40px;} } @media (min-width: 1300px) { ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {width: 74px;} ul.product_list.grid > li {padding: 0;} ul.product_list.grid > li.first-in-line {padding: 0;} ul.product_list.grid li.me-col-4 ul.product_list.grid > li.last-in-line {padding: 0;} ul.product_list.grid li.me-col-4 {width: 297.5px;margin-right: 30px;margin-top: 30px;} ul.product_list.grid li.me-col-4:nth-child(3n+0) {margin-right: 0;} body#search ul.product_list.grid li.me-col-4 {width: 22%;margin-right: 4%;margin-top: 4%;} body#search ul.product_list.grid li.me-col-4:nth-child(4n+0) {margin-right: 0;} } @media (min-width: 1200px) and (max-width: 1299px) { body#search .columns-container div.container, body#category .columns-container div.container {padding: 0;margin: auto;max-width: 100%;margin-right: 40px;} ul.product_list.grid > li div.product-container .right-block div.button-container a span {width: 42px;} ul.product_list.grid > li div.product-container .right-block div.button-container a.download p, ul.product_list.grid > li div.product-container .right-block div.button-container a.ajax_add_to_cart_button p {font-size: 12px;width: 66px;} ul.product_list.grid > li {padding: 0;} ul.product_list.grid > li.first-in-line {padding: 0;} ul.product_list.grid > li.last-in-line {padding: 0;} ul.product_list.grid li.me-col-4 {width: 273px;margin-right: 26px;margin-top: 26px;} ul.product_list.grid li.me-col-4:nth-child(3n+0) {margin-right: 0;} body#search ul.product_list.grid li.me-col-4 {width: 22%;margin-right: 4%;margin-top: 4%;} body#search ul.product_list.grid li.me-col-4:nth-child(4n+0) {margin-right: 0;} } ul.product_list.grid > li {padding: 0;} #category_filters.before-init {display: block;z-index: -1000;visibility: hidden;pointer-events: none;} /*****************REDO*****************/ @media (max-width: 768px) { .product-compare-wrap {display: none;} #filte { margin: 15px 0 0 0; } #filte > p:first-of-type {padding: 0 10px;display: block;float: left;margin: 10px 0 0 0;height: 28px;line-height: 28px;} #filte > div {display: block;float: left;margin-top: 10px;} #filte > div:first-of-type {margin: 10px 5px 0 0;} #filte > div:nth-of-type(2) {margin: 10px 5px 0 0;} #category_filters .loaded-filters.loading-filters {display: inline-block;} #af_form div.af_filter ul li:hover {background-color: unset;} #af_form div.af_filter ul li.checked:hover {border: 1px solid #FFCB05;background: #FFCB05;} #filte i.close:hover {opacity: 1;} ul.product_list.grid > li div.product-container.me-hover div.button-container a.download p, ul.product_list.grid > li div.product-container.me-dl-hover div.button-container a.download p, ul.product_list.grid > li div.product-container.me-hover div.button-container a.ajax_add_to_cart_button p, ul.product_list.grid > li div.product-container.me-dl-hover div.button-container a.ajax_add_to_cart_button p { display: none;} ul.product_list.grid > li div.product-container.me-hover .right-block .button-container a.download i, ul.product_list.grid > li div.product-container.me-dl-hover .right-block .button-container a.download i, ul.product_list.grid > li div.product-container.me-hover .right-block .button-container a.ajax_add_to_cart_button i, ul.product_list.grid > li div.product-container.me-dl-hover .right-block .button-container a.ajax_add_to_cart_button i {color: #231F20;} ul.product_list.grid > li div.product-container.me-hover .right-block .button-container a, ul.product_list.grid > li div.product-container.me-dl-hover .right-block .button-container a {background-color: unset;} .me-load-more-wrapper {margin-top: 15px;} .me-load-more p {font-size: 16px;font-weight: 500;} } body#search #columns, body#category #columns {padding: 0;} body#search #columns > .row, body#category #columns > .row {margin: 0;padding: 0;} body#search #left_column, body#category #left_column {padding-left: 0;} @media (min-width: 992px) { body#category #columns.container {margin: 75px auto 0 auto;position: relative;max-width: 100%;padding: 0 20px;} ul.product_list.list li div.product-container .left-block {width: 25%;} ul.product_list.list li div.product-container .right-block, ul.product_list.list li div.product-container .center-block {width: 75%;} ul.product_list.list li div.product-container .right-block {position: absolute;bottom: 0;right: 0;height: 40px;display: flex;padding-right: 0;} ul.product_list.list li div.product-container .right-block .content_price_wraper {margin-left: auto;} ul.product_list.list > li div.product-container .right-block .content_price_wraper {display: flex;} ul.product_list.list > li div.product-container .right-block .content_price {display: flex;justify-content: center;flex-direction: column;align-items: center;width: auto;} ul.product_list.list > li div.product-container .right-block .content_price .me-product-price {font-family: 'Montserrat', Arial, Helvetica, sans-serif;color: #231F20; font-size: 16px;font-weight: bold;margin-right: 25px;} ul.product_list.list > li div.product-container .right-block .content_price .product-reference {display: none !important;} ul.product_list.list > li div.product-container .right-block .content_price .me-old-price {color: #6f6f6f;font-size: 12px;line-height: 12px;text-decoration: line-through; margin-right: 25px;font-family: 'Montserrat', Arial, Helvetica, sans-serif;} ul.product_list.list > li div.product-container .right-block .product-reference-wraper {display: flex;justify-content: center;align-items: center;} ul.product_list.list > li div.product-container .right-block .product-reference {font-family: 'Montserrat', Arial, Helvetica, sans-serif;color: #C7C7C7; font-size: 12px;font-weight: normal;cursor: text;} } ul.product_list.grid > li div.product-container .right-block .product-reference-wraper {display: none;} ul.product_list.grid > li div.product-container .center-block {height: auto;} ul.product_list.grid > li div.product-container .center-block div.price-percent-reduction {display: block;padding: 2px 15px;margin: 0;text-align: left;font-family: "Montserrat"; background-color: #15b3c9;color: #fff;margin-bottom: 17px;} .af_filter ul.no-events > li {pointer-events: none;} #category_filter p.mobile {display: block;} #category_filter p.large-screen {display: none;} #category_filters .loaded-filters {display: none;margin-left: 10px;} @media only screen and (min-width: 992px) { #category_filter_close { display: none; } #af_form #filter-box { display: none; } #af_form #filter-box.lg-filter { display: block; width: calc(100% - 20px); } #category_filter p.mobile { display: none !important; } #category_filter p.large-screen { display: none; } #category_filter p.large-screen:hover { opacity: 0.5; } #af_form #filter-box .tse-scrollbar .drag-handle { opacity: 0.7 } #category_filter_wraper { position: fixed; width: 100%; left: 0; top: 85px; right: 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); background: #fff;} #category_filter_wraper.unshackle { transition: 0.25s; transform: translateY(-60px); -webkit-transform: translateY(-60px); } #category_filter { max-width: 100%; padding: 0 20px; display: inline-block; background: #fff; color: #231f20; } #category_filter p { margin: 0; display: inline-block; line-height: 50px; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } #category_filter p:first-child:hover { opacity: 0.5; } #category_filter p:last-child { float: right; background: #1592e6; margin: 10px 0 10px 10px;height: 30px; border-radius: 3px;display: flex;align-items: center;} #category_filter p:last-child .filter-icon{width: 24px;margin-left: 14px;} #category_filter p:last-child:hover { background: #157ed2; } #category_filter p:last-child #category_arrow_btn { animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate; } #category_filter p:last-child #category_arrow_btn:before { font-size: 22px; position: relative; left: 12px; color: #ffcb05; } #category_filter p:last-child #category_arrow_btn.fa-sort-up:before { color: #fff; top: 9px; } #category_filter p:last-child #category_filter_btn.fa-sort-down:before, #category_filter p:last-child #category_filter_btn.fa-sort-up:before{content: "FILTER"; color: #fff; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 600; padding: 0 14px;} /* filter body */ #category_filters { display: none !important; width: 100% !important; position: fixed; height: 386px; overflow: hidden !important;} #category_filters.unshackle { transition: 0.25s; transform: translateY(-60px); -webkit-transform: translateY(-60px); } #category_filters.cat-menu-opened { display: block !important; z-index: 4000; border-top: 4px solid #f9f9f9; } #category_filters.cat-menu-opened .mobile-menu-content > div { background: #fff; position: relative; z-index: 10; } #category_filters.cat-menu-opened .mobile-menu-content > div#filter-content { position: relative; top: -9px; padding-top: 9px; } /* filters */ body.category-shop #category_filter p:last-child { display: none; } body#category #columns #filte { display: none; position: fixed; top: 109px; z-index: 1000; padding: 0; left: 260px; right: 0; width: calc(100% - 430px); overflow: auto; } body#category #columns #filte.visible { display: block !important; } body#category #columns #filte > p { display: none; } #filte > div { font-size: 12px; height: 22px; padding: 3px 10px; } #filte > div:hover { opacity: 0.8; } #filte i.close:hover { opacity: 1; } #category_filters .tse-scrollable.horizontal .tse-scroll-content { width: 100% !important; margin: 0; } #category_filters .tse-scrollable.horizontal .tse-content { display: block !important; } #category_filters .filter_header p { display: none; } #amazzing_filter .block_content > form > div { padding: 0 !important; width: fit-content; margin: 0; } #amazzing_filter .block_content > form > div > div { margin: 0; } #amazzing_filter .block_content form {overflow-x: overlay;} #af_form { display: flex; justify-content: space-between; } #af_form span.hidden_inputs { display: none; } #af_form div.af_filter ul { padding: 0; border-radius: 0; width: 190px; max-height: initial; overflow-y: initial; } #af_form div.af_filter ul > li { display: block !important; margin: 0 10px 10px 0; border: 1px solid #f9f9f9; height: 29px; line-height: 29px; background: #fff; padding: 0 10px; border-radius: 10px; } #af_form div.af_filter ul > li.hidden { display: none !important; } #af_form div.af_filter ul li:last-child { margin-right: 10px; } #af_form div.af_filter ul li:hover { background: #fbfbfb; } #af_form div.af_filter ul li.checked { background: #fff; border-color: transparent; } #af_form div.af_filter ul li.checked label { border: 1px solid #FFCB05; } #af_form div.scrollable ul { width: 100%; overflow-x: hidden; padding: 0; } #filter-content > div.panel-body { padding: 0; background: #fbfbfb; height: 380px; } #left_column #amazzing_filter.block { margin: 0; } #left_column #amazzing_filter.block:after { content: none; } #left_column .block .block_content h5 { font-size: 14px; font-weight: 600; color: #231f20; opacity: 0.5; margin: 16.5px 0; } #left_column .block .block_content h5 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* lists in filters */ #af_form #filter-box.lg-filter { display: block; width: 190px; height: 330px; } #af_form #filter-box.lg-filter li { list-style: none; padding: 0; } #af_form #filter-box.lg-filter li.checked label { border-color: #ffcb05; } #af_form #filter-box.lg-filter li label { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; width: 100%; background: #fff; line-height: 27px; border-radius: 10px; border: 1px solid #f9f9f9; margin: 0 0 5px 0; padding: 0 10px; overflow: hidden; } #af_form #filter-box.lg-filter li label::before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #ffc406; height: 4px; border-radius: 10px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #af_form #filter-box.lg-filter li label::before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: rgba(54, 56, 57, 0.10196078431372549); height: 27px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #af_form #filter-box.lg-filter li label span i { position: relative; top: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 12px; float: right; color: #ccc; } #af_form #filter-box.lg-filter li:hover > label::before { left: 0; right: 0; } #af_form #filter-box.lg-filter .tse-scrollbar { right: -20px !important; } #af_form #filter-box.lg-filter .tse-scroll-content { width: 200px !important; } /* filter loader */ #filter-loader { display: none !important; position: absolute; left: 0; right: 0; top: -40px; bottom: -40px; background: #fff; text-align: center; font-size: 50px; color: #363839; padding: 205px 0; z-index: 15; } #af_form [ data-url="touch-screen"] {width: 130px;} #af_form [ data-url="touch-screen"] #filter-box {width: 130px;} #af_form [ data-url="touch-screen"] ul {width: 130px!important;} #af_form [ data-url="frame-type"] {width: 140px;} #af_form [ data-url="frame-type"] #filter-box {width: 140px;} #af_form [ data-url="frame-type"] ul {width: 140px!important;} #af_form [ data-url="display-size"] {width: 160px;} #af_form [ data-url="display-size"] #filter-box {width: 160px;} #af_form [ data-url="display-size"] ul {width: 160px!important;} #af_form [ data-url="resolution"] {width: 130px;} #af_form [ data-url="resolution"] #filter-box {width: 130px;} #af_form [ data-url="resolution"] ul {width: 130px!important;} #af_form [ data-url="mikrobus-no"] {width: 130px;} #af_form [ data-url="mikrobus-no"] #filter-box {width: 130px;} #af_form [ data-url="mikrobus-no"] ul {width: 130px!important;} #af_form [ data-url="input-voltage"] {width: 130px;} #af_form [ data-url="input-voltage"] #filter-box {width: 130px;} #af_form [ data-url="input-voltage"] ul {width: 130px!important;} #af_form [ data-url="interface"] {width: 130px;} #af_form [ data-url="interface"] #filter-box {width: 130px;} #af_form [ data-url="interface"] ul {width: 130px!important;} #af_form [ data-url="pin-count"] {width: 130px;} #af_form [ data-url="pin-count"] #filter-box {width: 130px;} #af_form [ data-url="pin-count"] ul {width: 130px!important;} #af_form [ data-url="ram-bytes"] {width: 130px;} #af_form [ data-url="ram-bytes"] #filter-box {width: 130px;} #af_form [ data-url="ram-bytes"] ul {width: 130px!important;} @media only screen and (min-width: 1300px) { #af_form [ data-url="pin-count"] {width: 100px;} #af_form [ data-url="pin-count"] #filter-box {width: 100px;} #af_form [ data-url="pin-count"] ul {width: 100px!important;} #af_form [ data-url="supply-voltage"] {width: 140px;} #af_form [ data-url="supply-voltage"] #filter-box {width: 140px;} #af_form [ data-url="supply-voltage"] ul {width: 140px!important;} #af_form [ data-url="mcu-memory-kb"] {width: 150px;} #af_form [ data-url="mcu-memory-kb"] #filter-box {width: 150px;} #af_form [ data-url="mcu-memory-kb"] ul {width: 150px!important;} } /* filter loader */ #filter-loader { display: none !important; position: absolute; left: 0; right: 0; top: -40px; bottom: -40px; background: #fff; text-align: center; font-size: 50px; color: #363839; padding: 205px 0; z-index: 15; } /* tree fixed */ body#category #left_column #categories_block_left { margin: 15px auto 15px auto; } body#category #left_column #categories_block_left > div.block_content { background: #fff; border-radius: 5px; border: 1px solid #ebebeb; padding: 10px 0; } .content_sortPagiBar .sortPagiBar{padding: 0;margin: 11px 0;} .content_sortPagiBar .sortPagiBar > div {display: inline-block;flex: auto !important;} .content_sortPagiBar .sortPagiBar div.new-product-count {display: none;} .product-compare-wrap {position: fixed;z-index: 300;margin: 0;height: 50px;display: flex;align-items: center;top: 85px;right: 180px;padding: 0 !important;opacity: 1 !important;} .product-compare-wrap .bt_compare {height: 30px;border-radius: 3px;} .product-compare-wrap .bt_compare.unshackle { transition: 0.25s; transform: translateY(-60px); -webkit-transform: translateY(-60px); } .product-compare-wrap .bt_body#category #columns #filtecompare span {text-transform: uppercase;font-size: 13px;font-weight: 600;min-width: 115px;} .button.button-medium span i.right {display: none;} } @media only screen and (min-width: 1100px) { .content_sortPagiBar .sortPagiBar div.product-view {flex: initial;} } @media only screen and (min-width: 1200px) { body#search #left_column, body#category #left_column{padding: 0; width: 273px;margin-right: 26px;} body#category #left_column #categories_block_left { margin: 26px auto 26px auto; } body#category #columns #filte { margin: 0 auto; top: 97px; width: 620px; left: 40px; right: 0; } body#category #columns.container { max-width: 1170px; padding: 0; } #category_filter { max-width: 1170px; padding: 0; margin: 0 auto; } #amazzing_filter .block_content { padding: 0 !important; max-width: 1170px; margin: 0 auto; overflow: hidden; } .product-compare-wrap { right: 220px; } .product-compare-wrap .bt_compare { margin: 0 auto; width: 117px; position: fixed; top: 95px; left: 747px; right: 0; bottom: 0; } #categories_block_left li a{font-size: 14px;} } @media only screen and (min-width: 1300px) { body#search #left_column, body#category #left_column{padding: 0; width: 297.5px;margin-right: 30px;} body#category #left_column #categories_block_left { margin: 30px auto 26px auto; } body#category #columns #filte { width: 700px; left: 50px; } body#category #columns.container { max-width: 1280px; } #category_filter { max-width: 1280px; } #category_filters .filter_header p { max-width: 1280px; } #amazzing_filter .block_content { max-width: 1280px; } .product-compare-wrap .bt_compare { left: 856px; } } /* @keyframes */ @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } } /* end @keyframes */ @media only screen and (max-width: 1060px) { body#category div.center_column > div.content_sortPagiBar.pagi-top .product-count { display: none; } } @media only screen and (max-width: 991px) { body#search #columns, body#category #columns { margin: 27px auto 0 auto; max-width: 100%; padding: 20px; } body#category div.center_column > .page-heading { display: none; } body#category div.center_column > div.product-compare-wrap { display: none; } body#category div.center_column > div.content_sortPagiBar.pagi-top .product-count { display: block; } #category_arrow_btn:before { content: 'Open Filter'; font-family: 'Montserrat', Arial, Helvetica, sans-serif; } #category_filter_wraper { height: auto; } #category_filter { width: 100%; max-width: 100%; background: #1592e6; border-radius: 5px; height: 40px; } #category_filter_close { display: none; } #category_filter p #category_filter_btn { width: 30px; min-width: initial; left: 10px; position: absolute; top: 0; margin: 0; display: flex; align-items: center; height: 40px; justify-content: center; } #category_filters #filter-loader { display: none; } #category_filter p #category_filter_btn:before { content: "\f0da"; font-weight: 600; } #category_filter p #category_filter_btn.close-btn:before { transform: rotate(45deg); top: 3px; position: relative; } #category_filter p:last-child i{ font-size: 15px; font-weight: 500; margin: 10px 20px; } #category_filter p:last-child { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } #category_filter_close i:before { content: ""; } /* FILTER BODY */ #category_filters { border: 1px solid #ebebeb; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: -3px 0 0 0; } #filter-box > div.os-scrollbar.os-scrollbar-vertical > div > div { display: none; } /* TREE */ body#category #left_column #categories_block_left { padding: 20px 0 0 0; } body#category #left_column #categories_block_left > div.block_content:before { content: 'Category Tree'; width: 100%; text-align: center; position: absolute; background: #ebebeb; padding: 10px 0; text-transform: uppercase; top: 0; } body#category #left_column #categories_block_left > div.block_content { max-width: 100%; background: #fff; border: 1px solid #ebebeb; border-radius: 5px; position: relative; padding: 40px 0 0 0; } /* products */ #center_column > div.af_pl_wrapper > ul.product_list { padding: 43px 0 0 0; } /* pagi */ body#category div.center_column > div.content_sortPagiBar.pagi-top .product-count { display: inline-block !important; margin: 0; } body#category div.center_column > div.content_sortPagiBar.pagi-top { min-height: 78px; overflow: hidden; position: absolute; top: 0; width: 100%; display: block; } body#category div.center_column > div.content_sortPagiBar.pagi-top > div.sortPagiBar { margin: 20px 0; padding: 0; background: transparent; } #center_column .content_sortPagiBar .sortPagiBar div.product-sort { display: inline-block !important; } #center_column .content_sortPagiBar .sortPagiBar div.product-view { display: none; } #center_column .content_sortPagiBar .sortPagiBar #productsSortForm { margin: 5px 0; } #center_column .content_sortPagiBar .sortPagiBar #productsSortForm select { border-radius: 10px; border: 1px solid #f1f1f1; } #center_column #pagination_bottom { margin: 12px 0; } #center_column > div.content_sortPagiBar.pagi-top div.paginationWrapper > ul.pagination { display: none; } #af_form div.scrollable ul > li > label > span i { display: none; } } @media only screen and (max-width: 768px) { /* MAIN BUTTONS CAT AND FILTER */ #category_header p, #category_filter p { text-transform: uppercase; font-weight: 400; } #category_header p i, #category_filter p i { color: #231f20; display: flex; height: 50px; justify-content: center; align-items: center; margin: 0; padding: 0 5px; } #category_filter_btn.fa-sort-down:before { content: '\f0dd' !important; } #category_filter_btn.fa-sort-up:before { content: '\f0d8' !important; } #category_filter { width: 50%; background: #fff; border-radius: 0; height: 50px; box-shadow: 0 0 3px 0 rgba(0,0,0,.3); } #category_filter p:last-child i { font-size: 14px; margin: 0; position: relative; top: 1px; font-weight: 400; } #category_filter p #category_filter_btn { color: #000; position: relative; left: 0; top: -2px; width: 15px; font-size: 18px; } #category_filter p #category_filter_btn.fa-sort-up { top: 1px !important; } #category_filter p:last-child { height: 50px; } #category_header { background: #ffcb05; box-shadow: 0 3px 3px -3px rgba(0,0,0,.3); } #category_header p { color: #000; } #center_column .content_sortPagiBar .sortPagiBar #productsSortForm { width: 50%; } body#category div.center_column > div.content_sortPagiBar.pagi-top .product-count { padding: 0; } #center_column .content_sortPagiBar .sortPagiBar #productsSortForm select { width: 150px; background: #fff; color: #000; height: 30px; display: flex; align-items: center; } #center_column .content_sortPagiBar .sortPagiBar div.product-sort { display: flex !important; margin-top: 20px; } #center_column > div.af_pl_wrapper > ul.product_list { padding: 0; margin: 0 auto; } #center_column .product-count { display: flex; align-items: center; margin: 0; } #category_header_btn.fa-sort-down { position: relative; top: -2px; } #category_header_btn.fa-sort-up { position: relative; top: 5px; } /* tree */ body#category #left_column #categories_block_left > div.block_content:before { display: none; } body#category div.center_column > div.content_sortPagiBar.pagi-top { display: block !important; position: relative; top: initial; } body#category div.center_column > div.content_sortPagiBar.pagi-top > div.sortPagiBar { margin: 0; } #categories_block_left .block_content > ul { padding: 10px 0; } #categories_block_left li a { font-size: 14px; line-height: 1; } /* filter */ #filte { overflow: auto; } #filte:after { content: ""; clear: both; display: table; } #amazzing_filter .accordion-column { padding: 0 0 0 0; } #filter-box > div.os-content-glue { height: 43px !important; } #filter-box > div.os-scrollbar.os-scrollbar-horizontal { background: #fbfbfb !important; } #filte > p:first-of-type { display: none; } /* hide on shop */ body.category-shop#search #category_header, body.category-shop#category #category_header { display: none; } body.category-shop#search #category_filter, body.category-shop#category #category_filter { display: none; } body.category-shop#search #columns, body.category-shop#category #columns { margin: 0 auto; max-width: 100%; padding: 0px 20px 20px 20px; } #center_column { position: relative; width: 100%; display: block; } } @media only screen and (max-width: 570px) { #center_column .content_sortPagiBar .sortPagiBar #productsSortForm { width: 100%; display: block; position: absolute; top: 0; margin: 15px 0 0 0; } #center_column > div.af_pl_wrapper > ul.product_list { padding: 0; } body#category div.center_column > div.content_sortPagiBar.pagi-top .product-count { padding: 0; } body#category div.center_column > div.content_sortPagiBar.pagi-top { position: relative; } #center_column > div.content_sortPagiBar.pagi-top > div.sortPagiBar.clearfix > div > div.paginationWrapper { position: relative; margin: 25px 0 0 0; } .content_sortPagiBar .sortPagiBar div.new-product-count { margin-top: 25px; } body#category div.center_column > div.content_sortPagiBar.pagi-top > div.sortPagiBar { margin: 20px 0 10px 0; } } .products .tse-scroll-content {overflow: hidden;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 992px) { #categories_block_left {left: 25% !important;} } #categories_block_left .block_content ul li a span {font-weight: 400; text-align: left; color: #b3b3b3; line-height: 17px; font-size: 13px; margin-left: 5px;} @media (min-width: 1135px) and (max-width: 1299px) { #categories_block_left li a {font-size: 13px; } #categories_block_left .block_content ul li a span {margin-left: 0px;} } @media (min-width: 1053px) and (max-width: 1135px) { #categories_block_left li span.grower {padding: 0;} #categories_block_left .block_content ul li a span {margin-left: 0px;} #categories_block_left ul>li>ul>li>ul>li span.spacer {padding-left: 48px;} } @media (min-width: 991px) and (max-width: 1053px) { #categories_block_left li span.grower {padding: 0;} #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {width: 10px;} #categories_block_left .block_content ul li a span {margin-left: 0px;} #categories_block_left ul>li>ul>li>ul>li span.spacer {padding-left: 48px;} } @media (min-width: 768px) and (max-width: 870px) { #categories_block_left li span.grower {padding: 0;} #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {width: 10px;} #categories_block_left .block_content ul li a span {margin-left: 0px;} #categories_block_left ul>li>ul>li>ul>li span.spacer {padding-left: 48px;} } /** * 2007-2019 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * 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 http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2019 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ .select2-container { z-index: 9999; /* margin-bottom: 20px; */ width: 170px; } .mikroeproductbuilder-container .select2-container--default .select2-selection--single { border: 2px solid #888888; } .mikroeproductbuilder-container .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 10px; line-height: normal; font-size: 12px; color: #888888; } .mikroeproductbuilder-container .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); font-size: 12px; color: #888888; } /* DONT HAVE PREFIX BEACUSE IT IS OUT OF TEMPLATE */ .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #136dc7; } .select2-container--default .select2-search--dropdown .select2-search__field { outline-color: #136dc7; } .mikroeproductbuilder-container .select2-container--focus { outline-color: #136dc7; outline: #136dc7; } .mikroeproductbuilder-container .select2-container--default .select2-selection--single { outline-color: #136dc7; outline: #136dc7; border-radius: 5px; } .mikroeproductbuilder-container .select2-selection__rendered { outline-color: #136dc7; outline: #136dc7; } .mikroeproductbuilder-container .__select2-has-selected-item .select2-selection__rendered { color: #136dc7 !important; } .mikroeproductbuilder-container .__select2-has-selected-item.select2-container--default .select2-selection--single { border-color: #136dc7 !important; } .mikroeproductbuilder-container .select2-selection__arrow b::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; } .mikroeproductbuilder-container .select2-container--open .select2-selection__arrow b::after { content: '\f077'; font-family: 'Font Awesome 5 Pro'; } .mikroeproductbuilder-container .__select2-has-selected-item .select2-selection__arrow b::after { color: #136dc7; } .mikroeproductbuilder-container .select2-container--default .select2-selection--single .select2-selection__arrow b { position: absolute; top: 50%; transform: translateY(-50%); border: none; height: auto; left: auto; margin-left: auto; margin-top: auto; } /* DISABLED CLASSES */ .disabled-builder-text { pointer-events: none !important; color: #DEDEDE !important; } .disabled-builder-text h4, .disabled-builder-text p { color: #DEDEDE !important; } .disabled-builder-text button, .disabled-builder-text a { color: #888888 !important; border-color: #DEDEDE !important; pointer-events: none !important; } .disabled-builder-text button { background: #DEDEDE !important; pointer-events: none !important; } .disabled-builder-text i { color: #888888 !important; } .disabled-builder-text input { color: #888888 !important; border-color: #888888 !important; } ._builder_position_fixed { pointer-events: none !important; } .mikroeproductbuilder-container .fetchingProduct { pointer-events: none !important; } .select2-container .valueShouldHide { display: none; } ul.product_list.grid>li div.product-container .center-block div.price-percent-reduction { background-color: #15b3c9 !important; color: #fff !important; } /* -------------------------------------------------------------------------- */ /* EASTER BLOCK START */ /* -------------------------------------------------------------------------- */ ._easter-egg { display: block; position: absolute; z-index: 105; cursor: pointer; opacity: 1.0; border-radius: 50%; transition: 0.3s ease-in-out; color: green !important; font-weight: 600; font-size: 20px; max-width: 75px; } ._easter-egg img { width: 100%; } /* ._easter-egg:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; opacity: 1; } */ ._easter-egg-reduction { position: absolute; transition: visibility 0s 2s, opacity 2s linear !important; visibility: hidden; transform: translateY(0px); opacity: 0; } #promotionGift a { position: relative; } #promotionGift img { width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #promotionGift .easter-egg-icon { font-size: 12px; } /* -------------------------------------------------------------------------- */ /* EASTER BLOCK END */ /* -------------------------------------------------------------------------- */ .bouncy-egg-animation { animation-duration: 2s; animation-iteration-count: infinite; transform-origin: bottom; animation-name: bounce-7; animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); height: 60px; } @keyframes bounce-7 { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-20px); } 50% { transform: scale(1.05,.95) translateY(0); } 57% { transform: scale(1,1) translateY(-3px); } 64% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } #left_column .easter-egg-edge-box { background-size: contain; margin-top: 15px; background-repeat: no-repeat; height: 261px; } #left_column .easter-egg-box {background-color: #e1ec71; background-size: contain; margin-top: 15px; background-repeat: no-repeat; } #left_column .easter-egg-box { background: url(https://cdn.mikroe.com/img/promotions/trick-or-treat-offer-shop.jpg); background-size: cover; margin-top: 15px; background-repeat: no-repeat; height: 259px;} #left_column .easter-egg-score { display: flex; width: 100%; flex-wrap: wrap; padding-bottom: 30px; padding-top: 150px; } #left_column .easter-egg-score div {width: 20%; display: flex; align-items: center; justify-content: center;} #left_column .easter-egg-score img { width: 55px;} #left_column .easter-egg-box .row {margin: 0; padding: 0; display: flex;} #left_column .easter-egg-box .row .col-md-6 p { font-size: 20px; padding-bottom: 20px; line-height: 22px; text-transform: uppercase; } #left_column .easter-egg-reduction {position: absolute; bottom: 8px; font-size: 48px!important; font-weight: 600;}.mikroeraiffeisenpayments-payment-tab-container {margin-bottom: 10px;margin-top: 10px;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-tab {border: 1px solid #ececec;-webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px;border-radius: 4px;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-link {display: block;font-size: 20px;line-height: 23px;color: #231F20;font-weight: normal; padding: 33px 40px 34px 99px;letter-spacing: 0px;position: relative;text-decoration: none;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-link:hover {background-color: #f6f6f6;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-link form {float: right;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-link span {color: gray;font-size: 15px;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-payment-link::before {display: block;content: "\f09d";position: absolute;left: 30px;margin-top: -11px; top: 50%;font-family: "FontAwesome";font-size: 45px;height: 22px;width: 14px;color: #00acc4;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-error {border: 4px solid #ffcb05;margin: 30px 0px;color: #ffcb05;background: #FFF;border-radius: 10px; font-size: 16px;line-height: 22px;text-align: center;font-weight: bold;} .mikroeraiffeisenpayments-payment-tab-container .mikroeraiffeisenpayments-error i {padding-right: 10px;display: block;font-size: 30px;margin-bottom: 10px;} .cashondelivery-success i {font-size: 70px;display: block;color: #00acc4;} .cashondelivery-success-message .title {font-size: 40px;display: block;line-height: 40px;margin-top: 20px;margin-bottom: 20px;} .cashondelivery-success-message .text {display: block;font-size: 20px;margin-top: 10px;margin-bottom: 20px;line-height: 30px;} .cashondelivery-success-message .additional-info {display: block;font-size: 16px;margin: 0;padding: 0;line-height: 25px;} #center_column #mikroeraiffeisenpayments-payment-logo {margin: 0 auto;width: 80%;} #center_column .mikroeraiffeisenpayments-payments-card-image {width: 80%!important;margin: 0 auto 20px auto;} .mikroeraiffeisenpayments-payment-cards-container {display: flex;flex-direction: column; align-items: center;margin:0px 0 20px 0;} .mikroeraiffeisenpayments-payment-cards-container a{margin: 0 0 20px 0;padding: 0;} #center_column #mikroeraiffeisenpayments-payment-verified-by-visa {width: 60%;} #center_column #mikroeraiffeisenpayments-payment-logo-master-card-secure{width: 100%;} #center_column .mikroeraiffeisenpayments-payments-card-image:first {margin: 0 50px;} #center_column > div > div:nth-child(4) > div > img:nth-child(1) {margin: 0 10px 0 0;} @media (min-width:767px){ #center_column #mikroeraiffeisenpayments-payment-logo{width: 90%;} #center_column #mikroeraiffeisenpayments-payment-logo-master-card-secure{width: 80%;} #center_column .mikroeraiffeisenpayments-payments-card-image{width: 40%!important;} .mikroeraiffeisenpayments-payment-cards-container{flex-direction: row;} .mikroeraiffeisenpayments-payment-cards-container div{width: 33%;} .mikroeraiffeisenpayments-payment-cards-container:first-of-type{border-bottom: 1px solid #e6e6e6;} } @media (min-width:992px){ #center_column #mikroeraiffeisenpayments-payment-logo{width: 60%;} #center_column #mikroeraiffeisenpayments-payment-logo-master-card-secure{width: 50%;} #center_column #mikroeraiffeisenpayments-payment-verified-by-visa{ width: 40%;} #center_column .mikroeraiffeisenpayments-payments-card-image{width: 26%!important;} } @media (min-width:1200px){ #center_column #mikroeraiffeisenpayments-payment-logo{width: 80%;} #center_column #mikroeraiffeisenpayments-payment-logo-master-card-secure{width: 68%;} #center_column #mikroeraiffeisenpayments-payment-verified-by-visa{ width: 50%;} #center_column .mikroeraiffeisenpayments-payments-card-image{width: 32%!important;} }.btn:focus {outline: none;} #request-setup-app .main-category-container { display: flex; justify-content: space-between; width: 50%; padding-right: 30px;} #request-setup-app .main-category-container .main-category-item { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; padding: 0; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); border: 4px solid #1592e6; text-align: center;} #request-setup-app .main-category-container .main-category-item a { display: block;} #request-setup-app .main-category-container .main-category-item .main-category-text { margin: 30px 10px 0px; font-weight: 700; color: #1592e6; letter-spacing: normal; font-size: 15px;} #request-setup-app .main-body { display: flex; flex-direction: row; margin-bottom: 100px; position: relative; margin-top: 30px;} #request-setup-app .main-body { display: flex; flex-direction: row; margin-bottom: 100px;} #request-setup-app .main-body .side-category-container { width: 305px; height: 700px; border: 1px solid #dfdfdf; overflow-y: auto; } #request-setup-app .main-body .side-category-container .side-category-item a { padding: 18px; display: block; font-size: 14px;} #request-setup-app .main-body .side-category-container .side-category-item:hover, #request-setup-app .main-body .side-category-container .side-category-item a:hover, #request-setup-app .main-body .side-category-container .side-category-item a.active { background: #1592e6; color: #fff;} #request-setup-app .main-body .side-product-container { width: 305px; height: 645px; overflow-y: overlay; overflow-x: hidden!important; margin-left: 20px;} #request-setup-app .main-body .side-product-container .side-product-item { text-align: center;margin-right: 20px; position: relative;margin: 0 20px 25px 0; padding: 20px; border: 1px solid #E0E0E0; } #request-setup-app .main-category-container .main-category-item a img {max-height: 60px;} #request-setup-app .main-body .side-product-container .side-product-item a { display: block;} #request-setup-app .main-body .side-product-container .side-product-item img { max-height: 260px; margin-bottom: 20px;} #request-setup-app .main-body .side-product-container .side-product-item .side-product-text { padding: 0 0 10px 0 ; text-align: left; font-size: 15px; margin: 0px;} #request-setup-app .main-body .product-info-container { width: 630px; margin-left: 20px; position: relative; min-width: 630px;} #request-setup-app .main-body .product-info-container .product-info img { width: 350px;} #request-setup-app .main-body .product-info {border: 1px solid #e0e0e0; padding: 20px;} #request-setup-app .main-body .product-info .product-info-table table { width: 100%;} #request-setup-app .main-body .product-info .product-info-table td {border:1px solid #dfdfdf} #request-setup-app .main-body .product-info .product-info-button-select {background: #1592e6; color: #fff; padding: 7px 35px; border: none; width: 130px; font-size: 16px;} #request-setup-app .main-body .product-info .side-product-name {font-size: 23px;} #request-setup-app .main-body .product-info .product-info-btn { width: 130px; display: flex; flex-direction: column-reverse;} #request-setup-app .main-body .product-info .product-info-button-info { border: none; text-align: center; background: unset; color: #606568; padding: 7px; font-size: 16px; width: 130px; } #request-setup-app .main-body .product-info .product-info-button-info a {padding-right: 5px;} #request-setup-app .main-body .side-product-body {display: flex; margin-bottom: 30px;} #request-setup-app .main-category-container.sub-main .main-category-item { border:none; box-shadow: none; border-bottom: 1px solid #bfbfbf; width: 100%; height: fit-content; padding-bottom: 15px; padding-top: 30px; } #request-setup-app .main-category-container.sub-main .main-category-item .main-category-text {color:#606568} #request-setup-app .main-category-container.sub-main .main-category-item:hover p, #request-setup-app .main-category-container.sub-main .main-category-item.active p { color: #08b2f6;} #request-setup-app .main-category-container.sub-main .main-category-item:hover img, #request-setup-app .main-category-container.sub-main .main-category-item.active img {filter: invert(44%) sepia(90%) saturate(1982%) hue-rotate(162deg) brightness(96%) contrast(101%);} #request-setup-app .main-category-container.sub-main .main-category-item.not-supported:hover img {filter: unset!important; pointer-events: none; cursor: not-allowed;} #request-setup-app .main-category-container.sub-main .main-category-item.not-supported:hover p { color: #606568; cursor: not-allowed;} #request-setup-app .main-category-container.sub-main .main-category-item.not-supported {pointer-events: none;} #request-setup-app .main-category-container.sub-main .main-category-item:not(:first-child) img {max-height: 60px ;} #request-setup-app .main-category-container.sub-main .main-category-item.active { border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 0px solid #fff; border-radius: 10px 10px 0 0;} #request-setup-app .main-body .side-product-container .side-product-item.click-box .side-product-text {text-align: left;} #request-setup-app .main-body .side-product-container .click-box img {max-width: 100px;} #request-setup-app .main-body .side-product-container .side-product-item .socket {position: absolute; display: none; justify-content: center; align-items: center; bottom: 0; background: #70707080; width: 100%; height: 100px; left: 15px;} #request-setup-app .main-body .side-product-container .side-product-item:hover .socket {display: flex;} #request-setup-app .main-body .side-product-container .side-product-item.click-box .socket .socket-pst {display: flex; width: fit-content; margin: 0 auto;} #request-setup-app .main-body .side-product-container .side-product-item.click-box .socket .socket-pst div {border: 0.5px solid #fff; cursor: pointer; padding: 5px; width: 30px; display: flex; justify-content: center; color: #fff; font-weight: 700; font-size: 20px;} #request-setup-app .main-body .side-product-container .side-product-item .socket p.place-in {background: #fff; width: 150px; display: flex; color: #15b3c9!important; font-weight: 700; border: 1px solid #fff; margin: 0 auto; padding: 10px; text-align: center; font-size: 16px; text-align: center; display: block;} #request-setup-app .main-body .product-info-container .mask { position: absolute; top: 0; } #request-setup-app .main-body .product-info-container .boards-component {position: absolute; top: 18px; right: 16px;} #request-setup-app .main-body .product-info-container .droppable { margin: 0px 1px; width: 60px; border-radius: 5px; height: 125px; border: 2px solid #1592e6; max-width: 350px; padding: 0; position: relative;} #request-setup-app .main-body .product-info-container .droppable-container { display: flex;} #request-setup-app .main-body .product-info-container .boards-component .box-component img { bottom: 0px; position: absolute;} #request-setup-app .main-body .side-product-container .side-product-item.mcus .socket {display: none;} #request-setup-app .main-body .side-product-container .side-product-item.mcus:hover .socket { margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; background-color: rgba(112, 112, 112, 0.8); } #request-setup-app .main-body .side-product-container .side-product-item.mcus:hover .side-product-text {color:#fff; z-index: 5; position: relative;} #request-setup-app .main-body .side-product-container .side-product-item.mcus .side-product-text {color:#231f20!important;} #request-setup-app .main-body .side-product-container .side-product-item .socket-body p {border:1px solid #fff; margin: 0; font-weight: 700; font-size: 16px; padding: 5px 20px; width: 150px;} #request-setup-app .main-body .side-product-container .side-product-item .socket-body p.quick-box { color: #fff;} #request-setup-app .main-body .side-product-container .side-product-item .socket-body p.place-in {background: #ffffff; color:#1592e6 ;} #request-setup-app .main-body .side-product-container .side-product-item.click-box:hover .icon-quick-view {color: #fff; font-size: 25px; margin-left: 14px; bottom: -9px; position: relative; } #request-setup-app .main-body .side-product-container .side-product-item.mcus img { max-height: 190px;} #request-setup-app .main-body #tagFun_div_helper img {max-width: 60px; position: absolute; display:inline-block; margin-left: 90px;} #request-setup-app .search-container .search-input:focus {outline: none !important; border:1px solid #1592e6;} #request-setup-app .request-setup-form input:focus {outline: none !important; border:1px solid #1592e6;} #request-setup-app .main-body #tagFun_div_helper {position: absolute;} #request-setup-app .main-body #tagFun_div_helper.tft-drag img {max-width: 170px; } #request-setup-app .main-body #tagFun_div_helper.mcu-drag img {max-width: 120px; } #request-setup-app .bottom-btm {position: absolute; bottom: 0; width: 100%; left: 0; display: flex;} #request-setup-app .bottom-btm button {width: 50%; border: none; height: 40px; background: #1592e6; color: #fff; font-size: 16px;} #request-setup-app .bottom-btm a {width: 50%; text-align: center; font-size: 16px; display: flex!important; align-items: center; justify-content: center; border-top: 1px solid #ebebeb;} #request-setup-app .main-body .hide-border { border: none !important;} #request-setup-app .main-body .product-info-container .droppable .remove-from-socket i {bottom: 0px; display: none; position: absolute; z-index: 51; color: red; font-size: 25px; /* left: 0; */ right: 0; background: #5f5f5f9e; border-radius: 50px} #request-setup-app .main-body .product-info-container .droppable:hover i {display: block;} #request-setup-app .main-body .product-info-container .dev-mcu-socket {position: absolute; width: 129px; height: 127px; left: 0; right: 0; margin: 0 auto; top: 340px; border-radius: 5px; border: 2px solid #1592e6;} #request-setup-app .main-body .product-info-container .tft-socket {width: 260px; height: 165px; position: absolute; left: 178px; top: 147px; border: 2px solid #1592e6; border-radius: 5px; transition: width 1s, height 1s, transform 1s;} #request-setup-app .main-body .product-info-container .lcd-socket { width: 176px; height: 85px; border: 2px solid #1592e6; position: absolute; right: 14px; top: 147px; border-radius: 5px;} #request-setup-app .submitforms {border: 1px solid #e6e6e6; padding: 30px; border-radius: 5px} #request-setup-app .submitforms .col-md-7 {border-left: 1px solid #e6e6e6} #request-setup-app .customsubmitforms .row {margin: 0; display: flex; min-height: 500px;} #request-setup-app .customsubmitforms .col-md-6 {padding: 0;} #request-setup-app .customsubmitforms h4 {font-weight: 800; font-size: 24px; margin-bottom: 25px;} #request-setup-app .select-product p { width: fit-content; padding: 5px 5px 5px 0; font-size: 14px; margin-right: 0px; display:inline-block; font-weight: 600;} #request-setup-app .select-product {display: flex; flex-wrap: wrap;} #request-setup-app .form-general-error {color: #ebb705;} #request-setup-app #request-setup-submit {background: #1592e6; right: 0; height: 40px; width: 150px; top:0px; font-size: 16px; color: #fff; justify-content: center; border-radius: 5px; font-weight: 500; line-height: 30px; letter-spacing: 1px; border: none; margin-right:0px; margin-top:64px; margin-left: 128px;} #request-setup-app .main-body .product-info-container .tft-socket img { width: unset; margin-left: 0; z-index: 50000;} #request-setup-app form {display: flex; padding-left: 30px;} #request-setup-app .form-input-group { margin: 0 0 15px 0; display: inline-block;} #request-setup-app input { height: 35px; width: 330px; border-radius: 5px; margin: 0 0 5px 0; border: 1px solid #d6d4d4; background: #fff; padding: 0 10px;} #request-setup-app .form-input-group .form-input-error, #request-setup-app .request-setup-form .form-general-error { color: #ebb705; display: block; } #request-setup-app .form-input-group #message {width: 330px; height: 65px; margin-bottom: 30px; border-radius: 5px; margin: 0 0 5px 0; border: 1px solid #d6d4d4; background: #fff; padding: 0 10px; padding-top: 5px; margin-bottom: 30px} .customsubmitforms .col-md-6 .form-general-error { color: #ebb705; display: block; margin-top: 30px;} #request-setup-app .about-category {position: absolute; top: -105px;} #request-setup-app .about-category p {font-size: 16px; line-height: 25px;} #request-setup-app .about-category h4 {font-weight: 600; font-size: 22px; padding: 0; } #request-setup-app .MIKROE-3614 .tft-socket { left: 150px!important; width: 170px!important;} #request-setup-app .MIKROE-3614 .lcd-socket {width: 181px!important; right: 129px!important; top: 147px!important;} #request-setup-app .MIKROE-4511 .tft-socket { left: 150px!important; width: 170px!important;} #request-setup-app .MIKROE-4511 .lcd-socket {width: 181px!important; right: 129px!important; top: 147px!important;} #request-setup-app .MIKROE-4750 .tft-socket { left: 150px!important; width: 170px!important;} #request-setup-app .MIKROE-4750 .lcd-socket {width: 181px!important; right: 129px!important; top: 147px!important;} #request-setup-app #product-info-quick-view-container .product-info-btn {display: none;} #request-setup-app .product-info-btn i, #request-setup-app .bottom-btm a.product-info-button-info i {padding-right: 5px;} #request-setup-app #product-info-quick-view-container {position: absolute; width: 630px; left: 0; top: 0; height: 700px; overflow-x: hidden; border: 1px #dfdfdf solid;background: #fff; } #request-setup-app #product-info-quick-view-container img {max-width: 380px;} #request-setup-app .main-body #product-info-quick-view-container .product-info {box-shadow: none; top: -40px; position: relative;} #request-setup-app .main-body #product-info-quick-view-container .close-btn {text-align: right; font-size: 30px;position: -webkit-sticky; position: sticky; top:20px; padding-right: 20px; color: #606568; z-index: 50; cursor: pointer; width: fit-content; margin-left: calc(100% - 30px);} #request-setup-app #product-info-quick-view-container.hide {transition: all 1.5s linear, margin 0s linear 1.5s;} #request-setup-app form .pick-date {display: flex; position: relative;} #request-setup-app form .pick-date input {z-index: 50; background: transparent; position: absolute; border-bottom: none; width: 278px; border-radius: 5px 5px 0 0;} #request-setup-app form .pick-date .litepicker {margin-top: 35px; margin-bottom: 0px;} #request-setup-app form .pick-date p {margin: 0; color: #888;} #request-setup-app form .pick-date div .start-date {padding-right: 20px; } #request-setup-app .category-description-container {text-align: center; width: 50%; padding-left: 30px; margin-top: 20px;} #request-setup-app .category-description-container p { margin-bottom: 40px;} #request-setup-app .category-description-container h4 { text-align: left; margin-bottom: 30px; font-size: 27px; text-transform: uppercase; font-weight: 300; } #request-setup-app .category-description-container p { font-size: 27px; font-weight: 600; line-height: 25px; text-align: left; font-size: 27px; } #request-setup-app .main-body .product-info-container .tft-socket img.has-frame {left: -14px;} #request-setup-app .customsubmitforms .form-input-group sup { font-size: 18px; top: -19px; left: -9px; font-weight: 400;} #request-setup-app .customsubmitforms .pick-date sup { top: -3px; left: calc(100% - 10px); position: absolute;} #request-setup-app .main-body .product-info-container .tft-socket[data-tft-size='7-tft-size'] {width: 375px; height: 241px; max-width: 375px; transition: width 1s, height 1s, transform 1s;} #request-setup-app .main-body .product-info-container .tft-socket[data-tft-size='5-tft-size'] { height: 170px; transition: width 1s, height 1s, transform 1s; } #request-setup-app .coming-soon { z-index: 5; width: 100%; text-align: center;text-transform: uppercase; left: 0; position: absolute; top: 40%; color: #fff; padding: 10px; font-weight: 600; font-size: 22px; letter-spacing: 3px;} #request-setup-app .bg-smoke {width: 100%; height: 100%; position: absolute; background: #1592e6d4;} #request-pd.request-pd h2 {padding: 60px 0;} #request-setup-app #tft-boards img {height: 100px;} #request-setup-app #starter-boards, #request-setup-app #smart-displays, #request-setup-app #other-board {cursor: not-allowed;} #request-setup-app #starter-boards:hover, #request-setup-app #smart-displays:hover {box-shadow: none;} #request-setup-app #other-board {margin-right: 0;} #request-setup-app .customsubmitforms table {width: 100%;} #request-setup-app .customsubmitforms table > tbody > tr:nth-child(2) {border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;} #request-setup-app > div.customsubmitforms > div > div:nth-child(1) {padding-right: 30px;} #request-setup-app .customsubmitforms table > tbody > tr:nth-child(3) {border-bottom: 1px solid #dfdfdf;} #request-setup-ap table td, #request-setup-ap table th {padding-left: 0;vertical-align: unset;} #request-setup-app > div.customsubmitforms table > tbody > tr > td:nth-child(1) {width: 156px; text-align: right; font-size: 14px; padding-left: 0;} #request-setup-app caption, #request-setup-app th, #request-setup-app td {vertical-align: unset;} #request-setup-app .customsubmitforms table > tbody td p {margin-bottom: 0;} #request-setup-app .name-email {padding-right: 10px;} #request-setup-app > div.customsubmitforms > div > div:nth-child(2) > form > div.form-input-group {margin-bottom: 0;} #request-pd .for-mobile {display: none;} #request-setup-app .product-info-cotnainer-navigation button {background: none;border: 2px solid #1592e6; padding: 5px 10px;border-radius: 50px; height: 40px; width: 120px; font-size: 16px; color:#1592e6 ;} #request-setup-app .product-info-cotnainer-navigation {margin-top: 20px; display: flex; align-items: center; justify-content: center} #request-setup-app .product-info-cotnainer-navigation button:hover {background: #1592e6; color: #fff; border: none;} #request-setup-app #tft-boards {margin-right: 0;} #request-setup-app button { margin-right: 15px;} #request-setup-app .bottom-btm button {margin-right: 0;} .product-planet-debug #board-8th #gallery {display: none; margin-bottom: 100px;} .product-planet-debug #board-8th .return-to-dp {display: none;} #request-pd .chosee-hw {text-align: left!important; font-size: 43px; text-transform: uppercase;} /* LitePicker */ .product-planet-debug .litepicker .month-item-name, .product-planet-debug .litepicker .month-item-year {font-size: 14px;} .product-planet-debug .litepicker .container__footer {margin: 0; -webkit-box-shadow: inset 0px 0px 3px 0px #ddd; box-shadow: inset 0px 0px 3px 0px #ddd;} .product-planet-debug .litepicker .container__footer button {padding: 7px 20px; font-size: 13px;} .product-planet-debug .litepicker .preview-date-range {font-size: 14px; text-align: center; padding: 10px 0;} .product-planet-debug .litepicker .container__days .day-item {font-size: 11px;} .product-planet-debug .litepicker .container__footer .button-apply {background-color: #1592e6; margin:0;} .product-planet-debug .litepicker .container__footer {display: grid; padding: 0;} .product-planet-debug .litepicker .container__months { box-shadow:none; border: 1px solid #e0e0e0; border-radius: 0 0 5px 5px;} /* SCROLL BAR */ #request-setup-app ::-webkit-scrollbar { width: 6px; } #request-setup-app ::-webkit-scrollbar-track { -webkit-border-radius: 10px; background: #ebebeb; } #request-setup-app ::-webkit-scrollbar-thumb { background: #606568; border-radius: 10px; } #request-setup-app ::-webkit-scrollbar-thumb:hover { background: #606568; } #request-pd .start-now .box {border: none; text-align: center;} @-moz-document url-prefix() { .main-body div { scrollbar-width: thin; scrollbar-color: #606568; } .main-body div:-webkit-scrollbar { width: 11px; } .main-body div:-webkit-scrollbar-track { background: #606568; border-radius: 10px; } .main-body div:-webkit-scrollbar-thumb { background-color: #606568; border-radius: 6px; border: 3px solid #dfdfdf;} } @media screen and (max-width: 1200px) { #request-setup-app .main-body {flex-wrap: wrap;} #id-promotions .happy_hour .product-container {border: 1px solid #dfdfdf; position: relative; } #request-setup-app .main-body .side-category-container {width: 100%;} #request-setup-app .main-body .side-product-container {width: 100%; margin: 0; margin-top: 50px;} #request-setup-app .main-body .product-info-container {width: 100%;} } #request-setup-app .search-container {margin-left: 20px; margin-bottom: 15px; position: relative; width: 285px; } #request-setup-app .search-container .search-input { padding: 10px; border: 1px solid #e0e0e0; width: 285px; } #request-setup-app .search-container .clear-search { display: block; position: absolute; top: 18px; right: 10px; transform: translateY(-50%); font-size: 25px; color: #606568; } @media screen and (max-width: 990px) { #request-setup-app .search-container .search-input {width: 285px;} #request-setup-app .main-body .product-info-container { min-width: unset; margin-top: 60px; margin-left: 0; } #request-setup-app .main-body .side-product-body {display: block;} #request-setup-app .main-body .product-info .product-info-btn {display: inline;} #request-setup-app .main-category-container .main-category-item {margin: 0 10px 50px 0; } #request-setup-app .main-category-container .main-category-item:nth-child(3) {margin-right: 0;} #request-setup-app .main-category-container { display: flex;} #request-setup-app input {width: 100%;} #request-setup-app .submitforms .col-md-6:nth-child(2) {border: none;} #request-setup-app form {padding: 0; display: block;} #request-setup-app #request-setup-submit {position: relative; display: block; margin: 0 auto;} #request-setup-app .main-body .side-product-container .side-product-item .socket {display: block;} #request-setup-app .main-body .side-product-container .side-product-item img { max-height: 170px} #request-setup-app .main-category-container .main-category-item .main-category-text {letter-spacing: 1px; font-size: 10px; margin: 10px auto; } #request-setup-app .main-category-container img {height: 70px; padding: 0 10px;} #request-setup-app .main-category-container .main-category-item {height: 180px;} #request-setup-app .main-body .product-info-container .boards-component { top: 6px;right: 6px;} #request-setup-app .main-body .product-info-container .dev-click-socket .droppable { border: 1px dashed #1592e6; height: 63px; width: 30px;} #request-setup-app .main-body .product-info-container .dev-mcu-socket {top: 173px; width: 65px; height: 65px; border: 1px dashed #1592e6;} #request-setup-app .main-body .side-category-container {height: auto;} #request-setup-app .main-body .side-product-container .side-product-item .socket-body p.quick-box {margin:0 auto;} #request-setup-app .main-body .product-info-container .lcd-socket { width: 93px;border: 1px dashed #1592e6; height: 46px; right: 5px; top: 69px; } #request-setup-app .main-body .product-info-container .tft-socket { width: 135px; height: 90px; left: 87px; border: 1px dashed #1592e6; border: 1px dashed #1592e6; top: 69px;} #request-pd .for-desktop {display: none;} #request-pd .for-mobile {display: block;} #request-pd .for-mobile p {padding-top: 150px; text-align: center;} #request-pd .for-mobile p span {color: #1592e6; cursor: pointer;} } #request-setup-app .main-title {display: flex;} #board-tabs button {background:#1592e6;} #board-tabs .nav-planet-debug-btn { display: flex; float: right;} #board-tabs button {padding: 0 18px; margin-right: 20px;} #board-tabs .standard-wrap {padding-right: 0;} .backgrounds .wrap-second {display: none;} /* CUBE */ .wrap-second p { color: #fff; text-transform: uppercase; font-size: 35px!important; line-height: 35px; text-align: center; font-weight: 600!important; padding: 20px; margin: 0!important; display: flex!important} .cube-second { -ms-transform-style: none; -ms-transform: none; transform-style: preserve-3d; position: relative; width: 250px; } #board-tabs .wrap-second { z-index: 50; right: 0px; position: relative; left: unset; margin-top: 26px; zoom: 0.375; -ms-zoom:0.375; -webkit-zoom: 0.375; -moz-transform: scale(0.375,0.375);} .wrap-second { z-index: 50; position: relative; left: calc(100% - 250px); zoom: 0.5;} .cube-second div { position: absolute; width: 250px; height: 80px; transform-style: preserve-3d; -ms-transform-style: preserve-3d; cursor: pointer; border-radius: 10px;} .box-face-second { text-align: center; background-color: rgba(0, 0, 0); } .back-second img, #board-tabs .front-second img { max-width: 70px!important; padding: 0px; } .back-second, .front-second, .left-second, .right-second {display: flex; align-items: center; justify-content: center;} .front-second { transform: translateZ(125px); -ms-transform: translateZ(125px); -webkit-transform: translateZ(125px); -moz-transform: translateZ(125px); -o-transform: translateZ(125px); background: #1592e6; } .back-second { transform: translateZ(-125px) rotateY(180deg); -ms-transform: translateZ(-125px) rotateY(180deg); -webkit-transform: translateZ(-125px) rotateY(180deg); -moz-transform: translateZ(-125px) rotateY(180deg); -o-transform: translateZ(-125px) rotateY(180deg); background: #1592e6; } .top-second { transform: rotateX(-90deg) translateY(-125px); -ms-transform: rotateX(-90deg) translateY(-125px); -webkit-transform: rotateX(-90deg) translateY(-125px); -moz-transform: rotateX(-90deg) translateY(-125px); -o-transform: rotateX(-90deg) translateY(-125px); transform-origin: top center; } .bottom-second { transform: rotateX(90deg) translateY(125px); -ms-transform: rotateX(90deg) translateY(125px); -webkit-transform: rotateX(90deg) translateY(125px); -moz-transform: rotateX(90deg) translateY(125px); -o-transform: rotateX(90deg) translateY(125px); transform-origin: bottom center; box-shadow: 0 0 30px #000000; } .left-second { transform: rotateY(270deg) translateX(-125px); -ms-transform: rotateY(270deg) translateX(-125px); -webkit-transform: rotateY(270deg) translateX(-125px); -moz-transform: rotateY(270deg) translateX(-125px); -o-transform: rotateY(270deg) translateX(-125px); transform-origin: center left; background: #000; } .right-second { transform: rotateY(-270deg) translateX(125px); -ms-transform: rotateY(-270deg) translateX(125px); -webkit-transform: rotateY(-270deg) translateX(125px); -moz-transform: rotateY(-270deg) translateX(125px); -o-transform: rotateY(-270deg) translateX(125px); transform-origin: top right; background: #000; } @-moz-document url-prefix() { #board-tabs .wrap-second { right: 79px; top: -15px; } #board-tabs .nav-planet-debug-btn {width: 93px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #board-tabs .wrap-second { top: -15px; } #board-tabs .nav-planet-debug-btn {width: 93px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #board-tabs .wrap-second { left: 0px!important; } .backgrounds .logo img {margin:0!important} .cube-second .front-second {display: block;} .cube-second .back-second {display: block;} #request-setup-app .main-body .side-product-container .side-product-item .socket {background-color:rgba(112, 112, 112, 0.8)} #request-pd .socket .icon-quick-view {width: auto;} .litepicker .container__days .day-item {width: 14%;} .litepicker .container__months .month-item {width: 266px;} .cube-second {animation-play-state: paused!important;} .litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date {background-color:rgba(35, 146, 231, 0.79); color: #fff;} .litepicker .container__days .day-item.is-in-range {background-color:rgba(35, 146, 231, 0.50);} } input::-ms-clear { display: none; } /* Animations for the second cube and icon */ @keyframes spin-second { 0% {transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg);} 5% {transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg);} 10% {transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg);} 15% {transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg);} 20% {transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg);} 25% {transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg);} 30% {transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg);} 35% {transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -o-transform: rotateY(-90deg);} 45% {transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);} 50% {transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);} 55% {transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);} 60% {transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);} 65% {transform: rotateY(-270deg); -ms-transform: rotateY(-270deg); -webkit-transform: rotateY(-270deg); -moz-transform: rotateY(-270deg); -o-transform: rotateY(-270deg);} 70% {transform: rotateY(-270deg); -ms-transform: rotateY(-270deg); -webkit-transform: rotateY(-270deg); -moz-transform: rotateY(-270deg); -o-transform: rotateY(-270deg);} 75% {transform: rotateY(-270deg); -ms-transform: rotateY(-270deg); -webkit-transform: rotateY(-270deg); -moz-transform: rotateY(-270deg); -o-transform: rotateY(-270deg);} 80% {transform: rotateY(-270deg); -ms-transform: rotateY(-270deg); -webkit-transform: rotateY(-270deg); -moz-transform: rotateY(-270deg); -o-transform: rotateY(-270deg);} 85% {transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -o-transform: rotateY(-360deg);} 90% {transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -o-transform: rotateY(-360deg);} 95% {transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -o-transform: rotateY(-360deg);} 100% {transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -o-transform: rotateY(-360deg);} } .cube-second { animation: spin-second 12s infinite normal ; } .icon-spin-counter { display: inline-block; animation: spin-counter 2s infinite linear;} @media screen and (max-width: 1299px) { #request-setup-app > div.customsubmitforms > div > div:nth-child(1) { width: calc(50% - 100px);} #request-setup-app .main-category-container .main-category-item .main-category-text { margin: 30px 0 0 0;} #request-setup-app .customsubmitforms .form-input-group sup {top:-50px; left: 100%;} #request-setup-app .customsubmitforms .form-input-group .pick-date sup {top:-5px} #request-setup-app form {padding-left: 20px;} #request-setup-app .name-email {padding-right: 20px;} } #request-setup-app #main-buy-field {margin: 0;} #request-setup-app #main-buy-field #quantity_wanted { right: 17px; height: 28px; width: 90px; } #request-setup-app #main-buy-field .quantity-wrap button {margin-right: 0; } .category-description-container p.red {color: #ff0f0f;} .category-description-container p.shake { /* Start the shake animation and make the animation last for 0.5 seconds */ animation: shake2 0.5s; color: #ff0f0f; /* When the animation is finished, start again */ animation-iteration-count: infinite; } @keyframes shake2 { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .product-2804 .request-setup-form .our_price_display {font-size: 17px; margin-bottom: 5px;} .product-2804 .request-setup-form .our_price_display span {color:#121212; background: unset; font-size:32px; font-weight: 800; } .product-2804 .request-setup-form .prod-info { margin-bottom: 5px; text-align: left; color: #B3B3B3!important; line-height: 17px!important; font-size: 14px!important;} .product-2804 .request-setup-form .price-box {display: none;} .product-2804 .buy-field {padding: 0;} .product-2804 #request-setup-app {margin-bottom: 150px;} .product-2804 .buy-field .bf-security .bf-s-col-5 { width: 42.66667%; } .product-2804 .buy-field .bf-security .bf-s-col-7 {width: 58.33333%; } .product-2804 #request-setup-app .price-per {position: absolute; bottom: 0px; font-weight: 500; text-align: left;color: #121212!important;line-height: 17px!important; font-size: 14px!important;} .product-2804 #request-setup-app .price-per span { font-weight: 800; font-size: 32px; color:#121212; line-height: 50px;} .product-2804 #request-setup-app .prod-info span {font-weight: 400; text-align: left;color: #B3B3B3!important;line-height: 17px!important; font-size: 14px!important;} .product-2804 #request-setup-app .prod-info {color: #B3B3B3!important;} .product-2804 #request-setup-app .request-setup-form #request-setup-submit i {position: relative; display: block; top: 7px; right: 0;} .product-2804 #request-setup-app .request-setup-form #request-setup-submit {display: flex;}