/* * Backoffice CSS Backups * A template should always ship with an empty custom.css */ #product #iqitreviews_submit.btn-primary:hover { width: 180px; } #manufacturer #productTab .product-title{ margin-bottom: 15px; } #manufacturer #productTab .product-title a{ color: #000; line-height: 25px; } body#manufacturer #main-page-content #wrapper{ padding-bottom: 60px; } body#manufacturer #main-page-content .accordion .card-body{ margin-top: 20px; } body#manufacturer #main-page-content .view-all-container a:hover{ color:#000000; } body#manufacturer #main-page-content .accordion .p_item{ padding-bottom: 20px; } body#manufacturer #main-page-content .accordion .p_item:hover{ box-shadow: 0 0 25px 0 rgba(0,0,0,.15);} #parentProductpp, body#manufacturer #main-page-content .accordion{ padding: 0; } #manufacturer .custom-view-btn button{ border-radius: 5px; text-transform: capitalize; } #parentProductpp .card-header{ border-bottom: 0; } ody#manufacturer #main-page-content .accordion .p_item{ padding-bottom: 20px; } body#manufacturer #main-page-content .accordion .p_item .p_item_name{ font-size: 15px; line-height: 25px; } body#manufacturer .p_item_reference{ font-size: 13px; color:#007bff; margin-top: 5px; } body#manufacturer #main-page-content .accordion .p_item .p_item_price{ font-size: 15px; font-weight: 400; } body#manufacturer #main-page-content .accordion .p_item .p_item_url a{ display: block; padding: 3px 60px; } body#manufacturer #main-page-content .accordion .card-body{ padding-left: 1px; padding-right: 1px; } #manufacturer #aboutTab h3 span, #manufacturer #faqTab h3 span, #manufacturer #productTab h3 span, #manufacturer #mediaTab h3 span, #manufacturer .mediacontent .h1.page-title, body#manufacturer #main-page-content .accordion button span{ position: relative; margin-bottom: 15px; display: inline-block; padding-bottom: 0; font-weight: 500; font-size: 23px; } #manufacturer #aboutTab h3 span:after, #manufacturer #faqTab h3 span:after, #manufacturer #productTab h3 span:after, #manufacturer #mediaTab h3 span:after, #manufacturer .mediacontent .h1.page-title:after, body#manufacturer #main-page-content .accordion button span:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #60a6d4; bottom: -15px; } .product-media{ display: flex; flex-wrap:wrap; justify-content: space-between; } .product-media .media-left, .product-media .media-right{ flex:0 0 49%; max-width:49%; } .product-media .media-left .inner-frame, .product-media .media-right .inner-frame{ position: relative; padding-bottom: 50.25%; padding-top: 25px; height: 0; } .product-media .inner-frame iframe{ position: absolute; top: 0; left: 0; width: 100%; height:100%; } @media(max-width: 768px){ .product-media .media-left, .product-media .media-right { flex: 0 0 100%; max-width: 100%; } .product-media .media-left { margin-bottom: 30px; }} @media(max-width: 580px){ .product-media .media-left .inner-frame, .product-media .media-right .inner-frame{ padding-bottom: 64.25%; }} /*SPLYNX*/ #product #price-cal-title{ font-size: 20px; margin-bottom: 30px; font-weight: 500; } label[for="customers_count_input"]{ font-size: 16px; } #product #splynx body.entry-title{ font-size: 32px; } #calc-style .input-group-addon.btn-default{ width: 40px; border: 1px solid #ccc; color: #fff!important; background-color: #5f7279!important; } #calc-style table{ margin-top: 25px; } #calc-style table thead td{ background: #5f7279; color: #fff; font-weight: 300; border: 1px solid #eee; } #calc-style table tbody td{ border: 1px solid #eee; } #calc-style table tbody tr:last-child{ background: #5f7279; color: #fff; font-weight: 300; } .trainer-image .thumb-container img { max-height: 350px; } #product .product-prices .product-price #tax_type_product{ float:none!important; } /*Product Event*/ @media (max-width: 610px){ #product .event-expired { margin-left:0!important; width: 100%; margin-top: 5px; }} #product .notify-info{ margin-bottom: 15px; } @media (max-width: 768px){ #product .notify-info{ width: 100%; display: block; margin-bottom: 15px; margin-top: 15px; padding-left: 0; }} #product #eta_date{ margin-bottom: 10px; } #product .product-prices span#product-availability{ margin-bottom: 10px!important; } #product #price_list_item_box .notify-container{ display: inline-block !important; } @media (max-width: 1180px){ #module-eventsmanager-events .calendar_outerdiv{ overflow-x: scroll; }} @media (max-width: 991px){ #module-eventsmanager-events .compojoom-bootstrap, #mat_events, #module-eventsmanager-events .calendar-wrapper-child, #module-eventsmanager-events .calendar_outerdiv{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #module-eventsmanager-events .calendar_outerdiv.col-md-9{ border-left-width:0!important;} #module-eventsmanager-events .calendar_outerdiv.col-md-9 table.calendar{ width: 840px!important; } section.event-product section.product-accessories{ display: none; }} @media (max-width: 768px){ #mat_events .mat_event_content, #mat_events .mat_event_image_holder{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #mat_events label.event-label{ width: 34%!important; } } #module-eventsmanager-events .calendar_outerdiv::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22); border-radius: 0px; background-color: #F5F5F5; } #module-eventsmanager-events .calendar_outerdiv::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5; } #module-eventsmanager-events .calendar_outerdiv::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #107abf; } article.address-hide-load{ display:none!important; } /*Whats New*/ #iqitmegamenu-mobile li:nth-child(2) a { color: darkorange; font-weight: 700 !important;} nav#cbp-hrmenu #cbp-hrmenu-tab-32 .cbp-tab-title { color: darkorange; font-weight: 700 !important;} body.cms-id-83 #main-page-content #wrapper{padding-top:0; } body.cms-id-83 #main-page-content header.page-header, body.cms-id-83 #main-page-content nav.breadcrumb{ display: none!important; } body.cms-id-83 #main-page-content #whats-slider{ background: linear-gradient(135deg, rgba(16, 20, 22, 0.60), rgba(16, 20, 22, 0.60)), transparent url("//miro.co.za/img/cms/MiRO-Whats-New-Banner.png") center center/cover no-repeat scroll; padding: 55px 0px 160px 0px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; text-align: center; margin-top: -7px; margin-bottom: 15px;} body.cms-id-83 #main-page-content #whats-slider h2{ color: #fff; font-size: 28px; margin-bottom: 30px; font-weight: 600; margin-top: 20px;} body.cms-id-83 #main-page-content #whats-slider a{ color: #fff; font-weight: 500;} body.cms-id-83 #main-page-content .accordion{ background: #fff!important; font-family: 'Poppins',sans-serif!important; text-align: center; max-width: 850px; margin:0 auto; border-top-width: 0;} body.cms-id-83 #main-page-content .accordion .card-body{ margin-top: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,.125);} body.cms-id-83 #main-page-content .accordion .p_item, #identity .p_item{ margin-bottom:30px; } body.cms-id-83 #main-page-content .accordion .p_item .p_item_name, #identity .p_item .p_item_name{ text-transform: capitalize; margin-top: 15px; display: -webkit-box; height: 55px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} body.cms-id-83 #main-page-content .accordion .p_item .p_item_price{ font-size: 17px; font-weight: 600; margin: 10px 0;} body.cms-id-83 #main-page-content .accordion .p_item .p_item_url{ margin-top: 25px;} body.cms-id-83 #main-page-content .accordion .p_item .p_item_url a{ background: #0579be; color: #fff; padding: 8px 60px; border-radius: 5px; text-transform: capitalize; } body.cms-id-83 #main-page-content .accordion .card .card-header{ background:transparent; padding-left: 0;} body.cms-id-83 #main-page-content .accordion .card{ border-width: 0;} body.cms-id-83 #main-page-content .accordion button:hover{ text-decoration: none;} body.cms-id-83 #main-page-content .accordion button:focus{ outline: 0;} body.cms-id-83 #main-page-content .accordion button{ width:100%; text-align: left; position: relative; font-size: 18px; font-weight: 500; padding-left: 0; color:#000; text-decoration: none;} body.cms-id-83 #main-page-content .accordion button:after{ content: "\f104"; font:normal normal normal 20px/1 FontAwesome; position: absolute; right: 0; color: #aebbbe!important;} body.cms-id-83 #main-page-content .accordion button.collapsed:after{ content: "\f107"!important; } /*Instock*/ #product .product-prices .product-price #tax_type_product{ float:none!important; } #product .product_header_container #price_list_item_box{ display: flex; flex-wrap: wrap; align-items: flex-end; } #product .product_header_container .product-prices .product-price-wrapper{ display: flex; float: left; flex-wrap:wrap; } #product .product_header_container .product-prices .product-price-wrapper #prd-instock{ margin-left: 20px!important; } @media (max-width: 850px){ #product #price_list_item_box #prd-instock{ width: 100%; margin-top: 10px; margin-left: 0!important; }} /*Checkout Payment*/ #checkout-payment-step .payment-logos { display: flex; justify-content: flex-end; } #checkout-payment-step .payment-logos > a{ margin: 0 8px 5px 8px; } @media (max-width:720px){ body#checkout section.checkout-step .payment-options .payment-option .payment-logos{ flex:0 0 100%; max-width: 100%; width:100%; flex-wrap: wrap; text-align: center; margin-top: 20px; justify-content: center; }} @media (max-width:420px){ #checkout-payment-step .payment-logos > a img{ width: 75px; }} @media (max-width:620px){ body#checkout section.checkout-step .payment-options .payment-option .paygate-methods{ margin-left: 30px!important; }} #category .product-miniature-grid .product-availability, #manufacturer .product-miniature-grid .product-availability, #search .product-miniature-grid .product-availability { display:none!important; } .product-flags .discount, .product-flags .on-sale { background: #dc3545; color: #fff; font-size: 0.95rem; } .product-prices .discount { background: #dc3545; color: #fff; display:none; } #module-askforaquote-SavedQuotes div.fancybox-skin .fancybox-inner div.quote-delivery{ display: block!important; } #module-askforaquote-SavedQuotes div.fancybox-skin .fancybox-inner div.quote-delivery ~ div{ float: right;} #module-askforaquote-QuotesCart .fancybox-skin #include, #module-askforaquote-SavedQuotes .fancybox-skin #include{ margin-right: 15px; } #module-askforaquote-QuotesCart .fancybox-skin #donotinclude, #module-askforaquote-SavedQuotes #donotinclude{ margin-left: 15px; margin-right: 15px; } #module-askforaquote-QuotesCart .fancybox-skin .quote_shipping_cost, #module-askforaquote-SavedQuotes .fancybox-skin .quote_shipping_cost_saved{ margin-top: 20px; border-radius: 5px; width: 160px;} #module-askforaquote-QuotesCart .fancybox-skin h6.control-label, #module-askforaquote-SavedQuotes .fancybox-skin h6.control-label{ margin-bottom: 0; font-size: 17px; font-weight: 500; } @media (min-width: 768px){ #product .product-reference.prod-ref { margin-bottom: -2px; } } #id_quote_process_shipping{ border-left-width: 0!important; } #id_quote_process_shipping #submit_shipping_quote .shipping-type.chk-colt-type, #checkout #content > .quotename{ display: none; } @media (min-width: 768px){ #product .product-reference.prod-ref { margin-bottom: -2px; } } #product .product-reference .stock-keeping { line-height: 20px; } .delivery-options.shipping-section .row.delivery-option .col-sm-5.col-xs-12 .col-xs-3{ padding: 0; } #parcelperfectmodal .resp-flex{ display: flex; flex-wrap: wrap; justify-content: space-between; } #parcelperfectmodal .resp-flex .option-modal, #parcelperfectmodal .resp-flex .btn-modal{ margin-bottom: 20px; } #parcelperfectmodal{ display: flex!important; align-items: center; justify-content: center; } #parcelperfectmodal .modal-dialog{ max-width: 620px; } #parcelperfectmodal .modal-content{ transform: none; min-height: auto!important; } #parcelperfectmodal .js-modal-content{ background: #fff; padding-top: 30px!important; } @media (max-width: 620px){ #parcelperfectmodal .resp-flex{ justify-content: center!important; }} @media (max-width: 720px){ #parcelperfectmodal .modal-dialog{ width: 80%;}} #checkout #pp_postcode{ background-image:none; border-radius: 5px; height: 35px; } body#checkout section.checkout-step .address-item.international-region{ padding-left: 10px; padding-bottom: 10px; } body#checkout section.checkout-step .address-footer a.change-destination.text-muted { border-right: none !important; } body#checkout section.checkout-step .address-item.international-region .delivery-region{ display: flex; flex-wrap: wrap; } body#checkout section.checkout-step .address-item.international-region .delivery-region .custom-radio{ width: 15px; height: 15px; top:-1px; margin-left: 15px; margin-right: 10px; } body#checkout section.checkout-step .address-item.international-region .delivery-region .custom-radio input[type=radio]:checked+span{ background-color: #337ab7; border: 7px solid #337ab7; border-radius: 50%; position: absolute; padding: 4px; background: #fff; display: block; left: -2px; top: 0; width: 0; height: 0; } #module-askforaquote-QuotesCart #quotes-detail-content .bootstrap-touchspin .btn-touchspin{ padding: 7px!important; } #module-askforaquote-QuotesCart .bootstrap-touchspin .input-group-btn-vertical i{ left: -5px; top: 5px!important;} #ps-shoppingcart-wrapper img{ width: 20px; margin-bottom: 4px; } #manufacturer #productTab .product-title{ height: 45px; } #product button.btn.btn-touchspin.js-touchspin{ margin-right: 5px; line-height: 1.2; } #cart button.btn.btn-touchspin.js-touchspin, #cart button.btn.btn-touchspin.js-decrease-product-quantity, #checkout-addresses-step button.btn.btn-touchspin.js-touchspin, #checkout-addresses-step button.btn.btn-touchspin.js-decrease-product-quantity{ margin-right: 5px; line-height: 1.2; } #module-askforaquote-SubmitedQuotes .fancybox-overlay-fixed{ display: flex; align-items: center; justify-content: center; } #module-askforaquote-SubmitedQuotes .fancybox-desktop .fancybox-skin{ padding-bottom: 20px; background: #ffffff!important; } #product .fancybox-desktop .fancybox-skin{ padding: 40px 15px 20px!important; background: #ffffff!important; } #module-askforaquote-SubmitedQuotes .fancybox-desktop a.fancybox-close, #product .fancybox-desktop a.fancybox-close{ background-image: none; } #module-askforaquote-SubmitedQuotes .fancybox-desktop a.fancybox-close:before, #product .fancybox-desktop a.fancybox-close:before{ content: "\f00d"; font-family: FontAwesome; position: absolute; font-size: 22px; color: #000; top: 30px; right: 35px; font-weight: 500; } #module-askforaquote-SubmitedQuotes .fancybox-desktop h6.control-label{ line-height: 30px; } #product .fancybox-desktop h6{ font-weight: 500; } #module-askforaquote-SubmitedQuotes .fancybox-desktop .fancybox-inner > br{ display: none; } #module-askforaquote-SubmitedQuotes .fancybox-desktop:not(.out-of-stock-alert){ top: auto!important; left: auto!important; width: 80%!important; max-width: 600px; } #module-askforaquote-SubmitedQuotes .fancybox-desktop{ width: 80%!important; max-width: 600px; } #module-askforaquote-SubmitedQuotes .fancybox-desktop .fancybox-inner{ width: auto!important; height: auto!important; } #module-askforaquote-SubmitedQuotes .fancybox-desktop .fancybox-inner >div, #product .fancybox-desktop .fancybox-inner >div{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #product .fancybox-desktop .fancybox-inner>div{ margin-top: 25px; } #module-askforaquote-SubmitedQuotes .fancybox-desktop .fancybox-inner >div button, #product .fancybox-desktop .fancybox-inner >div button{ margin-right: 5px; border-radius: 5px; } #product .fancybox-inner >div button.btn-primary:hover{ width: 160px!important; } input#quote_quanty_id~span.input-group-btn-vertical { display: none!important; } #quote_quanty_id{ background: #fff; } #module-askforaquote-QuotesCart h1.h1.page-title { font-size: 1.5rem!important; font-weight: 600; margin-top: 5px; padding-left: 15px; padding-bottom: 35px!important; } #module-askforaquote-QuotesCart #submit-quote-cart-title{ padding-left: 0!important; } @media (max-width: 767px){ #product #product-images-thumbs .slick-slide.slick-active { width: 120px!important; } #product #product-images-large .slick-list.draggable .slick-track, #product #product-images-large .slick-list.draggable .slick-track .slick-slide > div > div{ width:680px!important; } #product .slick-next.slick-arrow{ right: 15%!important; } #product .product-accessories .slick-next.slick-arrow, #product .crossselling-products .slick-next.slick-arrow{ right: 0!important; } } @media (max-width: 520px){ #product #product-images-thumbs .slick-slide.slick-active { width: 120px!important; } #product #product-images-large .slick-list.draggable .slick-track, #product #product-images-large .slick-list.draggable .slick-track .slick-slide > div > div{ width:380px!important; } #product .slick-next.slick-arrow{ right: 15%!important; } #product .slick-next.slick-arrow{ right: 15%!important; } #product .product-accessories .slick-products-carousel, #product .crossselling-products .slick-products-carousel{ width: 300px; overflow: hidden; }} #manufacturer #productTab, #manufacturer #mediaTab{ display:none; } #facets_search_wrapper{ padding-right: 20px; } #footer-copyrights .cp-logo-links{ display: flex; align-items: center; } #footer-copyrights .cp-logo-links .footer-logo-pay img{ max-width: 63%; } #footer-copyrights .copyright-img{ margin-top: -15px; } #footer-copyrights .footer-other{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; } #footer-copyrights .footer-other ul{ width: 100%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; } #Job_Application_Form h1.h1.page-title{ font-size: 1.5rem; font-weight: 600; margin-top: 5px; padding-left: 15px; padding-bottom: 35px!important; } #Job_Application_F#module-iqitwishlist-view .wishlist-priceorm div#Description-id{ font-size: 1.5rem; font-weight: 600; margin-top: 40px; } #Job_Application_Form h2.coverletter{ font-size: 18px; font-weight: 600; } #Job_Application_Form span.over-head{ font-weight: 500; } #Job_Application_Form .txt-center{ font-weight: 600; margin-bottom: 75px; } #Job_Application_Form .txt-center > p{ margin-bottom: 0; } #Job_Application_Form h2.jobhead{ font-size: 1.55rem; font-weight: 600; } #Job_Posts .jobheader{ border-top: none 1px; border-bottom: none 1px; padding-bottom: 8.07143rem; padding-top: 8.07143rem; background: url(//miro.co.za/img/cms/MiRO_Careers_Banner.png); background-repeat: no-repeat; background-size: cover; width: 100vw; position: relative; margin-left: -50vw; left: 50%; margin-top:-30px; } #Job_Posts li.job-region-style{ display: flex!important; flex-wrap: wrap; margin: 2rem; padding-bottom: 1rem; } #Job_Posts div#careertitle{ font-weight: 400; font-size: 35px; } #Job_Posts li.job-region-style div:first-child{ flex: 0 0 40%; max-width: 40%; } #Job_Posts li.job-region-style div:last-child{ flex: 0 0 60%; max-width: 60%; } #ps-quote-wrapper img { width: 25px; margin-bottom: 4px; } #Job_Posts h3.li-head.region-style{ font-weight: 500; } #product #wrapper .product_header_container.clearfix .breadcrumb.categories-bcm li:nth-last-child(2):after { content: "" !important; } #product #description a, #product .product-information .product-actions .buy-ttl{ display: none!important; } /*Mobile Responsive*/ @media (max-width:991px) { #module-ph_simpleblog-single .simpleblog__postInfo li{ margin-bottom: 10px; } #module-ph_simpleblog-single .simpleblog__share ul{ display: flex!important;} #module-ph_simpleblog-single .simpleblog__share ul li{ margin-right: 15px; } #identity .form-control-label, #authentication .form-control-label, #registration .form-control-label{ display: none; } #authentication #online_account .form-control-label, #registration #online_account .form-control-label{ display: block !important; } #div_company, #div_siret, #div_nature_company, #div_c_id_country, #div_vat_number, #div_bus_address1, #div_bus_address2, #div_bus_suburb, #div_bus_city, #div_bus_province, #div_bus_postcode, #div_company_phone1, #div_company_phone2, #div_address1, #div_address2, #div_bsuburb, #div_suburb, #div_city, #div_province, #div_postcode, #div_billaddress1, #div_billaddress2, #div_billcity, #div_billprovince, #div_billzipcode, #firstname, #lastname, #div_job_title, #div_email, #div_phone, #birthday_inner .col-md-6, #authentication section > .form-group.row:nth-child(3) > .col-md-6, #registration section > .form-group.row:nth-child(3) > .col-md-6, #authentication #label_information~.col-md-6, #registration #label_information~.col-md-6, #authentication #label_feedback~.col-md-6, #registration #label_feedback~.col-md-6, #authentication #label_newsletter~.col-md-6, #registration #label_newsletter~.col-md-6, #authentication #label_newsletter~.col-md-6, #registration #label_newsletter~.col-md-6, #authentication #label_psgdpr~.col-md-6, #registration #label_psgdpr~.col-md-6, #id_store_inner .col-md-6, .billing_title .col-md-6, #link-account .col-md-6, #div_website{ flex: 0 0 100%; max-width: 100%; display: flex; } #link-account{ margin-top: 50px; } #div_company #company{ margin-bottom: 20px; } #authentication .col-md-11, #authentication .col-md-10, #registration .col-md-11, #registration .col-md-10, #identity .col-md-11, #identity .col-md-10 { width: 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; padding-left: 0; } #authentication .col-md-1, #authentication .col-md-2, #registration .col-md-1, #registration .col-md-2, #identity .col-md-1{ width: 8.33333333%; } #authentication #lastname .col-md-10, #registration #lastname .col-md-10{ padding-left: 15px!important; margin-top: 15px; } #identity #div_mapped_branch_lable .col-md-6, #identity #div_mapped_branch_input .col-md-6, #identity #div_pay_term_lable .col-md-6, #identity #div_pay_term_input .col-md-6, #identity #div_password_form_lable .col-md-6, #identity #div_password_form .col-md-6{ flex: 0 0 100%; max-width: 100%; }} @media (min-width:991px) { #index .home-blog .post-item{ height: 280px; } } @media (max-width:580px) { .product-list-subcategories .col-6.col-md-3.col-lg-3{ flex: 0 0 96%!important; max-width: 96%!important; } body#product section.form-fields .form-group.row{ width: 100%; margin-bottom: 15px; } ._footer-copyrights-1 .copyright-img{ width: 100%; } #footer-copyrights .copyright-img{ margin-top: 0; } } @media (max-width:768px) { #module-ph_simpleblog-single #viewcommentbox { padding: 0 15px; } #module-ph_simpleblog-single #viewcommentbox input[type="text"] { margin-bottom: 15px; } #contact section.contact-form .form-fields .form-group{ flex: 0 0 100%!important; max-width: 100%!important; width: 100%!important; } #iqitcookielaw{ right:1rem;} #footer-container-first .block-newsletter{ flex:0 0 98%; max-width:98%; } #index .products-grid .js-product-miniature-wrapper{ flex: 0 0 100%!important; max-width: 100%!important; } ._footer-copyrights-1 .copyright-txt{ justify-content: center; flex-wrap: wrap; padding-left: 0; } #footer-container-main .block{ flex:0 0 100%!important; max-width:100%!important; margin-bottom: 15px;} #iqithtmlandbanners-block-1 .block-title{ text-align: left!important; } #footer-container-main{padding-bottom: 0!important; } #quotes_layer_cart{ width: 80%!important; } #identity #firstname{ margin-bottom: 20px; } .page-customer-account #content .no-account a{ display: inline!important; } #checkout-addresses-step .checkout-cart-ordertot .product-line-grid-left, #checkout-addresses-step .checkout-cart-ordertot .product-line-grid-body{ text-align: center; } #checkout-addresses-step .checkout-cust-details .col-md-4{ margin-bottom: 10px; } #checkout-addresses-step .checkout-cust-details .checkout-cust-dietary, #checkout-addresses-step .checkout-cust-details .checkout-cust-slots{ padding: 0; } .checkout-cust-dietary .modal .send-email-content{ left: 10%!important; width: 80%!important; } #checkout-confirmation-step .confirm-cust-det .col-md-4{ margin-bottom: 15px; } body#checkout .row.delivery-option .col-sm-5.col-xs-12 .col-xs-3{ width: 100%; margin-bottom: 15px; } #category div#js-product-list-top .small-gutters{ flex: 0 0 70%!important; max-width: 70%!important; } #category .products-sort-nb-dropdown.products-sort-order.dropdown a, #category .products-sort-nb-dropdown.products-nb-per-page.dropdown a{ width: 100%; margin-left: 0; } #product #product-images-thumbs .slick-slide.slick-active { width: 120px!important; } #product #product-images-large .slick-list.draggable .slick-track, #product #product-images-large .slick-list.draggable .slick-track .slick-slide > div > div{ width:680px!important; } #product .slick-next.slick-arrow{ right: 15%!important; } #Job_Posts li.job-region-style div:first-child, #Job_Posts li.job-region-style div:last-child{ flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } #manufacturer .mediaTabOpened .customContainer{ padding: 0!important; } #manufacturer a.select-title.expand-more.form-control{ width: 100%; } #manufacturer .products-selection .products-sort-nb-dropdown{ margin-right: 10px; } #manufacturer #productTab .col.col-auto{ width: 100%; justify-content: flex-end; display: flex; flex-wrap: wrap; } #Job_Application_Form div#inner-wrapper, #Job_Application_Form #oge_1_1, #Job_Application_Form #oge_1_2{ width: 100%!important; } #Job_Application_Form div#fileattach input{ width: 35%; } #module-iqitwishlist-view .remove-add-div{ margin-top: 5px; margin-bottom: 30px; } #module-iqitwishlist-view #iqitwishlist-share{ margin-top: 25px; } #product #price_list_item_box #prd-instock { width: 100%; margin-top: 10px; } #product #store_content .account_tooltiptext{ word-break: break-word; width: 215px!important; }} @media (min-width: 600px) and (max-width: 767px) { #module-iqitwishlist-view .select-div{ top: 12%; } } @media (max-width: 600px) { #module-iqitwishlist-view .select-div{ display:none; } } @media (max-width: 520px){ #product #product-images-thumbs .slick-slide.slick-active { width: 120px!important; } #product #product-images-large .slick-list.draggable .slick-track, #product #product-images-large .slick-list.draggable .slick-track .slick-slide > div > div{ width:380px!important; } #product .slick-next.slick-arrow{ right: 15%!important; } #category div#js-product-list-top .small-gutters{ flex: 0 0 100%!important; max-width: 100%!important; } #category .products-sort-nb-dropdown.products-sort-order.dropdown a, #category .products-sort-nb-dropdown.products-nb-per-page.dropdown a{ margin-bottom: 20px; } #category .products-selection .products-sort-nb-dropdown{ width: 100%!important; } #Job_Application_Form div#fileattach input{ width: 100%; }} @media (min-width:768px) and (max-width:1024px) { #footer-container-main .block{ flex:0 0 33.3%!important; max-width:33.3%!important; margin-bottom: 30px; } #iqithtmlandbanners-block-1 .block-title{ text-align: left!important; } #footer-container-first .block-newsletter{ padding:0 20px 0 0!important; } #footer-container-main{padding-bottom: 0!important; } } body.cms-id-11 .news-link-wrap a{ color:#fff!important; padding: 0 10px; line-height:27px; } /*Event Start*/ section.event-product .current-price{ margin-top: 5px; display: inline-block;} section.event-product .buy-ttl{ font-size: 1.3rem!important;font-weight: 700!important; margin-top: 20px; margin-bottom: 10px;} section.event-product .contact-location-link{ display: inline-block; margin-top: 10px; margin-bottom: 15px;} section.event-product .product-accessories .section-title{ margin-bottom: 30px!important; padding-bottom: 20px!important;} section.events-cart ~ section.product-accessories .section-title{ margin-bottom: 30px!important; padding-bottom: 20px!important; margin-top: 20px; } section.event-product .product-info-row .product-information{ border-width:0; } section.event-product .product-miniature-default .product-thumbnail img, section.events-cart ~ section.product-accessories .product-miniature-default .product-thumbnail img{ width: 230px; height: 180px; } section.events-cart ~ section.product-accessories{ margin-bottom: 28rem; } section.event-product .product-miniature .product-description, section.events-cart ~ section.product-accessories .product-miniature .product-description{ padding: 10px; text-align: center; } section.event-product .product-description h3.h3.product-title, section.events-cart ~ section.product-accessories .product-description h3.h3.product-title{ margin-bottom: 15px; margin-top: 15px;} section.event-product .product-miniature .product-description .custom-view-btn > a, section.events-cart ~ section.product-accessories .product-miniature .product-description .custom-view-btn > a { background:#0579be; color:#fff; padding: 5px 25px; margin-top: 15px; display: block; border-radius: 10px; margin-bottom: 15px;} section.event-product .product-info-row .product-information{ border-width:0!important; } /*Event End*/ #module-askforaquote-SavedQuotes .quotes_cart_description{ min-width: 120px; } #module-askforaquote-SavedQuotes div.fancybox-skin h6.control-label{ margin-top: 0!important; margin-bottom: 25px!important; } #module-askforaquote-SavedQuotes div.fancybox-skin h6.control-label:first-child{ margin-bottom: 0!important; margin-top: 10px!important; } #module-askforaquote-SavedQuotes div.fancybox-skin .fancybox-inner div{ display: flex; justify-content: space-between; } #module-askforaquote-SavedQuotes div.fancybox-skin div button{ width: 49%; } #module-eventsmanager-events td.calendar-day{ overflow: inherit; padding-top: 30px!important; } #module-eventsmanager-events .calendar_outerdiv h1{ font-size: 22px; font-weight: 600; margin-bottom: 2rem; margin-top: 1rem; } #module-eventsmanager-events h2.heading_calendar.test-class{ text-transform: uppercase; font-weight: 500; font-size: 20px; } #module-eventsmanager-events div.test{ overflow: visible; } #module-eventsmanager-events div.test > .single-events { position:relative; cursor:pointer!important; } #module-eventsmanager-events div.test > .single-events a{ position:relative; background-color: #95f0dd!important; } #module-eventsmanager-events div.test > .single-events a.booknow{ background-color: #067bbd!important; } #module-eventsmanager-events div.test p.eventtip{ display: none; background-color: #fff; color: #2c3335; text-align: justify; padding: 15px; border-radius: 6px; position: absolute; z-index: 9999; box-shadow: 0 0 7px 0 rgba(0,0,0,.1); white-space: initial!important; top:30px; } #module-eventsmanager-events div.test > .single-events:hover>p.eventtip{ display: block!important; } #module-eventsmanager-events div.test p.eventtip:before{ content: ""; position: absolute; border: 10px solid #fff; transform: rotate(45deg); left: 15px; top: -8px; } #c_id_country_det .col-md-6{ display:flex; } #authentication .account_tooltip.field-response, #registration .account_tooltip.field-response{ position: relative; top:20px; } #authentication .account_tooltip.field-response .account_tooltiptext, #registration .account_tooltip.field-response .account_tooltiptext{ left: 0!important; right: auto!important; } #authentication .account_tooltip.field-response .account_tooltiptext:before, #registration .account_tooltip.field-response .account_tooltiptext:before { right: auto!important; left: 1px!important; } #authentication .col-md-11, #authentication .col-md-10, #registration .col-md-11, #registration .col-md-10, #identity .col-md-11 { padding-left: 0; padding-right: 10px!important; } .account_tooltip.field-response .account_tooltiptext{ right: 0!important; width: 280px!important;} #footer{ border-bottom: 46px solid #5f7279; } .cbp-hrsub.col-12.cbp-show.cbp-notfit{ border-width: 0!important; } .cbp-hrsub.col-12.cbp-show.cbp-notfit .cbp-hrsub-inner{ margin-left: 1.2%; } .cbp-hrmenu .cbp-tabs-names li a{ color:#808080!important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active{ background: #107abf; } #manufacturer .customContainer .brand-banner-img{ display: flex; align-items: center; justify-content: center; } #manufacturer #mediaTab h3{ display: none; } #manufacturer .manufacturer-ttl h2.h1.page-title.brand-mnchr-ttl{ margin-bottom: 0px!important; margin-top: 20px;} #white-link{ color:#fff; } #white-link:hover{ color:#c2e0ff; } #product .alert-info.iqitfreedeliverycount, #cart .quotes_layer_cart_header button.cross{ display:none!important;} #password section.form-fields input[type="email"]{ padding:.4rem 1rem; } #password .renew-password [type=submit]{ margin-left: 20px!important; } #password button.btn-primary{ border-radius: 5px; } #password #content{ margin: 45px 0; background: #f3f5f5;} #password header.page-header h1{ padding-bottom: 35px;} #module-mirowarranty-warrantycheck table thead th:nth-child(4), #module-mirowarranty-warrantycheck table thead th:nth-child(5){ width:9%; } #module-mirowarranty-warrantycheck table thead th:first-child{ width:12%; } #module-mirowarranty-warrantycheck .promo-input{ padding-left: 10px; border: 2px solid gray; border-radius: 5px; } #module-mirowarranty-warrantycheck #checkwarranty{ border-radius: 5px; margin-top: -2px;} #module-mirowarranty-warrantycheck #warranty-ajax-content h2{ margin: 15px 0 25px 0;} #module-mirowarranty-warrantycheck table thead th{ background: #25343a; color: #fff; font-weight: 500;} #module-mirowarranty-warrantycheck .my-account-page-content table tbody{ background: #f3f5f5;} /*Quotes Cart*/ @media (max-width:512px){ body#index .product-miniature-default .product-title a{ height: 30px; }} body#index .product-miniature-default .product-title a{ height: 27px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 5px;} #module-askforaquote-QuotesCart .quoteSubmitOptions .save_quote, #module-askforaquote-QuotesCart .quoteSubmitOptions .submit_quote{ background:#0579be; border-radius: 5px; border-width:0; } #module-askforaquote-QuotesCart .quoteSubmitOptions .alert.alert-warning.terms_alert{ display: none; } #div_c_id_country:before { content: "Country*"; color: gray; position: absolute; left: 30px; top: 10px; } #quoteAuth ul.nav.nav-inline{ margin-bottom: 25px;} #quoteAuth .quoteSubmitOptions { padding: 0; } #quoteAuth .nav.nav-inline .nav-item>span { display: block; margin-top: 7px;} #module-askforaquote-QuotesCart #div_id_miro input[type=radio]+span { width: 8px; height: 8px; border-radius: 50px; background-color: #0579be; } #module-askforaquote-QuotesCart select { border-radius: 13px; height: 48px!important; background-pos#module-askforaquote-QuotesCart .custom-checkbox input[type=checkbox]+span iition: calc(100% - 13px) calc(1em + 7px),calc(100% - 8px) calc(1em + 7px),100% 0; } #module-askforaquote-QuotesCart input[type="text"]{ border-radius: 10px;padding: .9rem 1rem; } #module-askforaquote-QuotesCart .bootstrap-touchspin .input-group-btn-vertical{ position: absolute!important; top: -1px; right: 0; z-index: 2;} #module-askforaquote-QuotesCart #quotes-detail-content .cart_quantity_input{ text-align:left!important; } #module-askforaquote-QuotesCart .custom-checkbox input[type=checkbox]+span{ width: 20px; height: 20px; border-radius: 50px; border:2px solid #929292!important; } #module-askforaquote-QuotesCart .custom-checkbox input[type=checkbox]+span i{ background-color: #0579be; color: #0579be; border-radius: 50px; top: 0!important;} #module-askforaquote-QuotesCart .custom-checkbox label{ margin-top: -3px; margin-left: 5px;} #quotes-detail-content .quote_row_total{ padding:0rem 15px 0 15px; } #quotes-detail-content ul.cart-items{ margin-bottom: 0;} #quotes-detail-content .saved_cart_quantity{ -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%;} #quotes-detail-content .bootstrap-touchspin{ border: 2px solid #a9a9a9; background: #fff; padding-left: 10px; width: 90px; } #quotes-detail-content .bootstrap-touchspin .saved_quantity_input{ background: transparent; } #quotes-detail-content .bootstrap-touchspin .btn-touchspin{ border-width:0; margin-left: 0; margin-right: 5px; display: block; background: transparent; } #quotes-detail-content .cart_quantity_input{ background-color: transparent; border-width: 0; } #module-askforaquote-QuotesCart .product-line-info a{ font-size: 18px; font-weight: 500; color: #000; } #module-askforaquote-QuotesCart .product-line-info a:hover{color: #007bff; } #module-askforaquote-QuotesCart #quotes-detail-content .cart-item hr{ display: none;} #module-askforaquote-QuotesCart .cart-container{ border-width: 0;} #module-askfor#aquote-QuotesCart #quoteAuth .card-block{ padding-bottom: 0;} #module-askforaquote-QuotesCart #quoteAuth h1.h1{ font-size: 20px; margin-bottom: 0; font-weight: 600;} /*Submited Quotes*/ #module-askforaquote-SubmitedQuotes h1.h1.page-title, #module-askforaquote-SavedQuotes h1.h1.page-title{ padding-bottom: 30px!important; margin-left: 15px; } #module-askforaquote-SubmitedQuotes .bargains_list{ padding: 0; } #module-askforaquote-SubmitedQuotes #block-quotes .table_link a:nth-child(1), #module-askforaquote-SubmitedQuotes #block-quotes .table_link a:nth-child(3), #module-askforaquote-SubmitedQuotes #block-quotes .table_link a:nth-child(4), #module-askforaquote-SavedQuotes #block-quotes .table_link a{text-transform: capitalize; } #module-askforaquote-SavedQuotes #block-quotes::-webkit-scrollbar-track, #module-askforaquote-SavedQuotes #saved-qt-inner-td::-webkit-scrollbar-track, #module-askforaquote-SubmitedQuotes #submitted-qt-inner-td::-webkit-scrollbar-track, #history #order-history-res-table::-webkit-scrollbar-track, #discount #content::-webkit-scrollbar-track, , #module-iqitwishlist-view #wishlist-scroll-mobile::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22); border-radius: 0px; background-color: #F5F5F5; } #module-askforaquote-SavedQuotes #block-quotes::-webkit-scrollbar, #module-askforaquote-SavedQuotes #saved-qt-inner-td::-webkit-scrollbar, #module-askforaquote-SubmitedQuotes #submitted-qt-inner-td::-webkit-scrollbar, #history #order-history-res-table::-webkit-scrollbar, #discount #content::-webkit-scrollbar, #module-iqitwishlist-view #wishlist-scroll-mobile::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #module-askforaquote-SavedQuotes #block-quotes::-webkit-scrollbar-thumb, #module-askforaquote-SavedQuotes #saved-qt-inner-td::-webkit-scrollbar-thumb, #module-askforaquote-SubmitedQuotes #submitted-qt-inner-td::-webkit-scrollbar-thumb, #history #order-history-res-table::-webkit-scrollbar-thumb, #discount #content::-webkit-scrollbar-thumb, #module-iqitwishlist-view #wishlist-scroll-mobile::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #107abf; } #module-askforaquote-SubmitedQuotes #block-quotes .table_link a:nth-child(2){text-transform: uppercase; } #module-askforaquote-SubmitedQuotes #block-quotes table#desktopQuotes .box, #block-quotes .box{ width: 100%; } #module-askforaquote-SubmitedQuotes .bargainBlock.customer_bargain{ margin-left: 0; width: 100%; } #module-askforaquote-SubmitedQuotes button.addClientBargain{ border-radius: 5px; display: flex; align-items: center; justify-content: center;} #module-askforaquote-SubmitedQuotes button.addClientBargain i{ font-size: 16px; margin-left: 5px;} #module-askforaquote-SubmitedQuotes td.table_link a{ margin-right: 10px;} #module-askforaquote-SubmitedQuotes td.table_link a i{ font-size: 17px; margin-right: 5px;} #module-askforaquote-SubmitedQuotes .toggleLegendPanel i{ color: #fff; font-size: 14px; margin-left: 5px;line-height: .5; margin-top: 5px; } #module-askforaquote-SubmitedQuotes #legendPanel .list-group{ flex-direction: inherit; justify-content: space-between; margin-bottom: 10px; margin-top: 10px; flex-wrap: wrap; } #module-askforaquote-SubmitedQuotes #legendPanel .list-group .list-group-item{ display: flex; align-items: center; } #module-askforaquote-SubmitedQuotes #legendPanel .list-group .list-group-item i{ margin-right:25px; font-size: 20px; } #legendPanel .list-group-item span{ text-align: left; line-height: 23px; } /*Saved Quotes*/ #module-askforaquote-SubmitedQuotes #mobileQuotes .col-xs-2.text-xs-right{ display: flex; flex-wrap: wrap; align-items: center; padding: 0; } #module-askforaquote-SubmitedQuotes #mobileQuotes .col-xs-2.text-xs-right > div{ width: 100%; } #module-askforaquote-SubmitedQuotes #mobileQuotes .col-xs-2.text-xs-right > div i.fa.fa-eye { font-size: 20px; } #module-askforaquote-SubmitedQuotes #mobileQuotes .col-xs-2.text-xs-right > div i.fa.fa-file-pdf-o { font-size: 18px; } #block-quotes div#mobileQuotes{ margin: 15px 10px!important; } #block-quotes div#mobileQuotes .quote{ background: #eee; margin-bottom: 20px; border-radius: 5px; padding: 15px 10px 16px 15px; } #block-quotes div#mobileQuotes .quote .show_quote_details i{ font-size: 15px; } #block-quotes div#mobileQuotes .quote .quote_name{ font-size: 15px; } #block-quotes div#mobileQuotes .quote .page-heading bottom-indent{ margin-bottom: 20px; } #module-askforaquote-SavedQuotes #desktopQuotes .product-name a, #module-askforaquote-SubmitedQuotes #desktopQuotes .product-name a{font-size: 16px; font-weight: 500; color: #000; } #module-askforaquote-SavedQuotes #desktopQuotes .product-name a:hover, #module-askforaquote-SubmitedQuotes #desktopQuotes .product-name a:hover{ color: #007bff;} #module-askforaquote-SavedQuotes #desktopQuotes a.btn-primary, #module-askforaquote-SubmitedQuotes #desktopQuotes a.btn-primary{ border-radius: 5px; margin-bottom: 15px; padding: 8px 5px;} #module-askforaquote-SavedQuotes #desktopQuotes .show_quote_products_info{padding: 10px 20px;border-radius: 5px;margin-bottom: 20px; } #module-askforaquote-SavedQuotes #desktopQuotes h5, #module-askforaquote-SubmitedQuotes #desktopQuotes h5{ margin-bottom: 20px; font-weight: 600; margin-top: 5px;} #module-askforaquote-SavedQuotes h1.h1.page-title > header h1.h1.page-title, #module-askforaquote-SubmitedQuotes h1.h1.page-title > header h1.h1.page-title, #module-askforaquote-QuotesCart h1.h1.page-title > header h1.h1.page-title{ padding-bottom: 2.5% !important; font-size: 18px!important; font-weight: 600;} #module-askforaquote-SavedQuotes h6, #module-askforaquote-SubmitedQuotes h6{ font-weight: 400; margin-bottom: 25px; margin-top: 30px;} #module-askforaquote-SavedQuotes td.quotes_cart_product_image, #module-askforaquote-SubmitedQuotes td.quotes_cart_product_image{ width:15%; background: #fff;} #module-askforaquote-SavedQuotes table{margin-bottom: 30px; } #module-askforaquote-SavedQuotes table thead th, #module-askforaquote-SubmitedQuotes table thead th { background: #25343a; color: #fff; font-weight: 500;font-size: 14px; } #module-askforaquote-SavedQuotes table tbody, #module-askforaquote-SubmitedQuotes table tbody{background: #f3f5f5; } /*Quotes*/ #product #store_content .account_tooltip.field-response{ position: relative; } #product #store_content .account_tooltiptext{ left: 0!important; font-size: 12px; line-height: 16px; padding: 10px 15px; } #product #store_content .account_tooltip.field-response .account_tooltiptext:before{ right: auto!important; left: 6px!important; } #product .breadcrumb.categories-bcm li:after{ margin: 0!important; margin-right: 5px!important;} #product .product-prices span#product-availability{ margin-left: 0px!important; padding: 6px 10px; display: block; line-height: 15px; font-size: 14px; } #product .product-prices span#product-availability >i { font-size: 15px; } #product .product_header_container .product-prices{ display: inline-block; float: none; } #product .product_header_container #price_list_item_box{ display: flex; flex-wrap: wrap; align-items: flex-end; } #product .modal-body .cart-content-btn button { border-radius: 5px; background: #ddd; } #product .modal-body .cart-content-btn a{ padding: .5rem 1.5rem; border-radius: 5px; } #product .modal-body .cart-content-btn button{ border-radius: 5px; } #product #iqitwishlist-modal input[type=email]{ border-radius: 13px!important; } #product #iqitwishlist-modal #submit-login{ border-radius: 10px; } #product #iqitwishlist-modal #submit-login:hover{ width:160px!important; } #product #iqitwishlist-modal .no-account a{ width: auto!important; } #product #iqitwishlist-modal .forgot-password{ margin-top: 10px; } #module-iqitwishlist-view h1.h1.page-title { padding-bottom: 27px!important; } #module-iqitwishlist-view .wishlist-header, #module-iqitwishlist-view .iqitwishlist-product .row{ flex-wrap: nowrap; } #product h1.h1.page-title{ padding-bottom: 0; } #quotes_layer_cart .quotes_layer_cart_header{background: #fff;} #quotes_layer_cart .quotes_layer_cart_header h4{ color: #000; font-weight: 500;} #quotes_layer_cart .quotes_layer_cart_header i{ margin-right:1rem!important; font-size: 15px; height: 0; line-height: .7;} #quotes_layer_cart .quotes_layer_cart_body{ background: #fff; padding: 2rem 1.875rem 0.5rem 1.875rem;} #quotes_layer_cart .quotes_layer_cart_buttons{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} #quotes_layer_cart .quotes_layer_cart_header .cross{ font-weight: 400; line-height: .7; opacity: .7; font-size: 2rem;} #quotes_layer_cart .quotes_layer_cart_buttons hr{ display: none;} #quotes_layer_cart{ width: 40%;} #quotes_layer_cart .button-container{ padding-left: 0;} #quotes_layer_cart .button-container button, #quotes_layer_cart .button-container a.btn-primary { background: #0579be!important; border-radius: 5px;color: #fff; padding:.6rem 1.25rem; width: 100%; margin-bottom: 25px;} #quotes_layer_cart .button-container select { background-image: none!important; border: 1px solid #8a9ea1; border-radius: 10px; height: 40px; padding-left: 10px; margin-bottom: 25px; width: 100%;} #product .ajax_add_to_quote_cart_button{border-radius: 5px; background:#0579be!important; width:12rem!important; height: 36px; padding: 8px;} #header #quotesCart{ display:none!important; } /*Merchandise Returns*/ #order-follow table th, #order-return table th{ background: #25343a; color: #fff!important; font-weight: 500;} #order-follow table tbody, #order-return table tbody{ background: #f3f5f5;} #order-follow h1.page-title{padding-bottom: 30px;} #order-follow #content h2{ font-weight: 500; font-size: 19px; margin-bottom: 10px; margin-top: 15px; } #order-follow #main .page-content h6{ font-weight: 400; margin-bottom: 30px;} /*Order Return*/ #order-return .page-header h1.h1:last-child{ font-weight: 600!important; font-size: 1.5rem!important; margin-bottom: 35px;} #order-return #content h1.h1{ font-weight: 600!important; font-size: 1.5rem!important; margin-bottom: 25px;} #order-detail .g-recaptcha { -webkit-transform: scale(.6)!important; transform-origin: 0 0!important; } #order-detail #order-return-form .box:last-child{ padding: 2rem; background: #f3f5f5;} #order-detail #order-return-form header h3{ font-weight: 500; font-size: 20px; margin-bottom: 10px;} #order-detail #order-return-form textarea, #order-detail #order-return-form button{ border-radius: 10px;} #order-detail #order-return-form button:focus{ border-radius: 10px;} /*Comment*/ #reportModal h5{ font-size: 20px; font-weight: 600;} #reportModal select{ background-image:none; } #viewcommentbox .block-content.innercomment .simpleblog__addComment h4{ font-size: 17px; } #viewcommentbox .block-content.innercomment .simpleblog__addComment, #viewcommentbox .block-content.innercomment>ul{ max-width: 80%; margin: 0 auto;} #viewcommentbox .block-content.innercomment .simpleblog__addComment .g-recaptcha{ transform: scale(.50); -webkit-transform: scale(.50);} #phsimpleblog_comments #commentforall{border-bottom: 1px solid #b8c8cd; padding-bottom: 40px; margin-bottom: 50px;} #phsimpleblog_comments .simpleblog__addComment .block-content{ margin-top: 20px; } #viewcommentbox .simpleblog__addComment h4.section-title{ text-align: left; color: #000; padding-bottom: 0; font-size: 22px;} #phsimpleblog_comments .simpleblog__addComment textarea{ border-radius: 10px; height: 90px;} #phsimpleblog_comments .simpleblog__addComment input[type="text"], #phsimpleblog_comments .simpleblog__addComment input[type="email"]{ border-radius: 10px; height: 45px; background: #fff;} #phsimpleblog_comments .simpleblog__addComment .recaptcha-info{ padding-left: 7px; } #phsimpleblog_comments .simpleblog__addComment .g-recaptcha{ transform: scale(0.65); -webkit-transform: scale(0.65); transform-origin: 0 0; -webkit-transform-origin: 0 0;} #phsimpleblog_comments .simpleblog__addComment button{width: 100%; padding: 13px 0; border-radius: 10px;} #viewcommentbox .block-content.innercomment ul>li.ccloop{ padding:10px 0; border-bottom:1px solid #eee; } #viewcommentbox ul.simpleblog__comments__authorInfo{ display: flex; justify-content: space-between;} #viewcommentbox ul.simpleblog__comments__authorInfo li.simpleblog__comments__authorInfo__author{ font-size: 15px; color: #0579be; font-weight: 700; text-transform: capitalize;} #viewcommentbox ul.simpleblog__comments__authorInfo li.simpleblog__comments__authorInfo__author:after{ display:none; } #viewcommentbox ul.simpleblog__comments__authorInfo li.simpleblog__comments__authorInfo__duration{ font-weight: 700; color: #5f7279; font-size: 11px;} #viewcommentbox ul.simpleblog__comments__nestedcomments{ display: flex; justify-content: space-between; margin-top: 15px; align-items: center;} #viewcommentbox ul.simpleblog__comments__nestedcomments .likes, #viewcommentbox ul.simpleblog__comments__nestedcomments .comments{ flex: 0 0 20%;} #viewcommentbox ul.simpleblog__comments__nestedcomments .reports{ flex: 0 0 60%; text-align: right;} #viewcommentbox ul.simpleblog__comments__nestedcomments .likes a, #viewcommentbox ul.simpleblog__comments__nestedcomments .comments a{ font-size: 13px; color: #5f7279; font-weight: 600;} #viewcommentbox ul.simpleblog__comments__nestedcomments .reports a{ color: #5f7279; font-weight: 500;} #viewcommentbox ul.simpleblog__comments__nestedcomments .likes a i, #viewcommentbox ul.simpleblog__comments__nestedcomments .comments a i{ font-size: 28px; margin-right: 17px;} #viewcommentbox ul.simpleblog__comments__nestedcomments .likes a.count i, #viewcommentbox ul.simpleblog__comments__nestedcomments .comments a.count i{ color:#0579be; } #viewcommentbox #newoldlink{text-align:center; color:#0579be; margin-bottom: 30px;} #viewcommentbox #newoldlink a{ padding:0 15px; margin-bottom: 25px; color:#0579be; } #header #quotesCart{ display:none!important; } #index .home-blog .post-item{ margin: 0px 5px; padding: 80px 30px 80px 30px; display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap;} #index .simpleblog-posts h2, #index .simpleblog-posts a{ color: #fff!important;} #index .simpleblog-posts h2{ font-weight: 500!important; margin-bottom: 10px!important;line-height: 28px;} .contact-form .error-input { border: 2px solid red!important; } /*Vouchers*/ #discount h1.page-title{ margin-bottom: 35px;} #discount #content{ border-width: 0; } #discount table thead th { background: #25343a;color: #fff; font-weight: 500;} #discount .alert-warning{ margin-top: 30px; } #back-to-top{ z-index: 9;} /*Search Page*/ #search #brands .clearfix.brand_list{ display: flex; flex-wrap: wrap; justify-content: space-between; } #search #brands .clearfix.brand_list li{ text-align: center; } #search .pagination .page-list li.current{ border: #007bff;} #search .pagination .page-list li.current a{ color: #fff; background: #007bff;} #search #blogs, #search #articles{ margin-top: 25px;} #search .bestkit-searchpage .nav-tabs>li>a.off, #search .bestkit-searchpage .nav-tabs>li>a.off:hover{ background: #717171!important; color: #fff!important; border-color: #717171!important;} #search .products-selection .products-sort-nb-dropdown{ margin-bottom: 20px;} #search #main h2.h2{ font-weight: 400; margin-top: 40px; font-size: 24px;} #search .custom-text-disc{ display:none; } #search #categories{ margin-top: 30px;} #search h3.product-title a, #search h2.product-title a{ text-transform: capitalize; margin-top: 15px; display: -webkit-box; height: 35px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color:#000; } #search h3.product-title a:hover, #search .product-price-and-shipping a span:hover{ color:#007bff; } #search .product-price-and-shipping a span{ font-weight: 600; font-size: 16px; margin-top: 10px; color:#000;} #search .custom-view-btn button{ padding: 0px 20px; font-size: 16px; color: #fff; border-radius: 10px; margin-top: 15px; border-width: 0; height: 38px; text-transform: capitalize;} #search h2.brand-mnchr-ttl{ margin-bottom: 35px; font-weight: 600!important; font-size: 1.5rem!important; margin-left: 15px; margin-top: 10px;} #search #products{ margin-top: 40px;} #search .bestkit-searchpage .nav-tabs{ border-top-width:0; border-bottom-width:0; background:transparent; display: flex; flex: 0 0 100%; flex-wrap: wrap!important; } #search .bestkit-searchpage .nav-tabs>li>a{ background:#404040; opacity:1; border:1px solid #404040; color:#fff; border-top-width: 3px; display:block; text-align: center; } #search .bestkit-searchpage .nav-tabs>li>a.active{ color:#fff; background: #0579be; border-top:3px solid #0579be; border-bottom-width: 1px;border-color: #0579be; } #search #brands{ margin-top: -35px; } #search .bestkit-searchpage .nav-tabs>li>a span{ text-align: center!important; display: inline-block;} #search .bestkit-searchpage .nav-tabs>li>a span.title{ margin-bottom: 10px; margin-right: 5px;} #search .nav-tabs .nav-item{ margin-right: 0; flex: 0 0 20%; max-width: 20%; border: 1px solid #dcdcdc; } /*Header Search*/ .bestkit_asearch_container.row.category p.title,.bestkit_asearch_container.row.product .product_name span.category_name,.bestkit_asearch_container.row.manufacturer p.title { display: none!important; } #ui-id-1 .title-section{ margin-left:15px; margin-top: 10px; font-size: 13px;color:#859499;text-transform: uppercase;} #ui-id-1 .ui-menu-item a .bestkit_asearch_container.cms{ margin-left: 15px;} #ui-id-1 .bestkit_asearch_container>div>p{ display: inline; font-size: 13px; margin-bottom: 0; padding-right: 5px;} #ui-id-1 .bestkit_asearch_container>div>p.cms_title{ padding:10px;} #ui-id-1 li a p.product_name{ text-transform: capitalize; display: -webkit-box; height: 16px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .search-section-enabled #header-search-btn .fullscreen-search {visibility: visible; opacity: 1;} .search-section-enabled #header-search-btn .fullscreen-search #search_widget { transform: scale(1); opacity: 1;} ul#ui-id-1.ui-autocomplete.active-list { display: block !important;} #ui-id-1 .bestkit_asearch_container img{ border:1px solid #eee; } #ui-id-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22); border-radius: 0px; background-color: #F5F5F5; } #ui-id-1::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #ui-id-1::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #107abf; } #ui-id-1 li .bestkit_asearch_container > div{ display:flex; align-items:center; } #ui-id-1 li a{ background:#fff; border-width:0; border-bottom:1px solid #eee; border-radius:0; } #ui-id-1 li a:hover{ background:#eee; border-width:0; border-bottom:1px solid #eee;} #ui-id-1 li a p.pro#header-search-btn .fullscreen-search .form-search-controlduct_name{ font-weight: 500; color: #000; font-family: 'Poppins',sans-serif;font-size: 14px;} #ui-id-1 li a span.product-price, #ui-id-1 li a p.product_name{ font-family: 'Poppins',sans-serif;font-size: 12px;} #ui-id-1 .bestkit_asearch_container .category_name{font-size: 12px;color:#000;} #ui-id-1{ height: 350px; overflow-y: scroll; overflow-x: hidden; background: #fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); border-color:#eee;} #header-search-btn .fullscreen-search #search_widget { width: 100%; margin: 0 auto; z-index: 2; position: relative; transition: all .3s cubic-bezier(.7,0,.3,1); } #header-search-btn.show #search_widget { transform: scale(1); opacity: 1; } #search_widget { display: flex; justify-content: center; background: #25343a; } #search_widget #closebtn{ color: #fff; font-size: 22px; margin-top: 22px;font-weight:600; font-family:'Poppins',sans-serif;} #search_widget #closebtn:hover{ cursor:pointer; } /*Account Summary*/ #identity .account_tooltip.field-response{ position: relative; top: 20px; } @media (min-width: 768px){ #identity .history-summary >div{ -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; }} #identity #form-details .account_tooltiptext, #identity .account_tooltip.field-response .account_tooltiptext{ left:0; } #identity .col-md-11{ padding-left: 0; } #identity .account_tooltip.field-response .account_tooltiptext:before{ right: auto!important; left: 6px!important; } #identity h1.h1.page-title{ padding-bottom: 30px!important; } #identity .account-main-title{ text-align: center; font-size: 23px; margin: 30px 0 75px 0; font-weight: 500;} #identity #div_company .input-group{ margin-bottom: 15px; } #identity .most-product{padding-bottom: 65px; border-bottom: 1px solid #000;margin-bottom: 55px; } #identity .financial-act h2{ text-align: center; font-size: 23px; font-weight: 500; margin-bottom: 25px;} #identity .financial-act{ max-width:850px; margin:0 auto;} #identity .financial-act table{ width:100%; border-collapse:separate; border-spacing: 0 15px; font-weight: 500;} #identity .financial-act table td{ border:1px solid #8a9ea1; padding: 10px 10px 10px 15px; background: #f3f5f5;} #identity .financial-act table tr td:first-child{ background:#25343a; color:#fff; width: 25%;} #identity .financial-act .fianical-link{ text-align: right;} #identity header.page-header a{ font-weight: 500;} #identity .history-summary{ justify-content: space-between;} #identity .history-summary >div{ background:#032b3d; color:#fff; text-align: center; padding: 35px 0 105px 0; margin-bottom:30px;} #identity .history-summary h4.my-account-title{ font-weight: 500; margin-bottom: 50px;} #identity .history-summary h1.my-account-link{ font-weight: 500;} #identity h4.most_product-title{ padding-top: 3%!important; font-size: 22px; font-weight: 600; margin-bottom: 30px;} #identity .most-product .p_item{text-align: center;} #identity .most-product .p_item_url a{ display: block; padding: 5px 20px; background: #007bff; color: #fff; border-radius: 10px; margin-top: 15px;} #identity .most-product .p_item_price{font-weight: 600; font-size: 16px; margin-top: 10px;} #identity .form-group h1{ font-size: 25px; } /*FAQ*/ body.cms-id-12 #wrapper{ padding-top: 0; } body.cms-id-12 header.page-header, body.cms-id-12 #wrapper .breadcrumb{ display:none;} body.cms-id-12 .mail-link-faq a{ color:#fff!important; } body.cms-id-12 .tab-faq .elementor-tabs{ display:flex; flex-wrap: wrap;} body.cms-id-12 .tab-faq ul.nav.nav-tabs{ flex: 0 0 20%; max-width: 20%; height: 300px; border-bottom-width:0;} body.cms-id-12 .tab-faq ul.nav.nav-tabs li.nav-item{ width: 100%;} body.cms-id-12 .tab-faq ul.nav.nav-tabs a{ display:block; border-bottom:1px solid #c5cfd0!important;opacity:1;font-weight: 600;padding-top: 10px;font-size: 14px; padding-left: 15px;} body.cms-id-12 .tab-faq ul.nav.nav-tabs a.active, body.cms-id-12 .tab-faq ul.nav.nav-tabs a:hover, body.cms-id-12 .tab-faq ul.nav.nav-tabs a:focus{ background:#032b3d; color:#fff; border-radius: 3px;} body.cms-id-12 .tab-faq div.tab-content{ flex: 0 0 80%; max-width: 80%; border-left: 1px solid #c5cfd0; padding-left: 30px;} @media (max-width: 1024px){ body.cms-id-12 .tab-faq div.tab-content, body.cms-id-12 .tab-faq ul.nav.nav-tabs{ flex: 0 0 100%; max-width: 100%; border-width: 0;} body.cms-id-12 .tab-faq div.tab-content{ padding-left: 0; } body.cms-id-12 .tab-faq ul.nav.nav-tabs li.nav-item{ margin-right: 0; } .row-mobile-header #ps-quote-wrapper{ padding: 0 0px 0 5px; } .row-mobile-header #ps-shoppingcart-wrapper a{ color: #ffffff; } #ps-shoppingcart-wrapper .header-btn.header-user-btn span{ right: 5px; }} body.cms-id-12 .tab-faq .elementor-accordion-item{ border-width:0; } body.cms-id-12 .tab-faq .elementor-accordion-icon{ display:none; } body.cms-id-12 .tab-faq .elementor-accordion-title{ font-weight: 500; padding: 15px 0px;color: #007bff;} body.cms-id-12 .tab-faq .elementor-accordion-title:hover, body.cms-id-12 .tab-faq .elementor-accordion-title:focus, body.cms-id-12 .tab-faq .elementor-accordion-title.active{ color: #000;} body.cms-id-12 .tab-faq .tab-content h3{ font-size: 22px; font-weight: 600; margin-bottom: 15px;} body.cms-id-12 .tab-faq .elementor-accordion{ margin-bottom: 40px;} body.cms-id-12 .tab-faq .elementor-accordion-content h2{font-size: 17px; font-weight: 500; margin-bottom: 15px; margin-top: 10px;} body.cms-id-12 .tab-faq .elementor-accordion-content{ padding:15px 0; border-bottom: 1px solid #d4d4d4;} /*Whats New*/ body.cms-id-9 #wrapper{padding-top:0; } body.cms-id-9 header.page-header, body.cms-id-9 nav.breadcrumb{ display: none!important;} body.cms-id-9 #whats-slider{ background: linear-gradient(135deg, rgba(16, 20, 22, 0.60), rgba(16, 20, 22, 0.60)), transparent url("//miro.co.za/img/cms/MiRO-Whats-New-Banner.png") center center/cover no-repeat scroll; padding: 55px 0px 160px 0px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; text-align: center; margin-top: -7px; margin-bottom: 15px;} body.cms-id-9 #whats-slider h2{ color: #fff; font-size: 28px; margin-bottom: 30px; font-weight: 600; margin-top: 20px;} body.cms-id-9 #whats-slider a{ color: #fff; font-weight: 500;} body.cms-id-9 .accordion{ font-family: 'Poppins',sans-serif!important; text-align: center; max-width: 850px; margin:0 auto;} body.cms-id-9 .accordion .card-body{ margin-top: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,.125);} body.cms-id-9 .accordion .p_item, #identity .p_item{ margin-bottom:30px; } body.cms-id-9 .accordion .p_item .p_item_name, #identity .p_item .p_item_name{ text-transform: capitalize; margin-top: 15px; display: -webkit-box; height: 55px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} body.cms-id-9 .accordion .p_item .p_item_price{ font-size: 17px; font-weight: 600; margin: 10px 0;} body.cms-id-9 .accordion .p_item .p_item_url{ margin-top: 25px;} body.cms-id-9 .accordion .p_item .p_item_url a{ background: #0579be; color: #fff; padding: 8px 60px; border-radius: 5px; text-transform: capitalize; } body.cms-id-9 .accordion .card .card-header{ background:transparent; padding-left: 0;} body.cms-id-9 .card{ border-width: 0;} body.cms-id-9 .accordion{ background:#fff; border-top-width: 0;} body.cms-id-9 .accordion button:hover{ text-decoration: none;} body.cms-id-9 .accordion button:focus{ outline: 0;} body.cms-id-9 .accordion button{ width:100%; text-align: left; position: relative; font-size: 18px; font-weight: 500; padding-left: 0; color:#000; text-decoration: none;} body.cms-id-9 .accordion button:after{ content: "\f104"; font:normal normal normal 20px/1 FontAwesome; position: absolute; right: 0; color: #aebbbe!important;} body.cms-id-9 .accordion button.collapsed:after{ content: "\f107"!important; } /*Miro Bee*/ .input-group.focus{outline-width:0; } .mirobee-link a{ padding:0 5px;} /*Contact Us*/ #contact .info-details .contact-divider:last-child > span{ margin-bottom:0; } #contact nav.breadcrumb{ display:none!important; } #contact .contact-form .g-recaptcha{ transform:scale(0.60);-webkit-transform:scale(0.60);transform-origin:0 0;-webkit-transform-origin:0 0; } #contact .contact-form .form-group.button-enq{ padding-left: 15px; padding-right: 15px;} #contact .contact-form .form-group.button-enq input[type="submit"]{ width: 100%; border-radius: 5px; padding: 12px 0;} #contact .contact-form input[type="text"], #contact .contact-form input[type="email"], #contact .contact-form input[type="number"], #contact .contact-form select, #contact .contact-form textarea{ border-radius: 10px;} #contact .business-hrs{ width: 100%; text-align: center; } #contact h2.business-hrs-title, #contact h2.contact-other-det-info-title, #contact h2.contact-form-title{ font-weight: 600; font-size:20px; } #contact h2.contact-other-det-info-title, #contact h2.contact-form-title{ padding-top:30px; } #contact h2.business-hrs-title{ margin-top: 30px; margin-bottom: 15px;} #contact h2.contact-main-title{ text-align: center; margin-top: 25px; margin-bottom: 60px; font-weight: 600; font-size: 1.75rem;} #contact h2.contact-info-title, #contact h2.contact-other-det-title{ font-weight: 600; font-size: 15px;} #contact h2.contact-info-location-title{ font-size: 17px; font-weight: 600;} #contact section.contact-form .form-fields{ display:flex; flex-wrap:wrap; } #contact .info-details .contact-divider-separator{ display: block; background: #c5cfd0; height: 1px; margin: 30px 0 40px 0; } #contact section.contact-form .form-fields .form-group.recaptcha-info{ padding-left: 20px; } #contact section.contact-form .form-fields .form-group{ flex: 0 0 50%; max-width: 50%; width: 50%;} #contact section.contact-form .form-fields .message-field-det{ flex: 0 0 100%; max-width: 100%; width: 100%;} #contact section.contact-form .form-fields .gdprconsent{ display:none; } #contact .contact-divider-separator.business-top{ background: #c5cfd0; height: 1px; display: block; margin-bottom: 10px; margin-top: 25px;} #contact .contact-other-det-info p{ margin-bottom: 20px; } /*Single news*/ #module-ph_simpleblog-single h1.h1.page-title{ font-weight: 600; font-size: 1.5rem;margin-left: 15px;margin-bottom: 35px;} #module-ph_simpleblog-single #wrapper{ padding-bottom: 0; } #module-ph_simpleblog-single .simpleblog__post, .simpleblog__addComment{ margin-bottom: 0!important;} #module-ph_simpleblog-single .simpleblog__postInfo li, #module-ph_simpleblog-single .simpleblog__postInfo li a{ font-size: 12px; color: #8a9ea1; } #module-ph_simpleblog-single .simpleblog__postInfo i{ display:none; } #module-ph_simpleblog-single .simpleblog__post-featured img{ margin-bottom: 35px; } #module-ph_simpleblog-single .simpleblog__share a{ padding:6px 2px 6px 6px; border-radius: 0;} #module-ph_simpleblog-single .simpleblog__share a.btn-linkedin{ background:#0073b1; color:#fff; } #module-ph_simpleblog-single .simpleblog__share i{ background:transparent; } #module-ph_simpleblog-single #content{ margin-top: 45px!important; } #module-ph_simpleblog-single #content, #module-ph_simpleblog-single #phsimpleblog_comments h4, #phsimpleblog_comments .block-content, #phsimpleblog_comments .single-comment-vln{ max-width:850px; margin:0 auto; display:block; } #phsimpleblog_comments .innercomment.block-content{ padding-top: 5px; border-top:1px solid #eee;} #phsimpleblog_comments .single-comment-vln, #module-ph_simpleblog-single #phsimpleblog_comments h4{ text-align:center; border-width: 0; } #phsimpleblog_comments .single-comment-vln{ color:#007bff;} #phsimpleblog_comments .single-comment-vln:hover{cursor: pointer;color:#000;} #module-ph_simpleblog-single #phsimpleblog_comments h4{ font-size: 25px; color: #0579be; font-weight: 600;} #module-ph_simpleblog-single #phsimpleblog_comments h4 i{ margin-right: 30px; font-size: 40px;} #phsimpleblog_comments div>ul>li{ border-top-width:0!important; background: #fff; border-radius: 5px; margin-bottom: 15px;} #module-ph_simpleblog-single #phsimpleblog_comments{ margin-top: 40px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; background: #e5f1f9; padding: 40px 0 1px 0;margin-bottom:0;padding-bottom:40px; } #module-ph_simpleblog-single .simpleblog_title h5{ font-weight: 500; font-size: 1.45rem; margin-bottom: 15px;} #module-ph_simpleblog-single .simpleblog__share{ margin-bottom: 20px;} /*News Category*/ .page-module-ph_simpleblog-list .filter-blog{ margin-top: 50px; margin-bottom: 25px;} .page-module-ph_simpleblog-list .filter-blog > div{ margin-bottom: 10px; font-size: 17px; color: #5f7279; font-weight: 600;} .page-module-ph_simpleblog-list .filter-blog > select{ width:30%; height: 35px; border-color: #8a9ea1; margin-right:15px; padding-top: 2px; padding-left: 10px; border-radius: 10px; border-color: #8a9ea1; color: #6e7f86; background-image: none!important; outline-width: 0!important;} @media (max-width: 999px){ .page-module-ph_simpleblog-list .filter-blog > select{ width: 100%; margin-bottom: 25px;} .page-module-ph_simpleblog-list .filter-blog{ margin-bottom:0; } #history #view-order{ margin: 10px 20px 30px 0!important; width: 100%; } #history #return-account{ margin-bottom: 15px; margin-left: -15px;} #module-askforaquote-SavedQuotes .saved-quotes-btn-info .sav-con-qt{ margin-top: 15px; } #search .nav-tabs .nav-item{ flex: 0 0 33.3%; max-width: 33.3%; } .bestkit-searchpage .nav-tabs > li:first-child{ display: block!important; } #history article.alert.alert-warning{ margin-top: 35px; width: 95%; }} .simpleblog-post-item{ border-bottom: 1px solid rgba(161,161,161,.25); margin-bottom: 10px; padding-bottom: 25px; margin-top: 30px; } #module-ph_simpleblog-category h1.h1.page-title, #module-ph_simpleblog-list h1.h1.page-title{ margin-bottom: 35px; font-weight: 600!important; font-size: 1.5rem!important; margin-left: 15px;} .simpleblog-posts h2{ border-bottom-width:0!important; margin-bottom: 0!important; padding-bottom: 5px!important;} .simpleblog-posts h2 a{ font-size: 1.30rem!important; font-weight: 600!important; color: #000!important;} .simpleblog-posts h2 a:hover{ color:#007bff!important;} .simpleblog-posts .post-additional-info{ border-top-width:0!important; } .simpleblog-posts .post-additional-info span i{ display:none!important; } .simpleblog-posts .post-additional-info span{ position:relative; } .simpleblog-posts .post-additional-info span:after{ content:"|"; position:absolute; right:-9px; } .simpleblog-posts .post-additional-info span:last-child:after{ display:none; } @media (min-width:1024px) { #module-ph_simpleblog-single #content{ max-width: 850px; margin: 0 auto;}} /*UI CODE Start*/ /*My Account*/ #my-account h1.page-title{ font-size: 1.5rem; font-weight: 600; margin-top: 5px; padding-left: 15px; padding-bottom: 35px!important;} #my-account h4.my-account-link{ font-weight: 400; font-size: 15px;} #my-account .history-summary h2, #my-account .vocher-wishlist h2, #my-account .history-setting h2{ font-weight:600; font-size: 1.55rem; margin-bottom:0; } #my-account h4.my-account-title{ font-size: 14px; font-weight: 400; margin: 20px auto; } #my-account #history-link{ font-size:12px; } #my-account .history-summary #history-link, #my-account .vocher-wishlist #history-link{ color:#fff!important; } #my-account .history-summary #history-link:hover, #my-account .vocher-wishlist #history-link:hover{ color:#007bff !important; } #my-account #wrapper .breadcrumb{ display:block!important; } #my-account-name{ display: flex; justify-content: center; align-items: center; height: 170px; text-align: center; font-size: 30px; font-weight: 500; margin-bottom: 25px; letter-spacing: 1.6px;} #my-account .page-addresses .address { margin-bottom: 1.875rem; font-size: .875rem; color: #232323; } #my-account .page-addresses .address, .page-authentication #content { box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)!imoporant; background: #fff!imoporant; } #my-account .page-addresses .address .address-footer { border-top: 1px solid #7a7a7a; padding: .5rem 1rem; } #my-account .history-setting{ background:#f3f5f5; margin-bottom: 45px; padding:40px 20px 10px 20px; width: 100vw; position: relative; margin-left: -50vw; left: 50%;} #my-account .history-setting .fullwidth-sett{ width:1200px; margin: 0 auto; padding: 0 10px;} #my-account .history-setting .col-xs-12{ background:#fff; display:flex; justify-content:center; align-items:center; text-align:center; height:264px; margin-bottom:30px; } #my-account .history-summary{ display: flex; justify-content: space-between;} #my-account .history-summary .col-xs-12, #my-account .vocher-wishlist .col-xs-12{ background:#032b3d; display:flex; justify-content:center; align-items:center; text-align:center; height:264px; color:#fff; margin-bottom:30px; } @media (min-width:992px) { #my-account .history-summary, #my-account .vocher-wishlist, #my-account .history-setting, #my-account .history-setting .fullwidth-sett { display: flex; justify-content: space-between;} #my-account .history-summary .col-xs-12, #my-account .vocher-wishlist .col-xs-12, #my-account .history-setting .col-xs-12{ flex: 0 0 49%; max-width: 49%; }} /*Account Summary*/ #identity .form-control[readonly]{ background:#fff; } #identity #my-account-name{ display: none !important; margin-bottom: 50px;} #identity footer.form-footer{ text-align: center; margin-bottom:30px; } #identity span a{ font-weight:500; } /*Cart*/ #cart h1.h1.page-title header h1{font-size: 1.5rem!important; font-weight: 600; margin-top: 5px; padding-left: 15px; padding-bottom: 35px!important; } #cart .cart-detailed-cart.js-cart span.no-items{ margin-bottom: 20px; margin-top: 20px; display: inline-block; } #cart .checkout.card-block{ padding-right: 0; } #cart .text-sm-center { text-align: center!important; } #cart .product-line-actions .qty, #cart .product-line-actions .price { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #cart .cart-summary-line-info{ display: inline-block; margin-top: 10px; } #cart .cart-detailed-actions1 > .text-sm-center ~ a{ display: block; margin-top: 15px; padding-left: 5px;} #cart #main .cart-grid-right ~ a.label i{ display:none; } #cart #main .cart-grid-right ~ a.label{ position: relative; padding-left: 13px; margin-bottom: 20px; display: inline-block; } #cart #main .cart-grid-right ~ a.label:before { content: "\f104"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 3px; } #cart .cart-grid-right .checkout.cart-detailed-actions.card-block{ float:right; padding: 0; margin-bottom: 15px;} #cart .cart-item { padding-top: 30px;} #cart .cart-detailed-actions .text-sm-center ~ a{ margin-top: 10px; display: block;} @media (min-width: 1024px) {#cart .cart-detailed-totalsbottom{ margin-left:17%; }} #cart .cacartrt-detailed-totalsbottom .card-block{ padding:0; } #cart .cart-detailed-totalsbottom .card-block > .float-xs-right{ margin-bottom: 15px;} #cart .cart-detailed-totalsbottom .cart-total{ border-top:1px solid hsla(0,0%,63%,.25); padding-top: 25px; font-weight:500; margin-bottom: 30px; margin-top: 25px; } #cart .cart-detailed-totalstop{ font-weight: 500; } #cart .cart-detailed-totalstop .cart-summary-line.cart-total-top .label{ font-size: 24px; font-weight: 500; margin-top: 45px; display: block; letter-spacing: 1px;} #cart .cart-grid-body ~ hr.seperator{ display:none; } #cart .card.cart-container{ border-width:0; } #cart .cart-grid-right .cart-summary{border-width:0;} #cart .cart-item .bootstrap-touchspin { max-width: 75px; border: 2px solid #a9a9a9;} #cart .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-width:0;} #cart .bootstrap-touchspin .btn-touchspin:hover { background: transparent; } #cart .product-line-info .current-price{ display:none; } #cart .product-line-info a{ font-size: 18px; font-weight: 500; color: #000; margin-bottom: 10px; display: inline-block;} #cart .product-line-info a:hover{ color:#007bff; } #cart .productreference{ color:#5f7279; font-size:13px; } #cart .product-line-grid-right .price{ text-align:right; } #cart .product-price > strong{ color: #000000; font-size: 18px; font-weight: 500; } #cart .deliveryinfo{ margin-top: 10px; border-top: 1px solid #eee; padding-top: 20px; font-size:13px; } /*Order Details*/ #order-detail #my-account-name{ display:none !important; } #order-detail h1.page-title { font-weight:600!important; font-size: 1.5rem!important; padding-bottom: 30px!important; margin-top: 10px; margin-left: 15px; } #order-infos .order-reference-no{ font-size: 20px; font-weight: 500; margin-bottom: 20px;} #order-detail .order-links{ text-align:right; margin-bottom: 20px;} #order-detail .order-links a{ padding: 0 5px; background: transparent !important; color: #007bff !important; border-width: 0; width: auto; } #order-detail .order-links a:hover{ color: #25343a !important; } #order-detail .order-links a.order-link-downinv, #order-detail .order-links a.order-link-rtitem{ position:relative; padding-left:15px; } #order-detail .order-links a.order-link-downinv:before, #order-detail .order-links a.order-link-rtitem:before{ content:"|"; position:absolute; left:0; } #order-detail .my-account-side-links, #order-detail h2{ display:none; } #order-detail .my-account-page-content{ width:100%!important; flex: 0 0 100%; max-width: 100%; } #order-detail .page-order-detail .box, .box.hidden-sm-down{ border-width:0!important; padding:0; } #order-history .order-his-title, h4#order-sum, #shiptrack .shtr-title, #order-detail .addresses h4{ font-size: 20px; font-weight: 500; margin-bottom: 25px; margin-top: 35px; } .messages.history .message{ padding:0 15px;} .messages.history h3{ font-size: 20px; font-weight: 500; margin-bottom: 20px; margin-top: 35px;} .message .msg-history, .message .msg-history td, .message .msg-history th{ border-width:0; } .message .msg-history tbody tr td:nth-child(1), .message .msg-history tbody tr td:nth-child(2){ width:20%; } #order-history table th, #shtr-title table th, #order-products th, #shiptrack table th{ background:#25343a; color:#fff; font-weight:500; } #order-history table tbody, #shtr-title table tbody, #order-products tbody, #order-products tfoot, #shiptrack tbody, .message .msg-history tbody{ background:#f3f5f5; } #carrierpick table tr td:first-child{ background:#25343a; color:#fff; width:20%; } #order-products tfoot tr td:first-child{ text-align:right; } #shiptrack, .messages.history, .order-message-form.box{ padding:0; border-width:0; } .order-message-form header strong{ font-size: 20px; font-weight: 500; margin-top: 25px; display:block; } .order-message-form select{ border-radius:10px;} .order-message-form textarea{ border-radius:10px; min-height:170px;} .order-message-form footer button{ width:100%; border-radius:5px; } .order-message-form footer button:hover{ color:#fff; width:100%; } .info-pay-details tr td:first-child{ background:#25343a; color:#fff; width:20%; } .info-pay-details tbody { background: #f3f5f5; } #order-infos2{ display:none; } #invoice-address, #delivery-address{ background: #f3f5f5; border-width: 0; padding: 1rem; margin-bottom: 1rem; } #order-detail .page-order-detail .box{ boder-width:0 !important; } /*Order history*/ #history h1.h1.page-title{ padding-bottom: 30px!important; } #history #view-order{ display: block; margin: -30px 20px 30px 0;} #history #view-order a{ padding:0 5px; } #history #my-account-name{ display:none !important; } #history table tbody a.history-invoice{ color:#000; } #history table tbody a.history-invoice:hover{ color:#007bff; } #history .my-account-page-content h2{ display:inline-block; font-size: 1.5rem; font-weight: 600; } #history #notifications{ position:absolute; width:100%; margin-top: 20px;} @media (min-width:650px){ #history .filter-right{ display: flex; justify-content: flex-end; align-items: flex-end;} #history #option-history { display: block; margin-top: -30px; margin-bottom: 30px; outline-width:0!important;} #history #filter-order { display: block; margin:-30px 10px 30px 0; outline-width:0!important;}} @media (max-width:650px){ #filter-order, #option-history{ margin:25px 0; } #history #notifications{ margin-top: 130px;}} #history .my-account-page-content table td{ text-align:left !important; } #history #filter-history, #history #sort-history{ height: 35px; padding-top: 2px; padding-left: 10px; border-radius: 10px; border-color:#8a9ea1; color:#6e7f86; background-image:none!important; outline-width:0!important; width: 100%;} #history .page-content h6 { font-weight:500 ; } #history .my-account-page-content{ width:100%!important; flex: 0 0 100%; max-width: 100%;} #history .my-account-page-content table thead th{ background:#25343a; color: #fff; font-weight: 500; } #history .my-account-page-content table tbody{ background:#f3f5f5; } #history .my-account-page-content table tbody tr:nth-of-type(odd){ background:transparent; } #history .my-account-page-content table tbody th{ font-weight:500; } /*Check Out*/ #checkout #checkout-delivery-step .clearfix.mb-5:after{ display:none!important; } #checkout #checkout-delivery-step .delivery-options.shipping-section .alert-danger{ font-size: .92rem; } #checkout #purchase_order .promo-input{ border-radius: 5px; padding-left: 10px; border: 2px solid #a5a5a5; } @media (max-width:380px){ #checkout .js-address-form{ display: flex; flex-direction: column; justify-content: center; align-items: center; } #checkout .js-address-form button{ margin-bottom: 25px; float: none!important; } #checkout .js-address-form button a{ float: none!important; } #checkout #checkout-delivery-step .js-address-form{ display: table!important; margin: 0 auto; } #module-askforaquote-SubmitedQuotes h1.h1.page-title, #module-askforaquote-SavedQuotes h1.h1.page-title { margin-left: 0; text-align: center!important; } #module-askforaquote-SubmitedQuotes h1>div, #module-askforaquote-SavedQuotes h1>div{ float: none!important; margin-top: 10px; } #search .nav-tabs .nav-item, #search #brands .clearfix.brand_list li{ flex:0 0 100%!important; max-width:100%!important; } #search #js-product-list-top .products-sort-nb-dropdown.products-sort-order.dropdown a, #search #js-product-list-top .products-sort-nb-dropdown.products-nb-per-page.dropdown a{ width:100%; margin-left: 0; } #search .products-selection .products-sort-nb-dropdown{ flex: 0 0 100%; } #manufacturer .products-selection .products-sort-nb-dropdown{ width: 100%; margin-bottom: 15px; } #manufacturer a.select-title.expand-more.form-control{ margin-left: 0; }} @media (max-width: 580px){ body#checkout .row.delivery-option .col-sm-1{ padding-bottom: 50px; } body#checkout .row.delivery-option .col-sm-4.col-xs-12, body#checkout .row.delivery-option .col-sm-3.col-xs-12{ padding-top: 20px; } body#checkout section.checkout-step .address-item{ display: flex; flex-wrap: wrap; } #checkout section.checkout-step header.h4, #checkout section.checkout-step .address-footer{flex:0 0 100%!important;} body#checkout section.checkout-step .address-item .store-item-container .divide-left{ flex:0 0 100%; text-align: center; margin-bottom: 20px; } body#checkout section.checkout-step .address-item .store-item-container .col-xs-2.col-sm-1{ flex:0 0 20%!important; } body#checkout section.checkout-step .address-item .store-item-container .store-description{ flex:0 0 80%!important;} body#checkout section.checkout-step .address-item .store-item-container, body#checkout section.checkout-step .payment-options .payment-option{ display: flex; flex-wrap: wrap; } body#checkout section.checkout-step .payment-options .payment-option .col-xs-2.col-sm-3 { flex:0 0 100%; text-align: center; margin-top: 20px; } body#checkout section.checkout-step .payment-options .payment-option .col-xs-2.col-sm-1{ margin-top: 10px; } #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(1), #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(2){ flex: 0 0 100%!important; max-width: 100%!important; text-align: center !important; } #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(3), #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(4){ flex: 0 0 50%!important; max-width: 50%!important; margin-top: 20px; margin-bottom: 20px; text-align: center; } #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(4){ text-align: right!important; } #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(3){ padding-top: 3px; }} #checkout #checkout-addresses-step #event-schedule{ display: none; } #checkout #checkout-addresses-step .no-items{ margin-bottom: 30px; display: inline-block; } #checkout-payment-step .front_panel { display: none; } .checkout-cust-dietary .modal input[type="text"], .checkout-cust-dietary .modal input[type="email"], .checkout-cust-dietary .modal select{ border-radius: 8px; border-color: #8a9ea1; } .checkout-cust-dietary .modal select{ background-image:none!important; margin-bottom: 20px; padding-top: 6px; } .checkout-cust-dietary .modal input[type="submit"]{ border-radius: 7px; } .checkout-cust-dietary .modal { background: rgba(208, 209, 209, 0.76)!important; overflow: hidden!important; } .checkout-cust-dietary, .checkout-cust-slots{ padding: 0!important;} .checkout-cust-dietary .modal .send-email-content{ width: 50%; padding: 20px; color: black; top: 20px; left: 25%; height: 550px; border:solid 2px #bfbfbf !important; border-radius: 5px; background: #fff!important; overflow-x:hidden!important; overflow-y: scroll; position: absolute; } .checkout-cust-dietary .modal .send-email-content .close.send-email-cls{ margin-top: -10px; font-size: 35px; font-weight: 300; } #send-email2112 .send-email-content::-webkit-scrollbar { width: 7px; background-color: #F5F5F5; } #send-email2112 .send-email-content::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #107abf; } #send-email2112 .send-email-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22); border-radius: 0px; background-color: #F5F5F5; } #checkout .delivery-option .custom-radio { width: 20px; height: 20px; border: 1px solid #94a6a9!important; } #checkout .delivery-option .custom-radio input[type=radio]:checked+span { background: #fff; width: 8px; height: 8px; border: 6px solid #337ab7; } #checkout #checkout-confirmation-step .cart-voucher .row{ display: flex; align-items: center; } #checkout #checkout-confirmation-step .cart-voucher .row > h5{ margin-bottom: 0; } #checkout h1.h1.page-title{ padding-bottom: 40px!important; font-size: 18px!important; font-weight: 600; margin-bottom: 0; margin-left: 15px!important; } #checkout button, #cart a.btn-primary{ border-radius:5px; } #checkout #addressModal button.close{ text-align: right; margin-right: 15px; margin-top: 10px; font-size: 35px; font-weight: 300;} #checkout #addressModal input[type="text"], #checkout #addressModal select{ border-radius:8px; border-color:#8a9ea1; } #checkout #addressModal .modal-content{ border-radius:15px; } #checkout #addressModal .modal-content .modal-body strong{ font-size: 20px; font-weight: 600; display: block; margin-bottom: -15px;} #checkout #addressModal .modal-content .modal-body .js-address-form{ margin-top:15px; } #checkout #addressModal .modal-content .modal-body{ text-align: center; margin: 0 auto; padding: 0; padding-bottom:40px!important; width:70%; } #checkout #addressModal .modal-content .modal-body .col-md-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} #checkout .modal-body .js-address-form button{ width:100%; } #checkout .delivery-options .shipping-type strong{ font-size: 19px; } #checkout .payment-options{ padding-top: 20px; padding-bottom: 15px;} #checkout .checkout-menu nav{ flex-direction:inherit!important; -ms-flex-direction:inherit!important;} #checkout #delivery-addresses ~ a{ display:block; text-align:center; margin-bottom: 20px;} #checkout #delivery-addresses ~ a i{ font-size:15px; } #checkout-addresses-step #pocont{ margin-top: 25px; } #checkout-addresses-step .cart-detailed-totals .card-block.cart-summary-totals{ padding:16px 0 0; margin: 0 17px; border-top:1px solid #bfcacb; } #checkout .cart-item .bootstrap-touchspin{ max-width: 70px; border:2px solid #a9a9a9;} #checkout .remove-from-cart span{ font-size:.9rem; } #checkout .cart-item .product-image img{ width:80px; } #checkout .product-line-grid-right .price{ font-size:1rem; text-align:right; } #checkout .product-line-grid-right .price strong{ font-weight:500; } #checkout .product-line-grid-body .product-price{ display:none; } #checkout .product-line-grid-body .productreference{ color:#687a80; font-size:.93rem; } #checkout #checkout-personal-information-step #label_remember_me{ display:none; } #checkout #checkout-personal-information-step .content >h5{ font-size: 21px; font-weight: 500;} #checkout #checkout-personal-information-step .tab-content{ margin-top:20px; } #checkout #checkout-personal-information-step .forgot-password{ text-align:left; margin-bottom: .1rem; font-size: 13px;} #checkout #checkout-personal-information-step footer.form-footer{ margin-bottom: 20px;} @media (min-width: 991px) { #checkout .checkout-process{border-left:1px solid #bfcacb; } #checkout #checkout-personal-information-step{ width:55%; }} @media (max-width: 991px) { #checkout .checkout-process{border-top:1px solid #bfcacb; } #identity #form-details .account_tooltiptext, #identity .account_tooltip.field-response .account_tooltiptext, #authentication .account_tooltip.field-response .account_tooltiptext, #registration .account_tooltip.field-response .account_tooltiptext{ left:auto!important; right: 0!important; } #identity .account_tooltip.field-response, #authentication .account_tooltip.field-response, #registration .account_tooltip.field-response{ position: relative; } #identity .account_tooltip.field-response .account_tooltiptext:before, #authentication .account_tooltip.field-response .account_tooltiptext:before, #registration .account_tooltip.field-response .account_tooltiptext:before{ right: 0!important; left: auto!important; }} #checkout #store-details{margin-top:30px;} #checkout article.address-item .custom-radio{width:35px;height:35px;border-color:#94a6a9!important;top:40px;} #checkout .custom-radio input[type=radio]{width:50px;height:50px;} #checkout article.address-item .custom-radio input[type=radio]:checked+span{background-color:#ffffff;border:10px solid #337ab7;width:35px;height:35px;} body#checkout section.checkout-step .address-alias{margin-left:25px!important;margin-bottom:0;} body#checkout section.checkout-step .address{margin-left:52px!important;padding-top:5px!important;font-size: 14px;line-height: 25px;} #checkout article.address-item.selected{background:#d1e7f3!important;border-color:#d1e7f3!important;} #checkout #inner-wrapper{padding-top:25px;padding-bottom:25px;} #checkout .cart-item{border-color:#c5cfd0!important;} #checkout .checkout-addresses-step strong{font-weight:600;} #checkout a.float-xs-left{font-weight:500;position:relative;padding-left:13px;} #checkout a.float-xs-left:before{content:"\f104";font:normal normal normal 14px/1 FontAwesome;position:absolute;left:0;top:5px;} #checkout nav.nav.flex-column a{color:#000;font-weight:600;} #checkout .product-line-info{margin-bottom:8px;} #checkout .product-line-info a{color:#000;font-weight:500;font-size:15px;line-height:30px;padding-top:10px;} #checkout .product-line-info a:hover{color:#007bff;} #checkout .product-price{color:#000;} #checkout-addresses-step a.float-xs-right{ font-size: .9rem; font-weight: 500; margin-top: 5px !important; display: block;} #checkout .cart-grid-right .cart-summary{background:#f3f5f5;padding:1.25rem;} #checkout .checkout-order-date .text-sm-left{ padding-left:0; } #checkout-addresses-step h5{font-weight:600;font-size:20px;} #checkout .cart-summary .cart-summary-line.cart-total{font-weight:600;font-size:1.2rem;text-transform:uppercase;border-top:1px solid #bfcacb;padding-top:20px;} #checkout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-width:0;} #checkout .bootstrap-touchspin .btn-touchspin:hover{background:transparent;} #checkout-confirmation-step #discount-coupon hr{margin-bottom: 20px!important;} #checkout section.checkout-step hr{margin-bottom:35px!important;} #checkout .card{border-width:0!important;} #checkout .js-address-form button,#checkout .delivery-options button, #checkout-payment-step button.continue{background:#0579be;padding:7px 0;font-size:15px;} #checkout #content .col-xs-10{border-left:1px solid hsla(0,0%,63%,.25);} body#checkout section.checkout-step .address-item{flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;display:flex;background:#f3f5f5;border-radius:10px;margin-bottom:15px;padding-top:15px;} #checkout section.checkout-step header.h4{flex:0 0 80%;} #checkout section.checkout-step .address-footer a:first-child{border-right:1px solid #337ab7;padding-right:15px;} body#checkout section.checkout-step .address-footer a{font-size:1rem;color:#337ab7!important;} #checkout section.checkout-step .address-footer a i{display:none;} #checkout section.checkout-step .address-footer{flex:0 0 20%;} #checkout .delivery-options input[type="button"]{border:1px solid #0579be;color:#0579be;padding:10px 25px;margin-bottom:15px;border-radius:8px;background:#fff; } #checkout .delivery-options input[type="button"]:hover,#checkout .delivery-options input[type="button"]:focus{background:#0579be;color:#fff!important;} #checkout section.checkout-step .add-address{text-align:center;} #checkout .payment-options .checkout_cust_pay{width:100%;} #checkout article.address-item .custom-radio.payments-cust{top:-3px!important;} #checkout section.checkout-step .payment-options .address-item{ padding-top: 25px; padding-bottom: 15px;} #checkout #checkout-payment-step form > strong{ font-size: 18px; font-weight: 600;} #checkout #ship-address{ width:100%; padding-left: 10px; padding-bottom: 8px;} #checkout #ship-address .del-details{ margin-top: -6px; margin-left: 10px;} #checkout #ship-address strong{ text-transform: uppercase; } #checkout #ship-address .confir-radio-st input[type=radio]{ width: 20px; height: 20px; } #checkout #ship-address .confir-radio-st{ width: 20px; height: 20px; border-color: #94a6a9!important; top: 8px;} #checkout #ship-address .confir-radio-st input[type=radio]:checked+span{ background-color: #fff; border: 5px solid #337ab7; width: 20px; height: 20px;} #checkout #confirm-order-prd .order-line img{ width:80px; } #checkout #confirm-order-prd .order-line .row{ flex: 0 0 100%; max-width: 100%;} #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(1){ flex: 0 0 20%; max-width: 20%;} #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(2){ flex: 0 0 45%; max-width: 45%; text-align:left !important; } @media (max-width: 580px){ #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(2){ text-align:center !important; }} #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(3){ flex: 0 0 15%; max-width: 15%; border: 2px solid #a9a9a9; border-radius: 10px; height: 35px; } #checkout #confirm-order-prd .order-line .text-sm-center:nth-child(4){ flex: 0 0 20%; max-width: 20%; } #checkout .confirm-order-tot button{ width: 100%; margin-top: 25px;} #checkout .confirm-order-tot .text-sm-center a{ padding:2px; border-radius: 5px; border: 1px solid #0062cc; display: block; text-align: center;} #checkout .confirm-order-tot .text-sm-center a:hover{ background:#0062cc; color:#fff; } #checkout #checkout-confirmation-step .checkout-order-date{ border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; } #checkout .confirm-order-tot .card-block{ padding:0; } #checkout .confirm-order-tot .cart-summary-totals{ padding: 0.5rem 0 1.25rem 0;} #checkout .confirm-order-tot .text-sm-center:last-child{ padding-top: 15px;} #checkout-confirmation-step #confirm-order-prd{ margin-top: 15px; padding: 0;} #checkout-confirmation-step #discount-coupon{ margin-top: 20px; } #checkout-confirmation-step .confirm-cust-pay h4{ margin-bottom: 15px!important;} #checkout-confirmation-step .confirm-cust-pay hr.payment-chout{ margin-bottom: 20px!important; } #checkout-confirmation-step #discount-coupon .promo-input{ width: 67%; border: 2px solid #8a9ea1; border-radius: 5px; height: 37px; padding-left: 10px;} #checkout-confirmation-step #discount-coupon button{ width: 30%; border-radius: 5px; background: #fff!important; color: #0062cc!important; border: 1px solid #0062cc!important; padding:.5rem; height: 36px; } #checkout-confirmation-step #discount-coupon button:hover{ background: #0062cc!important; color: #fff!important; } #checkout-confirmation-step #discount-coupon ul.promo-name{ margin-bottom: 15px; padding: 0;} #checkout-confirmation-step #discount-coupon ul.promo-name a i{ font-size: 17px!important;} /*Login Menu*/ #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(2), #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(3){ padding: 5px 13px; border-bottom: 1px solid #eee !important;} #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(2) span.link-item, #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(3) span.link-item, #ps-quote-wrapper .nav-account-menu li:nth-child(2) span.link-item, #ps-quote-wrapper .nav-account-menu li:nth-child(3) span.link-item{ color:#5f7279;} #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(2) span.link-item .item_count, #ps-shoppingcart-wrapper .nav-account-menu li:nth-child(3) span.link-item .total_value, #ps-quote-wrapper .nav-account-menu li:nth-child(2) span.item_count, #ps-quote-wrapper .nav-account-menu li:nth-child(3) span.item_count{ float:right; } #ps-shoppingcart-wrapper .header-btn.header-user-btn i{ font-size: 1.3rem!important; } #ps-shoppingcart-wrapper .header-btn.header-user-btn i.fa-paperclip{ font-size: 1.5rem!important; margin-right: 13px;} #ps-shoppingcart-wrapper .header-btn.header-user-btn span{ font-size: 12px!important; text-align: center; line-height: 20px; border-radius: 50px; min-width: 15px; height: 18px; width: 18px; position: absolute; top: -10px; right: -10px;} .header-btn.header-user-btn ~ #header-search-btn{margin-top:2px;} #header .header-btn-w,#.nav-account-menu{position:relative;padding-bottom:10px!important;} #ps-quote-wrapper > a{ font-size: 1.5rem!important; padding-right: 10px; } #header .header-btn-w .nav-account-menu,#ps-shoppingcart-wrapper .nav-account-menu,#ps-quote-wrapper .nav-account-menu{display:none;position:absolute;background-color:#ffffff;min-width:155px;top:36px;right:-3px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:999999;border-radius:10px;} #ps-shoppingcart-wrapper .nav-account-menu{right:-18px;} #header .header-btn-w .nav-account-menu:before,#ps-shoppingcart-wrapper .nav-account-menu:before, #ps-quote-wrapper .nav-account-menu:before {content:"";position:absolute;border:10px solid #fff;transform:rotate(45deg);right:15px;top:-8px;} #header .header-btn-w:hover .nav-account-menu,#ps-shoppingcart-wrapper:hover .nav-account-menu, #ps-quote-wrapper:hover .nav-account-menu{display:block;padding:0;} .nav-account-menu span.link-item-title{border-bottom:1px solid #eee;color:#5f7279;display:block;text-align:center;padding:7px;} #header .header-btn-w .nav-account-menu li:last-child a,#ps-shoppingcart-wrapper .nav-account-menu li:last-child a, #ps-quote-wrapper .nav-account-menu li:last-child a{border-bottom-width:0!important;} #header .header-btn-w .nav-account-menu li:first-child a:hover,#ps-shoppingcart-wrapper .nav-account-menu li:first-child a:hover, #ps-quote-wrapper .nav-account-menu li:first-child a:hover{border-radius:10px 10px 0 0;} #header .header-btn-w .nav-account-menu li:last-child a:hover,#ps-shoppingcart-wrapper .nav-account-menu li:last-child a:hover, #ps-quote-wrapper .nav-account-menu li:last-child a:hover{border-radius:0 0 10px 10px;} #header .header-btn-w .nav-account-menu a,#ps-shoppingcart-wrapper .nav-account-menu a, #ps-quote-wrapper .nav-account-menu a{border-bottom:1px solid #eee !important;color:#3e98cd;display:block;padding:5px 13px;flex:0 0 100%;max-width:100%;width:100%; font-size:13px; } #header .header-btn-w .nav-account-menu a:hover,#ps-shoppingcart-wrapper .nav-account-menu a:hover, #ps-quote-wrapper .nav-account-menu a:hover{background:#3e98cd;color:#fff;} #ps-quote-wrapper .nav-account-menu a:hover span{ color:#fff!important;} body#checkout section.checkout-step .address-item .store-item-container{display:flex;flex:0 0 100%;} /*Custom code*/ .container{max-width:1200px!important;} body .fa{padding:0;width:20px;} #footer .fa-twitter,#footer .fa-instagram{background:transparent;color:#5f7279;} #footer #block-employmentform{display:none!important;} .elementor-button .elementor-align-icon-right{margin-left:5px;} .first_rows menu-element-id-1{margin-bottom:5px!important;} .cbp-hrmenu .cbp-menu-column{margin-top:0!important;} .cbp-hrmenu .cbp-hrsub-inner .iqitmegamenu-submenu-container>.row:last-child{margin-bottom:0!important;} .iqitmegamenu-submenu-container .cbp-links.cbp-category-tree{ padding-left: 5px; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link{padding:10px 0; border-bottom: 1px solid #8a9ea1; margin-bottom: 10px!important;} .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link:hover{color:#0e7bc0!important;} .cbp-hrmenu .cbp-submenu-aindicator{ margin-left:0;} #header .header-btn-w{padding:0 .9rem;} #header-user-btn{order:4;} #header-user-btn i.fa-user{ margin-top: 2px;} #ps-shoppingcart-wrapper{order:3;} #header-search-btn{order:1;} #ps-quote-wrapper{order:2;} #header-search-btn .fullscreen-search{align-items:flex-start!important;top:77px!important;} #search_widget{width:100%;display:flex;justify-content:center;background:#25343a;} #header-search-btn .fullscreen-search #search_widget{width: 100%;} #header-search-btn .fullscreen-search #search_widget form{width:50%!important;left:-30px!important;} #header-search-btn .fullscreen-search .form-search-control{padding-left:65px!important;font-size:1.2rem!important;color:#fff;} #header-search-btn .fullscreen-search .search-btn{color:#fff!important;right:auto!important;left:0!important;} #header-search-btn .fullscreen-search .form-search-control::placeholder{color:#fff!important;} #footer .block-title{font-size:1.27rem!important;font-weight:600!important;margin-bottom:1.2em!important;} #iqitmegamenu-mobile{margin-top:16px;} .cbp-horizontal .cbp-tab-title{font-size:.93rem;} .header-top .header-btn-w .header-btn>.icon{font-size:1.5rem!important;} /*Footer*/ #iqithtmlandbanners-block-1 .block-title{display:block;text-align:right;} #footer-container-main{padding-top:3.28571rem!important;} #footer .footer-container,#footer ._footer-copyrights-1{flex:0 0 100%;max-width:100%;} div#footer-continer-last{ background: #f3f5f5!important;} #footer-continer-last .container>div{padding-top:30px;padding-bottom:20px;border-bottom:1px solid #bfcacb;} #footer-continer-last .container>div a{color:#007bff;} #footer-continer-last .container>div a:hover{color:#000;} #footer-copyrights{border-width:0;padding-top:0;} #footer-copyrights .align-items-center{border-top:solid 1px #bfcacb;padding-top:1.07143rem;} .copyright-txt{display:flex;justify-content:space-between;color:#5f7279!important;} .copyright-txt ul li{float:left!important;margin:0 5px;} .copyright-txt ul{list-style-type:none!important;} .copyright-txt li a{color:#5f7279!important;} .copyright-txt li a:hover{color:#007bff!important;} #footer .footer-style-1 .social-links>li{margin:0 3px;font-size:1.12rem;} #footer .block-links ul>li{margin-bottom:0;} #footer .block-iqitlinksmanager-6 ul>li:last-child a{ background: #5f7279; color: #f3f5f5; padding: 0px 9px!important; border-radius: 5px; margin-top: 5px; } #footer .block-iqitlinksmanager-6 ul>li:last-child a:hover{ background: #374348; } #footer .block-links ul>li a{padding-left:0!important;} #footer .block-links ul>li a:before{display:none!important;} #footer-container-first h5{font-size:1.37rem!important;font-weight:600!important;} #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription{border:1px solid #5f7279;} #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe{background:#5f7279 !important;color:#fff;border-radius:0!important;width: auto !important;} #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe i{width:60px;} #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe i:before{content:"Sign Up";font-family:'Poppins';} @media (min-width: 768px) { #footer-container-first .block-newsletter{flex:0 0 100%;max-width:100%;padding:0 310px;text-align:center;} } @media (min-width: 1170px) { #footer-container-first .block-newsletter{ padding:0 410px; } } /*Sub Menu*/ .cbp-hrmenu .tabs-links,.cbp-hrmenu .tab-content{flex:0 0 100%!important;max-width:100%!important;} .cbp-hrmenu .cbp-hrsub-tabs-names{display:flex;justify-content:center;align-items:center;width:100vw;position:relative;margin-left:-50vw;left:50%;} .cbp-hrmenu .cbp-submenu-it-indicator{display:none;} .cbp-hrmenu .cbp-hrsub-tabs-names li{border-color:#8a9ea1!important;border-style:solid!important;border-width:0 1px 0 0!important;} .cbp-hrmenu .cbp-hrsub-tabs-names li:last-child{border-right-width:0!important;} .cbp-hrmenu .cbp-tabs-names li a{padding:6px 5px;font-size:11px;} #cbp-hrmenu-tab-2 .cbp-hrsub.col-12.cbp-show.cbp-notfit{ width: 100vw!important; max-width: 100vw!important;} ul.cbp-hrsub-tabs-names.cbp-tabs-names{ border-width:1px 0 1px 0; } .cbp-hrmenu .cbp-hrsub-inner{border-radius:0 0 20px 20px;} .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title{font-weight:600;font-size:13px;color:#5f7279!important;margin-top:16px!important;margin-bottom:0!important;font-style:normal!important;line-height:16px!important;} .cbp-hrmenu .cbp-hrsub-inner a{color:#5f7279!important;font-size:11px;} .cbp-hrmenu .cbp-hrsub-inner a:hover{color:#3e98cd!important;} .cbp-hrmenu .cbp-hropen .cbp-tab-pane.active{padding:5px 0 0!important;} .cbp-hrmenu .cbap-links.cbp-valinks-vertical{display:flex!important;flex-wrap:wrap;} .cbp-hrmenu .cbp-links.cbp-valinks-vertical li{flex:0 0 100%;} .cbp-hrmenu .cbp-links li{line-height:15px!important;} .cbp-hrmenu .cbp-links li a{padding-left:0!important;} .cbp-hrmenu .cbp-links li a:hover{ text-decoration: underline!important; } .cbp-hrmenu .cbp-links li a:before{display:none!important;} @media (min-width: 1200px) { .cbp-hrmenu .cbp-tab-pane>div>.row{width:1200px;margin:0 auto 20px!important;} } @media (min-width: 1200px) and (max-width: 1280px) { .cbp-hrmenu .cbp-tabs-names li a{padding:6px 18px!important;} } @media (min-width: 1280px) and (max-width: 1345px) { .cbp-hrmenu .cbp-tabs-names li a{padding:6px 22px!important; -webkit-padding-start:20px!important; -webkit-padding-end:20px!important; } } @media (min-width: 992px) and (max-width: 1200px) { .cbp-hrmenu .cbp-tabs-names li a{padding:6px!important;} .cbp-hrmenu>ul>li>a{padding-left:.45rem!important;padding-right:.45rem!important;} } /*Social*/ #iqithtmlandbanners-block-1 ul{list-style-type:none;padding:0;} #iqithtmlandbanners-block-1 ul li{float:left;margin:0 7px;} #iqithtmlandbanners-block-1 ul li a{font-size:21px;} /*Home*/ #index .product-miniature-default .product-thumbnail img{ width: 200px; } #index .products-grid{ justify-content: space-between; } #index .products-grid .js-product-miniature-wrapper { -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin-bottom: 30px;} #index article.product-miniature-default{ display: flex; flex-wrap: wrap; background:#fff; } #index article.product-miniature-default:hover{ box-shadow:6px 7px 27px 0 rgba(0, 0, 0, 0.04); } #index article.product-miniature-default .thumbnail-container{ order: 2;} #index article.product-miniature-default .product-description{ display: flex; flex-wrap: wrap; order: 1;} #index article.product-miniature-default h3.product-title{ order: 2; font-size: 20px; } #index article.product-miniature-default li.product-flag:first-child{ display:none; } #index article.product-miniature-default h3.product-title a{ color: #000; display: -webkit-box; height: 24.2px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #index article.product-miniature-default h3.product-title a:hover{ color: #007bff; } #index article.product-miniature-default .product-brand { order: 1; } #index article.product-miniature-default .product-brand img{ width: 200px!important; } #index article.product-miniature-default #prt_refferance{ margin-top: 15px; font-size: 15px;} #index article.product-miniature-default .custom-view-btn{ order: 3; } #index article.product-miniature-default .custom-view-btn button{ background: transparent!important;color: #0579be;border-width: 0; position:relative; width: auto !important; padding: 5px 15px 5px 0; margin-top: 10px; margin-bottom: 10px; font-size: 16px;} #index article.product-miniature-default .custom-view-btn button:after{ content: "\f105"; position:absolute; right:0; top: 12px; font: normal normal normal 14px/1 FontAwesome;} .btn-secondary:hover{ border-color:transparent; } #product .btn-primary:hover{ width:100%; } .home-slider .custom.tparrows{background:#f4f6f6!important;border-radius:50px;width:50px!important;height:50px!important;} .home-slider .custom.tparrows:hover{background:#000!important;} .home-slider .custom.tparrows:before{color:#6b7d83!important;line-height:50px!important;} .home-slider .custom.tparrows:hover::before{color:#fff!important;} #content .block{display:none!important;} @media (min-width: 576px) { .copyright-img{flex:0 0 20%;max-width:20%;left:80%;} .copyright-txt{flex:0 0 80%;max-width:80%;right:20%;} } #product .product-add-to-cart .col-12{ margin-bottom:15px!important; } @media (max-width: 575px) { #order-history .order-his-title{ display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 35px; margin-bottom: 5px; } #product .product-quantity .qty-ttl-spn{ padding-left: 0!important; } #product .nav-tabs .nav-link { border-bottom: 3px solid #ddd; opacity: 1; } #product #product-infos-tabs { border-bottom: 0!important; } #product .nav-tabs .nav-link.active, #product .nav-tabs .nav-link:hover, #product .nav-tabs .nav-link:focus { border-bottom-color: #ca5058!important; } #product-modal .modal-dialog{min-height:100%;} #product-modal .modal-content{min-height:100%;position:absolute;left:0;right:0;} #footer-copyrights .cp-logo-links .footer-logo-pay img{ max-width: 30%; }} #product .product-quantity .qty-ttl-spn{ margin-right: 10px; } @media (max-width: 700px) { #facets_search_center #search_filters .facet{width:33%;} } @media (max-width: 530px) { #facets_search_center #search_filters .facet{width:50%;} } @media (max-width: 362px) { #facets_search_center #search_filters .facet{width:100%;} } /*About Us*/ body.page-cms header.page-header{margin-bottom:33px;margin-top:3px;} body.page-customer-account header.page-header{ margin-top:3px;} body.page-cms .page-title,body.page-customer-account .page-title{font-weight:600;font-size:1.5rem;margin-left:15px;} body.cms-id-4 header.page-header,body.cms-id-4 #wrapper .breadcrumb,body.cms-id-14 header.page-header,body.cms-id-14 #wrapper .breadcrumb,#index #wrapper .breadcrumb,body.cms-id-11 h2.h1.page-title.brand-mnchr-ttl,body.cms-id-4 #manufacturer #wrapper .breadcrumb,body.cms-id-15 #wrapper .breadcrumb,body.cms-id-4 header.page-header,body.cms-id-3 #wrapper .breadcrumb,body.cms-id-3 header.page-header,body.cms-id-18 #wrapper .breadcrumb,body.cms-id-18 header.page-header,body.cms-id-2 #wrapper .breadcrumb,body.cms-id-2 header.page-header,body.cms-id-11 header.page-header,body.cms-id-21 #wrapper .breadcrumb,body.cms-id-21 header.page-header, body.cms-id-11 header.page-header, body.cms-id-26 #wrapper .breadcrumb,body.cms-id-25 header.page-header, body.cms-id-25 #wrapper .breadcrumb,body.cms-id-26 header.page-header{display:none!important;} body.cms-id-15 #content-wrapper .page-title{border-bottom:0;margin-top:25px;text-align:center;} body.cms-id-15 .page-title{font-size:1.75rem;text-align:center;font-weight:600;} .about-intro-video .elementor-video-open-modal i{margin-left:-102px;} .about-intro-video .elementor-video-open-modal i:hover{opacity:1;} .about-intro-video .elementor-video-open-modal i:before{content:"\f01d";} .about-tab-design .elementor-accordion-title .elementor-accordion-icon .fa:before{content:"\f104" !important;} .about-tab-design .elementor-accordion-title.active .elementor-accordion-icon .fa:before{content:"\f107"!important;} .about-tab-design .elementor-accordion-content{border-width:0!important;} .about-tab-design .elementor-accordion-item{border-width:0!important;} .about-tab-design .elementor-accordion-title{border-top:1px solid #d4d4d4!important;padding:25px 20px!important;} .about-tab-design .elementor-accordion-icon.elementor-accordion-icon-right{font-size:22px!important;margin-top:-2px!important;color:#aebbbe!important;} /*Latest News*/ body.cms-id-11 #content-wrapper .page-title,body.cms-id-11 #wrapper .breadcrumb{display:none!important;} body.cms-id-11 #wrapper{padding-top:0;padding-bottom:0;} /*Login*/ .page-authentication #content{border-width:0!important;padding:0!important;} .page-authentication #content hr{display:none!important;} .page-customer-account #content .forgot-password{padding-bottom:5px;font-size:1rem;font-size:.92rem;} .page-customer-account #content .no-account a{ font-size: 14px!important; } @media (min-width: 768px) { .login-form{width:30%;} .modal-body .login-form{width:100%;} } .login-form .custom-checkbox input[type=checkbox]+span, #checkout-personal-information-step .custom-checkbox input[type=checkbox]+span{width:16px;height:16px;border-radius:50px;} .login-form .custom-checkbox input[type=checkbox]+span .checkbox-checked, #checkout-personal-information-step .custom-checkbox input[type=checkbox]+span .checkbox-checked{background-color:#0579be;border-radius:50px;top:0!important;font-size:8px; left: 0;} .page-customer-account #content .forgot-password{ font-size: 14px; } .page-customer-account #content .no-account, .page-customer-account #content .forgot-password{text-align:left!important;} #login-form #submit-login{width:100%!important;border-radius:10px;} #login-form .col-md-3,#login-form .col-md-6{flex:0 0 100%;max-width:100%;} #login-form .col-md-6{margin-bottom:20px;} #login-form .form-control-label{padding-top:0;} #login-form .form-group{margin-bottom:0;} #login-form .form-control{border-radius:13px;padding:.7rem 1rem;} .register-form input[type="text"],.register-form input[type="email"],.register-form input{border-radius:10px;padding:.9rem 1rem;} .register-form select{border-radius:13px;height:48px!important;background-position:calc(100% - 13px) calc(1em + 6px),calc(100% - 8px) calc(1em + 6px),100% 0;} .register-form button{width:48%;border-radius:15px;padding:.7rem 1.25rem;margin-top:20px;} .register-form button:hover{ width:48%; } .register-form >p{text-align:center;} @media (max-width: 767px) { .register-form button{width:100%;} .register-form button:hover{ width:100%; } #product .product_header_container h1.h1.page-title { font-size: 26px!important; } #module-iqitwishlist-view .remove-add-div{ width: 100%; margin-top: 55px; text-align: center;} #module-iqitwishlist-view .remove-add-div button{ margin-bottom: 10px; } #history .orders .order{ padding: 1.5rem 1rem .75rem 1rem; border: 1px solid #eee; margin-bottom: 15px; background: #f7f7f7; } #discount .cart-rules.hidden-md-up{ background: #f3f3f3; border: 1px solid #ddd; padding: 10px; margin-bottom: 15px; }} #history .orders{ margin: 0!important; } .register-form .custom-checkbox input[type=checkbox]+span{width:20px;height:20px;border-radius:50px;} #form-address #form-address-inner ~ .form-group.row:nth-child(2){margin-top:40px;border-top:1px solid #bfcacb;} #registration .reginfo{ display: flex; align-items: center;} #registration .account_tooltip{ border-bottom-width: 0;margin-right: 14px;} #registration .account_tooltip i{ color: #5f7279; } #registration .reginfo h3{ margin-top: 6px;font-size: 12px;font-weight: normal;} #authentication .radio-inline .custom-radio, #registration .radio-inline .custom-radio{width:20px;height:20px;} #authentication .custom-radio input[type=radio]:checked+span, #registration .custom-radio input[type=radio]:checked+span{background-color:#0579be;width:10px;height:10px;} .register-form .custom-checkbox input[type=checkbox]+span .checkbox-checked{background-color:#0579be;color:transparent;border-radius:50px;top:0!important;} #authentication footer.form-footer, #registration footer.form-footer{display:flex!important;justify-content:center;} #login-form input[type="password"],#login-form input[type="text"]{border-radius:13px 0 0 13px;padding:.7rem 1rem;} #login-form .input-group .input-group-btn>.btn{border:solid 1px #e3e3e3;border-radius:0 13px 13px 0;font-size:12px;} #authentication #wrapper, #registration #wrapper{padding-top:1.5rem;padding-bottom:4.07143rem;} #authentication #wrapper .breadcrumb, #registration #wrapper .breadcrumb{display:block!important;} #authentication #wrapper .breadcrumb .row.align-items-center, #registration #wrapper .breadcrumb .row.align-items-center, #wrapper .breadcrumb .row.align-items-center{max-width:1200px!important;width:100%;padding-right:15px;padding-left:0;margin-right:auto;margin-left:auto;} #authentication h1.page-title, #registration h1.page-title{position:relative;font-weight:600;margin-bottom:.4em;text-align:center;font-size:1.5rem;margin-left:15px;} body#category section#wrapper{padding-top:0;} #authentication h1.page-title>div, #registration h1.page-title>div{margin-top:-10px;} .brand-logo{position:relative;display:inline-block;} .brand-logo .img-top{display:none;position:absolute;top:0;left:0;z-index:99;} .brand-logo:hover .img-top{display:inline;} @media (max-width: 650px) { #module-askforaquote-SubmitedQuotes #desktopQuotes, #history #table-res-order{ display:table!important; width: 623px; } } @media (max-width: 768px) { .main-bl .elementor-widget-html{text-align:center;} #cart .product-line-grid-body, #cart .product-line-grid-left{ text-align: center; } #block-quotes div#mobileQuotes{ display:none!important;} #module-askforaquote-SubmitedQuotes .toggleLegendPanel.hidden-md-up.btn.btn-sm.btn-info, #history .orders.hidden-md-up, #discount .cart-rules.hidden-md-up{ display: none; } #module-askforaquote-SavedQuotes #desktopQuotes, #module-askforaquote-SavedQuotes .quote_products_info table.table-bordered, #discount table.hidden-sm-down{ display:table!important; width: 768px; } #module-askforaquote-SubmitedQuotes #desktopQuotes, #history #table-res-order{ display:table!important; } #module-askforaquote-SavedQuotes .quote_products_info.table.table-bordered{ display:table!important; width: 870px; } #order-history-res-table table{ width: 880px; } #module-iqitwishlist-view #iqitwishlist-user-products{ width: 870px; overflow: hidden; } #module-askforaquote-SavedQuotes #block-quotes, #module-askforaquote-SavedQuotes #saved-qt-inner-td, #module-askforaquote-SubmitedQuotes #submitted-qt-inner-td, #history #order-history-res-table, #discount #content, #module-iqitwishlist-view #wishlist-scroll-mobile{ overflow-x: auto; } #module-askforaquote-SavedQuotes .toggleLegendPanel.btn-info{ display: none; } #module-askforaquote-SavedQuotes #saved-qt-inner-td .sav-con-qt{ margin-top: 15px; } #module-askforaquote-SubmitedQuotes td.table_link a{ display: inline-block; margin-bottom: 10px; } #search .nav-tabs .nav-item{ flex: 0 0 50%; max-width: 50%; } #search #js-product-list-top .justify-content-between.small-gutters .col.col-auto:nth-child(2){ flex: 0 0 100%; align-items: center; display: flex; justify-content: center; flex-wrap: wrap; } #search #js-product-list-top .justify-content-between.small-gutters .col.col-auto.facated-toggler{ display:none; } #search .products-selection .products-sort-nb-dropdown{ width:100%; max-width: 100%; } #manufacturer #mediaTab{ padding-top: 0; }} .home_brands img{-webkit-filter:grayscale(1);filter:grayscale(1);} .home_brands .swiper-slide a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);} #c_id_country_det .col-md-6,#birthday_inner .col-md-6,#company_birthday_inner .col-md-6{position:relative;} #c_id_country_det .col-md-6:before{content:"Country*";color:#808080;position:absolute;left:30px;top:10px;} #company_birthday_inner .col-md-6:before{content:"Date of Incorporation*";color:#808080;position:absolute;left:30px;top:10px;} #birthday_inner .col-md-6:before{content:"Birth Date*";color:#808080;position:absolute;left:30px;top:10px;} #birthday_inner input[type="date"],#company_birthday_inner input[type="date"]{text-align:right;text-transform:uppercase;} #c_id_country{direction:rtl;} #phone .prefix, #company_phone1 .prefix, #company_phone2 .prefix, #div_company_phone2 .prefix{position:absolute;top:10px;left:2%;z-index:5;} /* Category CSS */ #category .product-unavailable{ padding: 5px 10px 5px 5px; } #category div#js-product-list-top .view-switcher{ flex: 0 0 20%; max-width: 20%; } #category div#js-product-list-top .small-gutters{ flex: 0 0 80%; max-width: 80%; position: relative; justify-content: flex-end!important; margin: 0!important; } #category .row.align-items-center.justify-content-between.small-gutters .col.col-auto{ position: relative; } #manufacturer h1.h1.page-title{border-bottom:none;} #manufacturer .view-switcher p.custom-text-disc{display:none;} div#View_brand_image{margin-top:-30px;} div#js-product-list-header{max-width:1200px!important;margin:0 auto;} #content-wrapper .ms-grid .row{padding-bottom:70px;} /*body .fa {width: 10px !important; }*/ .block.block-toggle.block-categories.block-links.js-block-toggle h5.block-title{display:none!important;} .block-categories .collapse-icons{top:15px!important;} div#events_block_left{display:none;} .block-links ul>li a:before{display:none;} body#category .product-miniature-grid .product-price{ font-weight: 500; } body#category .product-miniature-grid .product-title a{ color:#000!important; height: 35px!important; display: inline-block; overflow: hidden; } body#category .product-miniature-grid .product-title a:hover{ color:#007bff!important;} body#category .product-miniature-grid .product-reference a{ font-size: 12px; } body#category .product-miniature-grid .custom-view-btn button{ border-width: 0; font-size: 15px; text-transform: capitalize; padding: 3px 15px; margin-top: 15px; border-radius: 5px; } body#category section#wrapper{width:100%!important;margin:0 auto;} div#content-wrapper .product-list-subcategories{display:block;} .product-list-subcategories{display:none;} a.header-btn.header-user-btn span{font-size:14px !important;} nav#cbp-hrmenu ul li,nav#cbp-hrmenu ul{text-align:center!important;float:none;} @media (min-width: 767px) and (max-width:1024px) { .product-list-subcategories .col-6.col-md-3.col-lg-3{border:1px solid #c7c7c7;margin-left:1%;margin-bottom:1%; max-width:32%!important;flex:0 0 32%; } } @media (min-width: 1024px) { .product-list-subcategories .col-6.col-md-3.col-lg-3{ border:1px solid #c7c7c7;margin-left:1%;margin-bottom:1%; width:22%!important;flex:0 0 23.75%; } } .products-sort-nb-dropdown.products-sort-order.dropdown.show .dropdown-menu.show, .products-sort-nb-dropdown.products-nb-per-page.dropdown.show .dropdown-menu.show{ border-radius: 10px; left: 0px!important; } .products-sort-nb-dropdown.products-sort-order.dropdown a, .products-sort-nb-dropdown.products-nb-per-page.dropdown a{ margin-left: 10px; } @media (min-width: 767px) { #category div#js-product-list-top{ display: flex; justify-content: space-around; flex-wrap: wrap; } .block.block-toggle.block-categories.block-links.js-block-toggle .category-top-menu.block-content{padding-top:30px;} body#category div#left-column{display:flex;flex-direction:column-reverse;justify-content:flex-end;border-right:1px solid #c7c7c7;padding-left: 30px;} .products-sort-nb-dropdown.products-sort-order.dropdown a, .products-sort-nb-dropdown.products-nb-per-page.dropdown a{width:199px!important; } .product-list-subcategories .row{padding-left:20px;} .subcategory-image img.img-fluid{width:60%; height: auto;} ul.category-sub-menu li a,p.custom-text-disc{text-align:left;padding:2%;} #wrapper .block-title{border-bottom:none;} div#search_filters aside.facet.clearfix{border-bottom:1px solid #c7c7c7;} .container nav.breadcrumb{background:#f3f3f3!important;} #wrapper .breadcrumb li:after{content:">"!important;} .js-product-miniature-wrapper.col-6.col-md-3.col-lg-3.col-xl-3,#category .js-product-miniature-wrapper.col-6.col-md-3.col-lg-4.col-xl-4{margin-right:1%;margin-bottom:2%;flex:0 0 24%;} div#js-product-list-top{border:none;} #search_filters .facet .facet-type-radio,#search_filters .facet > .facet-type-checkbox,#search_filters_brands .facet .facet-type-radio,#search_filters_brands .facet > .facet-type-checkbox,#search_filters_suppliers .facet .facet-type-radio,#search_filters_suppliers .facet > .facet-type-checkbox{max-height:140px;overflow-x:auto;} ul.facet-type-radio::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;} ul.facet-type-radio::-webkit-scrollbar-thumb{background:rgb(5,121,190);border-radius:10px;} ul.facet-type-radio::-webkit-scrollbar-thumb:hover{background:#b30000;} ul.facet-type-radio::-webkit-scrollbar{width:10px;} } @media (min-width: 1200px) { .block.block-footer.block-toggle.block-social-links.js-block-toggle h5{text-align:right!important;} } @media (max-width: 1300px) { nav#cbp-hrmenu span.cbp-tab-title{font-size:12px!important;font-weight:300!important;} } @media (max-width: 1200px) { #ps-shoppingcart-wrapper{ padding-right: 3px; } .row-mobile-header #ps-shoppingcart-wrapper #headerblockcart > a, .row-mobile-header #header-user-btn > a{ color: #ffffff; } #ps-shoppingcart-wrapper .header-btn.header-user-btn span{ right: -6px!important; } .row-mobile-header #ps-quote-wrapper>a { padding-right: 0!important; } .row-mobile-header #ps-quote-wrapper{ padding: 0 0px 0 5px; } .row-mobile-header #mobile-btn-search a >i, .row-mobile-header #header-user-btn a >i{ font-size: 1.6rem;} #ps-quote-wrapper .nav-account-menu{ right:-15px!important; } #header .header-btn-w .nav-account-menu{ right: -3px!important; } .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-1.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-3.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-4.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-5.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-6.block-links.js-block-toggle,.col-12.col-md-auto{padding-left:0;} .elementor-element.elementor-element-oaaoiu0 .elementor-iqit-banner .elementor-iqit-banner-description,.elementor-element.elementor-element-dq18eiy .elementor-iqit-banner .elementor-iqit-banner-description{font-size:18px;font-family:Poppins;padding:5px;} .elementor-element.elementor-element-dq18eiy .elementor-iqit-banner .elementor-iqit-banner-title,.elementor-element.elementor-element-oaaoiu0 .elementor-iqit-banner .elementor-iqit-banner-title{font-size:24px;font-family:Poppins;} .col.col-auto.col-mobile-btn.col-mobile-btn-account p{font-size:16px;} #desktop-header{display:none!important;} .elementor-element-1kdfgom,.elementor-element-fix5xab{padding:10px 0;} #mobile-header{display:block;} .brnd-saction-top2 p{font-size:16px;padding:0 30px;} .brnd-saction-top1.home-miro-contant1 p{font-size:24px;} .brnd-saction-top3 a{font-size:12px;} .brnd-saction-top3.home-miro-contant3 a,span.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-primary span{font-size:12px;} h4.elementor-iqit-banner-title{font-size:16px;padding:0 50px;} #footer .block-title{font-size:18px;} #footer-container-main a{font-size:14px;} .ps-emailsubscription-block{width:100%;} .brnd-saction-top{height:auto;} .home-page-corousal{font-size:24px;} .home-page-corousal-anchor{font-size:14px;} .elementor-element.elementor-element-te12qbj .elementor-heading-title,.elementor-element.elementor-element-jg6hayr .elementor-heading-title{font-size:30px;} } @media (max-width: 767px) { div#js-product-list-top{display:flex;justify-content:space-around; border-width: 0;} .js-product-miniature-wrapper.col-6.col-md-3.col-lg-3.col-xl-3{margin:1%;margin-bottom:2%;flex:0 0 48%;} p.custom-text-disc{display:none;} .cpyright-saction-top p{text-align:center;} div#left-column{display:none;} .cpyright-saction-top{flex-direction:column;justify-content:center!important;text-align:center;} .ps-emailsubscription-block{width:80%;} .product-list-subcategories .col-6.col-md-3.col-lg-3{border:1px solid #c7c7c7;margin:2%;flex:0 0 46%;} .subcategory-image img.img-fluid{width:60%; height: auto;} p.category-page-bottom-img{display:none;} .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-1.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-3.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-4.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-5.block-links.js-block-toggle,.col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-6.block-links.js-block-toggle,.col-12.col-md-auto{padding-left:15px;} } .account_tooltip .account_tooltiptext { visibility: hidden; width: 90%; background-color: #fff; color: #2c3335; text-align: justify; padding:15px; border-radius: 6px; border: 2px solid #5f7279; position: absolute; z-index: 1;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); } .account_tooltip .account_tooltiptext:before{ content: ""; position: absolute; bottom: 100%; left: 0; border-width: 8px; border-style: solid; border-color: transparent transparent #5f7279 transparent; } .account_tooltip:hover .account_tooltiptext { visibility: visible; } .reassuranceQuoteRow{ padding: 0; margin-top: unset; box-shadow: 0 0 transparent!important;} #checkout .modal#addtoaccountmodal { z-index: 999999;} #Business-info #company_birthday_inner { display: none;} /*#product .product-manufacturer { display: none; }*/ /* Category*/ .product-list-subcategories .custum-category-name { height: 88px; } /*UI CODE End*/ /* END */ .product-flags .discount, .product-flags .on-sale { background: #dc3545; color: #fff; font-size: 0.95rem; } .product-prices .discount { display :none; background: #dc3545; color: #fff; } #iqitreviews_submit.btn.btn-primary:hover{ width:180px!important; } div#iqit-reviews-top .btn-primary:hover{ width:160px!important; } article.address-hide-load{ display:none!important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child { display: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child { display: inline-block !important; } #unmute { z-index: 1000 !important; display:block; } #mute { z-index: 50 !important; display:block; } #index #rev_slider_1_1_forcefullwidth .rev-hiddenicon#unmute, #index #rev_slider_1_1_forcefullwidth .rev-hiddenicon#mute{font-weight: 900 !important; text-transform: uppercase !important; right: 10px !important;} /* * Custom code goes here. * A template should always ship with an empty custom.css */ #authentication #getphoneform.twf_div, #authentication #logintwofactor.twf_div, #registration #getphoneform.twf_div, #registration #logintwofactor.twf_div { background: transparent url(/img/cms/blue-bg-img.jpg) 0% 0%/cover no-repeat scroll; color: #FFF; background: #374348; } #authentication #getphoneform .cross, #authentication #logintwofactor .cross, #registration #getphoneform .cross, #registration #logintwofactor .cross { color: #fff; } #authentication #getphoneform #getphoneform_content, #authentication #logintwofactor #logintwofactor_content p.form-group, #registration #getphoneform #getphoneform_content, #registration #logintwofactor #logintwofactor_content p.form-group { margin-top: 20px; } #authentication #getphoneform #lbm_getPhone_country, #registration #getphoneform #lbm_getPhone_country { background-image: none; } #authentication #logintwofactor #logintwofactor_content #lbmResendTwoFactorOTP, #registration #logintwofactor #logintwofactor_content #lbmResendTwoFactorOTP { color: #FFF; margin-bottom: 15px; display: inline-block; } #authentication #getphoneform #lbm_getPhone_country, #registration #getphoneform #lbm_getPhone_country { background-image: none; } #authentication #getphoneform #lbmSubmitPhone, #authentication #logintwofactor #lbmSubmitSecureKey, #registration #getphoneform #lbmSubmitPhone, #registration #logintwofactor #lbmSubmitSecureKey { background: #0d79bf; border: 1px solid #fff; font-weight: 600; font-size: 17px; border-radius: 5px; width: 100%; margin-bottom: 15px; padding: 10px; color: #FFF; } #checkout #iqitwishlist-modal .modal-dialog .modal-content .modal-body #logintwofactor, #checkout #iqitwishlist-modal .modal-dialog .modal-content .modal-body #getphoneform { display: flex; background: transparent url(/img/cms/blue-bg-img.jpg) 0% 0%/cover no-repeat scroll; color: #FFF; flex-direction: column; justify-content: center; } #checkout #iqitwishlist-modal .modal-dialog .modal-content .modal-body #logintwofactor #logintwofactor_content p.submit button#lbmSubmitSecureKey, #checkout #iqitwishlist-modal .modal-dialog .modal-content .modal-body #getphoneform form button { background: #0d79bf; border: 1px solid #fff; font-weight: 600; font-size: 17px; border-radius: 5px; width: 100%; margin-bottom: 15px; padding: 10px; color: #FFF; } #checkout #iqitwishlist-modal .modal-dialog .modal-content .modal-body #getphoneform form select { background-image: none; } .card-text.admin-invoice-form .col-sm select, .card-text.admin-invoice-form .col-sm input#order-input { width: 100% !important; height: 35px !important; background: #fff !important; } .card-text.delivary-slip-style .form-group.row select { width: 100%; height: 35px; background: #fff; border: 1px solid #bbcdd2; } .firstname-error { margin-left: 900px; margin-top: -44px !important; line-height: 5px; } .lastname-error { margin-top: 19px !important; } .card-text.delivary-slip-style .form-group.row input#order-value { width: 100%; height: 35px; background: #fff; border: 1px solid #bbcdd2; } .card-text.admin-invoice-form select { width: 100%; height: 35px; background: #fff; border: 1px solid #bbcdd2; } .card-text.admin-invoice-form input#order-input { width: 100%; height: 35px; background: #fff; border: 1px solid #bbcdd2; } div#careertitle { font-family: Poppins; font-style: normal; font-weight: 700; font-size: 36px; color: rgba(255, 255, 255, 1); } div#descrition-div { font-size: 16px; color: rgba(255, 255, 255, 1); font-family: Poppins; font-style: normal; font-weight: 500; margin-top: 20px; } .jobheader { text-align: center; } ul.list.img-list.job-list { display: flex!important; flex-direction: column; } @media(max-width: 1200px) and (min-width: 991px) { #mobile-header { display: block !important; } #desktop-header { display: none !important; } } /* Style the tab */ #manufacturer .tab { float: left; width: 25%; padding-right: 25px; padding-top: 25px; } /* Style the buttons inside the tab */ #manufacturer .tab button { display: block; background-color: inherit; color: #333; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; font-size: 16px; border-bottom: solid 1px #e3e3e3; font-weight: 600; padding: 8px 0; } .my-account-page-content.col-sm-9 { flex: 0 0 100%; max-width: 100%; } /*****************wishlist page****************************************/ .remove-add-div { text-align: right; } button.removeitem { width: 10rem; border: 1px solid; border-radius: 6px; height: 40px; color: rgb(5, 121, 190)!important; cursor: pointer; padding: 0; margin-right: 10px; background: rgb(255, 255, 255); } button.product-cart { width: 10rem; background: rgb(5, 121, 190)!important; height: 40px; border-radius: 6px; color: #fff; cursor: pointer; padding: 0; border: 1px solid; } div.wishlist-header { height: 50px; background-color: #25343a; width: 100%; margin-top: 20px; margin-bottom: 25px; color: white; display: flex; align-items: center; } .wishlist-select, .wishlist-availability, .wishlist-date, .wishlist-price { width: 15%; display: flex; justify-content: center; } .wishlist-title { width: 40%; display: flex; align-items: center; } input.checkbox-round { width: 1.1em; height: 1.1em; background-color: white; border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; -webkit-appearance: none; outline: none; cursor: pointer; } input.checkbox-round:checked { border-color: rgb(5, 121, 190)!important; border: 3px solid; } input.checkbox-rounded { width: 1.4em; height: 1.4em; background-color: white; border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; -webkit-appearance: none; outline: none; cursor: pointer; margin-right: 12px; } input.checkbox-rounded:checked { border-color: rgb(5, 121, 190)!important; border: 3px solid; } .select-div { position: absolute; top: 15px; } label.check-label { font-weight: 600; } .url-wishlist a { color: rgb(5, 121, 190) !important; } #product-array li { visibility: hidden; } #cart-array li { visibility: hidden; } div#iqitwishlist-share { display: block; } #product .g-recaptcha { -webkit-transform: scale(.6) !important; transform-origin: 0 0 !important; } .cms-id-15 section.contact-form .form-group.row .col-md-6 input.btn.btn-primary, body#product section.contact-form .form-group.row .col-md-6 input.btn.btn-primary { width: 100% !important; height: 45px !important; border-radius: 5px !important; } ul#cart-array { display: flex; } #module-iqitwishlist-view h1.h1.page-title { font-size: 20px; margin-left: 12px; } #module-iqitwishlist-view .col-sm-9 h2 { display: none; } td.calendar-day.mat_event_single_holder div.test a { background-color: #b8ebef!important; padding: 5px; border-radius: 10px; } #module-eventsmanager-events div.test { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 109px; } /* Change background color of buttons on hover */ #manufacturer .tab button:hover {} /* Create an active/current "tab button" class */ #manufacturer .tab button.active {} /* Style the tab content */ #manufacturer .tabcontent { float: left; padding-left: 24px; padding-top: 25px; width: 75%; border-left: none; border-left: solid 1px #e3e3e3; } #manufacturer .tabcontent .h1.page-title { border-bottom: 0; } #manufacturer .brand-banner-img img { max-width: 100%; } #manufacturer #wrapper .breadcrumb { margin-bottom: 0; } #manufacturer .ms-grid { margin: 0 15vw; } #manufacturer .ms-grid .brand { width: 20% !important; flex: 0 0 20% !important; max-width: 20%; } #manufacturer #mediaTab { background-color: #000; } #manufacturer .mediaTabOpened { width: 100%; position: relative; padding-bottom: 50px; background-color: white; } #manufacturer .mediaTabOpened .customContainer { max-width: 1240px; margin: 0 auto; } #manufacturer .mediaTabOpened .tab button, #manufacturer .mediaTabOpened .h1.page-title { color: #fff; } /* #manufacturer .mediaTabOpened .tabcontent { border-left: solid 1px #454f51; } */ #manufacturer .mediaTabOpened .tab button { color: black; } #manufacturer .brand-img img:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.02); } #manufacturer iframe.vd-lnk { margin-top: 30px; } @media(max-width: 1024px) { #manufacturer .ms-grid { margin: 0 10vw; } #manufacturer .ms-grid .brand { width: 25% !important; flex: 0 0 25% !important; max-width: 25%; } } @media(max-width: 767px) { #manufacturer .ms-grid { margin: 0 5vw; } #manufacturer .ms-grid .brand { width: 50% !important; flex: 0 0 50% !important; max-width: 50%; } } @media(max-width: 767px) { #manufacturer .tab, #manufacturer .tabcontent { width: 100%; float: none; } #manufacturer .tab { padding-right: 0; padding-bottom: 25px; } #manufacturer .tabcontent { padding-left: 0; border-left: 0; } #manufacturer .mediaTabOpened .customContainer { padding: 0 25px; } #manufacturer .mediaTabOpened .tabcontent { border-left: 0; } #manufacturer iframe.vd-lnk { width: 100%; } } /****************************************************/ @media (min-width: 768px) and (max-width: 1250px) { #manufacturer .tab { padding-left: 25px; } } @media (min-width: 320px) and (max-width: 575px) { #manufacturer a.btn.btn-primary.vw-btn { width: 100% !important; } #manufacturer iframe.vd-lnk { height: 65vw; } } @media (min-width: 576px) and (max-width: 767px) { #manufacturer a.btn.btn-primary.vw-btn { width: 90% !important; } } #manufacturer .products-variants { display: none !important; } #manufacturer article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature { margin-top: 5px; margin-left: 3px; margin-bottom: 5px; } /*#manufacturer a.btn.btn-primary.vw-btn { background-color: #337ab7; border-radius: 7px; font-family: 'Poppins'; font-size: 15px; }*/ /*#manufacturer .products-grid .product-miniature-layout-1 .product-description { padding-bottom: 40px; } #manufacturer a.btn.btn-primary.vw-btn { position: absolute; bottom: 0; left: 0; right: 0; width: 80%; margin: auto auto 10px auto; background-color: #337ab7; border-radius: 7px; font-family: 'Poppins'; font-size: 15px; }*/ #manufacturer .products-grid .product-miniature-layout-1 .product-description { align-items: center; } #manufacturer .products-grid .product-miniature-layout-1 .product-description div { flex: 1; } #manufacturer a.btn.btn-primary.vw-btn { align-self: center; justify-content: center; background-color: #337ab7; border-radius: 7px; font-family: 'Poppins'; font-size: 15px; width: 95%; } #manufacturer span.product-price.prc-clr { color: #000; font-weight: 600; } #manufacturer span.regular-price.text-muted.rglr-prc-clr { color: #000 !important; font-weight: 600 !important; } #manufacturer .products-selection { margin: 0; padding: .8rem 0; border-top: none; border-bottom: none; } #manufacturer a.btn.btn-primary.vw-btn { display: block !important; } #manufacturer a.select-title.expand-more.form-control { border-radius: 7px; border-color: #776e6e; } #manufacturer .select-title .select-title-name { padding-right: 5rem; } /********Brand List Page CSS Starts Here********/ #manufacturer .ms-grid { margin: 0 15vw; } #manufacturer h1.h1.page-title { text-align: center; padding-top: 10px; font-size: 30px; } #manufacturer img.logo-img { width: 200px; height: auto; } div#View_brand_image { text-align: center; overflow: visible; white-space: nowrap; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; color: rgba(5, 121, 190, 1); } img.img-fluid.logo-img { margin-bottom: -105px; } #manufacturer div#content-wrapper { margin-bottom: 130px; } #manufacturer img.logo-img { -webkit-filter: grayscale(1); filter: grayscale(1); } #manufacturer img.logo-img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -webkit-transform: scale(1.02); } /* #manufacturer img.logo-img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } #manufacturer img.logo-img:hover{ transition: filter .5s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); } */ @media(max-width: 1024px) { #manufacturer .ms-grid { margin: 0 10vw; } #manufacturer .ms-grid .brand { width: 25% !important; flex: 0 0 25% !important; max-width: 25%; } } @media(max-width: 767px) { #manufacturer .ms-grid { margin: 0 5vw; } #manufacturer .ms-grid .brand { width: 50% !important; flex: 0 0 50% !important; max-width: 50%; } } /********Brand List Page CSS Ends Here********/ body#category section#wrapper { width: 90%; margin: 0 auto; } div#content-wrapper .product-list-subcategories { display: block; } .product-list-subcategories { display: none; } a.header-btn.header-user-btn span { font-size: 16px; } nav#cbp-hrmenu ul li, nav#cbp-hrmenu ul { text-align: center !important; float: none; } .container, .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1600px; } @media (min-width: 767px) { .block.block-toggle.block-categories.block-links.js-block-toggle .category-top-menu.block-content { padding-top: 30px; } body#category div#left-column { display: flex; flex-direction: column-reverse; justify-content: flex-end; } .products-sort-nb-dropdown.products-sort-order.dropdown a, .products-sort-nb-dropdown.products-nb-per-page.dropdown a { width: 199px !important; } body#category div#left-column { border-right: 1px solid #c7c7c7; } .product-list-subcategories .col-6.col-md-3.col-lg-3 { border: 1px solid #c7c7c7; margin-left: 1%; margin-bottom: 1%; width: 22% !important; flex: 0 0 23.75%; } .product-list-subcategories .row { padding-left: 20px; } .subcategory-image img.img-fluid { height: 150px; } ul.category-sub-menu li a, body#category .container { padding-left: 0; } p.custom-text-disc { text-align: left; padding: 2%; } #wrapper .block-title { border-bottom: none; } div#search_filters aside.facet.clearfix { border-bottom: 1px solid #c7c7c7; } .container nav.breadcrumb { background: #f3f3f3 !important; } #wrapper .breadcrumb li:after { content: ">" !important; } .js-product-miniature-wrapper.col-6.col-md-3.col-lg-3.col-xl-3 { margin-right: 1%; margin-bottom: 2%; flex: 0 0 24%; } div#js-product-list-top { border: none; } #search_filters .facet .facet-type-radio, #search_filters .facet>.facet-type-checkbox, #search_filters_brands .facet .facet-type-radio, #search_filters_brands .facet>.facet-type-checkbox, #search_filters_suppliers .facet .facet-type-radio, #search_filters_suppliers .facet>.facet-type-checkbox { max-height: 140px; overflow-x: auto; } ul.facet-type-radio::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ul.facet-type-radio::-webkit-scrollbar-thumb { background: rgb(5, 121, 190); border-radius: 10px; } ul.facet-type-radio::-webkit-scrollbar-thumb:hover { background: #b30000; } ul.facet-type-radio::-webkit-scrollbar { width: 10px; } } @media (min-width: 1200px) { .block.block-footer.block-toggle.block-social-links.js-block-toggle h5 { text-align: right !important; } } @media (max-width: 1300px) { nav#cbp-hrmenu span.cbp-tab-title { font-size: 12px !important; font-weight: 300 !important; } } @media (max-width: 1200px) { .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-1.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-3.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-4.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-5.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-6.block-links.js-block-toggle, .col-12.col-md-auto { padding-left: 0; } .elementor-element.elementor-element-oaaoiu0 .elementor-iqit-banner .elementor-iqit-banner-description, .elementor-element.elementor-element-dq18eiy .elementor-iqit-banner .elementor-iqit-banner-description { font-size: 18px; font-family: Poppins; padding: 5px; } .elementor-element.elementor-element-dq18eiy .elementor-iqit-banner .elementor-iqit-banner-title, .elementor-element.elementor-element-oaaoiu0 .elementor-iqit-banner .elementor-iqit-banner-title { font-size: 24px; font-family: Poppins; } .col.col-auto.col-mobile-btn.col-mobile-btn-account p { font-size: 16px; } #desktop-header { display: none !important; } .elementor-element-1kdfgom, .elementor-element-fix5xab { padding: 10px 0; } #mobile-header { display: block; } .brnd-saction-top2 p { font-size: 16px; padding: 0 30px; } .brnd-saction-top1.home-miro-contant1 p { font-size: 24px; } .brnd-saction-top3 a { font-size: 12px; } .brnd-saction-top3.home-miro-contant3 a, span.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-primary span { font-size: 12px; } h4.elementor-iqit-banner-title { font-size: 16px; padding: 0 50px; } #footer .block-title { font-size: 18px; } #footer-container-main a { font-size: 14px; } .ps-emailsubscription-block { width: 50%; } .brnd-saction-top { height: auto; } .home-page-corousal { font-size: 24px; } .home-page-corousal-anchor { font-size: 14px; } .elementor-element.elementor-element-te12qbj .elementor-heading-title, .elementor-element.elementor-element-jg6hayr .elementor-heading-title { font-size: 30px; } } @media (max-width: 767px) { div#js-product-list-top { display: block !important; justify-content: space-around; } .js-product-miniature-wrapper.col-6.col-md-3.col-lg-3.col-xl-3 { margin: 1%; margin-bottom: 2%; flex: 0 0 48%; } p.custom-text-disc { display: none; } .cpyright-saction-top p { text-align: center; } div#left-column { display: none; } .cpyright-saction-top { flex-direction: column; justify-content: center !important; text-align: center; } .ps-emailsubscription-block { width: 80%; } .product-list-subcategories .col-6.col-md-3.col-lg-3 { border: 1px solid #c7c7c7; margin: 2%; flex: 0 0 46%; } .subcategory-image img.img-fluid { height: 150px; } p.category-page-bottom-img { display: none; } .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-1.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-3.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-4.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-5.block-links.js-block-toggle, .col.col-md.block.block-toggle.block-iqitlinksmanager.block-iqitlinksmanager-6.block-links.js-block-toggle, .col-12.col-md-auto { padding-left: 15px; } } /*category_page*/ body#category main#main-page-content { background: #fff; } div#content-wrapper div#js-product-list-header, section#products { display: none; } /*body#category div#search_filters{ display: none; }*/ body#category .product-list-subcategories .subcategory-image { border: none; } ul.category-sub-menu li[data-depth="0"] { border-bottom: 1px solid #c7c7c7; padding: 10px 0; text-align: left; font-family: Poppins; font-style: normal; font-weight: bold; font-size: 16px; color: rgba(17, 22, 24, 1); letter-spacing: 0.25px; } ul.category-sub-menu li[data-depth="1"] { text-align: left; font-family: Poppins; font-style: normal; font-weight: lighter; font-size: 16px; color: rgba(95, 114, 121, 1); padding: 5px; } .product-list-subcategories a.subcategory-name { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 20px; color: rgba(17, 22, 24, 1) !important; } .custum-category-name { padding-top: 2rem; } a.subcategory-link { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 12px; color: rgba(5, 121, 190, 1) !important; } div#js-product-list-header h1.h1.page-title span { font-weight: bold; font-size: 26px; color: rgba(17, 22, 24, 1); } div#js-product-list-header { padding: 20px 0; } p.category-page-bottom-img { margin: 3% 1% 0; width: 100%; } .custom-view-btn button { background: rgb(5, 121, 190) !important; height: 30px; width: 100%; border-radius: 10px; color: #fff; cursor: pointer; } .product-functional-buttons.product-functional-buttons-bottom { display: none; } .col.col-auto.facated-toggler.hidden-md-up { display: none; } .products-sort-nb-dropdown.products-sort-order.dropdown a, .products-sort-nb-dropdown.products-nb-per-page.dropdown a { width: 145px; height: 40px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; } article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature { display: flex; flex-direction: column; justify-content: space-between; } #search_filters .noUi-horizontal { height: 10px; } #search_filters .noUi-connect { background: #fff; border: 1px solid #c7c7c7; border-radius: 10px; } .noUi-handle.noUi-handle-lower .noUi-touch-area:focus { outline: none; } #search_filters .noUi-horizontal .noUi-handle { height: 10px; top: 0px; cursor: pointer; border: 1px solid rgba(161, 161, 161, 0.25); box-shadow: none; } .noUi-handle.noUi-handle-lower .noUi-touch-area { width: 30px; background: rgb(5, 121, 190); border-radius: 10px; } .noUi-handle.noUi-handle-upper { display: none; } #Refine_By { display: none; margin: 1.8rem 0; text-align: left; font-family: Poppins; font-style: normal; font-weight: lighter; font-size: 16px; color: rgba(95, 114, 121, 1); letter-spacing: 0.25px; } .products-sort-nb-dropdown.products-sort-order.dropdown.show .dropdown-menu.show a, .products-sort-nb-dropdown.products-nb-per-page.dropdown.show .dropdown-menu.show a { color: #fff !important; font-style: normal; font-weight: lighter; font-size: 12px; border-bottom: none; } .products-sort-nb-dropdown.products-sort-order.dropdown.show .dropdown-menu.show, .products-sort-nb-dropdown.products-nb-per-page.dropdown.show .dropdown-menu.show { background: rgb(95, 114, 121); } #category .row.align-items-center.justify-content-between.small-gutters { position: relative; margin: 20px 0; } #category .row.align-items-center.justify-content-between.small-gutters .col.col-auto { position: absolute; right: 0; } #search_filters .noUi-horizontal .noUi-handle { height: 10px !important; top: -2px !important; cursor: pointer !important; border: 1px solid rgba(161, 161, 161, .25) !important; box-shadow: none !important; } .training-event-logo img { width: 60%; margin: 0 auto; } body#category div#events_block_left { display: none; } /*************************************/ #manufacturer .manufacturer-ttl { display: flex; justify-content: space-between; align-items: center; } #manufacturer .manufacturer-ttl h2.h1.page-title.brand-mnchr-ttl { color: #333; text-align: left; font-size: 1.57143rem; font-style: normal; font-weight: bold; text-transform: none } #manufacturer .manufacturer-ttl { padding-left: 15px; padding-right: 15px; margin-bottom: 20px !important; } #manufacturer a.brand-content-lnk { color: rgba(5, 121, 190, 1) !important; padding-left: 20px; } .brand-cntnt-div { display: none; } #manufacturer .brand-cntnt-div { display: block; } #manufacturer div#content-wrapper { margin-bottom: 0 !important; } #manufacturer .customContainer .pagination .page-list li.current { border-color: #fff !important; } #manufacturer .products-selection { padding-bottom: 20px !important; } /**************************************************************************************************************/ div#iqit-reviews-modal .modal-dialog { max-width: 800px !important; } div#iqit-reviews-top { position: absolute; right: 0; } div#iqit-reviews { position: relative; } /* mcpk */ .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { color: #fff !important; background-color: #0062cc !important; border-color: #005cbf !important; /*width: 160px;*/ } .btn-primary { width: 160px; } form#iqitreviews-productreview-form { padding: 40px; color: #777; font-family: poppins; } .review-container { display: flex; font-size: 20px; font-weight: 400; font-family: poppins; color: #2e3133; } .fa-star-o:before, .fa-star:before { color: #000; font-size: 16px; } .iqitreviews-review .comment { color: #494c4e; font-weight: 400; } .iqitreviews-review .rating { padding-left: 15px; } i.fa.fa-star.iqit-review-star, i.fa.fa-star-o.iqit-review-star { width: 15px; } textarea#ContMessage, div#iqitreviews-productreview-fields textarea { height: 200px; } .product_header_container.clearfix .container { padding: 0; } #product #wrapper .product_header_container.clearfix .breadcrumb.categories-bcm li:after { content: ","!important; color: #000; } #product .categories-bcm .align-items-center li:last-child { display: none; } #product .categories-bcm .align-items-center li:first-child:after, #product .categories-bcm .align-items-center li:last-child:after { display: none; } .review-header-alignment .modal-title { font-weight: 500; } input#files::-webkit-file-upload-button { border: none; background: #fff; color: rgba(5, 121, 190, 1); } div#fileattach label { color: rgb(78, 87, 88); } .rating i.fa.fa-star-o.iqit-review-star { display: none; } select#location { height: auto !important; padding: .6rem 1rem; } #product .product-cover .expander { color: #c7c7c7 !important; background: transparent !important; top: 10px !important; height: 40px !important; } #product .product-cover .expander span { background: transparent !important; color: #777 !important; } #product .product-quantity .qty-ttl-spn { padding-left: 15px!important; } #product #wrapper nav.breadcrumb { display: none !IMPORTANT; } #product #inner-wrapper nav.breadcrumb { display: block !IMPORTANT; width: 100vw; margin-left: -5vw; } .col-md-6.col-product-info .container nav.breadcrumb.categories-bcm { margin-left: 0 !important; width: auto !important; } #product h1.h1.page-title { border: none; } #employment input { padding: 8px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; font-family: Poppins; font-size: 16px; width: 100%; } div#fileattach label { margin: 0; } .product_header_container.clearfix .breadcrumb a { color: #007bff!important; } div#main-product-wrapper { padding-top: 6rem; } /***************CSS for media button single product page****************************/ button.btn.btn-secondary.mr-1.ml-1 { border-radius: 25px; background: rgb(5, 121, 190); color: white; padding: 7px 3px; background: rgb(5, 121, 190); color: #fff; font-size: 12px; } button#pdf-doc { padding: 7px 6px; } button.btn.btn-secondary.mr-1.ml-1 .fa { padding-left: 5px; } /**************************career page********************************************************/ img#back-image { width: 100vw; filter: brightness(0.5); margin-left: -5vw !important; margin-top: -1.5vw !important; } .career-first { position: relative; text-align: center; } div#careershead { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); font-family: Poppins; font-style: normal; font-weight: bold; font-size: 36px; color: rgba(255, 255, 255, 1); } div#Thank_div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: rgba(255, 255, 255, 1); font-family: Poppins; font-style: normal; font-weight: bold; } .job-post { position: relative; } div#Centurionjob { font-family: Poppins; font-style: normal; font-weight: bold; font-size: 26px; color: rgba(17, 22, 24, 1); margin-top: 8%; display: flex; /*justify-content: space-between;*/ width: 45%; margin-left: 10rem; } div#Job_Description_block { display: flex; flex-direction: column; width: 50%; } #Job_Description_block span { font-size: 16px; } hr.line-break { width: 80%; margin-top: 5%; } .career-block { margin-bottom: 100px; } .jobtitle { width: 50%; } div#Group_721 { display: none; } .after-cover-tumbnails.text-center { text-align: left !important; padding-top: 20px; } #Group_726 { position: absolute; width: auto !important; height: auto !important; } #Group_723 { position: absolute; width: auto !important; height: auto !important; } button.btn.btn-secondary.mr-1.ml-1 .fa { padding-left: 10px !IMPORTANT; } button.btn.btn-secondary.mr-1.ml-1:focus { border: none; } button#brnad-img-close { float: right; background: rgba(5, 121, 190, 1); box-shadow: none; border: none; color: white; font-size: 15px; font-family: Poppins; font-weight: 300; } section#content .career-block .career-first { padding-top: 28rem; } @media (max-width: 767px) and (min-width: 576px) { div#Centurionjob { width: 75%; margin-left: 8rem; } div#Thank_div { margin-top: 0; width: 80%; top: 45%; } div#careershead { font-size: 30px; } #careers section#wrapper { background-size: 100% 300px; } } @media (min-width: 320px) and (max-width: 575px) { div#Centurionjob { display: block; margin-left: 10%; width: 100%; margin-top: 8%; } .jobtitle { width: 100%; margin-bottom: 30px; } div#Job_Description_block { width: 100%; } div#Thank_div { margin-top: 0; font-size: 12px; width: 100%; margin: 0 auto; top: 45%; } div#careershead { font-size: 30px; } #careers section#wrapper { background-size: 100% 300px; } #product #main-product-wrapper .product-price-wrapper .current-price-new { margin-left: 0 !important; } } @media (max-width: 1024px) and (min-width: 768px) { section#content .career-block .career-first { padding-top: 32rem; } div#Thank_div { width: 100%; top: 45%; } div#Centurionjob { width: 75%; margin-left: 8rem; } } button#brand_image_btn { background: white; border: none; text-align: center; overflow: visible; white-space: nowrap; font-family: Poppins; font-style: normal; font-weight: 400; font-size: 16px; color: rgba(5, 121, 190, 1); cursor: pointer; } button#brand-img-close { float: right; background: white; border: none; cursor: pointer; color: rgba(5, 121, 190, 1); font-family: Poppins; font-size: 16px; font-weight: 500; } input#iqitreviews_submit { font-weight: 400 !important; font-size: 15px; font-family: Poppins; height: 45px; width: 180px; border-radius: 5px; } .after-cover-tumbnails.text-center { text-align: left!important; padding-top: 7px !important; } #product p.section-title, #product h4.section-title span { color: #777 !important; } div#iqitreviews-snippet { display: none; } #product .modal-footer { justify-content: flex-start; align-items: stretch; } div#iqitreviews-productreview-fields input, div#iqitreviews-productreview-fields textarea { border-radius: 5px; } #product .modal-footer button.close.close-button { width: 180px; display: inline-block; font-family: inherit; margin-bottom: 0; font-weight: 300; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer!important; background-image: none; border: 1px solid transparent!important; padding: 6px 12px!important; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background-color: #337ab7; border-color: #2e6da4; opacity: 1; } div#iqitreviews-productreview-fields .col-md-6 { flex: 0 0 100%; max-width: 100%; } div#iqitreviews-productreview-fields .form-group.row:first-child, div#iqitreviews-productreview-fields .form-group.row:nth-child(2) { float: left; } textarea#ContMessage { height: 200px; } .form-group.row.custom-email-review .col-md-12, .form-group.row.custom-textarea .col-md-12 { flex: 0 0 98%; max-width: 98%; } #product div#rc-anchor-container { border: none!important; background: none!important; box-shadow: none!important; } .form-group.row.custom-group { width: 106%!important; } .select-title .select-title-name { max-width: 160px!important; } body#category main#main-page-content { background: #fff; } div#content-wrapper div#js-product-list-header, section#products { display: none; } li#customer_question { display: none; } body#category .product-list-subcategories .subcategory-image { border: none; } ul.category-sub-menu li[data-depth="0"] { border-bottom: 1px solid #c7c7c7; padding: 10px 0; text-align: left; font-family: Poppins; font-style: normal; font-weight: bold; font-size: 16px; color: rgba(17, 22, 24, 1); letter-spacing: .25px; } ul.category-sub-menu li[data-depth="1"] { text-align: left; font-family: Poppins; font-style: normal; font-weight: lighter; font-size: 16px; color: rgba(95, 114, 121, 1); padding: 5px; } .product-list-subcategories a.subcategory-name { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 20px; color: rgba(17, 22, 24, 1)!important; } .custum-category-name { padding-top: 2rem; } a.subcategory-link { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 12px; color: rgba(5, 121, 190, 1)!important; } /******************job description on job application page************************************/ div#Overview_div { margin-top: 32px; } span.over-head { line-height: 40px; font-weight: bold; font-size: 18px; } .txt-center { text-align: center; margin-top: 60px; font-size: 14px; font-weight: 500; padding: 12px; background-color: ghostwhite; border-radius: 10px; font-weight: bold; margin-bottom: 110px; } @media (max-width: 767px) and (min-width: 576px) { section#content .career-block .career-first { padding-top: 25rem; } div#Thank_div { top: 50% !important; } } @media (min-width: 320px) and (max-width: 575px) { section#content .career-block .career-first { padding-top: 25rem; } div#Thank_div { top: 50% !important; } } #Job_Description_block a.job-position { font-size: 16px; } #product .custom-bredcrumb nav.breadcrumb { position: absolute; left: 0; margin-left: -6px !important; } p.no-review { font-size: 16px; margin: 0 !IMPORTANT; color: #000; font-weight: 400; } /**************Job application form********************************************************************/ #Job_Application_Form div#inner-wrapper { width: 60%; margin: 0 auto; } #Job_Application_Form #employment li.section_break { border-top: none!important; } .fblock input#oge_1_1 { width: 49%; margin-right: 11px; } .fblock input#oge_1_2 { width: 49%; } h2.jobhead { font-size: 30px; font-family: Poppins; } .txt-cover { padding: 12px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; height: 200px!important; font-family: Poppins; font-size: 16px; width: 100%!important; } p.coverhead { font-size: 12px!important; font-weight: 600; font-family: Poppins; } .btn-subjob { box-shadow: none; background-color: rgb(5, 121, 190); padding-top: 2px; padding-bottom: 2px; margin-bottom: 1rem; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; color: white!important; border-radius: 10px; cursor: pointer; width: 100%; border: none; margin-top: 30px; } div#captcha-job { margin-top: 30px; text-align: -webkit-center; margin-bottom: 100px; } .fileup { margin-bottom: 25px; } /*category_page*/ div#iqitreviews-snippet { display: none; } #product .modal-footer { justify-content: flex-start; align-items: flex-start !important; } div#iqitreviews-productreview-fields input, div#iqitreviews-productreview-fields textarea { border-radius: 5px; } #product .modal-footer button.close.close-button { display: inline-block; height: 45px; font-family: inherit; margin-bottom: 0; font-weight: 300; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer!important; background-image: none; border: 1px solid transparent!important; padding: 6px 12px!important; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background-color: #337ab7; border-color: #2e6da4; opacity: 1; } div#iqitreviews-productreview-fields .col-md-6 { flex: 0 0 100%; max-width: 100%; } div#iqitreviews-productreview-fields .form-group.row:first-child, div#iqitreviews-productreview-fields .form-group.row:nth-child(2) { float: left; } textarea#ContMessage { height: 200px; } .form-group.row.custom-email-review .col-md-12, .form-group.row.custom-textarea .col-md-12 { flex: 0 0 98%; max-width: 98%; } #product div#rc-anchor-container { border: none!important; background: none!important; box-shadow: none!important; } .form-group.row.custom-group { width: 106%!important; } .select-title .select-title-name { max-width: 160px!important; } body#category main#main-page-content { background: #fff; } div#content-wrapper div#js-product-list-header, section#products { display: none; } /*body#category div#search_filters{ display: none; }*/ li#customer_question { display: none; } body#category .product-list-subcategories .subcategory-image { border: none; } ul.category-sub-menu li[data-depth="0"] { border-bottom: 1px solid #c7c7c7; padding: 10px 0; text-align: left; font-family: Poppins; font-style: normal; font-weight: bold; font-size: 16px; color: rgba(17, 22, 24, 1); letter-spacing: .25px; } ul.category-sub-menu li[data-depth="1"] { text-align: left; font-family: Poppins; font-style: normal; font-weight: lighter; font-size: 16px; color: rgba(95, 114, 121, 1); padding: 5px; } .product-list-subcategories a.subcategory-name { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 20px; color: rgba(17, 22, 24, 1)!important; } .custum-category-name { padding-top: 2rem; } a.subcategory-link { text-align: center; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 12px; color: rgba(5, 121, 190, 1)!important; } div#js-product-list-header h1.h1.page-title span { font-weight: 600!important; font-size: 1.5rem!important; color: rgba(17, 22, 24, 1); } div#js-product-list-header { padding: 15px 15px 25px!important; } p.category-page-bottom-img { margin: 3% 1% 0; width: 100%; display: none; } .custom-view-btn button { background: rgb(5, 121, 190)!important; height: 30px; width: 100%; border-radius: 10px; color: #fff; cursor: pointer; } .product-functional-buttons.product-functional-buttons-bottom { display: none; } .col.col-auto.facated-toggler.hidden-md-up { display: none; } .products-sort-nb-dropdown.products-sort-order.dropdown a, .products-sort-nb-dropdown.products-nb-per-page.dropdown a { width: 145px; height: 40px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; } article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature { display: flex; flex-direction: column; justify-content: space-between; } #search_filters .noUi-horizontal { height: 10px; } #search_filters .noUi-connect { background: #fff; border: 1px solid #c7c7c7; border-radius: 10px; } .noUi-handle.noUi-handle-lower .noUi-touch-area:focus { outline: none; } #search_filters .noUi-horizontal .noUi-handle { height: 10px; top: 0; cursor: pointer; border: 1px solid rgba(161, 161, 161, 0.25); box-shadow: none; } .noUi-handle.noUi-handle-lower .noUi-touch-area { width: 30px; background: rgb(5, 121, 190); border-radius: 10px; } .noUi-handle.noUi-handle-upper { display: none; } #Refine_By { display: none; margin: 1.8rem 0; text-align: left; font-family: Poppins; font-style: normal; font-weight: lighter; font-size: 16px; color: rgba(95, 114, 121, 1); letter-spacing: .25px; } .products-sort-nb-dropdown.products-sort-order.dropdown.show .dropdown-menu.show a, .products-sort-nb-dropdown.products-nb-per-page.dropdown.show .dropdown-menu.show a { color: #fff!important; font-style: normal; font-weight: lighter; font-size: 12px; border-bottom: none; } .products-sort-nb-dropdown.products-sort-order.dropdown.show .dropdown-menu.show, .products-sort-nb-dropdown.products-nb-per-page.dropdown.show .dropdown-menu.show { background: rgb(95, 114, 121); } /* category CSS end */ #manufacturer .customContainer .pagination .page-list li.current { border-color: #fff; } #manufacturer .customContainer .pagination .page-list li { border: none; } #product #wrapper .breadcrumb.categories-bcm li:after { content: " "!important; } #product .breadcrumb.categories-bcm li:first-child a { display: none; } #product span.categrs-brdcrb { line-height: 30px; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; color: rgba(138, 158, 161, 1); padding-right: 5px; } #product .product-reference .stock-keeping { line-height: 30px; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; color: rgba(138, 158, 161, 1); } /* ***mega menu** */ .row.no-gutters .tabs-links.col-2 { flex: 0 0 100%!important; max-width: 100%!important; } ul.cbp-hrsub-tabs-names.cbp-tabs-names { display: flex!important; justify-content: center!important; border: 1px solid #c7c7c7; } ul.cbp-links.cbp-valinks.cbp-valinks-vertical li a { color: #c7c7c7!important; padding: 0!important; } div#js-product-list-header { max-width: 1200px!important; margin: 0 auto; } #main-page-content .cbp-menu-column-inner ul.cbp-links.cbp-valinks.cbp-valinks-vertical { text-align: left!important; } ul.cbp-links.cbp-valinks.cbp-valinks-vertical li a:before { display: none!important; } .cbp-hrsub.col-12.cbp-show.cbp-notfit { width: 99vw!important; max-width: 99vw!important; border: 1px solid #c7c7c7!important; } i.fa.fa-angle-right.cbp-submenu-it-indicator { display: none!important; } span.cbp-column-title.nav-link { width: 100%!important; } #main-page-content .cbp-menu-column-inner ul.cbp-links.cbp-valinks.cbp-valinks-vertical li { width: 100%!important; } /* mega menu over */ /********Singleproduct*******/ @media(min-width: 767px) { #product .row.product-info-row .col-md-6.col-product-info { flex: 0 0 66.66%; max-width: 66.66%; } } #product .product-add-to-cart button.btn.btn-primary.btn-lg.add-to-cart { width: 12rem; background: rgb(5, 121, 190)!important; height: 36px; border-radius: 6px; color: #fff; cursor: pointer; padding: 0; } #product .product-add-to-cart button#iqit-wishlist-product-btn { width: 12rem; background: rgb(5, 121, 190)!important; height: 36px; border-radius: 6px; color: #fff; cursor: pointer; padding: 0; } #product .col-md-2.sidebar.product-sidebar { display: none!important; } #product .slick-list article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature { margin-top: 5px; margin-left: 5px; margin-bottom: 5px; } .dnld-dtsht { padding-top: 15px; } #product div.short-nfltr { padding-bottom: 15px; } #product div#iqitproductsnav { display: none; } .col-product-info .product_header_container .align-items-center .col { padding: 0; } .badge-success { background: none!important; color: rgba(138, 158, 161, 1); font-size: 13px; } #product i.fa.fa-check.rtl-no-flip { display: none; } #product .product-prices .product-price { color: rgba(17, 22, 24, 1); font-size: 30px!important; } #product .product_header_container h1.h1.page-title { font-size: 30px!important; } #product .js-product-miniature-wrapper .product-description { justify-content: space-between; } @media(max-width: 767px) { #product .slick-track button.btn.btn-primary.vw-btn { width: 100%; } #product .product_header_container h1.h1.page-title { margin-top: 45px; } } #product .product_header_container .product-prices { display: flex; flex-direction: row-reverse; align-items: center; float: left; } #product .product-prices span#product-availability { display: flex; flex-direction: column; padding-left: 20px; } #product .product-prices .product-available span.stk-avial { color: rgba(5, 121, 190, 1); font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; padding-left: 6px; display: none; } #product .product-info-row .product-information { border-bottom: 1px solid hsla(0, 0%, 63%, .25); } #product .col-product-info .container nav.breadcrumb.categories-bcm { background-color: #fff!important; } #product .categories-bcm .align-items-center li { color: rgba(5, 121, 190, 1); } #product .product-info-row .product-prices .product-unavailable { background: #fff; color: rgba(138, 158, 161, 1); } #product .product-prices .product-unavailable span.stk-avial { color: rgba(5, 121, 190, 1); font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; text-align: left; } #product .product-reference .stock-keeping { font-size: 10pt!important; } #product span.categrs-brdcrb { font-size: 10pt!important; } #product .product-information .product-actions .buy-ttl { font-family: "Poppins"!important; font-weight: normal; font-size: 20px; color: rgba(95, 114, 121, 1); line-height: 30px; } #product .product-quantity .qty-ttl-spn { padding-left: 5px; font-family: "Poppins"!important; font-size: 17px; color: rgba(95, 114, 121, 1); line-height: 30px; } .product-add-to-cart .product-quantity .qty .input-group { height: 36px!important; } #content-wrapper .ms-grid .row { padding-bottom: 100px!important; } .input-group.bootstrap-touchspin { position: relative; border: 1px solid; border-radius: 10px; display: flex; justify-content: center; align-items: center; } .input-group.bootstrap-touchspin input { border: none; padding: 0; } span.input-group-btn-vertical { display: flex!important; flex-direction: column!important; justify-content: space-around!important; } button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down { height: auto; border: none; } button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up { height: auto; border: none; } input#quantity_wanted { height: 20px!important; } .input-group.bootstrap-touchspin { height: 40px!important; } span.input-group-btn-vertical { height: 30px!important; left: -5px; } input#quantity_wanted { height: 20px!important; padding-left: 10px; } /********/ #Group_726 { position: absolute; width: 116px; height: 61px; /*left: 199px; top: 956px;*/ overflow: visible; } #Group_723 { position: absolute; width: 78px; height: 33px; left: 0; top: 28px; overflow: visible; } #Group_721 { position: absolute; width: 33px; height: 33px; left: 0; top: 0; overflow: visible; } .Ellipse_17 { position: absolute; overflow: visible; width: 33px; height: 33px; left: 0; top: 0; } .Polygon_2 { overflow: hidden; position: absolute; width: 13px; height: 12px; transform: translate(0.285px, 0px) matrix(1, 0, 0, 1, 10.2148, 10.5) rotate(90deg); transform-origin: center; left: 0; top: 0; } #Group_722 { position: absolute; width: 33px; height: 33px; left: 45px; top: 0; overflow: visible; } .Path_1109 { overflow: visible; position: absolute; width: 33px; height: 33px; left: 0; top: 0; transform: matrix(1, 0, 0, 1, 0, 0); } #PDF { position: absolute; left: 7px; top: 10px; overflow: visible; width: 20px; white-space: nowrap; line-height: 18px; margin-top: -4px; text-align: left; font-family: Poppins; font-style: normal; font-weight: bold; font-size: 10px; color: rgba(255, 255, 255, 1); } /*******************/ #manufacturer .product-description .custom-view-btn { width: 100%!important; } #manufacturer .custom-view-btn button { border: none; } #product .custom-view-btn button { border: none; } @media(max-width: 767px) { #product .slick-track button.btn.btn-primary.vw-btn { width: 100%; } #product .product_header_container h1.h1.page-title { margin-top: 45px; } } @media(min-width: 767px) and (max-width: 1200px) { #product .slick-track button.btn.btn-primary.vw-btn { width: 100%; } } #product .product-description h3.h3.product-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #product .product-quantity .qty { width: 70px!important; } ul.cbp-links.cbp-category-tree li { padding: 0; } .cbp-menu-column-inner { text-align: left; } @media (min-width:1350px) { .cbp-hrmenu .cbp-tabs-names li a { padding: 6px .9px; } ul.cbp-hrsub-tabs-names.cbp-tabs-names li { width: 9%; height: 43px; } } .cbp-hrmenu .cbp-tabs-names li a { padding: 6px 5px !IMPORTANT; font-size: 12px !IMPORTANT; height: 43px; line-height: 15px; vertical-align: middle; display: flex !IMPORTANT; align-items: center; justify-content: center; } @media (max-width:1280px) { .cbp-hrmenu .cbp-tabs-names li a { font-size: 10px !IMPORTANT; height: 40px; } } .bootstrap-touchspin .input-group-btn-vertical i { top: 1px!important; } button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up:hover, button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down:hover { background: #fff!important; } .row.extra-small-gutters.product-quantity .col.col-12.col-sm-auto, .row.extra-small-gutters.product-quantity .col.col-sm-auto { margin-bottom: 0!important; } nav#cbp-hrmenu ul.cbp-links.cbp-category-tree li { text-align: left!important; } /*******PRODUCTENQUIRY*******/ .enquirycontainer input { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 13px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; } .enquirycontainer { border-radius: 5px; margin: auto; width: 70%; padding: 20px; } #enquiry-submit { box-shadow: none; background-color: rgb(5, 121, 190); padding-top: 2px; padding-bottom: 2px; margin-bottom: 1rem; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; color: white!important; border-radius: 10px; cursor: pointer; width: 100%; border: none; } .enquirycontainer textarea { width: 100%; background: #fff; border-radius: 13px; margin-bottom: 50px; margin-top: 10px; padding: 12px; } .enquirycontainer h2 { font-size: 30px; padding-bottom: 25px; } .drpdown select#location { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 13px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; } div#captcha-enquiry { margin-bottom: 30px; } @media (min-width: 320px) and (max-width: 575px) { .enquirycontainer { border-radius: 5px; margin: auto; width: 100%; padding: 20px; } } @media (min-width: 576px) and (max-width: 767px) { .enquirycontainer { border-radius: 5px; margin: auto; width: 70%; padding: 20px; } } .enquirycontainer h2.enqry-hd { text-align: center; border-bottom: solid 1px #e3e3e3; } h2.enqry-hd { text-align: center; font-size: 30px; } hr.hr-prnqry { width: 80%; } .enquirycontainer { margin-left: 0; } .enquirycontainer input { padding: 5px 12px; } .enquirycontainer textarea { margin-bottom: 15px; } div#captcha-enquiry { margin-bottom: 20px; } @media(max-width: 767px) { #manufacturer img.logo-img { width: 135px!important; height: auto; } } .block.block-toggle.block-categories.block-links.js-block-toggle h5 span { display: none; } .category-top-menu.block-content ul.category-sub-menu li a { text-align: left!important; font-family: Poppins!important; font-style: normal!important; font-weight: bold!important; font-size: 16px!important; color: rgba(17, 22, 24, 1)!important; } a.subcategory-link i.fa.fa-angle-right.add { width: 10px!important; } .manufacturer-ttl { max-width: 1200px; margin: 0 auto; } #manufacturer .col-4.col-sm-2.col-lg-2.col-xl-1.brand img.logo-img { width: 200px; position: relative; object-fit: cover; object-position: 20% -50px; top: 0; left: 0; } p.custom-text-disc { color: #6c757d!important; } .product_header_container #product-availability { margin-bottom: .4rem; } .brand-cntnt-div { display: none !important; } #category .category-top-menu.block-content ul.category-sub-menu li[data-depth="2"] a:hover { color: rgb(83, 190, 120)!important; } #category .category-top-menu.block-content ul.category-sub-menu li[data-depth="2"] a { font-weight: 300!important; font-size: 14px!important; color: rgba(95, 114, 121, 1)!important; } .category-top-menu.block-content ul.category-sub-menu li[data-depth="0"] a { font-weight: bold; color: rgba(17, 22, 24, 1)!important; } .category-top-menu.block-content ul.category-sub-menu li[data-depth="1"] a { font-weight: 500!important; color: rgba(95, 114, 121, 1)!important; } .category-top-menu.block-content ul.category-sub-menu li a:hover { color: rgb(83, 190, 120)!important; } div#search_filters a._gray-darker.search-link.js-search-link { text-align: left; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 12px; color: rgba(95, 114, 121, 1); } #manufacturer #mediaTab { background-color: #fff!important; } .cms-id-15 section.contact-form .col-xs-12.alert.alert-success, section.contact-form .form-group.row:first-child { display: none; } .cms-id-15 section.contact-form .form-group.row .col-md-6, body#product section.contact-form .form-group.row .col-md-6 { width: 100%!important; flex: 0 0 100%!important; max-width: 100%!important; } .cms-id-15 section.form-fields .form-group.row, body#product section.form-fields .form-group.row { width: 53%; } #product section.form-fields, .cms-id-15 section.form-fields { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #c7c7c7; padding-bottom: 2rem; } .cms-id-15 div#product-details .col-sm-8, body#product div#product-details .col-sm-8 { width: 100%; flex: 0 0 100%!important; max-width: 100%; padding: 0; } .cms-id-15 .form-group.row.custum-text-area, body#product .form-group.row.custum-text-area { width: 106%!important; } .cms-id-15 section.contact-form .form-group.row .col-md-6 input.btn.btn-primary, body#product section.contact-form .form-group.row .col-md-6 input.btn.btn-primary { width: 100%; height: 40px; } .cms-id-15 section.form-fields .form-group.row input, .cms-id-15 section.form-fields .form-group.row select, .cms-id-15 section.form-fields .form-group.row textarea, body#product section.form-fields .form-group.row input, body#product section.form-fields .form-group.row select, body#product section.form-fields .form-group.row textarea { border-radius: 10px; } .cms-id-15 div#product-details .col-sm-8 { padding: 0; } #product .col-xs-12.alert.alert-success { display: none; } span.stk-avial { display: none; } /*Anju*/ .seperator.checkout { margin-top: 10px!important; margin-bottom: 10px!important; color: #3E3E3E!important; } body#checkout section.checkout-step { border: none!important; } .seperator.checkoutright { border-top: none!important; border-right: 1px solid black; } /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .row { margin-right: -15px; margin-left: -15px; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 768px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } .footer_logo_container a { margin: 0 !important; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: .65; -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:focus, .btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c; } /* End */ /**************Job application form********************************************************************/ #Job_Application_Form #employment li.section_break { border-top: none !important; } #employment input { padding: 8px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; font-family: Poppins; font-size: 16px; width: 100%; } h2.jobhead { font-size: 30px; font-family: Poppins; } .txt-cover { padding: 12px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; background: #fff; height: 200px !important; font-family: Poppins; font-size: 16px; width: 100% !important; } p.coverhead { font-size: 12px !important; font-weight: 600; font-family: Poppins; } .btn-subjob { box-shadow: none; background-color: rgb(5, 121, 190); padding-top: 2px; padding-bottom: 2px; margin-bottom: 1rem; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; color: white !important; border-radius: 10px; cursor: pointer; width: 100%; border: none; margin-top: 30px; } div#fileattach { display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #ccc; border-radius: 10px; align-items: center; padding: 10px 10px 10px 15px; margin-top: 8px; } div#fileattach input { border: none; width: 30%; padding: 0; margin: 0; border-radius: 0; color: red; } div#captcha-job { margin-top: 30px; text-align: -webkit-center; margin-bottom: 100px; } .fileup { margin-bottom: 25px; } #filepdf::-webkit-file-upload-button { border: none; color: rgba(5, 121, 190, 1); background-color: white; } .card-text.admin-invoice-form .col-sm select, .card-text.admin-invoice-form .col-sm input#order-input { width: 100% !important; height: 35px !important; background: #fff !important; } /******************job description on job application page******************************************/ hr.job-line { margin-bottom: 50px; } /*************************************************/ h3.li-head.region-style { font-family: Poppins; font-style: normal; font-weight: bold; font-size: 26px; color: rgba(17, 22, 24, 1) !important; } p.job-description { font-family: Poppins; font-style: normal; font-weight: bold; font-size: 16px; color: rgba(17, 22, 24, 1); } .li-text.job-tite-style a { font-family: Poppins; font-style: normal; font-size: 16px; color: rgba(5, 121, 190, 1) !important; padding-top: 10px; } ul#quantity-array { display: flex; visibility: hidden; } /**********************************event**********************************/ .event-heading-tab { display: flex; justify-content: space-between; align-items: center; } .event-tabs a { margin: 10px; font-size: 16px; color: #716f6f !important; } .event-heading-tab i.fa.fa-caret-right:before, .event-heading-tab i.fa.fa-caret-left:before { font-size: 35px; color: rgba(95, 114, 121, 0.78) !important; } table.calendar { background: none !important; border-left: none !important; display: inline-table !important; min-height: 300px; padding: 0 !important; width: 100% !IMPORTANT; margin: 0 !important; } #module-eventsmanager-events td.calendar-day:hover, #module-eventsmanager-events td.calendar-day, #module-eventsmanager-events .day-number { background: #eceff5 !important; color: #000 !important; font-size: 12px !important; font-weight: 300 !IMPORTANT; height: 150px; } a#calendar-event { background-color: #a8f1ebe0; padding: 5px; border-radius: 10px; } div#footer-continer-last { background: #fff; } td.calendar-day-head { background: rgba(95, 114, 121, 0.78) !important; } h2.heading_calendar.test-class { margin: 0; } #module-eventsmanager-events .tooltip.fade.show.bs-tooltip-bottom .tooltip-inner { background: #fff !important; color: #000; height: 150px !important; width: 350px !important; padding: 30px; border-radius: 21px; } .tooltip.fade.show.bs-tooltip-bottom .arrow::before { border-bottom-color: #fff !important; bottom: 0 !important; border-width: 0 1rem 1rem !important; } .calendar_outerdiv.col-md-9 { border-left: 1px solid #c7c7c7; padding-right: 0; } .col-md-3.calendar-wrapper-child { padding-left: 0; padding-top: 6rem; } .col-md-12.calendar-wrapper { padding: 0; } .calendar_outerdiv.col-md-9 h1 { margin-bottom: 5rem; } /***************************************************/ /************event listing page**************************/ label.event-label { width: 20%!important; } p.event-para { display: contents; } .detail-data { border: none !important; border-radius: 12px !important; background-color: #f3f5f5; margin-bottom: 14px!important; } button.today-btn { border: 1px solid; border-radius: 6px; height: 40px; color: rgb(5, 121, 190)!important; cursor: pointer; padding: 0; background: rgb(255, 255, 255); width: 10rem; border-color: #5f7279; margin-left: 10px; } .header-event { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .left-event-link { margin-right: 15px; } .view-link { text-align: right; margin: 10px; color: #007bff; } .trainer-img { width: 135px; height: 135px; } .left-event-link a { color: black !important; } .btn-nxt-prev { margin-left: 12px; display: flex; } .title-evt h3 { font-size: 25px; } .left-drpdown { margin-top: 43px; } .title-evt { margin-bottom: 40px; } a.evt-title { color: black !important; } a.left-dir { font-size: 40px; color: rgba(95, 114, 121, 0.78) !important; cursor: pointer; margin-right: 10px; } a.right-dir { font-size: 40px; color: rgba(95, 114, 121, 0.78) !important; cursor: pointer; } img.logo-img { width: 120px; height: 120px; } .weekly2, .weekly3, .weekly4, .weekly5, .weekly6 { display: none; } #module-eventsmanager-events .mat_event_top_informations { display: none; } #module-eventsmanager-events div#footer-continer-last { background: #fff !IMPORTANT; } body#module-eventsmanager-events section#wrapper { padding: 0; } #module-eventsmanager-events .day-number { height: 20px !IMPORTANT; top: 5px; position: absolute; right: 5px; padding: 0 !important; } .dietary-requirement { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } select#dietary-requirement { border: none; background: #fff; } div#dietary { display: flex; justify-content: space-between; align-items: center; } .col-xs-12.col-sm-12.checkout-cust-dietary hr.seperator.checkout, div#dietary hr.seperator.checkout, .col-xs-12.col-sm-12.checkout-cust-slots { margin-top: 35px !important; } .cart-event-schedule { display: flex; justify-content: space-between; align-items: center; } .cart-event-schedule p, div#dietary label, .dietary-requirement p, .dietary-requirement label { margin-bottom: 0; } #dietary-inner { border: 1px solid #c7c7c7; border-radius: 10px; padding: 3px 10px; display: flex; width: 80%; justify-content: space-between; } .dietary-requirement p input { margin: 0px 5px; } .dietary-requirement p { display: flex; align-items: center; justify-content: space-between; } .rearrange-alert p { background: #e30a0acf; padding: 10px; border-radius: 25px; color: #fff; font-weight: 500; font-size: 16px; } .event-product.expired_event .col-product-info .product-information .product-actions { display: none; } #cart .events-total-top, #cart .event-summary-line-info { display: none; } #cart .events-cart .products-total-top, #cart .events-cart .cart-summary-line-info, #cart .events-cart .convert-to-quote, #cart .events-cart .event-cart-items { display: none!important; } #cart .events-cart .events-total-top, #cart .events-cart .event-summary-line-info { display: block!important; } .product-actions .show-price-error { color: #f00; font-size: 15px; font-weight: bold; } .checkout-process.events-checkout .convert-to-quote { display: none!important; } #product .show-price-personal-usererror .product_header_container, #product .show-price-business-usererror .product_header_container { border-bottom: none; margin-bottom: 0; } #div_c_id_country_new:before { content: "Country*"; color: gray; position: absolute; left: 30px; top: 10px } #div_company_birthday_new:before { content: "Date of Incorporation"; color: gray; position: absolute; left: 30px; top: 10px } #div_id_store_new:before { content: "Nearest MiRO branch*"; color: gray; position: absolute; left: 30px; top: 10px } /* #id_store { direction: rtl; } */ #div_birthday_new:before { content: "Birth Date"; color: gray; position: absolute; left: 30px; top: 10px } #div_id_miro .help-block { margin-top: 8rem; } #div_email .help-block { margin-top: 4.5rem; } .badge-danger { color: #dc3545!important; background-color: #fff!important; display: inline-block!important; vertical-align: baseline!important; font-size: 13px!important; } .badge-primary { color: #007bff!important; border: 1px solid #007bff!important; background-color: #fff!important; display: inline-block!important; vertical-align: baseline!important; font-size: 13px!important; } .badge-warning { color: #ff9a52!important; border: 1px solid #ff9a52!important; background-color: #fff!important; display: inline-block!important; vertical-align: baseline!important; font-size: 13px!important; } #product .product-prices span#product-availability { margin-left: 20px!important; margin-bottom: 0; padding-left: 0px; border-color: transparent; } #div_birthday .help-block { margin-top: 4.5rem; } #taxinvoicerequest:hover { color: #25343a; } .dobinput { text-align: right!important; } .ui-datepicker .ui-datepicker-title select { background-image: none; } /*Header Search - Mobile */ .search-section-enabled ul#ui-id-2.ui-autocomplete{ max-width: 89%!important; } .search-section-enabled ul#ui-id-2.ui-autocomplete.active-list { display: block!important; max-width: 89%!important; } #search-widget-mobile form { width: 95%; float: left; } .search-section-enabled #search-widget-mobile { transform: scale(1)!important; opacity: 1!important; visibility: visible!important; } #closebtn-mobile { float: right; width: 5%; text-align: center; margin-top: 7px; font-size: 15px; font-weight: 600; font-family: 'Poppins', sans-serif; } #ui-id-2 .title-section { margin-left: 15px; margin-top: 10px; font-size: 13px; color: #859499; text-transform: uppercase; } #ui-id-2 .ui-menu-item a .bestkit_asearch_container.cms { margin-left: 15px; } #ui-id-2 .bestkit_asearch_container>div>p { display: inline; font-size: 13px; margin-bottom: 0; padding-right: 5px; } #ui-id-2 .bestkit_asearch_container>div>p.cms_title { padding: 10px; } #ui-id-2 li a p.product_name { text-transform: capitalize; display: -webkit-box; height: 16px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #ui-id-2 .bestkit_asearch_container img { border: 1px solid #eee; } #ui-id-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22); border-radius: 0px; background-color: #F5F5F5; } #ui-id-2::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #ui-id-2::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #107abf; } #ui-id-2 li .bestkit_asearch_container>div { display: flex; align-items: center; } #ui-id-2 li a { background: #fff; border-width: 0; border-bottom: 1px solid #eee; border-radius: 0; } #ui-id-2 li a:hover { background: #eee; border-width: 0; border-bottom: 1px solid #eee; } #ui-id-2 li a p.pro#header-search-btn .fullscreen-search .form-search-controlduct_name { font-weight: 500; color: #000; font-family: 'Poppins', sans-serif; font-size: 14px; } #ui-id-2 li a span.product-price, #ui-id-2 li a p.product_name { font-family: 'Poppins', sans-serif; font-size: 12px; } #ui-id-2 .bestkit_asearch_container .category_name { font-size: 12px; color: #000; } #ui-id-2 { height: 350px; overflow-y: scroll; overflow-x: hidden; background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2); border-color: #eee; } #ui-id-1 li a p.product_sku, #ui-id-2 li a p.product_sku { color: rgba(138, 158, 161, 1); text-transform: capitalize; display: -webkit-box; height: 16px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; left: 15px; position: absolute; bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 12px; } #ui-id-1 li a p.product_name, #ui-id-2 li a p.product_name { position: absolute; bottom: 35px; } /*Header Search - Mobile */ /* Mobicred - Product Details page */ #product #instalmentCalc .mobicred-logo { display: none!important; } #product #instalmentCalc+.mobicred-logo-custom img { width: 85px !important; } #product #instalmentCalc { float: left; width: 100%; margin-top: 15px!important; } #product .mobicred-info { cursor: pointer; } #product #mobicredmodal h3 { margin-top: 15px; } #product #mobicredmodal .js-modal-content { font-size: 13px; } #product #mobicredmodal h3 { margin-top: 15px; font-size: 13px; } #product #mobicredmodal h2 { margin-bottom: 20px; } #product #mobicredmodal p { margin-bottom: 10px; line-height: 22px; } #mobicredmodal li { list-style: inside; padding-left: 15px; } /* Mobicred - Product Details page */ /* Notify me - Product Details page */ /*.notify-me-form { text-align: center; position: absolute; top: 0; left: 170px; }*/ /* .notify-me-form { text-align: center; position: absolute; top: 35px; } */ .wishlist-availability { position: relative; } .notify-me-form .btn-primary { width: 100%; } .notify-me-form span.notify-message { position: absolute; min-width: 235px; color: green; } #product .notify-container { /* float: left; */ width: 100%; display: flex; margin-bottom: 15px; gap: 1rem; align-items: center; } .notify-me-form button { border-radius: 6px; } #product #product-availability.product-unavailable { margin-left: 0px!important; padding: .25em .4em !important; line-height: 14px; font-size: 13px; margin-bottom: 0; float: left; border: 1px solid #dc3545!important; } #product .notify-info { float: left; width: 77%; font-size: 13px; line-height: 18px; padding-left: 10px; } @media(max-width: 960px) { #product .notify-info { width: 65%; } } @media(max-width: 475px) { #product .notify-info { width: 53%; font-size: 11px; } } /* Notify me - Product Details page * / /* Search - Loader */ .search-widget .ui-autocomplete-input { background-position: right center !important; } .search-widget .ui-autocomplete-input.ui-autocomplete-loading { background: url("../img/searchpreloader2.gif"); background-size: 35px 25px; background-repeat: no-repeat; background-position: right center; } @media(max-width: 1200px) { .search-widget .ui-autocomplete-input { background-position: right 30px center !important; } } /* Search - Loader */ /* Free Event Modification */ #product .product_header_container .price_list_item_box.free_event_1 .product-prices-free-event.free-event-product-prices { display: inline-block !important; } #product .product_header_container .price_list_item_box.free_event_1 .product-prices { display: none; } #product .product_header_container .price_list_item_box.free_event_1 #instalmentCalc, #product .product_header_container .price_list_item_box.free_event_1 .mobicred-logo-custom { display: none !important; } #product .product_header_container .price_list_item_box.free_event_1 .product-prices-free-event.free-event-product-prices .product-price { font-size: 20px !important; color: rgba(17, 22, 24, 1); } .err-event-input { border-color: red!important; } /* Free Event Modification */ /* Submenu - Pricing list*/ .nav-account-menu .account-li.pricelist-menu { position: relative; float: left; } .nav-account-menu .accounts-li.pricelists-menus { position: relative; float: left; } .nav-account-menu .account-li.pricelist-menu a.pricelist-title { float: left; } .nav-account-menu .pricelist-menu .child-dropdown-menu { position: absolute; right: 150px; width: 222px; background: #fff; border-radius: 10px 0 0 10px; border: 1px solid #eee !important; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .nav-account-menu .pricelist-menu .child-dropdown-menus { position: absolute; right: 150px; width: 150px; background: #fff; border-radius: 10px 0 0 10px; border: 1px solid #eee !important; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .nav-account-menu .account-li.pricelist-menus { position: relative; float: left; } .nav-account-menu .account-li.pricelist-menuspecific { position: relative; float: left; } .nav-account-menu .account-li.pricelist-menus a.pricelist-titles { float: left; } .nav-account-menu .pricelist-menu .child-dropdown-menu { position: absolute; right: 150px; width: 222px; background: #fff; border-radius: 10px 0 0 10px; border: 1px solid #eee !important; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .nav-account-menu .pricelist-menu .child-dropdown-menus { position: absolute; right: 150px; width: 150px; background: #fff; border-radius: 10px 0 0 10px; border: 1px solid #eee !important; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } /* Submenu - Pricing list*/ /* Margin-Bottom Out-of-Stock */ #product .eta-date-info { margin-bottom: 15px; } /* Margin-Bottom Out-of-Stock */ /*Splynx margin */ div.current-product-wrapper.product-tabs { margin-top: 0px!important; } /*Splynx margin */ #manufacturer .tab a.tabbutton { display: block; background-color: inherit; color: #333; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; font-size: 16px; border-bottom: solid 1px #e3e3e3; font-weight: 600; padding: 8px 0; padding-left: 25px; } #manufacturer .tab a.product-link { padding-left: 0px; } /*Whats New*/ body#manufacturer #main-page-content #wrapper { padding-top: 0; } body#manufacturer #main-page-content header.page-header, body.cms-id-83 #pricing-loader-wrapper #main-page-content nav.breadcrumb { display: none!important; } body#manufacturer #main-page-content #whats-slider { background: linear-gradient(135deg, rgba(16, 20, 22, 0.60), rgba(16, 20, 22, 0.60)), transparent url("//miro.co.za/img/cms/MiRO-Whats-New-Banner.png") center center/cover no-repeat scroll; padding: 55px 0px 160px 0px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; text-align: center; margin-top: -7px; margin-bottom: 15px; } body#manufacturer #main-page-content #whats-slider h2 { color: #fff; font-size: 28px; margin-bottom: 30px; font-weight: 600; margin-top: 20px; } body#manufacturer #main-page-content #whats-slider a { color: #fff; font-weight: 500; } body#manufacturer #main-page-content .accordion { background: #fff!important; font-family: 'Poppins', sans-serif!important; text-align: center; max-width: 850px; margin: 0 auto; border-top-width: 0; } body#manufacturer #main-page-content .accordion .card-body { margin-top: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, .125); } body#manufacturer #main-page-content .accordion .p_item, #identity .p_item { margin-bottom: 30px; } body#manufacturer #main-page-content .accordion .p_item .p_item_name, #identity .p_item .p_item_name { text-transform: capitalize; margin-top: 15px; display: -webkit-box; height: 55px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body#manufacturer #main-page-content .accordion .p_item .p_item_price { font-size: 17px; font-weight: 600; margin: 10px 0; } body#manufacturer #main-page-content .accordion .p_item .p_item_url { margin-top: 25px; } body#manufacturer #main-page-content .accordion .p_item .p_item_url a { background: #0579be; color: #fff; padding: 8px 60px; border-radius: 5px; text-transform: capitalize; } body#manufacturer #main-page-content .accordion .card .card-header { background: transparent; padding-left: 0; margin-bottom: 0; } body#manufacturer #main-page-content .accordion .card { border-width: 0; } body#manufacturer #main-page-content .accordion button:hover { text-decoration: none; } body#manufacturer #main-page-content .accordion button:focus { outline: 0; } body#manufacturer #main-page-content .accordion button { width: 100%; text-align: left; position: relative; font-size: 18px; font-weight: 500; padding-left: 0px; color: #000; text-decoration: none; } body#manufacturer #main-page-content .accordion.child-product button { padding-left: 25px; } body#manufacturer #main-page-content .accordion button:before { content: "\f068"; font: normal normal normal 20px/1 FontAwesome; position: absolute; left: 0; top: 10px; color: #aebbbe!important; } body#manufacturer #main-page-content .accordion button.collapsed:before { content: "\f067"!important; } body#manufacturer #main-page-content .accordion .card-body { margin-top: 0; padding-top: 0; } body#manufacturer #main-page-content .collapse-button:after { left: 20px; top: 10px; content: "\f104"; font: normal normal normal 20px/1 FontAwesome; position: absolute; right: 0; color: #aebbbe!important; } body#manufacturer #main-page-content .collapse-button.collapsed:after { content: "\f107"!important; } body#manufacturer #main-page-content .product-tab-button { position: relative; width: 100%; float: left; } body#manufacturer #main-page-content .collapse-button { position: absolute; right: 0; top: 0; width: 45px; height: 45px; cursor: pointer; } #parentProductpp .card-header button:after { display: none!important; } #parentProductpp .card-header button:before { display: none!important; } body#manufacturer #main-page-content .accordion.child-product button:before { top: 14px; font: normal normal normal 14px/1 FontAwesome; } body#manufacturer #main-page-content .subcategory-container, body#manufacturer #main-page-content .product-tab-button { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } body#manufacturer #main-page-content .active-brand-link { color: #007bff !important; } body#manufacturer #main-page-content .category-sub-menu .category-sub-menu .show-all-category { display: none!important; } body#manufacturer #main-page-content .view-all-container { border-bottom: 1px solid rgba(0, 0, 0, .125); padding: 10px 0; margin-bottom: 50px; font-size: 18px; font-weight: bold; } body#manufacturer #main-page-content .view-all-container a { color: #0579be; text-transform: capitalize; } body#manufacturer #main-page-content .aboutTabContent.mediacontent { border-bottom: 1px solid rgba(0, 0, 0, .125); padding-bottom: 60px; } /*body#manufacturer #main-page-content #aboutTab .accordion, body#manufacturer #main-page-content #aboutTab .accordion .card-header button { padding-bottom: 0; padding-top: 0; } body#manufacturer #main-page-content #aboutTab .accordion .card-header button { padding-bottom: 0; padding-top: 0; }*/ @media (max-width: 767px) { body#manufacturer #main-page-content .tabcontent { float: left; width: 100%; } } .category-sub-menu .category-sub-menu .show-all-category { display: none!important; } @media (min-width: 768px) and (max-width: 1200px) { #content-wrapper .product-list-subcategories .custum-category-name { height: 120px; } } @media (max-width: 767px) { #category #content-wrapper .subcategory-link-inside { text-align: left!important; font-family: Poppins!important; font-style: normal!important; font-weight: bold!important; font-size: 16px!important; display: block!important; } } /*.col-mobile-menu-dropdown.show #_mobile_iqitmegamenu-mobile*/ .fancybox-inner .control-label { /* overflow: hidden; */ font-weight: normal; } #checkout #collection-methods .collection-item.address-item { min-height: 90px; } #checkout #collection-methods .collection-item.address-item .collection-info-description { padding-top: 22px; border-left: none; } #checkout #collection-methods article.address-item .custom-radio { width: 35px; height: 35px; border-color: #94a6a9!important; top: 16px; } .col.col-header-center.col-header-menu { padding-right: 0px; padding-left: 0px; } .cbp-horizontal>ul>li.cbp-hrmenu-tab-32>a, .cbp-horizontal>ul>li.cbp-hrmenu-tab-32>a:not([href]):not([tabindex]), .cbp-horizontal>ul>li.cbp-hrmenu-tab-32 .cbp-hropen>a:hover { background: none !important; color: orange!important; } /****** Todays promo******/ @media only screen and (max-width: 1200px) { #iqitmegamenu-mobile li:nth-child(2) a { border: 1.5px solid orange!important; color: orange; background-color: black; border-radius: 60px; display: inline-block; font-weight: bold !important; margin-left: 10px; font-size: 14px; padding: 10px; } } ul#iqitmegamenu-mobile { font-size: 1.7rem; clear: both; } nav#cbp-hrmenu li#cbp-hrmenu-tab-32 span.cbp-tab-title { border: 1.5px solid orange!important; color: orange!important; background-color: black; font-weight: bold !important; border-radius: 28px; padding: 10px; } .product-price-and-shipping .miniature-tax-info, .p_item .miniature-tax-info { font-size: 11px; color: rgba(95, 114, 121, 1); } .p_item .miniature-tax-info { margin-bottom: 30px; font-weight: normal; } @media only screen and (min-width: 768px) { .product-price-and-shipping .miniature-tax-info, .p_item .miniature-tax-info { float: left; width: 100%; line-height: 16px; } } @media only screen and (max-width: 767px) { .product-price-and-shipping .miniature-tax-info.por-mini, .p_item .miniature-tax-info.por-mini { display: none; } } body#manufacturer #main-page-content .accordion .p_item .p_item_url a { padding: 3px 0; } body#manufacturer .product-price-and-shipping .miniature-tax-info { margin-bottom: 10px; } #index .products.products-grid .js-product-miniature-wrapper { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; margin-bottom: 30px; } #index .products.products-grid article.product-miniature-default .custom-view-btn button { background: rgb(5, 121, 190)!important; height: 35px; color: #fff; cursor: pointer; border-width: 0; font-size: 15px; text-transform: capitalize; padding: 3px 30px; border-radius: 5px; } #index .products.products-grid article.product-miniature-default .custom-view-btn button:after { display: none; } #index .products.products-grid article.product-miniature-default h3.product-title { font-size: 14px; } #index .products.products-grid article.product-miniature-default h3.product-title a { height: auto; } #index .products.products-grid article.product-miniature-default #prt_refferance { margin-top: 10px; font-size: 13px;color: rgb(138, 158, 161); } .cbp-hrmenu-tab-22 .menu-w-logo { margin: auto !important; height: 358px; overflow-y: scroll; overflow-x: hidden; z-index: 4 !important; } .col-header-center.col-header-menu #iqitmegamenu-wrapper .cbp-hrmenu-tab-22 .menu-w-logo ul li a img { max-width: 100% !important; height: 50px; } .cbp-hrmenu-tab-22 .menu-w-logo::-webkit-scrollbar-thumb { background: rgb(5, 121, 190); border-radius: 10px; } .cbp-hrmenu-tab-22 .menu-w-logo::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .cbp-hrmenu-tab-22 .menu-w-logo::-webkit-scrollbar { width: 5px; } .menu-w-logo-ul { margin-top: 10px !important; } .menu-w-logo .iqitmegamenu-submenu-container ul li.innertab-33 { background: none; cursor: none; display: none; } .menu-w-logo .cbp-hrsub-inner { margin-left: 0 !important; } .cbp-horizontal>ul>li>a, .cbp-horizontal>ul>li>a:not([href]):not([tabindex]), .cbp-horizontal>ul>li>.cbp-main-link { max-width: 9.28571rem !important; } #cbp-hrmenu #cbp-hrmenu-tab-32 a.nav-link { padding-left: 0; } nav#cbp-hrmenu li#cbp-hrmenu-tab-32 span.cbp-tab-title { font-size: 12px !important; } #cbp-hrmenu .cbp-hrmenu-tab-22 .cbp-hrsub { box-shadow: 0 4px 25px 0 rgba(74, 63, 63, .15); } /*#confirm-order-prd, .inner-border-block{padding: 10px; border: 1px solid #c5cfd0; margin: 0 0 15px 0px;} #checkout-confirmation-step #confirm-order-prd { padding: 10px !important; } .confirm-cust-det{padding: 0 !important; }*/ #checkout #checkout-addresses-step .inner-border-block { border: 1px solid #c5cfd0 !important; } #checkout #checkout-addresses-step .cart-grid-body .inner-border-block { margin-bottom: 25px !important; } #checkout #checkout-addresses-step .cart-grid-body .inner-border-block h5 { padding: 10px 15px; margin-bottom: 0 !important; } #checkout #checkout-addresses-step .cart-grid-body .inner-border-block .seperator { margin-top: 0 !important; } #checkout #checkout-addresses-step .cart-grid-body .inner-border-block .cart-items { margin-bottom: 0 !important; } #checkout #checkout-addresses-step .cart-grid-body .inner-border-block .cart-items .cart-item:last-child { border-bottom: none!important; } #checkout #checkout-addresses-step .cart-grid-body .checkout-cust-details { padding: 0 } #checkout #checkout-addresses-step .cart-grid-body .checkout-cust-details .inner-border-block .row { margin: 0; padding-bottom: 15px; } #checkout #checkout-addresses-step .cart-grid-right .inner-border-block .card.cart-summary { padding-left: 15px; padding-right: 15px; } #checkout #checkout-addresses-step .cart-grid-right .inner-border-block .card-block.cart-summary-totals { margin: 0; } #checkout #checkout-addresses-step .cart-grid-right .inner-border-block .card-block { padding-left: 0 !important; padding-right: 0 !important; } #checkout #checkout-confirmation-step .inner-border-block { border: 1px solid #c5cfd0 !important; margin-bottom: 25px; } #checkout #checkout-confirmation-step .confirm-cust-det .inner-border-block h5, #checkout #checkout-confirmation-step .confirm-shipping-det .inner-border-block h5.checkout-shipping-title { padding: 10px 15px; margin-bottom: 0 !important; } #checkout #checkout-confirmation-step .confirm-cust-det .inner-border-block .seperator { margin-top: 0 !important; } #checkout #checkout-confirmation-step .confirm-cust-det { padding: 0; } #checkout #checkout-confirmation-step .confirm-cust-det .inner-border-block .row { margin: 0; padding-bottom: 15px; } #checkout #checkout-confirmation-step .confirm-shipping-det .inner-border-block { padding-left: 15px; } #checkout #checkout-confirmation-step .confirm-shipping-det .inner-border-block h5.checkout-shipping-title, #checkout #checkout-confirmation-step .confirm-shipping-det .inner-border-block hr.seperator { margin-left: -15px; } #checkout #checkout-confirmation-step .confirm-cust-pay .inner-border-block { padding-bottom: 10px; } #checkout #checkout-confirmation-step .confirm-cust-pay .inner-border-block h5 { font-size: 15px; padding-top: 10px; padding-left: 15px; } #checkout #checkout-confirmation-step .confirm-cust-pay .inner-border-block hr.payment-chout { margin-bottom: 10px !important; } /*#checkout #checkout-confirmation-step .confirm-cust-pay .inner-border-block span { padding-left: 15px; }*/ #checkout #checkout-confirmation-step #confirm-order-prd { border: 1px solid #c5cfd0 !important; } #checkout-confirmation-step h5 { font-weight: 600; font-size: 20px; } #checkout #checkout-confirmation-step .confirm-cust-pay .inner-border-block { padding-bottom: 0; margin-bottom: 0; } .confirm-cust-pay #discount-coupon .block-promo { margin-bottom: 20px; } .confirm-cust-pay #discount-coupon .block-promo h5 { margin-left: 15px; } .confirm-cust-pay #discount-coupon .block-promo a { text-align: right; display: inline-block; margin-top: -20px; } .confirm-cust-pay #discount-coupon .block-promo #promo-code { padding: 10px; margin-top: -10px; } .confirm-cust-pay #discount-coupon .block-promo #promo-code input.promo-input { font-size: 13px; } .confirm-cust-pay #discount-coupon .block-promo #promo-code button span { padding: 0; } .confirm-cust-pay #purchase_order .purchase_order p { margin-left: 15px; } #refreshshipping .inner-border-block address, #refreshshipping .inner-border-block strong { margin-left: 15px; } #refreshshipping { margin-top: 20px; } #refreshshipping h5 { padding: 10px 15px; margin-bottom: 0 !important; } #refreshshipping #order-items { padding: 0; } #refreshshipping #order-items .order-line { padding: 25px; } @media (max-width: 1350px) { button#iqitcookielaw-accept { float: right; } } button#iqitcookielaw-accept { float: right; max-width: 160px !important; } span.sub-cats { font-weight: normal !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; } span.sub-cats:after { display: none !important; } @media (max-width: 767px) { #checkout #refreshshipping .cart-grid-right.confirm-order-tot { margin-top: 30px; padding: 0; } #checkout .normal-checkout .cart-grid-right.confirm-cust-pay { padding: 0; } #checkout #refreshshipping #order-items .order-line { padding-left: 45px; } } #iqitcookielaw { max-width: 400px; right: 0 !important; left: unset !important; } #iqitcookielaw.iqitcookielaw-showed+#back-to-top { right: 410px!important; } .delivery-options .delivery-option-2 .row .col-xs-9 { float: left; width: 100%; margin-top: 10px; } /*Review Changes*/ .review_sec_c1 { height: 38px; } .review_sec_c2 { border-radius: 5px 5px 5px; font-size: 17px; width: 48%; margin: auto; } .review_sec_c4 { font-family: Poppins; font-style: normal; font-weight: normal; font-size: 13px; color: rgba(95, 114, 121, 1) !important; } .review_sec_c5 { border-radius: 5px 5px 5px; font-size: 17px; width: 85%; margin: auto; display: inline-block; } .force-show-quote-shipping { display: block!important; } .cbp-horizontal .cbp-tab-title { font-size: 12px !important; } .product-miniature .product-price, #manufacturer .p_item_price, .product-price { color: rgba(17, 22, 24, 1) !important; } @media (min-width: 1200px) and (max-width: 1280px) { .cbp-hrmenu .iqitmegamenu-submenu-container .cbp-tabs-names li a { padding: 6px 15px!important; } } @media (min-width: 1280px) and (max-width: 1345px) { .cbp-hrmenu .iqitmegamenu-submenu-container .cbp-tabs-names li a { -webkit-padding-end: 15px!important; } } #cms.cms-id-11 .elementor-element .news-link-wrap.readbutton_news .elementor-heading-title a { background: #0579be!important; padding: 8px; border-radius: 5px; cursor: pointer; } .mod_pop_c1 { margin: auto; text-align: center; background: rgba(0, 0, 0, 0.69); opacity: 1; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; display: block; } @media only screen and (max-width: 600px) { .video_pop_c1 { margin-top: 0px !important; } } @media only screen and (min-width: 601px) and (max-width: 760px) { .video_pop_c1 { margin-top: 50px !important; } } @media only screen and (min-width: 761px) and (max-width: 999px) { .video_pop_c1 { margin-top: 13px !important; } } @media only screen and (min-width: 1000px) { .video_pop_c1 { margin-top: 23px !important; } } .viewallcategory { border-top: 1px solid rgba(0, 0, 0, .125); border-bottom: 1px solid rgba(0, 0, 0, .125); padding: 10px 0; margin-bottom: 50px; font-size: 18px; font-weight: 700; } #urlitem_p { display: block; padding: 3px 60px; background: #0579be; color: #fff; border-radius: 5px; text-transform: capitalize; } #card-hold { background: #ffffff; border: none; } #category #collapsepp .p_item div.p_item_name { height: 56px; } .product-miniature .product-price, #manufacturer .p_item_price, .product-price { color: rgba(17, 22, 24, 1) !important; } @media (min-width: 1200px) and (max-width: 1280px) { .cbp-hrmenu .iqitmegamenu-submenu-container .cbp-tabs-names li a { padding: 6px 15px!important; } } @media (min-width: 1280px) and (max-width: 1345px) { .cbp-hrmenu .iqitmegamenu-submenu-container .cbp-tabs-names li a { -webkit-padding-end: 15px!important; } } #category .product-list-subcategories.new_cat_align_c1 h3 span, #manufacturer .product-list-subcategories.new_cat_align_c1 h3 span { position: relative; margin-bottom: 15px; display: inline-block; padding-bottom: 0; font-weight: 500; font-size: 23px; } #category .product-list-subcategories.new_cat_align_c1 h3 span:after, #manufacturer .product-list-subcategories.new_cat_align_c1 h3 span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #60a6d4; bottom: -15px; } #category .product-list-subcategories.new_cat_align_c1 h3, #manufacturer .product-list-subcategories.new_cat_align_c1 h3 { border-bottom: none; } #category .product-list-subcategories.new_cat_align_c1 span p, #manufacturer .product-list-subcategories.new_cat_align_c1 span p { text-align: left !important; } #category .product-list-subcategories.new_cat_align_c1 span p::first-word, #manufacturer .product-list-subcategories.new_cat_align_c1 span p::first-word { font-weight: bolder; text-align: left; } #category .product-list-subcategories.new_cat_align_c1 .card-header, #manufacturer .product-list-subcategories.new_cat_align_c1 .card-header { background: transparent; padding-left: 0; margin-bottom: 0; } #category .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed, #manufacturer .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed { width: 100%; text-align: left; position: relative; font-size: 18px; font-weight: 500; padding-left: 0; color: #000; text-decoration: none; } #category .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed span, #manufacturer .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed span { position: relative; margin-bottom: 15px; display: inline-block; padding-bottom: 0; font-weight: 500; font-size: 23px; } #category .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed span:after, #manufacturer .product-list-subcategories.new_cat_align_c1 .card-header .btn.btn-link.collapsed span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #60a6d4; bottom: -15px; } #category .product-list-subcategories.new_cat_align_c1 .accordion.parent-product, #manufacturer .product-list-subcategories.new_cat_align_c1 .accordion.parent-product { border-top: none; } body#category #main-page-content .accordion .p_item:hover, body#manufacturer #main-page-content .accordion .p_item:hover { box-shadow: 0 0 25px 0 rgb(0 0 0 / 15%); } body#category #main-page-content .accordion .p_item, body#manufacturer #main-page-content .accordion .p_item { padding-bottom: 20px; margin-bottom: 30px; } body#category #main-page-content .accordion .p_item .p_item_name, body#manufacturer #main-page-content .accordion .p_item .p_item_name { font-size: 15px; line-height: 25px; } body#category #main-page-content .accordion .p_item .p_item_name, body#manufacturer #main-page-content .accordion .p_item .p_item_name { text-transform: capitalize; margin-top: 15px; display: -webkit-box; height: 55px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body#category .p_item_reference, body#manufacturer .p_item_reference { font-size: 13px; color: #007bff; margin-top: 5px; } body#category #main-page-content .accordion .p_item .p_item_price, body#manufacturer #main-page-content .accordion .p_item .p_item_price { font-size: 15px; font-weight: 400; color: #111618; margin: 10px 0; } body#category #main-page-content .accordion .p_item .p_item_url, body#manufacturer #main-page-content .accordion .p_item .p_item_url { margin-top: 25px; } body#category #main-page-content .accordion .p_item .p_item_url a, body#manufacturer #main-page-content .accordion .p_item .p_item_url a { display: block; background: #0579be; color: #fff; padding: 3px 60px; border-radius: 5px; text-transform: capitalize; } body#category #main-page-content .view-all-container a, body#manufacturer #main-page-content .view-all-container a { color: #0579be; text-transform: capitalize; } #customVideoImage { margin-left: 10px !important; } #category #content-wrapper .new_cat_align_c1 .aboutTabContent, #manufacturer #content-wrapper .new_cat_align_c1 .aboutTabContent{ text-align: left !important; } #configurableProduct .modal-dialog .modal-header button { position: inherit; } #configurableProduct .modal-dialog .modal-body form p { margin: 0px 0px 20px 0px; } #configurableProduct .modal-dialog .modal-body form .form-group input#pdf_file { background: #ddd; } #configurableProduct .modal-dialog .modal-body form #formSubmitId { padding: .5rem 1.5rem; border-radius: 5px; } #configurableProduct .modal-dialog .modal-body form #formSubmitId:hover { width: 160px; } #module-askforaquote-SubmitedQuotes .bargains_list .bargainBlock.customer_bargain { position: relative; background: #efefef; border-bottom-left-radius: 10px; float: right; margin-left: auto; margin-right: 15px; } #module-askforaquote-SubmitedQuotes .bargains_list .bargainBlock.admin_bargain { margin-left: 15px; background: #cccccc; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } #module-askforaquote-SubmitedQuotes .bargains_list .bargainBlock.admin_bargain:before { width: 0; height: 0; content: ""; top: 0; left: -10px; position: absolute; border-style: solid; border-width: 0 13px 13px 0; border-color: transparent #cccccc transparent transparent; } #module-askforaquote-SubmitedQuotes .bargains_list .bargainBlock.customer_bargain:after { width: 0; width: 0; height: 0; content: ""; top: 0; right: -11px; position: absolute; border-style: solid; border-width: 14px 13px 0 0; border-color: #efefef transparent transparent transparent; } #module-askforaquote-SubmitedQuotes .bargain_price_container form div.modal-body { background: #fafafa; } #module-askforaquote-SubmitedQuotes .bargain_price_container form div.modal-body .rejectoldquote { margin-top: 15px; } #product #configurableProduct .modal-dialog form button.btn-primary, #product #configurableProduct .modal-dialog form button.btn-primary:hover { width: 150px; border-radius: 5px; } /*website css #module-websitefiles-view tr:nth-child(odd) { background-color: #f2f2f2; } #module-websitefiles-view th.wt-head{ font-weight: 500; font-size: 14px; padding: 5px; background-color: black; color: white; } #module-websitefiles-view td.wt-data{ vertical-align:middle; padding:5px; } #websitefiles .page-title{ text-align: left; padding-bottom: 3%; font-size:26px; font-weight:500; } #module-websitefiles-view div#inner-wrapper div.content{ min-height: 500px; }*/ /* team Members cms page */ #cms.cms-id-35 .page-header, #cms.cms-id-35 .breadcrumb { display: none; } .team_member_c7 { margin-top: 100px; } #cms.cms-id-35 .elementor-element-7q63m04 { padding: 30px 30px 30px 30px !important; } .team_member_c7 .elementor-widget-container { border-radius: 15px; margin-left: 30px; margin-right: 30px; box-shadow: 0 10px 20px rgb(0 0 0 / 20%); } .team_member_c7 .elementor-widget-container figure { margin-top: -70px !important; display: block; width: 100% !important; } .team_member_c7 .elementor-widget-container figure img { width: 150px; height: 150px; border-radius: 50%; } .team_member_c7 .elementor-widget-container .elementor-image-box-content h3 { margin-top: 20px; font-weight: normal; font-size: 20px; height: 25px; } .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description p.team_member_c3 { font-size: 12px; font-weight: 400; height: 25px; } .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description p.team_member_c4 { line-height: 1.8rem; font-size: .8rem; color: currentColor!important; overflow: hidden; margin-top: 25px; opacity: .8; height: 200px; } @media (max-width: 1160px) { .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description p.team_member_c4 { line-height: 1.8rem; height: 280px; } } @media (max-width: 1024px) { .team_member_c7 .elementor-widget-container .elementor-image-box-content h3 { height: 40px; } } @media (max-width: 767px) { .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description p.team_member_c4 { line-height: 1.8rem; height: auto !important; margin-bottom: 25px; } } .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description .team_member_c5 i { background: #007bb5; padding: 10px!important; font-size: 18px; width: 40px!important; height: 40px!important; text-align: center; text-decoration: none; margin: 12px 2px; border-radius: 50%; display: inline-table; color: #FFF!important; } .elementor-element-7q63m04.team_member_c7 { margin-top: -100px; } .preconfig-minus-button.btn-touchspin, .preconfig-plus-button.btn-touchspin { border: none!important; background: none !important; border: none !important; outline: none!important; } .bootstrap-touchspin .preconfig-minus-button.btn-touchspin:hover, .bootstrap-touchspin .preconfig-plus-button.btn-touchspin:hover { border: none!important; outline: none!important; } #configurableProduct .input-group.bootstrap-touchspin { height: 35px!important; padding-left: 10px; } #product .conf_prd_popup_c1 { display: flex; } #product .conf_prd_popup_c2 { padding-top: 5px; } #product .conf_prd_popup_c3 { padding: 0; margin-left: -15px; } @media (max-width:600px) { #product .conf_prd_popup_c3 { padding: 0; margin-left: 0px; } } #product .conf_prd_popup_c3 .bootstrap-touchspin { width: 70%; } #module-askforaquote-SubmitedQuotes #desktopQuotes tr th:nth-child(8) { text-align: center; } #module-askforaquote-SubmitedQuotes td.table_link a { margin-right: 0px !important; display: inline-block; margin-top: 10px; } #watermark { position: absolute; top: 100px; right: 5px; opacity: .5; z-index: 0; color: #fff; background: #25343a; left: 50%; transform: translate(-50%, -50%); padding: 10px 10px; font-weight: bold; } #add-account-no #watermark { display: none !important; } .blink_me { animation: blinker .75s linear infinite; font-size: 20px; } .blink_me:hover { animation: none; } @keyframes blinker { 50% { opacity: 0; } } #header .header-btn-w .nav-account-menu, .nav-account-menu .account-li.pricelist-menu a.pricelist-title { min-width: 195px!important; } .nav-account-menu .pricelist-menu .child-dropdown-menu { right: 193px!important; } .nav-account-menu .pricelist-menu .child-dropdown-menus { right: 212px!important; } #order-return-request .my-account-page-content form header .form-fields { margin-top: 2%; } #order-return-request .order_tooltip_c2, #order-return-request .order_tooltip_c3 { padding: 0; float: left; } #order-return-request .account_tooltip.field-response { position: relative; border-bottom-width: 0; margin-right: 14px; display: inline-block; } #order-return-request .step_1 .col-md-3, #order-return-request .step_2 .col-md-3, #order-return-request .position_flex.col-md-3 { display: flex; } /* #order-return-request .step_2 p{margin-top: .8rem;} */ .account_tooltip.field-response { cursor: pointer; } #order-return-request .account_tooltip i { color: #5f7279; } #order-return-request .account_tooltip.field-response .account_tooltiptext { left: -150px !important; right: auto!important; right: 0!important; width: 280px!important; text-align: inherit; } #order-return-request .account_tooltip.field-response .account_tooltiptext:before { right: auto!important; left: 150px!important; } #order-return-request #orderreturnrequestForm .form-group:nth-child(9) label .account_tooltiptext { left: -110px !important; width: 270px!important; } #order-return-request #orderreturnrequestForm .form-group:nth-child(9) label .account_tooltiptext:before { left: 110px!important; } #order-return-request .form-footer #ordersubmitmessage { text-align: right; padding: 0; } #order-return-request .form-footer #ordersubmitmessage a { text-align: right; margin: 0px 5px 0px 5px; } #order-return-request .form-footer #ordersubmitmessage a button { width: 20%; padding: 10px; } #order-return-request .form-footer #ordersubmitmessage button#checkWarranty, #order-return-request .form-footer #ordersubmitmessage button#returnRequest { margin: 0px 0px 0px 10px; width: 20%; padding: 10px; } #order-return-request #unserialisedORR { margin-top: 15px; margin-left: 0px; width: 20px; height: 20px; } #order-return-request .order_return_request_c8 { float: right; border: solid black 1px; padding: 5px; margin-bottom: 10px; } #order-return-request .order_return_request_c1 { float: right; } #order-return-request .order_return_request_c2 { float: left; text-align: center; padding: 15px; width: 140px; } #order-return-request .order_return_request_c3 {} #order-return-request .order_return_request_c4 { line-height: 20px; font-size: 12px; font-weight: 600; } #order-return-request .order_return_request_c5 { font-size: 10px; margin-top: -5px; } #order-return-request .order_return_request_c6 { padding-bottom: 20px; margin-top: 80%; } #order-return-request .order_return_request_c7 { display: table; width: 100%; overflow-x: auto; } #order-return-request .order_return_request_c2.text_title_w_c1 { margin-top: 5px; width: 250px; text-align: left; } #order-return-request .order_return_request_c2.text_title_w_c1 p { margin-top: 60px; font-size: 16px !IMPORTANT; } @media (max-width:767px) { #order-return-request .form-footer #ordersubmitmessage a { text-align: right; margin: 10px 0px 10px 0px !important; } #order-return-request .form-footer #ordersubmitmessage a button { width: 100% !important; padding: 10px; } #order-return-request .form-footer #ordersubmitmessage button#checkWarranty, #order-return-request .form-footer #ordersubmitmessage button#returnRequest { margin: 10px 0px 10px 0px; width: 100% !important; padding: 10px; } #order-return-request #unserialisedORR { margin-top: 11px !important; } #order-return-request .position_flex.position_flex2 { display: inline-block; } } @media (max-width: 991px) { #order-return-request .account_tooltiptext, #order-return-request .account_tooltip.field-response .account_tooltiptext { right: 0 !important; left: -120px !important; } #order-return-request .account_tooltip.field-response .account_tooltiptext:before { right: auto!important; left: 120px!important; } #order-return-request #unserialisedORR { margin-top: 11px!important; } #order-return-request .order_return_request_c2 { float: left; text-align: center; padding: 15px; width: 25%!important; } #order-return-request .order_return_request_c6 { padding-bottom: 20px; margin-top: 0%!important; float: none!important; text-align: center!important; } #order-return-request .table-responsive.order_return_request_c7 { display: block !important; width: 100%; overflow-x: auto; } #order-return-request .order_return_request_c2.text_title_w_c1 { width: 100% !important; } #order-return-request .order_return_request_c2.text_title_w_c1 p { font-size: 18px !IMPORTANT; } } @media (min-width:768px) and (max-width:1000px) { .training_secton_div_c1 .elementor-row .elementor-row { display: unset !important; } .training_secton_div_c1 .elementor-row .elementor-row .elementor-col-33 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; float: left !important; } .team_member_c7 .elementor-widget-container .elementor-image-box-content .elementor-image-box-description p.team_member_c4 { line-height: 1.8rem; height: auto !important; } } @media (min-width:320px) and (max-width:600px) { #order-return-request .order_return_request_c1 .order_return_request_c2 { float: left; text-align: center; padding: 15px; width: 100%!important; } #order-return-request .order_return_request_c6 { padding-bottom: 20px; margin-top: 0%!important; float: none!important; text-align: center!important; } #order-return-request .position_flex.position_flex2 { display: inline-block; } #order-return-request .order_return_request_c2.text_title_w_c1 { width: 100% !important; } } @media (min-width:320px) and (max-width:767px) { #identity .financial-act form table tr:nth-child(2) td { width: 100% !important; float: left; text-align: center; } #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext { width: 280px!important; top: unset !important; padding: 5px !important; font-size: 12px !important; left: -220px !important; } #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext:before { border-style: solid; left: 220px!important; } } #order-return-request #content_value { background-image: none; } #order-return-request .input_box_c2 { margin-left: 10px; display: inline-block; } #identity .financial-act form table tr:nth-child(2) td:nth-child(1), #identity .financial-act form table tr:nth-child(2) td:nth-child(2) { border-right: 3px solid #FFF !important; } #identity .financial-act form table tr:nth-child(2) td:nth-child(1) input, #identity .financial-act form table tr:nth-child(2) td:nth-child(2) input { text-align: center !important; color: #000000 !important; } #identity .financial-act form table tr:nth-child(2) td:nth-child(2) input { margin-left: 5px; } #order-return-request .step_2 .select2 ul li span { background: #5f7279; color: #FFF; } #order-return-request .step_2 .select2 ul li.select2-selection__choice { padding: 0px 10px 0px 25px !important; margin-top: 3px !important; } #order-return-request .step_2 .select2 ul li.select2-selection__choice span {} /* #order-return-request .step_2 .select2 ul span{ margin-top: 7px; margin-left: 6px; height: 25px; width: 25px; border-radius: 50%; font-size: 22px; padding-left: 6px; margin-right: 0px; padding-top: 0px;} */ #order-return-request .step_2 .select2-container { min-width: 100%; } .select2-container--default .select2-selection--multiple { border-width: 1px !IMPORTANT; } .select2-results__option[aria-selected=true]:before { color: #fff !IMPORTANT; background-color: #5f7279 !IMPORTANT; padding-left: 5px !IMPORTANT; height: 26px; width: 22px; } #order-return-request .step_2 .select2 ul span.select2-selection__clear { margin-top: 2px !important; } .select2-selection__rendered { padding-top: 0; margin-top: 0px !important; } .select2-selection__rendered li input { width: auto !important; } .select2-selection--multiple { margin-bottom: 0px !important; padding-bottom: 0px !important; /*padding-left: 10px;*/ } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 8px !important; } .order_hr_border { border-top: 1px solid hsl(0deg 0% 3%); } #order-return-request #orderreturnrequestForm .form-control-label { padding-top: 5px; } #order-return-request #orderreturnrequestForm .form-group { margin-bottom: 1.5rem; } #order-return-request #orderreturnrequestForm .form-control-label.position_flex2 { padding-top: 11px; } #order-return-request #orderreturnrequestForm .additional_info, #order-return-request #orderreturnrequestForm #content_other_div label { padding-top: 28px; } /*changed to 6*/ #order-return-request #orderreturnrequestForm .form-group textarea#content_other { display: inline-block; margin-bottom: 15px; } #order-return-request .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext { width: 450px!important; top: -18px !important; padding: 5px !important; font-size: 13.5px !important; left: 20px !important; } #order-return-request .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext:before { border-style: none; } #order-return-request .select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: -1px !important; display: inline-block; margin-bottom: -3px !important; } #order-return-request .account_tooltip.field-response .account_tooltiptext { padding: 2px 10px 2px 10px; } #order-return-request #content_other_div, #order-return-request #orderreturnrequestForm .form-group { clear: both; } #identity .act_details_date_c1 { max-width: 80% !important; } #identity .act_details_date_c1 .act_details_date_c2 { text-align: center; width: 100%; display: inline-block; } #identity .act_details_date_c3, #identity .act_details_date_c4, #identity .act_details_date_c5 { width: 33.33% !important; } #identity .act_details_date_c3 label { width: 30%; float: left; padding-top: 6px; } #identity .act_details_date_c4 label { width: 27%; float: left; padding-top: 6px; } #identity .act_details_date_c3 input, #identity .act_details_date_c4 input { width: 70%; /*float: left;*/ } #identity form button.ui-datepicker-trigger { left: 80%; margin-top: 2px; } #identity #content .most-product { padding-bottom: 0px; margin-bottom: 0px; } /* Media Query Only For Safari */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance: none) { #identity .act_details_date_c5 { width: 25% !important; } #order-return-request .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext { width: 475px!important; } #order-return-request .select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: 2px !important; } #order-return-request ul li .select2-search__field { position: absolute; margin-top: -20px; } #module-websitefiles-view .select2-container--default .select2-search--inline .select2-search__field { margin-top: -2px; display: block; } #module-websitefiles-view .websitefiles_c5 input { border: 1px solid; } #module-websitefiles-view .websitefiles_dropdown_show { margin-left: -25px; position: absolute; top: 20px !important; display: inline-block; } #module-websitefiles-view .websitefiles_c5 input { height: 34px !important; } } } #order-return-request #product_reference_show, #order-return-request #warranty_start_date, #order-return-request #warranty_end_date, #order-return-request #warranty_description, #order-return-request #product_serial_show { padding-top: 5px; } #module-mirowarranty-warrantycheck #warranty-ajax-content .table-labeled td, .table-labeled th { vertical-align: top; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child { display: inline-block !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child { display: none; } @media (max-width: 767px) { #order-return-request .order_return_request_c2.text_title_w_c1 p { margin-top: 0px !important; } #order-return-request #unserialisedDiv { display: flex; } #order-return-request #unserialisedDiv .position_flex2 { padding-left: 5px; padding-right: 0px; } #order-return-request #ordersubmitmessage { display: grid; } #order-return-request #ordersubmitmessage a { order: 2; } #order-return-request #ordersubmitmessage #returnRequest { order: 1; } #my-account #my-account-name div { line-height: 35px; } #identity .financial-act table tr td:nth-child(1), #identity .financial-act table tr td:nth-child(2) { width: 50% !important; } #identity .page-header h1 span, #identity .page-header h1 div { float: left !important; width: 100%; margin: 6px; } #identity .page-header h1.h1.page-title { padding-bottom: 10px!important; display: inline-block; } #identity form button.ui-datepicker-trigger { margin-top: 4px !important; } #add-account-no .fullwidth-sett .form-inline .col-xs-3, #add-account-no .fullwidth-sett .form-inline .col-xs-5, #add-account-no .fullwidth-sett .form-inline .col-xs-4 { width: 100% !important; } #my-account .page-header { margin-top: 65px; } #my-account #watermark { width: 100% !important; top: 104px !important; } .order_details_miro_n_c1 { padding-left: 10px !important; } #order-detail .order_details_mi_c12 { padding-left: 10px !important; width: 100% !important; } .offer_box { width: 90% !important; transform: translate(1%, 30%) !important; } .offer_box .offer_content { padding: 5px !important; } } @media (min-width:768px) and (max-width:999px) { .offer_box { width: 50% !important; transform: translate(1%, 30%) !important; } .offer_box .offer_content { padding: 5px !important; } } @media (min-width:320px) and (max-width:362px) { #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext { width: 250px !IMPORTANT; top: unset!important; padding: 5px!important; font-size: 12px!important; left: -70px!important; } #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext:before { border-style: solid; left: 71px!important; } #module-websitefiles-view .websitefiles_c1 #selectDiv span.select2-container--default { width: 200px !important; display: inline-block; } #module-websitefiles-view .websitefiles_c2 .search-area { text-align: left !important; } #module-websitefiles-view .select2-container { min-width: 100% !important; } #history #content #notifications { margin-top: 10px; margin-bottom: 10px !important; } #history .my-account-page-content table td:nth-child(8) a { margin: 5px; display: inline-block; } #order-detail .order_details_mi_c6 { border: 1px solid; float: left !important; } #order-detail .order_details_mi_c10 { margin-top: 10px; margin-bottom: 10px; } } @media (min-width:363px) and (max-width:400px) { #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext { width: 250px !IMPORTANT; top: unset!important; padding: 5px!important; font-size: 12px!important; left: -20px!important; } #order-return-request form .position_flex.position_flex2 .account_tooltip.field-response .account_tooltiptext:before { border-style: solid; left: 20px!important; } #module-websitefiles-view .websitefiles_c1 #selectDiv span.select2-container--default { width: 200px !important; display: inline-block; } #module-websitefiles-view .websitefiles_c2 .search-area { text-align: left !important; } #module-websitefiles-view .select2-container { min-width: 100% !important; } #history #content #notifications { margin-top: 10px; margin-bottom: 10px !important; } #history .my-account-page-content table td:nth-child(8) a { margin: 5px; display: inline-block; } #order-detail .order_details_mi_c6 { border: 1px solid; float: left !important; } #order-detail .order_details_mi_c10 { margin-top: 10px; margin-bottom: 10px; } } @media (min-width:400px) and (max-width:991px) { #module-websitefiles-view .websitefiles_c2 .search-area { text-align: left !important; } #history #content #notifications { margin-top: 10px; margin-bottom: 10px !important; } #history .my-account-page-content table td:nth-child(8) a { margin: 5px; display: inline-block; } #order-detail .order_details_mi_c6 { border: 1px solid; float: left !important; } #order-detail .order_details_mi_c10 { margin-top: 10px; margin-bottom: 10px; } } #module-websitefiles-view .websitefiles_c1, #module-websitefiles-view .websitefiles_c2 { padding: 10px 0px 10px 0px; } #module-websitefiles-view .websitefiles_c1 span.select2-container--default { width: 200px !important; display: inline-block; } #module-websitefiles-view .websitefiles_c2 .search-area { text-align: right; } #module-websitefiles-view .websitefiles_c4.activelist, #module-websitefiles-view .websitefiles_c3.activelist { border-bottom: solid 3px #000000; opacity: 1; } #module-websitefiles-view .websitefiles_c5 { margin-right: -30px; } #module-websitefiles-view .websitefiles_c6 { padding-right: 5px; } #module-websitefiles-view .websitefiles_c1 span.select2-container--default span.select2-selection--single { height: 34px; border-radius: unset; } #module-websitefiles-view .websitefiles_c1 span.select2-container--default span.select2-selection--single span.select2-selection__rendered { height: 34px; padding-top: 3px; } #module-websitefiles-view .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px !important; } #module-websitefiles-view .nav-tabs .nav-item { margin-right: 0; width: 50%; float: left; text-align: center; } #module-websitefiles-view .websitefiles_default { border-bottom: solid 3px #000000; opacity: 1; } #module-websitefiles-view .nav-tabs .nav-link.active, #module-websitefiles-view .nav-tabs .nav-link:hover, #module-websitefiles-view .nav-tabs .nav-link:focus { border-bottom: solid 3px #000000; } #history #order-history-res-table table tr th:nth-child(8) { width: 300px; } #module-websitefiles-view #suggesstion-box table { display: inline-table; } #module-websitefiles-view .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: -1px; background: #5f7279; color: #FFF; } #identity .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: -1px; background: #5f7279; color: #FFF; padding: 0 4px; margin-left: -5px; } #module-websitefiles-view .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child { padding: 0px 0px 0px 0px !important; margin-top: 3px !important; } #history #content #notifications { position: relative; width: 100%; margin-bottom: 40px; } #module-websitefiles-view .content .alert-warning { display: inline-block; width: 100%; padding: 10px; margin-top: 10px; } #history .my-account-page-content table td:nth-child(8) { width: 30%; } #history .order_his_mi_c1 { cursor: pointer; } #history .order_his_mi_c2 { cursor: pointer; } #history .order_his_mi_c3 { background: none; color: #000; } #history .order_his_mi_c4 { color: #000000; font-size: 20px; margin-top: -10px; } #history .order_his_mi_c6 { display: block; } #history .order_his_mi_c7 { padding: 5px; float: left; } #history .order_his_mi_c8 { padding: 0; } #history .order_his_mi_c9 { padding: 5px; display: inline-flex; float: left; } #history .order_his_mi_c10 { border: 1px solid #dee2e6; width: 95%; } #history .order_his_mi_c11 { padding: 5px; float: left; } #history .order_his_mi_c12 { background: #0579be!important; color: #fff; width: 100%; border: none; font-weight: 500; padding: 4px 10px!important; cursor: pointer; } #history .order_his_mi_c13 { font-size: 13px; color: #000000; float: left; word-break: break-word; padding: 5px; float: left; } #history .order_his_mi_c14 { display: none; color: red; text-align: left; margin: 0px 0px 0px 0px; border: none !important; background: none !important; padding: 5px; float: left; } #history .order_his_mi_c15 { float: left; } #history .order_his_mi_c16 { float: right; text-align: right; } #history .order_his_mi_c17 {} #history .order_his_mi_c18 {} #order-detail .order_details_mi_c1 { border: 1px solid #dee2e6; background: #25343a; color: #FFFFFF; } #order-detail .order_details_mi_c2 { font-size: 18px !important; padding: 10px; font-weight: 500 !important; } #order-detail .order_details_mi_c3 { border: 1px solid #dee2e6; } #order-detail .order_details_mi_c4 { float: left; padding: 0; } #order-detail .order_details_mi_c5 { border: 1px solid; float: left; padding: 10px; border: 1px solid #dee2e6; background: #25343a; cursor: pointer; color: #FFFFFF; margin-top: 10px; width: 230px; text-align: center; } #order-detail .order_details_mi_c6 { border: 1px solid; float: right; padding: 10px; border: 1px solid #dee2e6; background: #25343a; cursor: pointer; color: #FFFFFF; margin-top: 10px; width: 230px; text-align: center; } #order-detail .order_details_mi_c7 { display: none; margin-top: 10px; } #order-detail .order_details_mi_c8 { width: 97%; margin: auto; display: flex; flex-wrap: wrap; } #order-detail .order_details_mi_c9 { margin-top: 10px; margin-bottom: 8px; } #order-detail .order_details_mi_c10 { margin-top: 10px; } #order-detail .order_details_mi_c11 { cursor: pointer; border: 1px solid #dee2e6; background: #25343a; color: #FFFFFF; } #order-detail .order_details_mi_c12 { display: none; color: red; text-align: left; border: none !important; background: none !important; margin-bottom: 0; padding-left: 0; } #order-detail .order_details_mi_c13 { font-size: 13px; color: #000000; width: 100%; display: block; padding-right: 15px; padding-left: 15px; padding-left: 0; } #order-detail .order_details_mi_c14 { font-size: 13px; width: 100%; } #order-detail .order_details_mi_c15 { width: 100%; } #order-detail .order_details_mi_c16 { display: none; margin-top: 15px; max-width: 500px; } #order-detail .order_details_mi_c17 { color: #FF8C00 } #order-detail .order_details_mi_c18 { padding: 0 5px; color: #007bff; font-size: 14px; float: right; cursor: pointer; } #module-websitefiles-view .websitefiles_dropdown_show { margin-left: -25px; position: absolute; top: 23px; display: inline-block; } #module-websitefiles-view .websitefiles_dropdown_hide { display: none; } #history #order-history-res-table table tr th { width: 10%; max-width: 10%; } #history #order-history-res-table table tr th:last-child, #history #order-history-res-table table tbody tr td:last-child { width: 30%; max-width: 30%; } #history #order-history-res-table table tbody tr td { width: 10%; max-width: 10%; word-break: break-word; } #module-websitefiles-view .websitefiles_c5 input { height: 42px; padding-left: 5px; border: 1px solid #aaa; border-radius: 4px; } #module-websitefiles-view .select2-container .select2-search--inline .select2-search__field { height: 22px; margin-left: 0px; } #module-websitefiles-view .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { padding: 0px 10px 0px 20px !important; } #order-detail .addresses article#invoice-address, #order-detail .addresses article#delivery-address { height: 270px; } #order-detail .order-links { padding-right: 11px; } #order-detail .order_details_mi_c18 { padding-right: 0px; } #history #order-history-res-table .modal-content { background: #fff; border-radius: 10px; } #history #order-history-res-table .modal-content .order_his_mi_c3 h3 { display: contents; font-weight: 500; font-size: 1.125rem; } #my-account .mi_act_details_c1 { width: 100%; margin-top: 38px; } #my-account .mi_act_details_c1 .mi_act_details_c2 { width: 100%; display: block; float: left; text-align: center; } #my-account .mi_act_details_c1 .mi_act_details_c2 h4 { display: inline-block; margin: 5px; } #my-account .mi_act_details_c1 .mi_act_details_c2 h4 a#history-link { background: #032b3d; display: flex; padding: 13px; color: #f3f5f5 !important; font-weight: 600; border: 2px solid #f3f5f5; font-size: 15px; width: 200px; } #my-account .mi_act_details_c1 .mi_act_details_c2 h4 a .mi_act_details_c4 { margin-top: 1px; margin-left: 5px; } /*added by venkat*/ .offer_content h2 { font-size: 15px; } .offer_box { position: fixed; bottom: 5rem; left: 1rem; display: inline-block; transform: translate(1%, 30%); width: 50%; height: 175px; background: #032b3d; box-sizing: border-box; overflow: hidden; box-shadow: 0 10px 17px rgb(95 114 121); border: 2px solid #5f7279; color: white; padding: 20px; z-index: 5; } .offer_box:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); transition: 0.5s; pointer-events: none; } .offer_box:hover:before { left: -50%; transform: skewX(-5deg); } .offer_box .offer_content { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid #ffffffe0; padding: 20px; text-align: center; box-shadow: 0 5px 10px rgb(9 0 0); } .offer_box span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; box-sizing: border-box; } .offer_box span:nth-child(1) { transform: rotate(0deg); } .offer_box span:nth-child(2) { left: 195px; transform: none; } .offer_box span:nth-child(3) { transform: rotate(180deg); } .offer_box span:nth-child(4) { left: -195px; transform: none; } .offer_box span:before { content: ''; position: absolute; width: 100%; height: 2px; background: #FFF; animation: animate 4s linear infinite; } @keyframes animate { 0% { transform: scaleX(0); transform-origin: left; } 50% { transform: scaleX(1); transform-origin: left; } 50.1% { transform: scaleX(1); transform-origin: right; } 100% { transform: scaleX(0); transform-origin: right; } } /*end*/ #header .header-btn-w .nav-account-menu li:first-child a:hover, #ps-shoppingcart-wrapper .nav-account-menu li:first-child a:hover, #ps-quote-wrapper .nav-account-menu li:first-child a:hover { border-radius: unset !important; } .nav-account-menu .pricelist-menu .child-dropdown-menu, #header .header-btn-w .nav-account-menu li:last-child a:hover, #header .child-dropdown-menu .child-dropdown-menus { border-radius: unset !important; } .nav-account-menu .pricelist-menu .child-dropdown-menu, #header .header-btn-w .nav-account-menu li:last-child a:hover, #header .child-dropdown-menu .child-dropdown-menus { border-radius: unset !important; } #header .child-dropdown-menu .account-li.pricelist-menu, #header .child-dropdown-menu .child-dropdown-menus li { width: 100%; } #header .child-dropdown-menu .account-li.pricelist-menu-specific, #header .child-dropdown-menu .child-dropdown-menus li { width: 100%; } #header .child-dropdown-menu .child-dropdown-menus { z-index: 99; } #header .pricelist-menu .pricelist-menus .pricelist-titles, #header .pricelist-menu .pricelist-menu-specific a { padding: 7px ​13px !important; background: #FFF !important; color: #3e98cd !important; display: inline-block !important; } #header .pricelist-menu .pricelist-menus .pricelist-titles:hover, #header .pricelist-menu .pricelist-menu-specific a:hover { background: #3e98cd !important; color: #FFF !important; } .inner-border-block .cart-detailed-totals #applyCartRule { background: #0579be; padding: 7px 0; font-size: 14px; border: none; color: #fff; cursor: pointer; } #checkout .cart-summary-line .value a.removeCredit i, #checkout .cart-voucher ul li.cart-summary-line a.removeCredit i { font-size: 20px; display: table-caption; padding-top: 3px; } #my-account #quotepricerefresh .modal-body { width: 100%; display: flex; flex-direction: column; } #my-account #quotepricerefresh .modal-body button { margin-top: 10px; } #order-return-request .optional_data { position: absolute; margin-top: 20px; } #order-return-request #filterTable { margin: 15px; height: 35px; padding-top: 5px; padding-left: 10px; border-radius: 10px; border-color: #8a9ea1; color: #6e7f86; background-image: none!important; outline-width: 0!important; width: 100%; } #identity .button_classes_c1, #identity .button_classes_c2 { padding: 0; margin-top: 15px; } #identity .button_classes_c3 { float: right; } #identity .select2-container.select2-container--default { width: 100% !important; } @media (max-width: 767px) { #order-return-request .step_2 .optional_data { position: relative; margin-top: 0px; } #identity .button_classes_c4 { padding: 0; } #identity .button_classes_c5 .button_classes_c3 { float: none; margin: auto; text-align: center; } #identity .button_classes_c5 .s_submit_pdf input { width: 100%; padding: 10px; } #identity .button_classes_c5 .s_submit_csv input { width: 100%; padding: 10px; margin-top: 15px; } } @media (max-width: 600px) { .nav-account-menu .pricelist-menu .child-dropdown-menu { width: 145px; } } @media (max-width: 340px) { .nav-account-menu .pricelist-menu .child-dropdown-menu { right: 80%; width: 126px; } } @media (max-width: 350px) { .nav-account-menu .pricelist-menu .child-dropdown-menu { right: 95%; width: 126px; } } @media (max-width: 360px) { .nav-account-menu .pricelist-menu .child-dropdown-menu { right: 100%; width: 126px; } } @media (min-width:320px) and (max-width:570px) { #identity form:nth-child(2) .col-2:nth-child(2) input { padding: 10px !important; display: inline-block !important; } #identity form:nth-child(2) .col-2:nth-child(3) input { padding: 10px !important; display: inline-block !important; margin-top: 50px !important; margin-left: -77px !important; } } #index .home-slider .elementor-column-wrap { padding-top: 0; margin-top: -9px; } #content-wrapper .custom-view-info { top: 10px; } .elementor-widget-container .custom-view-info span.close { font-size: 20px; margin-top: 4px; cursor: pointer; color: #FFF; opacity: 1; font-weight: 400; position: absolute; right: 5px; top: -2px; } .elementor-widget-container .custom-view-info p.ins-content { margin-top: 2px; margin-bottom: 5px; } @media (max-width: 767px) { .elementor-widget-container .custom-view-info { min-height: 140px; } #content-wrapper .custom-view-info { top: -1px; } .elementor-widget-container .custom-view-info span.close { right: 15px; top: 5px; } } #unmute { z-index: 1000 !important; display: block; } #mute { z-index: 50 !important; display: block; } #index #rev_slider_1_1_forcefullwidth .rev-hiddenicon#unmute, #index #rev_slider_1_1_forcefullwidth .rev-hiddenicon#mute { font-weight: 900 !important; text-transform: uppercase !important; right: 10px !important; } @media (max-width: 767px) { .elementor-widget-container .custom-view-info { min-height: 140px; } #checkout .wallet_box1 .wallet_box2 { width: 10% !IMPORTANT; } #checkout .wallet_box1 .wallet_box3 { width: 80% !IMPORTANT; } #checkout .wallet_box1 .wallet_inner_box { display: flex; display: flex; float: left; flex-wrap: wrap; flex-direction: row; } } #checkout .wallet_box1 .wallet_inner_box { display: flex; } #checkout .wallet_box1 { width: 100%; flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; display: flex; background: #f3f5f5; border-radius: 10px; margin-bottom: 15px; border: 1px solid hsla(0, 0%, 63%, .25); padding-top: 25px; padding-bottom: 15px; margin-top: 15px; flex-direction: row; flex-wrap: wrap; justify-content: center; } #checkout .wallet_box1 .wallet_box2 { display: inline-block; width: 5%; text-align: center; } #checkout .wallet_box1 .wallet_box2 i.material-icons { font-size: 12px; font-weight: 600; color: #337ab7; } #checkout .wallet_box1 .wallet_box2 .custom-checkbox input[type=checkbox]+span:not(.color) { background: #fff; color: #337ab7; border-color: #337ab7; height: 20px; width: 20px; font-size: 20px } #checkout .wallet_box1 .wallet_box3 { display: inline-block; width: 90%; } #checkout .wallet_box1 .wallet_inner_box b { width: 100%; text-align: center; display: inline-block; } #checkout .final_pay_amt_c1 .label { width: 60%; display: inline-block; text-align: left; } #checkout .final_pay_amt_c1 .label .vat_text1 { display: inline-block; width: 100%; } #checkout .final_pay_amt_c1 .label .vat_text2 { font-size: 11px; display: block; margin-top: -5px; font-weight: 400; width: 100%; text-transform: capitalize; } #checkout .final_pay_amt_c1 .value { width: 40%; display: inline-block; text-align: right; } #order-return-request select.form-control:not([size]):not([multiple]) { height: 3.12rem; } #checkout .paycredit_methods_m_c1 { display: block; padding-left: 15px; font-size: 14px; margin-bottom: 10px; } #order-return-request span.select2-dropdown, #add-account-no span.select2-dropdown, #module-mirowarranty-warrantycheck span.select2-dropdown { z-index: 7; } @media (max-width: 767px) { #order-return-request .select2-container, #add-account-no .select2-container, #module-mirowarranty-warrantycheck .select2-container { min-width: 100%!important; width: 100%!important; } } /*Custom Loader*/ #loader-wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; z-index: 999999999; background: #0000004f; opacity: 0.9; } #loader, #loader:after { border-radius: 50%; width: 10em; height: 10em; } #loader { display: none; top: 35%; left: 50%; font-size: 10px; position: relative; text-indent: -9999em; border: 1.1em solid rgb(5, 121, 190); border-left: 1.1em solid #25343a; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*Custom Loader*/ #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: none !important; } .cbp-hrmenu>ul>li>a, .cbp-hrmenu>ul>li>span.cbp-main-link { transition: none !important; } .alternateProductsDiv { margin-top: 7px !important; font-size: 15px !important; margin-left: 5px !important; } #prices-drop section#wrapper { margin: 0 auto; padding-top: 0; } #prices-drop section#wrapper .manufacturer-ttl { padding: 15px 15px 25px!important; } #prices-drop section#wrapper .manufacturer-ttl h2 span { font-weight: 600!important; font-size: 1.5rem!important; color: rgba(17, 22, 24, 1); } #prices-drop section#wrapper #left-column { display: flex; flex-direction: column-reverse; justify-content: flex-end; border-right: 1px solid #c7c7c7; padding-left: 30px; } #prices-drop .product-miniature-default .product-flags { top: 0.5rem !IMPORTANT; z-index: 1; left: 1rem !IMPORTANT; } #prices-drop .product-miniature-default .product-description h3 a { color: #000 !IMPORTANT; } #prices-drop .custom-view-btn button { height: auto !important; border: none !important; margin-top: 25px; display: block; background: #0579be !IMPORTANT; color: #fff; padding: 3px 60px; border-radius: 5px; text-transform: capitalize; } #prices-drop #content-wrapper .page-title { border-bottom: none; } #prices-drop #content-wrapper .page-title span { margin-top: 20px; position: relative; margin-bottom: 15px; display: inline-block; padding-bottom: 0; font-weight: 500; font-size: 23px; } #prices-drop #content-wrapper .page-title span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #60a6d4; bottom: -15px; } .binproduct .input-group-btn-vertical { display: none !important; } #product .product-quantity .qty.binproduct .input-group, #cart .product-line-actions .qty.binproduct .input-group.bootstrap-touchspin, #checkout .cart-item .qty.binproduct .bootstrap-touchspin { background: #e9ecef; } nav#cbp-hrmenu ul li.menu.highlight { background: #FFF; color: #000; } nav#cbp-hrmenu ul li.menu.highlight a { color: #000; } #prices-drop .bin_items_search { display: flex; width: 100%; flex-direction: row; } #prices-drop #binItemsSearchForm { width: 100%; display: flex; float: right; text-align: right; justify-content: flex-end; flex-wrap: wrap; } #prices-drop #binItemsSearchForm #binItemsSearch { border-radius: 5px; border: 1px solid; margin: 2px; text-transform: capitalize; border: solid 1px #e3e3e3 !important; padding-left: 10px; width: 246px; } #prices-drop #binItemsSearchForm #binItemsSearchBtn { height: auto !important; border: none !important; display: block; background: #0579be !IMPORTANT; color: #fff !important; border-radius: 5px; margin: 2px; text-transform: capitalize; } #prices-drop #binItemsSearchForm #binItemsSearchBtnReset { display: block!important; height: auto !important; border: none !important; background: #0579be !IMPORTANT; color: #fff !important; border-radius: 5px; margin: 2px; text-transform: capitalize; } #prices-drop .products-grid .product-miniature-default .product-title { height: 45px; } #prices-drop .products-grid .product-miniature .product-reference { font-size: 12px; } #prices-drop .manufacturer-ttl { display: none; } @media (max-width: 767px) { #prices-drop .small-gutters .col.col-auto { display: flex; flex-wrap: wrap; } } #checkout-confirmation-step #discount-coupon ul.promo-name li { padding: 0px 10px 0px 15px; width: 100%; display: inline-flex; align-items: center; } #checkout-confirmation-step #discount-coupon ul.promo-name li span.label { display: block; width: 60%; float: left; } #checkout-confirmation-step #discount-coupon ul.promo-name li div.float-xs-right { display: block; width: 40%; float: left; text-align: right; } #checkout-confirmation-step #discount-coupon ul.promo-name li div.float-xs-right a { padding-right: 0px; } #order-detail #order-products tbody tr td:nth-child(2) { text-align: center !important; } #order-detail #order-products tbody tr .text-xs-right { text-align: right !important; } #order-detail #order-products tfoot .text-xs-right td:nth-child(2) { text-align: right !important; } #order-detail #order-products .thead-default tr th:nth-child(2) { text-align: center !important; } #order-detail #order-products .thead-default tr th:nth-child(3), #order-detail #order-products .thead-default tr th:nth-child(4) { text-align: right !important; } #checkout-confirmation-step #discount-coupon button { margin-left: 10px; } #checkout-confirmation-step #discount-coupon button:nth-child(1) { background: #0062cc!important; color: #fff !important; } /* Only Firefox broswer */ @-moz-document url-prefix() { #checkout #direct-delivery-block { width: 100%; float: left; margin-right: 0; margin-left: 0; } #checkout #direct-delivery-block .flex-nowrap { padding: 0; margin-left: -20px; margin-right: 0; } } @media (min-width: 576px) { #product #main-product-wrapper .product-price-wrapper .current-price-new.ml-3 { margin-left: 40px !important; } } #checkout .coupon_real_pay_button>.text-sm-center, #checkout .coupon_new_pay_button>.text-sm-center { padding-right: 1.25rem; padding-left: 1.25rem; } #checkout .confirm-order-tot .text-sm-center:last-child { margin-bottom: 15px; } @media (max-width: 600px) { #checkout-confirmation-step #discount-coupon ul.promo-name li { padding: 0px 10px 0px 15px; width: 100%; display: inline-flex; align-items: center; } #checkout-confirmation-step #discount-coupon ul.promo-name li span.label { display: block; width: 60%; float: left; } #checkout-confirmation-step #discount-coupon ul.promo-name li div.float-xs-right { display: block; width: 40%; float: left; text-align: right; } #checkout-confirmation-step #discount-coupon ul.promo-name li div.float-xs-right a { padding-right: 0px; } } .confirm-cust-pay #discount-coupon .block-promo .inner-border-block .row a { padding-right: 25px !important; } .footer_logo_container { display: flex; } .footer_logo_container a { margin: 0; z-index: 1; } @media only screen and (max-width: 575px) { /* Styles */ .footer_logo_container { align-items: center; } .footer_logo_container img { max-width: 30%; } .footer_logo_container a img { max-width: 50% !important; } } @media only screen and (max-width: 768px) { /* Styles */ .footer_logo_container { display: flex; flex-direction: column; } .footer_logo_container a img { max-width: 30%; } } @media only screen and (min-width: 768px) and (max-width: 1100px) { .footer_logo_container a { margin: 0 9px; } .footer_logo_container { flex-direction: column; } } @media only screen and (min-width: 1101px) { .footer_logo_container a { text-align: right; } } #cbp-hrmenu .cbp-hropen .cbp-hrsub { z-index: 1111111 !important; } .confirm-cust-pay #discount-coupon .block-promo a .material-icons { position: relative; top: 5px; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.active-list { z-index: 1; top: 160px !important; } #ui-id-1 li a span.product-price, #ui-id-1 li a p.product_name { color: #000; } #ui-id-1 .bestkit_asearch_container>div>p { color: #000; } @media only screen and (max-width: 575px) { /* Styles */ .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.active-list, ul#ui-id-2 { top: 136px !important; left: 10px !important; } } .col-xs-6.qty .validatePrice1, .col-xs-6.qty .validatePrice2 { display: flex; position: relative; margin: 0 auto; min-height: 40px; max-width: 75px; border: 2px solid #a9a9a9; height: 40px!important; border-radius: 10px; justify-content: center; align-items: center; } .col-xs-6.qty .validatePrice1 .bootstrap-touchspin, .col-xs-6.qty .validatePrice2 .bootstrap-touchspin { border: none !important; width: 80%; text-align: center; min-width: 80%; max-width: 80% !IMPORTANT; } .col-xs-6.qty .validatePrice1 .input-group-btn-vertical, .col-xs-6.qty .validatePrice2 .input-group-btn-vertical { width: 20%; text-align: center; min-width: 20%; max-width: 20%; position: relative; white-space: nowrap; vertical-align: middle; } .col-xs-6.qty .validatePrice1 .input-group-btn-vertical button, .col-xs-6.qty .validatePrice2 .input-group-btn-vertical button { margin-right: 5px; line-height: 1.2; height: auto; border: none; border-radius: 0; display: block; float: none; width: 100%; max-width: 100%; padding: 0px 0px; margin-left: -1px; position: relative; background: none; } .col-xs-6.qty .validatePrice2 .input-group-btn-vertical { margin-right: 2px; margin-top: -14px; } .fancybox-overlay-fixed .fancybox-desktop { width: 400px !important; } .fancybox-overlay-fixed .fancybox-desktop .fancybox-inner { width: 100% !important; } @media only screen and (max-width: 768px) { .fancybox-overlay.fancybox-overlay-fixed .fancybox-desktop { width: 83% !important; } .fancybox-overlay.fancybox-overlay-fixed .fancybox-desktop .fancybox-inner { width: 100% !important; height: auto !important; } .fancybox-overlay-fixed .fancybox-desktop .fancybox-inner button { width: 100%; margin-bottom: 5px; } } #contact .whatsapp img { width: 18px; height: 18px; margin-right: 5px; } #footer .block-title { pointer-events: none; } @media screen and (max-width: 700px) { #footer .block-title { cursor: pointer !important; pointer-events: visible; transition: 0.4s; } #footer .block-content { display: none; overflow: hidden; } } #category .product-list-subcategories .row, #category #main .brand-banner-img { margin-bottom: 30px; } /* invoice table start */ #invoice_tbl { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100% } #invoice_tbl td, #invoice_tbl th { border: 1px solid #ddd; padding: 8px } #invoice_tbl tr:nth-child(2n) { background-color: #f2f2f2 } #invoice_tbl tr:hover { background-color: #ddd } #invoice_tbl th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #25343a; color: #fff } /* invoice table end */ #iqitmegamenu-mobile li .mm-expand { right: 10px; } #iqitmegamenu-mobile li ul.mobile_menu_v1 li:nth-child(2) a { border: unset !IMPORTANT; background: unset !IMPORTANT; border-radius: unset !important; display: block !IMPORTANT; color: #dcd3e0 !IMPORTANT; min-height: 3em !IMPORTANT; font-size: .9em !IMPORTANT; padding: 0.6em 3em 0.6em 1em !IMPORTANT; font-weight: unset !IMPORTANT; margin-left: unset !IMPORTANT; } #desktop-header #iqitmegamenu-horizontal .cbp-hrmenu #cbp-hrmenu-tab-2.cbp-hropen .cbp-tab-pane.active { width: 90%; margin: auto; } #desktop-header #iqitmegamenu-horizontal .cbp-hrmenu #cbp-hrmenu-tab-2 .cbp-tab-pane>.clearfix>.row { margin: 0px; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !IMPORTANT; margin: auto; } #desktop-header #iqitmegamenu-horizontal .cbp-hrmenu #cbp-hrmenu-tab-2 .cbp-menu-column { margin-top: 0!important; display: block; width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; float: left; } #desktop-header #iqitmegamenu-horizontal .cbp-hrmenu #cbp-hrmenu-tab-2 .cbp-categories-row { margin-top: -10px; width: 100%; display: block; } @media screen and (max-width: 700px) { .list_search_mobile_c3 { border-color: #CCC; border: 1px solid #CCC; } .list_search_mobile_c1 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; } form#categorySearchForm.list_search_mobile_c2 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 90%; } .list_search_mobile_c3, .list_search_mobile_c4, .list_search_mobile_c5 { width: 100%; display: inline-block !IMPORTANT; border-radius: 8px !IMPORTANT; margin-top: 14px; font-size: 16px !IMPORTANT; height: 40px; padding: 10px; } p.list_search_mobile_c6 { text-align: center; font-size: 14px; margin-top: 10px; } } #priceMatchFrom .error { color: red; } #product .product_header_container .product-prices .product-price-wrapper { width: 100%; float: left; } span.priceMatch_c16 span { font-size: 20px; margin-right: 15px; font-weight: 500; } span.priceMatch_c16 { display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; position: relative; } span.priceMatch_c16 label#matching_price-error { position: absolute; top: 38px; } button.btn.btn-primary.btn-lg.priceMatch_c15 { border-radius: 5px; } #product .pri_match_c1 { margin-top: 10px; display: inline-block; display: flex; width: 100%; } #product .pri_match_c1 a { border-radius: 10px; cursor: pointer; padding: 2px 5px 2px 5px; margin-top: 10px; color: #008000; border: 1px solid #008000; font-size: 13px!important; } #price-match-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; z-index: 999999999; background-color: #ffffff; background: #fff; opacity: 0.9; } #price-match-loader img { display: block; position: relative; left: 50%; top: 50%; width: 50px; height: 50px; border-radius: 50%; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; font-size: 10px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } div#search_widget { padding: 15px 0; background: #000000; } select.search_category_option { background: #e9ecef; border: none; padding: 4px; border-radius: 5px 0 0 5px; cursor: pointer; } select.search_category_option:focus-visible { outline: none !important; } div#search_widget input.form-control.form-search-control { border-radius: 0 5px 5px 0; border: none; outline: none; background: #fff; } div#search_widget button.search-btn , #search-widget-mobile .search-btn{ background: rgb(5, 121, 190) !important; color: #fff; border-radius: 0 5px 5px 0; } #search_widget form { width: 100% !important; /* padding: 0 16%; padding-right: 220px; */ } div#header-search-btn { display: none; } div#ps-shoppingcart-wrapper { margin-left: 10px; } @media only screen and (max-width: 575px) { select.search_category_option { width: 115px; } } #desktop-header .col.col-auto.col-header-left { position: absolute; top: 20%; left: 5%; } #desktop-header .col.col-auto.col-header-right { position: absolute; top: 25%; right: 5%; } #desktop-header #iqitmegamenu-horizontal .cbp-hrmenu #cbp-hrmenu-tab-2 .cbp-menu-column .row.menu_row .col-12 { width: 100%; max-width: 100%; min-width: 100%; } :not(.dropdown-menu-custom)#search-widget-mobile.dropdown-menu { /*padding: 0;*/ margin: 0; display: block; min-width: 100%; transform-origin: top; animation-fill-mode: forwards; -webkit-transform: initial !important; opacity: initial !important; visibility: initial !important; transition: initial !important; -webkit-transition: initial !important; } /*.screen_overlay div#fullscreen-search-backdrop{ width: 100%; position: absolute; display: block; height: 4000px; background: #0000004f; }*/ main#main-page-content { position: relative; display: block; } .main-page-overlay.screen_overlay { background: #0000004f; position: absolute; z-index: 1; left: 0; top: 0px; bottom: 0; right: 0; } .input-text-and-img { display: flex; position: relative; width: 100%; } .input-text-and-img>img { width: 2rem; top: 12px; right: 10px; display: flex; justify-content: center; align-items: center; position: absolute; } /*#loader-wrapper.search_loader{ background: #0000004f; } */ #index .review_sec_c1{display:none} #index .product-price-and-shipping>span{width:auto!important} #index .product-price-and-shipping{display:flex;justify-content:center;align-items:center;gap:5px} #index p.instock_label_home{margin-bottom:0!important} #index article.product-miniature-default .product-brand img{width: 100px;} #index article.product-miniature-default .custom-view-btn { margin-bottom: 35px; } div#loader-wrapper>div { height: 100vh; } #loader { top: initial; left: initial; } @media (max-width: 768px) { /*#product #price_list_item_box #prd-instock { overflow: hidden !important; }*/ .col-md-4.col-product-image{ padding: 0 !important; } } .tab-content .tab-pane.cbp-tab-pane .unique-showall-categ{border-radius:20px !important;} #index article.product-miniature-default .product-brand, #index .products.products-grid article.product-miniature-default .custom-view-btn button{display: none;} #index .product-miniature-default .product-thumbnail img{width:170px!important;} div#search_widget { padding: 15px 0; background: #000; position: relative; } #ui-id-1 { height: 350px; overflow-y: scroll; overflow-x: hidden; background: #fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); border-color: #eee; width: 54.6rem!important; left: 13.3rem!important; } ul#ui-id-1.ui-autocomplete.active-list { z-index: 99!important; top: 57px!important; /* left: 23%!important; width: 53%!important; */ } .card-body .p_item .product-store, article.product-miniature-default .product-store { display: inline-flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; width: 100%; padding: 0.71429rem; align-items: center; height: 80px; } .card-body .p_item .product-store #store_title, article.product-miniature-default .product-store #store_title { height: 0px !important; top: 5px !IMPORTANT; display: contents; margin-right: 20px; } article.product-miniature-default .product-store #store_content, .card-body .p_item .product-store #store_content{ top: unset !important; right: unset !important; display: inline-flex !IMPORTANT; } article.product-miniature-default .custom-view-btn, .card-body .p_item .custom-view-btn { height: 100px; } article.product-miniature-default .product-unavailable, .card-body .p_item .product-unavailable{ background: #a17738; color: #fff7f7; color: #dc3545 !important; border: 1px solid #dc3545 !important; } .account_tooltip.field-response .account_tooltiptext{ left: 0px !IMPORTANT; right: 0px !IMPORTANT; width: 140px !important; padding: 5px 5px 5px 5px; text-align: left; font-size: 12px !IMPORTANT; } .account_tooltip.field-response { position: relative; } .div-product-availability { display: flex; flex-direction: column; height: 80px; align-items: center; width: 100%; margin-top: 10px; } #category section#products{display: block;} /*header menu changes*/ #desktop-header #search_widget form { padding: 0; } #desktop-header .right-menu-header .row.no-gutters.justify-content-end { flex-wrap: inherit; } @media only screen and (max-width: 1366px) { .right-menu-header { margin-left: 4.5rem;} } #ui-id-1 { height: 350px; overflow-y: scroll; overflow-x: hidden; background: #fff; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); border-color: #eee; width: 100% !important; left: 0rem!important; } div#search_widget .input-group { flex-wrap: nowrap; } /*#header .header-btn-w { padding-bottom: 10px; }*/ ul.nav-account-menu::after { content: ''; height: 175px; border: 1px solid transparent; position: absolute; width: 156px; top: -14px; left: 0; z-index: -1; } .header_quote_menu{position: relative;} div#ps-quote-wrapper { gap: 2rem; } .header-menu-top-block > a { line-height: 18px; } #header #ps-quote-wrapper { order: inherit; } #desktop-header .input-text-and-img { width: 100%; } #header #watermark { top: 112%; } @media (max-width:1200px){ #header #watermark { top: 138%; } } @media (max-width:600px){ #header #watermark { top: 149%; width: 75%;} } #header #ui-id-1 li a p.product_name, #header #ui-id-2 li a p.product_name, #header #ui-id-1 li a p.product_sku, #header #ui-id-2 li a p.product_sku { height: auto; } /*header menu changes*/ /* pagination start */ .dataTables_paginate { display: flex; justify-content: center; margin: 1rem 0; gap: 0.4rem; } .dataTables_paginate span { display: flex; justify-content: center; gap: 0.4rem; } .dataTables_paginate span a { border: 1px solid hsla(0,0%,63%,.25); margin: 0 0.05rem; transition: all .2s cubic-bezier(.7,0,.3,1); padding: 0.4rem 0.8rem; display: flex; align-items: center; cursor: pointer; } .dataTables_paginate e span a:hover{ background: transparent; color: #000 !important; border-color: #000 !important; } a.paginate_button.current { background: transparent; color: #000 !important; border-color: #000 !important; } .paginate_button.previous, .paginate_button.next { border: 1px solid hsla(0,0%,63%,.25); margin: 0 0.05rem; transition: all .2s cubic-bezier(.7,0,.3,1); padding: 0.4rem 0.8rem; display: flex; align-items: center; cursor: pointer; } .paginate_button.previous:hover, .paginate_button.next :hover{ background: transparent; color: #000 ; border-color: #000; } /* pagination end */ /* order history and submitted quotes filter by start */ .dropdown-cus-btn, .dropdown-cus-btn:active, .dropdown-cus-btn:hover{ height: auto!important; border: 1px solid #6e7f86 !important; background: transparent !IMPORTANT; color: #6e7f86 !important; border-radius: 10px !important; margin: 2px; text-transform: capitalize; align-items: center; justify-content: center; display: flex !important; padding: 0.5rem 6rem !important; width: 100%; } ul.dropdown-menu-cus.dropdown-submenu-cus{ display: none; } .submenu-list-items { display: flex; flex-direction: column; position: absolute; background: #fff; transform: translate(-17.7rem,-3.3rem); } .submenu-list-items a { display: flex; } .submenu-list-items a input { border-radius: 5px; margin: 2px; text-transform: capitalize; border: solid 1px #000!important; padding-left: 10px; width: initial !important; } .submenu-list-items li button{ height: auto!important; border: none!important; display: block; background: #0579be !IMPORTANT; color: #fff!important; border-radius: 5px; margin: 2px; text-transform: capitalize; } .submenu-list-items a.dropdown-item{ justify-content: center; } .submenu-list-items a#apply_filter_date_range button{ height: auto!important; border: none!important; display: block; background: #0579be !IMPORTANT; color: #fff!important; border-radius: 5px; margin: 2px; text-transform: capitalize; width: 100%; } .ui-datepicker .ui-datepicker-header { background: #0579be; color: #fff; border: none; } .ui-datepicker .ui-datepicker-header a span{filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(114deg) brightness(102%) contrast(101%);} a.ui-state-default { background: transparent !important; border: 1px solid #e9e9e9 !important; } a.ui-state-default.ui-state-active { background: #0579be !important; color: #fff !important; } div#ui-datepicker-div { border-color: #e9e9e9; } .ui-datepicker table thead { background: #25343a; color: #fff; font-weight: 500; font-size: 14px; } .ui-datepicker tbody{ background: #f3f5f5;} a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover, a.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover { border: none; background: transparent; } .ui-datepicker-trigger{cursor:pointer;} #history .filter-right{margin-bottom: 1.5rem;} #history .filter-right .d-flex.align-items-center{gap:1rem;} #module-askforaquote-SubmitedQuotes button#dropdownMenuButton { height: auto!important; border: 1px solid #6e7f86 !important; background: transparent !IMPORTANT; color: #6e7f86 !important; border-radius: 10px !important; margin: 2px; text-transform: capitalize; align-items: center; justify-content: center; display: flex !important; padding: 0.5rem 6rem !important; width: 100%; } #module-askforaquote-SubmitedQuotes .pull-right { float: initial; display: flex; align-items: center; justify-content: space-between; } #module-askforaquote-SubmitedQuotes h6 { margin: inherit; } #header-user-btn> a, .header_quote_menu >a,#headerblockcart> a.header-btn.header-user-btn{cursor:default!important;} .dropdown.filter_by.show ul.dropdown-menu.show{z-index: 1;} #history .submenu-list-items { transform: translate(-19.4rem,-3.3rem); } /* order history and submitted quotes filter by end */ /* rev slider width changes start */ div#rev_slider_1_1,div#rev_slider_1_1_wrapper,.tp-fullwidth-forcer { height: 450px !important; } .tp-mask-wrap img { width: auto!important; height: 300px!important; } .tp-parallax-wrap:last-child { top: 135px !important; } .tp-parallax-wrap:last-child img { padding: 3.5rem !important; } /* rev slider width changes end */ /* product measurement - power consumtion */ #ui-id-3.ui-state-hover, #ui-id-3.ui-widget-content #ui-id-3.ui-state-hover, #ui-id-3.ui-widget-header .ui-state-hover, #ui-id-3.ui-state-focus, #ui-id-3.ui-widget-content .ui-state-focus, #ui-id-3.ui-widget-header .ui-state-focus{ background: none !important; } .item_product_measurement { border-bottom: 1px solid #ededed; } .item_product_measurement.ui-state-focus { border-bottom: 1px solid #ededed; border-left: none; border-top: none; border-right: none; } .bestkit_asearch_container_left:nth-child(3) { display: flex; justify-content: center; align-items: center; } .bestkit_asearch_container_left button { border: none; background: #0579be; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; } .bestkit_asearch_container_left button:hover { background: #046199; } .bestkit_asearch_container_left button { border: none; background: #0579be; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; } .ui-state-focus, .ui-widget-content .ui-state-focus{ border: none !important; border-bottom: 1px solid #ededed !important; background: #ededed; } #product-measurement h1.h1.page-title { font-size: 1.5rem; } #product-measurement h1.h1.page-title { font-size: 1.5rem; margin-bottom: 2.5rem; margin-left: 15px; } li.innertab-38.test { flex-basis: 16%; } ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c { padding: 0.5rem; } .priceMatch_c12 input#quantity, .quantity-powercons input.quantity { height: 36px; width: 70px; padding-left: 10px; border: 1px solid; } .priceMatch_c12 .quantity-btns, .quantity-powercons .quantity-btns { right: 2px; left: unset !important; top: 2px !important; } .priceMatch_c12 .quantity-btns button, .quantity-powercons .quantity-btns button { width: 24px; height: 16px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #ffffff; } .priceMatch_c12 .quantity-input, .quantity-powercons.quantity-input { position: relative; display: inline-block; } .priceMatch_c12 .quantity-btns, .quantity-powercons .quantity-btns{ position: absolute; top: 0; left: 0; display: flex; flex-direction: column; } .priceMatch_c12 .quantity-btn, .quantity-powercons .quantity-btn { font-size: 16px; padding: 4px 10px; border: none; background-color: #f0f0f0; cursor: pointer; } .form-control2 { width: 50px; /* Adjust width as needed */ border-radius: 5px; } .priceMatch_c18 .priceMatch_c12 label { width: 100%;} /* product measurement - power consumtion end*/ /* mobile menu changes - start */ .header-btn.header-user-btn.order_return img{width:25px !important;height:25px !important;margin-bottom: initial !important; margin-right:5px ;filter:invert(97%) sepia(12%) saturate(188%) hue-rotate(159deg) brightness(115%) contrast(100%);} #ps-quote-wrapper img { width: 25px !important; height: 25px !important; margin-bottom: 0 !important; } @media only screen and (max-width: 600px){ div#ps-shoppingcart-wrapper { margin-left: 0; /*padding: 0;*/ } #ps-shoppingcart-wrapper img { margin-bottom: 0 !important; } #mobile-header .m-nav-btn{display: flex !important; padding: 5px !important;} } @media only screen and (max-width: 600px){ .col.col-auto.col-mobile-btn.col-mobile-btn-cart.ps-shoppingcart.side-cart { display: flex; gap: 1rem; } } /* mobile menu changes - end */ /* tools menu*/ li#cbp-hrmenu-tab-37 .cbp-hrsub-inner { width: auto !important; } li#cbp-hrmenu-tab-37 .row.no-gutters .tabs-links.col-2 { background: transparent !important; border: none !important; box-shadow: none !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c { border: none !important; background: transparent !important; box-shadow: none !important; width: auto !important; left: 0px !important; margin-left: 0 !important; flex-direction: column; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li { width: 100%!important; flex-basis: initial!important; border: none !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li:not(:first-child) { border-top: 1px solid rgb(219 219 219 / 60%) !important; } li#cbp-hrmenu-tab-37 .tab-content.col-10 { display: none !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub { width: auto !important; } li#cbp-hrmenu-tab-37.cbp-hropen .cbp-hrsub { z-index:0 !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub::after { content: '' !important; position: absolute !important; left: 13px !important; top: -10px !important; background: #fff !important; width: 0 !important; height: 0 !important; border-left: 10px solid black !important; border-right: 10px solid black !important; border-bottom: 10px solid white !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub.col-12.menu-w-logo.cbp-show.cbp-notfit { right: initial !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub-inner { border-radius: 0 0 5px 5px !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li>a { background: transparent; color: #000 !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub::before { content: ''; border: 1px solid transparent; height: 73px; position: absolute; width: 100%; left: 0; top: -16px; } .action_values_c1 { display: flex; align-content: center; align-items: center; justify-content: space-around; } .action_values_c3 button.btn.btn-primary.btn-lg.add-to-cart { display: inline-block; font-weight: 400; padding: 0.5rem 1.25rem; text-align: center; vertical-align: middle; border-radius: 5px; } .action_values_c2 i.fa.fa-trash.delete_measurement { margin-top: 5px; } .action_values_c3{ margin-left: 15px; } .ui-autocomplete#ui-id-3{ height: 250px; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; width: 97.5% !IMPORTANT; } @media (max-width: 767px){ .product_measurement_table tr th, .product_measurement_table tr td { width: 215px; min-width: 215px; } .ui-autocomplete#ui-id-3{ height: 250px; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; width: 100% !IMPORTANT; left: 0px !important; } } .ui-autocomplete#ui-id-3::-webkit-scrollbar { width: 10px; height: 10px; cursor: pointer; } .ui-autocomplete#ui-id-3::-webkit-scrollbar-thumb { background: #0579be!important; border-radius: 5px; } .ui-autocomplete#ui-id-3::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 4px; } @media (max-width: 767px){ #search_widget_product_measurement .product_measurement_table tr th, .product_measurement_table tr td { width: 215px; min-width: 215px; } #search_widget_product_measurement .bestkit_asearch_container_left.col-sm-2.col-xs-2:first-child { width: 20%; min-width: 20%; } #search_widget_product_measurement .bestkit_asearch_container_right.col-sm-8.col-xs-8 { width: 50%; min-width: 50%; } #search_widget_product_measurement .bestkit_asearch_container_left.col-sm-2.col-xs-2:first-child img { width: 100%; } #search_widget_product_measurement .bestkit_asearch_container_left.col-sm-2.col-xs-2:last-child { width: 28%; min-width: 28%; } #product-measurement h1.h1.page-title { margin-left: 28px; } } /* tools menu end*/ /* Monthly statment download*/ #identity td.act_details_date_c3 select { padding: .5rem 1rem; width: 100%; -webkit-appearance: none; border: 2px solid; border-radius: 0.8rem; } #identity .group-ac-radio { display: flex; gap: 1rem; } #identity .group-ac { display: flex; width: 100% !important; justify-content: space-evenly; } #identity .monthly_statement_download_div .act_details_date_c3 label { width: 30%; float:none; padding-top: 6px; } /* Monthly statment download end*/ #authentication #lbmSubmitSecureKey, #registration #lbmSubmitSecureKey{ display: none!important; } #authentication .captcha-error, #registration .captcha-error{ padding-left: 135px; } @media (max-width: 767px){ #authentication .captcha-error, #registration .captcha-error{ padding-left: 0px; } } /*MIro ISO start*/ div#requestisoModal .modal-content { padding: 2rem; } div#requestisoModal .modal-content>div { border: none; } div#requestisoModal .modal-body { display: flex; justify-content: end; padding: 0; margin-top: 1rem; } div#requestisoModal p.mt-4.text-center { text-align: left !important; font-size: 1.4rem; margin-top: 0 !important; } div#requestisoModal .modal-dialog { width: 40%; } input#miri_account { border: 1px solid #c7b8b8; padding: 0.6rem; border-radius: 5px; } button#submitmiriaccount { background: rgb(5, 121, 190) !important; border: none; color: #fff; cursor: pointer; width: 8rem; padding: 0.3rem; } /*MIro ISO end*/ .search-widget .top_searchbar_btn { background: rgb(5, 121, 190) !important; color: #fff; border-radius: 0 5px 5px 0; position: absolute; right: 0; height: 100%; z-index: 4; background: none; cursor: pointer; border: none; padding: 0 1em; } @media only screen and (max-width: 670px) { div#requestisoModal .modal-dialog { width: 100%; } div#requestisoModal .modal-content { padding: 2rem; } div#requestisoModal .modal-body { align-items: start; } button#submitmiriaccount { width: 100%; } } /* activity blocks */ .acc-status tbody { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; } .acc-status tbody tr { width: 100%; } #identity .acc-status tbody tr td:first-child { background: #25343a; color: #fff; width: 16% !important; font-size: 0.8rem; } .acc-status tbody td:nth-child(2) { width: 15% !important; font-size: 0.8rem; } .acc-status tbody p:nth-child(1) { background: #25343a; color: #fff; padding: 0.7rem; font-size: 1.1rem; font-weight: 500; width: 50%; } .acc-status tbody p:nth-child(2) { border: 1px solid #8a9ea1; background: #f3f5f5; width: 50%; padding: 0.7rem; font-size: 1.1rem; font-weight: 500; } @media only screen and (max-width: 600px) { .acc-status tbody { grid-template-columns: 1fr; } } #product button.notifymestock { background: orange !important; color: #000 ! IMPORTANT; font-weight: 500; } .elementor-blog-carousel, .elementor-brands-carousel, .elementor-image-carousel, .elementor-instagram-carousel, .elementor-testimonial-carousel, .slick-products-carousel, .slick-slider { visibility: hidden; height: 0; } .elementor-blog-carousel, .elementor-brands-carousel, .elementor-image-carousel, .elementor-instagram-carousel, .elementor-testimonial-carousel, .slick-products-carousel, .slick-slider { visibility: visible !important; height: auto !important; overflow: hidden; position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } /* Miro Upgrade */ nav#cbp-hrmenu li#cbp-hrmenu-tab-23 span.cbp-tab-title { border: 1.5px solid orange !important; color: orange !important; background-color: #000; font-weight: bold !important; border-radius: 28px; padding: 10px; font-size: 12px !IMPORTANT; } #cbp-hrmenu #cbp-hrmenu-tab-23 a.nav-link { padding: 0px; margin-right: 5px; } #footer-copyrights { border-top: unset; } .menu-w-logo .iqitmegamenu-submenu-container ul li.innertab-24 { background: none; cursor: none; display: none; } .cbp-horizontal>ul>li.cbp-hrmenu-tab-23>a, .cbp-horizontal>ul>li.cbp-hrmenu-tab-23>a:not([href]):not([tabindex]), .cbp-horizontal>ul>li.cbp-hrmenu-tab-23 .cbp-hropen>a:hover { background: none !important; color: orange !important; } .cbp-hrmenu .cbp-categories-row { margin-top: -10px; width: 100%; display: block; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, #iqitmegamenu-horizontal .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #5f7279 !important; margin-top: 16px !important; font-style: normal !important; line-height: 16px !important; padding: 10px 0; border-bottom: 1px solid #8a9ea1 !important; margin-bottom: 10px ! IMPORTANT; text-transform: capitalize ! IMPORTANT; font-weight: normal ! IMPORTANT; text-transform: none ! IMPORTANT; } li#cbp-hrmenu-tab-37 .cbp-hrsub-inner { width: auto !important; } li#cbp-hrmenu-tab-37 .row.no-gutters .tabs-links.col-2 { background: transparent !important; border: none !important; box-shadow: none !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c { border: none !important; background: transparent !important; box-shadow: none !important; width: auto !important; left: 0px !important; margin-left: 0 !important; flex-direction: column; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li { width: 100%!important; flex-basis: initial!important; border: none !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li:not(:first-child) { border-top: 1px solid rgb(219 219 219 / 60%) !important; } li#cbp-hrmenu-tab-37 .tab-content.col-10 { display: none !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub { width: auto !important; /* display: block !IMPORTANT; */ } li#cbp-hrmenu-tab-37.cbp-hropen .cbp-hrsub { z-index:0 !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub::after { content: '' !important; position: absolute !important; left: 13px !important; top: -10px !important; background: #fff !important; width: 0 !important; height: 0 !important; border-left: 10px solid black !important; border-right: 10px solid black !important; border-bottom: 10px solid white !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub.col-12.menu-w-logo.cbp-show.cbp-notfit { right: initial !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub-inner { border-radius: 0 0 5px 5px !important; } li#cbp-hrmenu-tab-37 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li>a { background: transparent; color: #000 !important; } li#cbp-hrmenu-tab-37 .cbp-hrsub::before { content: ''; border: 1px solid transparent; height: 73px; position: absolute; width: 100%; left: 0; top: -16px; } @media (min-width: 576px) { #footer-copyrights .copyright-img { flex: 0 0 20%; max-width: 20%; left: 80%; } #footer-copyrights .copyright-txt { flex: 0 0 80%; max-width: 80%; right: 20%; } } #footer-copyrights .copyright-txt { display: flex; justify-content: space-between; color: #5f7279 !important; } #footer-copyrights .row.w-100 { display: flex; align-items: center; } #footer-copyrights .footer-logo-pay img { max-width: 63%; } #footer-copyrights { border-top: unset; } #wrapper .breadcrumb { background: #f3f5f5; padding-top: .71429rem; padding-bottom: .71429rem; margin-top: -1.07143rem; margin-bottom: 1.07143rem; font-size: .85714rem; font-style: normal; font-weight: 400; text-transform: none; } #registration #wrapper .breadcrumb , .newsvd_mengceng { display: none; } #registration #content { border: none !important; } div#div_ship_country_new, div#div_bill_country_new { max-width: 100% !important; width: 100%; padding-left: 0; padding-right: 0px !important; } hr.page-break-activity { padding-bottom: 65px; border-bottom: 1px solid #000; margin-bottom: 55px; border-top: none; } #identity form button.ui-datepicker-trigger { position: absolute; left: 78%; border: none; background: none; float: right; cursor: pointer; } #history #view-order { display: block; margin: inherit; } @media (min-width: 650px) { #history .filter-right { display: flex; justify-content: space-between; align-items: center; } } .products-grid .product-add-cart { margin: auto auto 0 auto; width: 100%; } #prices-drop .products-grid .product-miniature .product-reference { margin-top: 10px; } #prices-drop .products-grid .product-miniature-default .product-title a { height: 33px !Important; } .js-product-miniature .product-price-and-shipping, #product .product-prices{ opacity:1 !important; } .team_member_c7 { margin-top: 100px !important; } .slick-prev, .slick-next { color: #000; display: block; width: 27px; height: 44px; top: 50%; transform: translateY(-50%); z-index: 10; } .slick-prev { left: 10px; } .slick-next { right: 10px; } .slick-slide { margin: 0 10px; } .slick-products-carousel { margin: 0 -10px; } section.crossselling-products-modal.block.block-section.row .section-title { color: #000 !important; font-size: 1.4rem; } /*show all results in autocomplete start*/ #fullscreen-search-backdrop ul li.ui-menu-item.show-all,ul#ui-id-2 li.ui-menu-item.show-all { position: sticky; bottom: 0px; background: #f3f3f3; } #fullscreen-search-backdrop ul,ul#ui-id-2 { padding: 0; } /* show all results in autocomplete end */ /*.chat-triggered #loader-wrapper, .chat-triggered #loader-wrapper #loader { display: block!important; }*/ .chat-triggered #loader-wrapper, .chat-triggered #loader-wrapper #nova_loader { display: block!important; } #product .chat_bot_product_action { background: linear-gradient(135deg, #8f33cc, #f99c2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: 600; } .sticky-desktop-wrapper{ height:45px !important; } .product-similar-products-tooltip{ display: flex; flex-wrap: wrap; width: max-content !important; grid-template-columns: 270px 270px; row-gap: 10px; top: 32px; cursor: auto; } .product-similar-products-tooltip .similarprod{ width: 150px; } .product-similar-products-tooltip .similarprod img{ width: 100px; } .product-similar-products-tooltip span.prod-name, .product-similar-products-tooltip span.prod-reff { display: flex; margin-bottom: 10px; text-wrap: auto; font-weight: 200; } .product-similar-products-tooltip .prod-link-img{ margin-bottom: 15px; display: block; } .account_tooltiptext.product-similar-products-tooltip::after { content: ''; border: 1px solid #ff000000; width: 100%; height: 34px; top: -23px; position: absolute; } /*added 3rd Dec 2025 training-events menu*/ li#cbp-hrmenu-tab-6 span{ min-width: 127px; } li#cbp-hrmenu-tab-6 .cbp-hrsub-inner { width: auto !important; } li#cbp-hrmenu-tab-6 .row.no-gutters .tabs-links.col-2 { background: transparent !important; border: none !important; box-shadow: none !important; } li#cbp-hrmenu-tab-6 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c { border: none !important; background: transparent !important; box-shadow: none !important; width: auto !important; left: 0px !important; margin-left: 0 !important; flex-direction: column; } li#cbp-hrmenu-tab-6 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li { width: 100%!important; flex-basis: initial!important; border: none !important; } li#cbp-hrmenu-tab-6 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li:not(:first-child) { border-top: 1px solid rgb(219 219 219 / 60%) !important; } li#cbp-hrmenu-tab-6 .tab-content.col-10 { display: none !important; } li#cbp-hrmenu-tab-6 .cbp-hrsub { width: auto !important; /* display: block !IMPORTANT; */ } li#cbp-hrmenu-tab-6.cbp-hropen .cbp-hrsub { z-index:0 !important; } li#cbp-hrmenu-tab-6 .cbp-hrsub::after { content: '' !important; position: absolute !important; left: 13px !important; top: -10px !important; background: #fff !important; width: 0 !important; height: 0 !important; border-left: 10px solid black !important; border-right: 10px solid black !important; border-bottom: 10px solid white !important; } li#cbp-hrmenu-tab-6 .cbp-hrsub.col-12.menu-w-logo.cbp-show.cbp-notfit { right: initial !important; } li#cbp-hrmenu-tab-6 .cbp-hrsub-inner { border-radius: 0 0 5px 5px !important; } li#cbp-hrmenu-tab-6 ul.cbp-hrsub-tabs-names.cbp-tabs-names.menu-w-logo-ul-c>li>a { background: transparent; color: #000 !important; } li#cbp-hrmenu-tab-6 .cbp-hrsub::before { content: ''; border: 1px solid transparent; height: 73px; position: absolute; width: 100%; left: 0; top: -16px; } /*end*/ .tooltip-wrapper { position: relative; } .tooltip-hovr-on{ display: none; } .tooltip-wrapper .account_tooltip.field-response{ font-weight: 500; border-radius: 10px; cursor: pointer; padding: 10px 8px 10px 8px; margin-top: 10px; font-size: 13px !important; } #product .similar-products-container { max-width: 500px; background: #fff; display: flex; flex-direction: column; gap: 12px; top: 55px; width: 90%; background-color: #fff; color: #2c3335; text-align: justify; padding: 10px 8px 10px 8px; border-radius: 10px; border: 1px solid #5f7279; position: absolute; z-index: 1; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1); } #product .similar-products-container:before { content: ""; position: absolute; bottom: 100%; left: 10px; border-width: 8px; border-style: solid; border-color: transparent transparent #5f7279 transparent; } #product .account_tooltip::after { content: ""; position: absolute; width: 100%; border: 1px solid transparent; height: 20px; top: 16px; left: 0; } #product .product-row { display: flex; align-items: center; padding: 0 10px; border: 1px solid #ddd; border-radius: 6px; gap: 12px; text-decoration: none; transition: 0.2s ease; } #product .image-box img { width: 45px; height: 45px; object-fit: contain; border-radius: 4px; } #product .product-info { display: flex; flex-direction: column; justify-content: center; width: 100%; padding-top: 10px; } #product .product-info *{ font-size: 11px; } #product .product-info .title { font-size: 11px; color: #333; font-weight: 400; line-height: 1.2; } #product .product-info .sku { font-size: 11px; color: #8f8f8f; margin-top: -13px; } #product .product-info .price{ color: #000; } #product .product-info .price-sku-container{ display: flex; align-items: center; justify-content: space-between; padding-top:10px; } #product .product-info .price-sku-container .title{ width: 145px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } #product .product-info .price-sku-container .stock { width: 110px; line-height: 15px; text-align: right; } #product .product-info .price-sku-container .stock span { display: block; } /* .tooltip-wrapper:hover .tooltip-hovr-on { display: block !important; } .account_tooltip:hover + .tooltip-hovr-on { display: block !important; } */ .tooltip-hovr-on.show-tooltip { display: block; } .tooltip-content { display: none; } /* Mobile: adjust for small screens */ @media (max-width: 576px) { #product .similar-products-container { width: 90dvw !important; left: 0px !important; transform: none !important; padding: 12px; top: 55px; /* max-width: fit-content; */ border-radius: 8px; } #product .product-info .sku { margin-top: 0px; } #product .similar-products-container:before { left: 20px; /* center arrow better for mobile */ } #product .product-row { flex-direction: column; /* stack items */ align-items: flex-start; gap: 8px; padding: 12px; } #product .product-row::hover { background-color: #defede; } #product .image-box img { width: 80px; height: 80px; margin: 0 auto; display: block; } #product .product-info { width: 100%; text-align: left; } #product .product-info .title { font-size: 15px; line-height: 1.3; } #product .product-info .sku { font-size: 13px; } /* Make tooltip easier to click on mobile */ .tooltip-wrapper { width: 100%; } .account_tooltip { display: inline-block; width: auto; padding: 8px 12px; font-size: 14px; } .tooltip-content { display: inline-flex; justify-content: end; } button.tooltip-close.similar_close { border: none; border-radius: 100px; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; } } #product #store_content .account_tooltiptext { width: 205px !important; } #quick-add-products #search_widget_bulk_product { position: relative; } #quick-add-products #search_widget_bulk_product .ui-autocomplete#ui-id-3 { position: absolute; top: 50px; left: 0px; width: 100% !important; } @media only screen and (max-width: 992px) { #quick-add-products #search_widget_bulk_product .bestkit_asearch_container.row.product { display: flex; flex-direction: column; padding: 10px; } #quick-add-products #search_widget_bulk_product .bestkit_asearch_container_left.col-sm-2.col-xs-2, #quick-add-products #search_widget_bulk_product .bestkit_asearch_container_right.col-sm-6.col-xs-6, #quick-add-products #search_widget_bulk_product .bestkit_asearch_container_right.col-sm-2.col-xs-2 { width: 100%; max-width: 100%; } } /*training changes*/ body.training-calendar-active #content-wrapper { flex: 0 0 100%; max-width: 100%; } /* Remove container limits */ body.training-calendar-active .container { max-width: 100%; } /* Optional: tighten spacing */ body.training-calendar-active #calendar-view { padding: 20px; }