@import url("reset.css"); @import url("responsive.css?v=43"); /* font color:#5a5a5a light font color:#f6f6f6 BLUE blue : 1a92d0 very light : e7f6ff light: 65b5e2 dark: 1b77a7 GREEN green: 64ac43 medium dark: 048a25 ORANGE orange: ec9801 */ .clr {clear:both;} body {background:#f4f6f8; color:#5a5a5a; font-family:'Inter',Helvetica,Arial,sans-serif; font-size:14px;} p {line-height:17px;} strong {font-weight:bold;} .margin {margin:0 auto; width:1000px;} .hide {display:none;} .show {display:block;} textarea {font-family:inherit; font-size:inherit; font-weight:inherit;} input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="submit"], button, select {font-family:inherit; font-size:inherit; font-weight:inherit;} .left {float:left;} .input {-webkit-appearance:none;} .resp_clr {display:none;} /****************** HOVER & FOCUS ******************/ a, button, input[type="submit"], select { -webkit-tap-highlight-color:transparent; } #checkout_button, #cart_pop_checkout, #add_to_cart, #product_contact, .home_btn_primary, .home_products_shop, .product_shop_now, .cart_pop_rec_add, #payment_login_button, #contact_submit, #login_button, #signup_button, .product_add, #product_nav_add, .contact_price, .sort_but, #cat_filters_but { transition:background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease; } #checkout_button:hover:not(.home_shop_now_clicked), #cart_pop_checkout:hover, #add_to_cart:hover, #product_contact:hover, .home_btn_primary:hover, #payment_login_button:hover, #contact_submit:hover, #login_button:hover { box-shadow:0 4px 14px rgba(26,146,208,0.22); transform:translateY(-1px); } #checkout_button:hover:not(.home_shop_now_clicked) {background:#1578ab; border-color:#1578ab;} #cart_pop_checkout:hover {background:#1578ab; border-color:#1578ab;} .home_btn_chat, .home_btn_secondary, .product_option_card, .filter_button a, .sort_but, #cat_filters_but { transition:background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease; } .home_btn_chat:hover, .home_btn_secondary:hover { transform:translateY(-1px); } .home_products_card, .product_result, .home_app_card, .home_help_card { transition:box-shadow 0.28s ease, transform 0.28s ease; } .home_products_card:hover, .product_result:hover, .home_app_card:hover, .home_help_card:hover { transform:translateY(-3px); } .home_why_card { transition:box-shadow 0.28s ease, transform 0.28s ease; } #cart_pop_continue, #close_pop_cart, #show_viewed_products, .nav_link .main_link, #header_phone, #header_login, #header_cart, #footer_nav li a { transition:color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } #cart_pop_continue:hover {opacity:0.72; text-decoration:none !important;} #close_pop_cart:hover {color:#000; transform:scaleX(1.2) scale(1.06);} #show_viewed_products:hover {border-color:#1578ab; color:#1578ab; transform:translateY(-1px);} .payment_field, .customer_fields, .custom_select, #comments_container textarea, .checkout_form_cont input, .cart_item_quantity input { transition:border-color 0.2s ease, box-shadow 0.2s ease; } .payment_field:focus, .customer_fields:focus, .custom_select:focus-within, #comments_container textarea:focus, .checkout_form_cont input:focus { border-color:#1a92d0 !important; box-shadow:0 0 0 3px rgba(26,146,208,0.12); } #meas_current_cont #filt_meas_current, #meas_current_cont #cat_filt_change { transition:border-color 0.2s ease, background-color 0.2s ease; } #meas_current_cont:hover #filt_meas_current {border-color:#1b77a7;} #meas_current_cont:hover #cat_filt_change {background-color:#1b77a7;} .product_add:hover, #product_nav_add:hover, .contact_price:hover { background:#048a25 !important; transform:translateY(-1px); } .video_nav {transition:background-color 0.2s ease, color 0.2s ease;} .video_nav:hover {background:#f7f7f7;} .cart_contents {transition:background-color 0.2s ease, color 0.2s ease;} .recommended_arrow, .edit_product_quant, .cart_pop_item_quantity_less, .cart_pop_item_quantity_more, .remove_cart_pop_item { transition:background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; } .recommended_arrow:hover {transform:scale(1.05);} .edit_product_quant:hover, .cart_pop_item_quantity_less:hover, .cart_pop_item_quantity_more:hover {opacity:0.7;} .remove_cart_pop_item:hover {transform:scale(1.08);} #site_cont {background:transparent; box-sizing:border-box; margin:0 auto; padding:0; width:100%;} /****************** GOOGLE SEARCH ******************/ /*.gs-title, .gs-snippet {font-family:'Inter',Helvetica,Arial,sans-serif; line-height:18px;} .gs-title a {color:#1a92d0 !important;} .gs-title:hover {color:red !important; text-decoration:none !important;} .gsc-cursor-page:hover {background:#fff !important; color:#1a92d0 !important; text-decoration:none !important;} .gsc-cursor-page {font-size:18px; background:#1a92d0 !important; border:1px solid #1a92d0; color:#fff !important; padding:5px 10px !important; width:30px !important;} .gsc-cursor-current-page {background:#64ac43 !important; border:1px solid #64ac43 !important;} .gsc-cursor-current-page:hover {color:#64ac43 !important;} */ /****************** COOKIE ******************/ /*#cookies_notification {background:#1a92d0;color:#f6f6f6; cursor:pointer; font-size:12px; padding:2px 0; text-align:center; position:fixed; bottom:0; z-index:99999; width:100%;} #cookies_notification span {font-size:14px; font-style:times new roman; font-weight:bold; margin-left:5px;}*/ #cookies_notification {background:#1d5673;color:#f6f6f6; cursor:pointer; text-align:center; padding:15px; position:fixed; bottom:0; z-index:99999; width:100%;} #cookies_notification_description {color:#d0e4ee; display:inline-block; font-size:14px; padding-right:50px;} #cookies_notification_description a {color:#a1b2bb; text-decoration:underline;} #cookies_notification_button {background:#1a92d0; border-radius:5px; color:#fff; display:inline-block; font-weight:bold; padding:10px 20px;} #cookies_notification span {font-size:14px; font-style:times new roman; font-weight:bold; margin-left:5px;} /****************** HEADER ******************/ /* main header */ #header {background:#fff; border-bottom:1px solid #e6edf2; box-shadow:0 1px 0 rgba(26,146,208,0.06);} #main_header_nav_cont {background:#fff; height:40px;} #main_header_nav {align-items:center; box-sizing:border-box; display:flex; gap:8px; height:64px; margin:0 auto; max-width:1400px; padding:0 28px; width:100%;} #main_header_nav > .clr {display:none;} /* logo */ #logo {flex:0 0 auto; float:none; padding:0 12px 0 0;} #logo a {display:block; line-height:0;} #logo img {display:block; height:16px; width:auto;} /* NAV */ #main_nav {align-items:center; display:flex; flex:1 1 auto; float:none; gap:2px; list-style:none; margin:0; min-width:0; padding:0; width:auto;} .nav_link {color:#1f2933; float:none; font-size:14px; font-weight:600; list-style:none; margin:0;} .main_link {border-radius:8px; color:#1f2933; display:block; padding:8px 12px;} .nav_link .main_link:hover {background:#f0f7fb; color:#1a92d0;} .nav_link_hover {box-shadow:none; color:#1a92d0;} .nav_link_hover a {background:transparent;} .nav_current {color:#1a92d0;} .nav_link .nav_current {background:#e7f4fb; color:#1a92d0;} .nav_cta {margin-left:6px;} .nav_cta .main_link { background:#1a92d0; border-radius:999px; color:#fff; font-weight:700; padding:8px 16px; } .nav_cta .main_link:hover, .nav_cta .nav_current { background:#1578ab; color:#fff; } #resp_header {display:none;} #resp_nav_cont {display:none;} /* ICONS */ #header_icons {align-items:center; border-left:1px solid #e6edf2; display:flex; flex:0 0 auto; float:none; gap:4px; margin-left:4px; order:3; padding:0 0 0 14px; position:relative; width:auto;} #header_icons > .clr {display:none;} /* members — longevity outline icon */ #header_login {background:url(../images/members.svg) no-repeat center center; background-size:24px 24px; border-radius:8px; cursor:pointer; display:block; float:none; height:40px; margin:0; width:40px;} #header_login:hover {background-color:#f0f7fb;} /* cart — longevity outline icon + blue qty badge */ #header_cart_cont {float:none; position:relative;} #header_cart {background:url(../images/cart.svg) no-repeat center center; background-size:24px 24px; border-radius:8px; color:#fff; display:block; height:40px; padding:0; position:relative; width:40px;} #header_cart:hover {background-color:#f0f7fb;} #cart_quantity, #resp_cart_quantity {align-items:center; background:#1a92d0; border:1px solid #fff; border-radius:999px; box-sizing:border-box; color:#fff; display:flex !important; font-size:9px; font-weight:700; height:15px; justify-content:center; line-height:1; min-width:15px; padding:0 2px; position:absolute; right:2px; top:2px; z-index:1;} #cart_contents_cont {display:none !important;} .empty_cart {cursor:pointer;} .full_cart {cursor:pointer;} /* cart contents */ #cart_contents_cont {display:none; left:-93px; padding-top:20px; position:absolute; top:30px; z-index:25;} #cart_contents {background:#fff; border:2px solid #1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#1a92d0; cursor:auto; font-size:12px; line-height:14px; position:relative; text-align:left; width:325px;} #cart_contents:after,#cart_contents:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} #cart_contents:after {border-bottom-color:#fff; border-width:8px; left:50%; margin-left:0px; margin-top:10px;} #cart_contents:before {border-color:rgba(194, 225, 245, 0); border-bottom-color:#1a92d0; border-width:11px; left:50%; margin-left:-3px; margin-top:10px;} .cart_contents {cursor:pointer; padding:5px;} .cart_contents_image {float:left; padding-right:10px; width:36px;} .cart_contents_image img {background:#fff; border:1px solid #e6eaee; border-radius:8px; display:block; height:36px; object-fit:cover; width:36px;} .cart_contents a {display:block; float:left; line-height:15px; width:200px;} .cart_contents_price {font-weight:bold; float:left;} #cart_contents h5 {border-bottom:1px solid #d3e0f0; color:#1a92d0; font-size:18px; padding:5px; text-align:center;} .cart_contents:hover {background:#1a92d0; color:#fff;} .cart_contents span {display:inline; width:20px; margin-left:15px;} .cart_contents_empty {text-align:center; padding:10px 0;} #contents_checkout {background:#ec9801; border:none; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 3px 3px; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:15px; margin-top:5px; padding:5px 20px;} #contents_checkout span {margin-left:80px;} /* CONTACT */ #header_contact {flex:0 0 auto; float:none; margin-left:auto; order:2; padding:0 4px 0 12px;} #header_phone {align-items:center; background:#0f4c6e; border-radius:999px; color:#fff; display:flex; font-size:15px; font-weight:700; gap:8px; letter-spacing:0.02em; line-height:1; padding:8px 14px 8px 12px;} #header_phone svg {display:block; flex-shrink:0; height:16px; width:16px;} #header_phone:hover {background:#1a92d0; color:#fff;} /****************** FOOTER ******************/ #footer_cont {box-sizing:border-box; margin:0 auto; max-width:1200px; padding:50px 24px 32px;} #footer {background:#fff; border:1px solid #efefef; border-radius:10px; box-shadow:0 0 15px #efefef; color:#5a5a5a; margin:0; padding:40px 48px 28px;} /* usps */ #footer_usps {border-bottom:1px solid #e1e1e1; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; margin:0; max-width:none; padding:0 0 32px;} .footer_usp {align-items:flex-start; box-sizing:border-box; display:flex; flex:1 1 220px; gap:14px; max-width:none; min-width:0;} .footer_usp_icon {align-items:center; background:#e7f4fb; border-radius:12px; display:flex; flex-shrink:0; height:48px; justify-content:center; width:48px;} .footer_usp_icon img {display:block; height:24px; width:24px;} .footer_usp_text h4 {color:#1f2933; font-size:15px; font-weight:700; line-height:1.3; margin:0 0 6px; padding:0;} .footer_usp_text p {color:#6b7580; font-size:13px; line-height:1.45; margin:0;} /* footer nav */ #footer_nav {box-sizing:border-box; display:grid; gap:32px 40px; grid-template-columns:repeat(3,1fr); margin:0; max-width:none; padding:28px 0 8px;} #footer_nav ul {float:none; list-style:none; margin:0; padding:0;} #bottom_nav_products,#bottom_nav_contact,#bottom_nav_address {margin:0; width:auto;} .footer_phone_link {color:#1f2933; display:block; font-size:14px; font-weight:600; margin-top:2px;} #footer_nav li {display:block; font-size:14px; line-height:1.45; margin:0 0 10px; padding:0;} #footer_nav li p {line-height:1.45; margin:0;} #footer_nav li a {color:#5a5a5a; display:inline-block; transition:color 0.2s ease;} #footer_nav li a:hover {color:#1a92d0; text-decoration:underline;} #footer_nav h5 {color:#1f2933; font-size:16px; font-weight:700; letter-spacing:0; margin:0 0 12px; padding:0; text-transform:none;} .footer_nav_other {margin-top:8px;} .footer_nav_other a {color:#1a92d0; font-weight:600;} .footer_phone_row {color:#8a949a; font-size:12px; margin-top:10px;} #footer_address {color:#5a5a5a; font-size:14px; line-height:1.7; margin:4px 0 0;} /* responsive accordion headers */ #bottom_contact_us,#bottom_nav_accept_head,#bottom_nav_prod_head {list-style:none; margin:0; padding:0;} #bottom_contact_us span,#bottom_nav_accept_head span,#bottom_nav_prod_head span {display:none;} /* copyright bar */ #footer_copy_cont {background:#f8f9fa; border-top:1px solid #eef0f2; box-sizing:border-box; margin:0; padding:0; width:100%;} #footer_copy {align-items:center; box-sizing:border-box; display:flex; justify-content:space-between; margin:0 auto; max-width:1200px; padding:22px 40px 28px;} #footer_rights_cont {color:#6b7280; font-size:13px; line-height:1.5; margin:0;} #footer_rights_cont a {color:#6b7280; text-decoration:none;} #footer_copy_privacy {text-decoration:underline;} #footer_payment_cont {flex:0 0 auto; margin:0; padding:0;} #footer_payment {display:block; height:28px; width:auto;} /* languages */ #footer_languages {align-items:center; display:flex; flex:0 0 auto; float:none; gap:8px; padding:0;} #footer_languages label {color:#8a949a; display:inline-block; font-size:12px; padding:0;} #footer_language_select {background:#fff; border:1px solid #e1e1e1; border-radius:6px; color:#5a5a5a; cursor:pointer; font-family:inherit; font-size:12px; padding:6px 10px; width:130px;} #footer_language_select:focus {border-color:#1a92d0; outline:none;} /* preloading */ #footer_preload {height:1px;} #footer_preload img {height:1px; width:1px;} /****************** FOOTER ADD CART POPUP — longevity side drawer ******************/ #fade_in {backdrop-filter: blur(10px); background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:54;} #cart_pop_cont {box-sizing:border-box; height:calc(100vh - 150px); height:calc(100dvh - 150px); overflow:auto; padding-bottom:10px;} #cart_popup {background:#fff; border:1px solid #ddd; box-sizing:border-box; color:#616c72; display:none; height:100vh; height:100dvh; margin:0 auto; overflow:auto; position:fixed; right:0; scrollbar-width:thin; scrollbar-color:#888 #f0f0f0; top:0; width:450px; z-index:55;} #cart_popup::-webkit-scrollbar {width:8px;} #cart_popup::-webkit-scrollbar-track {background:#f0f0f0; border-radius:4px;} #cart_popup::-webkit-scrollbar-thumb {background:#888; border-radius:4px;} #cart_popup::-webkit-scrollbar-thumb:hover {background:#555;} #close_pop_cart {cursor:pointer; font-size:30px; height:30px; position:absolute; right:15px; text-align:center; transform:scaleX(1.2); top:15px; width:30px; z-index:56;} #close_pop_cart:hover {color:#000;} #add_cart_info {} #add_cart_info h2 {background:url(../images/green-tick.png) 10px 10px no-repeat; background-size:48px 48px; color:#000; font-size:22px; font-weight:bold; padding:20px 80px;} #cart_pop_item_add {background:#f5f5f5; box-sizing:border-box; margin:0 auto; width:400px;} #cart_pop_heading_cont {text-align:center;} #cart_pop_heading {background:url(../images/cart-filled-black.svg) no-repeat 20px top; background-size:20px 20px; color:#000; display:inline-block; font-size:16px; font-weight:bold; padding:0 20px 20px 45px;} #cart_pop_items {background:#f5f5f5; box-sizing:border-box; margin:0 auto; width:400px;} .cart_pop_item {border-radius:5px; padding:16px 12px;} .cart_pop_item_info {box-sizing:border-box; float:left; padding:0 10px; width:calc(100% - 88px);} .remove_cart_pop_item {background:url(../images/trash.svg) no-repeat center center; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; float:right; font-size:10px; font-weight:bold; height:20px; line-height:20px; text-align:center; width:20px;} .cart_pop_item_image {background:#fff; border-radius:10px; box-sizing:border-box; float:left; height:75px; overflow:hidden; width:75px;} .cart_pop_item_image img {display:block; height:75px; object-fit:cover; object-position:center; width:75px;} .cart_pop_item_desc {color:#000; font-size:14px; font-weight:bold; line-height:1.3; padding-bottom:5px;} .cart_pop_item_desc a:hover {text-decoration:underline;} .cart_pop_item_price_cont {padding-top:5px;} .cart_pop_item_quantity {float:left; height:32px;} .cart_pop_item_quantity_less {background:#fff; border-radius:5px 0px 0px 5px; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; border-top:1px solid #b4b4b4; cursor:pointer; float:left; font-size:16px; height:32px; line-height:31px; text-align:center; width:24px;} .cart_pop_item_quantity_more {background:#fff; border-radius:0px 5px 5px 0px; border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; cursor:pointer; float:left; font-size:16px; height:32px; line-height:32px; text-align:center; width:24px;} .cart_pop_item_quantity_field {background:#fff; border:1px solid #b4b4b4 !important; display:inline-block; float:left; font-size:16px; height:32px; line-height:32px; text-align:center; width:24px;} .cart_pop_item_total {float:right; font-size:14px; line-height:32px;} #cart_pop_rec {margin:0 auto; padding-top:20px; position:relative; width:400px;} #cart_pop_rec h3 {color:#000; font-size:16px; font-weight:bold; padding:0 20px 16px 45px; text-align:center;} #cart_pop_rec_prods {box-sizing:border-box; height:128px; overflow-x:scroll; overflow-y:hidden; padding:6px 0 10px; scrollbar-width:thin; scrollbar-color:#000 #fff; white-space:nowrap;} #cart_pop_rec_prods::-webkit-scrollbar {background-color:#fff; height:5px;} #cart_pop_rec_prods::-webkit-scrollbar-thumb {background-color:#000; border-radius:2.5px;} .cart_pop_rec_fade_left,.cart_pop_rec_fade_right {position:absolute; top:0; bottom:0; width:40px; pointer-events:none; z-index:10;} .cart_pop_rec_fade_left {left:0; background:linear-gradient(to right, #fff, transparent);} .cart_pop_rec_fade_right {right:0; background:linear-gradient(to left, #fff, transparent);} .cart_pop_rec {align-items:flex-start; background:#fff; border:1px solid #eceff2; border-radius:12px; box-shadow:0 1px 4px rgba(0,0,0,0.04); box-sizing:border-box; color:inherit; cursor:pointer; display:inline-flex; height:108px; margin-right:10px; padding:10px; text-decoration:none; transition:box-shadow 0.25s ease, transform 0.25s ease; vertical-align:top; white-space:normal; width:220px;} .cart_pop_rec:hover {box-shadow:0 6px 18px rgba(26,146,208,0.16), 0 2px 8px rgba(0,0,0,0.06); transform:translateY(-1px); text-decoration:none;} .cart_pop_rec:visited, .cart_pop_rec:active, .cart_pop_rec:focus {color:inherit; text-decoration:none;} .cart_pop_rec_img {background:#f5f5f5; border-radius:10px; box-sizing:border-box; flex:0 0 75px; float:none; height:75px; overflow:hidden; width:75px;} .cart_pop_rec_img img {display:block; height:75px; object-fit:cover; object-position:center; width:75px;} .cart_pop_rec_info {box-sizing:border-box; display:flex; flex:1 1 auto; flex-direction:column; float:none; min-width:0; padding:0 2px 0 10px; width:auto;} .cart_pop_rec_name {-webkit-box-orient:vertical; -webkit-line-clamp:2; color:#000; display:-webkit-box; font-size:13px; font-weight:700; height:2.5em; line-height:1.25; margin:0 0 4px; max-height:2.5em; min-height:2.5em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-word;} .cart_pop_rec_price {color:#6b7580; font-size:13px; margin:0 0 8px; padding:0;} .cart_pop_rec_add_cont {margin-top:auto; padding-top:0;} .cart_pop_rec_add {background:#1a92d0; border:none; border-radius:20px; color:#fff; cursor:pointer; display:inline-block; font-size:13px; font-weight:600; height:auto; line-height:1; padding:7px 18px; text-decoration:none;} .cart_pop_rec:hover .cart_pop_rec_add {background:#1580b8;} .cart_pop_rec .clr {display:none;} #cart_pop_ship_cont {padding:20px 50px; position:relative;} #cart_pop_ship_cont h4 {text-align:center; color:#0fb259; font-size:16px; font-style:italic; padding-bottom:0px;} #cart_pop_ship {border:1px solid #0fb259; border-radius:5px 0px 0px 5px; height:10px; width:calc(100% - 35px) !important; overflow:hidden;} #cart_pop_ship_progress {background:#0fb259; overflow:hidden;} #cart_pop_ship_bar {padding-top:13px; position:relative;} #cart_pop_ship_free_cont {position:absolute; right:0px; top:0px;} #cart_pop_ship_circle {background-size:28px 28px; border:1px solid #0fb259; border-radius:50%; height:35px; width:35px;} .cart_pop_ship_circle_free {background:url(../images/delivery-white.svg) no-repeat center center #0fb259 !important;} .cart_pop_ship_circle_not {background:url(../images/delivery-green.svg) no-repeat center center #fff;} #cart_pop_view {background:#fff; bottom:0; box-shadow:0 -4px 10px -4px rgba(0, 0, 0, 0.3); left:0; padding:16px 0 20px; position:absolute; right:0; text-align:center; z-index:10;} #cart_pop_continue {color:#1a92d0; display:block; font-size:18px; margin:0 auto 20px auto; text-align:center; text-decoration:underline;} #cart_pop_continue:hover {text-decoration:none;} #cart_pop_checkout {background:#1a92d0; border:2px solid #1a92d0; border-radius:30px; color:#fff; display:block; font-size:18px; margin:0 auto; padding:12px 0; text-align:center; width:400px;} #cart_pop_checkout:hover {background:#1580b8; border-color:#1580b8;} #cart_pop_checkout span {font-weight:bold;} #cart_pop_empty {font-size:20px; padding:20px; text-align:center;} #cart_pre_loader {padding-top:30px;} #cart_pre_loader_heading {background:#cbcbcb; border-radius:4px; height:24px; margin:0 auto 16px auto; width:200px;} .cart_pre_loader_item {background:#dcdcdc; border-radius:8px; height:90px; margin:0 auto 12px auto; width:400px;} /* legacy selectors kept harmless */ #cart_pop_cart {display:none;} #cart_pop_order {display:none;} .cart_pop_price {color:#000;} .cart_pop_add {display:none;} #add_sensor_warning {display:none;} #cart_pop_total {display:none;} #cart_pop_fship {display:none;} #cart_pop_ship_text span {font-weight:bold;} /****************** MOBILE SIDE NAV DROP DOWN ******************/ #side_wrapper { -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; float:left; position:absolute; width:250px; z-index:36;} #side_nav_wrapper {display:none;} #products_nav_resp {display:none;} /* responsive */ #dropdown_nav_resp {display:none;} /* responsive */ #responsive_header {display:none;} /* responsive */ #side_nav_container {background:#fff; -webkit-border-radius:0px 0px 5px 10px; -moz-border-radius:0px 0px 5px 10px; border-radius:0px 0px 5px 10px; -moz-box-shadow:0px 0px 35px #484848; -webkit-box-shadow:0px 0px 35px #484848; box-shadow:0px 0px 35px #484848; height:500px;} .side_nav_link {cursor:pointer;} .side_nav_links:first-child {border:none;} .side_nav_links:hover .side_subnav {display:block;} .side_nav_link a {border-top:1px solid #acc5e5; display:block; font-size:16px; font-weight:bold; padding:10px; width:230px;} .side_nav_links:hover {position:relative;} .side_nav_links:hover:after {left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} .side_nav_links:hover:after {border-color:rgba(136, 183, 213, 0); border-left-color:#000; border-width:10px; top:50%; margin-left:-570px; margin-top:-10px;} /****************** HOMEPAGE ******************/ .home_section_head {margin:0 0 28px;} .home_section_head h2 {color:#1f2933; font-family:'Inter',sans-serif; font-size:32px; font-weight:700; line-height:1.2; margin:0 0 10px; padding:0; text-align:left;} .home_section_head p {color:#5f6b74; font-size:16px; line-height:1.55; margin:0; max-width:640px; padding:0;} .home_kicker {color:#1a92d0; font-size:12px; font-weight:700; letter-spacing:0.12em; margin:0 0 10px; text-transform:uppercase;} /* HERO — fullbleed design 01 (dark scrim + cover background) */ #home_hero {min-height:520px; overflow:hidden; position:relative; width:100%;} .home_hero_bg {background-position:center; background-repeat:no-repeat; background-size:cover; bottom:0; left:0; position:absolute; right:0; top:0;} .home_hero_scrim {background:linear-gradient(90deg, rgba(10,18,28,0.82) 0%, rgba(10,18,28,0.65) 45%, rgba(10,18,28,0.15) 75%, transparent 100%); bottom:0; left:0; position:absolute; right:0; top:0; z-index:1;} .home_hero_inner {align-items:center; bottom:0; box-sizing:border-box; display:flex; left:0; margin:0 auto; max-width:1400px; padding:40px 48px; position:absolute; right:0; top:0; z-index:2;} .home_hero_copy {color:#fff; max-width:560px;} .home_hero_copy h1 {color:#fff; font-family:'Inter',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.025em; line-height:1.15; margin:0 0 14px;} #home_hero .home_kicker {color:#7ecef0; font-size:11px; letter-spacing:0.14em; margin:0 0 12px;} .home_lead {color:rgba(255,255,255,0.82); font-size:14px; line-height:1.65; margin:0 0 16px; padding:0;} .home_hero_points {display:grid; gap:7px 16px; grid-template-columns:1fr 1fr; list-style:none; margin:0 0 16px; padding:0;} .home_hero_points li {align-items:center; color:rgba(255,255,255,0.88); display:flex; font-size:13px; font-weight:500; gap:7px; line-height:1.35;} .home_hero_points svg {color:#7ecef0; flex-shrink:0;} .home_hero_note {color:rgba(255,255,255,0.45); font-size:11px; margin:0 0 16px;} .home_hero_ctas {display:flex; flex-wrap:wrap; gap:10px;} #home_hero .home_btn_primary, #home_hero .home_btn_chat {font-size:14px; height:44px; padding:0 22px;} .home_btn_primary, .home_btn_chat, .home_btn_secondary {align-items:center; border-radius:10px; box-sizing:border-box; display:inline-flex; font-size:15px; font-weight:700; height:50px; justify-content:center; padding:0 22px; text-decoration:none;} .home_btn_primary {background:#1a92d0; color:#fff;} .home_btn_primary:hover {background:#1578ab; color:#fff;} .home_btn_chat {background:rgba(255,255,255,0.12); border:1.5px solid rgba(255,255,255,0.35); color:#fff;} .home_btn_chat:hover {background:rgba(255,255,255,0.18); border-color:#fff; color:#fff;} .home_hero_graph {bottom:0; left:0; position:absolute; right:0; z-index:1;} .home_hero_graph svg {display:block; height:100px; width:100%;} .home_hero_graph_line {animation:home_hero_draw 3s ease forwards; stroke-dasharray:2000; stroke-dashoffset:2000;} @keyframes home_hero_draw {to {stroke-dashoffset:0;}} @keyframes homeFadeUp { from {opacity:0; transform:translateY(24px);} to {opacity:1; transform:none;} } #home_hero .home_hero_copy .home_kicker, #home_hero .home_hero_copy h1, #home_hero .home_hero_copy .home_lead, #home_hero .home_hero_points li, #home_hero .home_hero_note, #home_hero .home_hero_ctas {opacity:0; transform:translateY(20px);} #home_hero.is-loaded .home_hero_copy .home_kicker {animation:homeFadeUp 0.65s ease both;} #home_hero.is-loaded .home_hero_copy h1 {animation:homeFadeUp 0.65s ease 0.08s both;} #home_hero.is-loaded .home_hero_copy .home_lead {animation:homeFadeUp 0.65s ease 0.16s both;} #home_hero.is-loaded .home_hero_points li {animation:homeFadeUp 0.5s ease both;} #home_hero.is-loaded .home_hero_points li:nth-child(1) {animation-delay:0.28s;} #home_hero.is-loaded .home_hero_points li:nth-child(2) {animation-delay:0.33s;} #home_hero.is-loaded .home_hero_points li:nth-child(3) {animation-delay:0.38s;} #home_hero.is-loaded .home_hero_points li:nth-child(4) {animation-delay:0.43s;} #home_hero.is-loaded .home_hero_points li:nth-child(5) {animation-delay:0.48s;} #home_hero.is-loaded .home_hero_points li:nth-child(6) {animation-delay:0.53s;} #home_hero.is-loaded .home_hero_points li:nth-child(7) {animation-delay:0.58s;} #home_hero.is-loaded .home_hero_points li:nth-child(8) {animation-delay:0.63s;} #home_hero.is-loaded .home_hero_note {animation:homeFadeUp 0.5s ease 0.72s both;} #home_hero.is-loaded .home_hero_ctas {animation:homeFadeUp 0.55s ease 0.8s both;} .home_reveal {opacity:0; transform:translateY(28px); transition:opacity 0.65s ease, transform 0.65s ease;} .home_reveal.is-visible {opacity:1; transform:none;} .home_reveal_stagger > .home_reveal {transition-duration:0.55s;} .home_reveal_stagger > .home_reveal:nth-child(1) {transition-delay:0.05s;} .home_reveal_stagger > .home_reveal:nth-child(2) {transition-delay:0.12s;} .home_reveal_stagger > .home_reveal:nth-child(3) {transition-delay:0.19s;} .home_reveal_stagger > .home_reveal:nth-child(4) {transition-delay:0.26s;} .home_reveal_stagger > .home_reveal:nth-child(5) {transition-delay:0.33s;} .home_reveal_stagger > .home_reveal:nth-child(6) {transition-delay:0.4s;} .home_reveal_stagger > .how_step:nth-child(1) {transition-delay:0.05s;} .home_reveal_stagger > .how_connector:nth-child(2) {transition-delay:0.12s;} .home_reveal_stagger > .how_step:nth-child(3) {transition-delay:0.19s;} .home_reveal_stagger > .how_connector:nth-child(4) {transition-delay:0.26s;} .home_reveal_stagger > .how_step:nth-child(5) {transition-delay:0.33s;} #how_it_works:not(.is-playing) .how_pulse, #how_it_works:not(.is-playing) .how_dot_a, #how_it_works:not(.is-playing) .how_dot_b, #how_it_works:not(.is-playing) .how_chart_line {animation-play-state:paused;} /* HIGHLIGHTS */ #home_highlights {background:#fff; border-bottom:1px solid #e8eaeb; border-top:1px solid #e8eaeb;} .home_highlights_inner {box-sizing:border-box; display:grid; gap:8px; grid-template-columns:repeat(5,1fr); margin:0 auto; max-width:1400px; padding:28px 40px; width:100%;} .home_highlight {padding:8px 12px; text-align:center;} .home_highlight_icon {align-items:center; border-radius:12px; display:flex; height:52px; justify-content:center; margin:0 auto 12px; transition:transform 0.25s ease; width:52px;} .home_highlight:hover .home_highlight_icon {transform:scale(1.1);} .home_highlight_icon svg {display:block; height:28px; width:28px;} .home_highlight_icon_range {background:#e8f6ee; color:#1f7a3a;} .home_highlight_icon_steel {background:#e7f3fb; color:#1a92d0;} .home_highlight_icon_memory {background:#e8f7f4; color:#1a8a72;} .home_highlight_icon_usb {background:#fff3e6; color:#d07a1a;} .home_highlight_icon_food {background:#e8f4fb; color:#1578ab;} .home_highlight h3 {color:#1f2933; font-size:14px; font-weight:700; margin:0 0 6px;} .home_highlight p {color:#5f6b74; font-size:13px; line-height:1.4; margin:0;} /* PRODUCTS */ #home_products {box-sizing:border-box; margin:0 auto; max-width:1200px; padding:56px 20px 48px; width:100%;} #home_products_lists {display:grid; gap:16px; grid-template-columns:repeat(4, minmax(0,1fr)); list-style:none; margin:0; padding:0;} #home_products_lists li {background:none; border:none; box-shadow:none; display:block; margin:0; padding:0;} .home_products_card {background:#fff; border-radius:12px; box-shadow:0 0 0 transparent; box-sizing:border-box; color:inherit; cursor:pointer; display:flex; flex-direction:column; height:100%; overflow:visible; padding:0; text-decoration:none;} .home_products_card:hover {box-shadow:0 8px 24px rgba(31,41,51,0.12); text-decoration:none;} .home_products_card:visited, .home_products_card:active, .home_products_card:focus {color:inherit; outline:none; text-decoration:none;} .home_products_image {aspect-ratio:1 / 1; background-color:#eef3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:12px 12px 0 0; box-sizing:border-box; margin:0; overflow:hidden; transition:transform 0.4s ease; width:100%;} .home_products_card:hover .home_products_image {transform:scale(1.04);} .home_products_body {background:#fff; border-radius:0 0 12px 12px; box-sizing:border-box; display:flex; flex:1 1 auto; flex-direction:column; padding:12px 14px 14px;} .home_products_card h3 {-webkit-box-orient:vertical; -webkit-line-clamp:2; color:#1f2933; display:-webkit-box; font-family:'Inter',sans-serif; font-size:14px; font-weight:600; line-height:1.3; margin:0 0 12px; max-height:2.6em; min-height:2.6em; overflow:hidden; padding:0; text-align:left;} .home_products_footer {align-items:flex-end; display:flex; gap:10px; justify-content:space-between; margin-top:auto;} .home_products_desc {-webkit-box-orient:vertical; -webkit-line-clamp:2; color:#6b7580; display:-webkit-box; flex:1 1 auto; font-size:12px; line-height:1.35; margin:0; max-height:2.7em; min-height:2.7em; min-width:0; overflow:hidden;} .home_products_shop {align-items:center; background:#1a92d0; border-radius:999px; box-sizing:border-box; color:#fff; display:inline-flex; flex:0 0 auto; font-size:12px; font-weight:600; height:32px; justify-content:center; line-height:1; padding:0 14px; white-space:nowrap;} .home_products_card:hover .home_products_shop {background:#1580b8;} #home_products_starter .home_products_image {background-image:url(../images/home-starter.jpg?v=2);} #home_products_temperature .home_products_image {background-image:url(../images/home-ibutton.jpg?v=2);} #home_products_humidity .home_products_image {background-image:url(../images/home-humidity.jpg?v=2);} #home_products_accessories .home_products_image {background-image:url(../images/home-accessories.jpg?v=2);} /* APPLICATIONS */ #home_apps_section {background:#fff; padding:56px 20px;} .home_apps_inner {box-sizing:border-box; margin:0 auto; max-width:1200px; width:100%;} .home_apps_grid {display:grid; gap:16px; grid-template-columns:repeat(3,1fr);} .home_app_card {background:#fff; border:1px solid #e6eaee; border-radius:12px; box-shadow:0 0 15px #efefef; box-sizing:border-box; overflow:hidden; padding:0; transition:box-shadow 0.2s ease;} .home_app_card:hover {box-shadow:0 8px 22px rgba(80,80,80,0.14);} .home_app_image {background-color:#eef3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; height:170px; transition:transform 0.4s ease; width:100%;} .home_app_card:hover .home_app_image {transform:scale(1.04);} .home_app_image_food {background-image:url(../images/app-food-transport.jpg);} .home_app_image_cold {background-image:url(../images/app-cold-storage.jpg);} .home_app_image_pharma {background-image:url(../images/app-pharma.jpg);} .home_app_image_logistics {background-image:url(../images/app-logistics.jpg);} .home_app_image_lab {background-image:url(../images/app-lab.jpg);} .home_app_image_facilities {background-image:url(../images/app-facilities.jpg);} .home_app_body {padding:18px 20px 20px;} .home_app_card h3 {color:#1f2933; font-size:16px; font-weight:700; margin:0 0 8px;} .home_app_card p {color:#5f6b74; font-size:14px; line-height:1.55; margin:0;} /* WHY US */ #home_why {padding:56px 20px 48px;} .home_why_inner {box-sizing:border-box; margin:0 auto; max-width:1200px; width:100%;} .home_why_bento {display:grid; gap:18px; grid-template-columns:260px 1fr 1fr; grid-template-rows:auto auto; margin:0 0 28px;} .home_why_card {border:0; border-radius:12px; box-shadow:0 8px 24px rgba(31,41,51,0.08); box-sizing:border-box; overflow:hidden; position:relative; transition:box-shadow 0.25s ease, transform 0.25s ease;} .home_why_card:hover {box-shadow:0 14px 32px rgba(31,41,51,0.14); transform:translateY(-4px);} .home_why_card_years {background:linear-gradient(180deg, rgba(26,146,208,0.18) 0%, rgba(15,32,48,0.88) 100%), url(../images/why-years.jpg) center/cover no-repeat; color:#fff; display:flex; flex-direction:column; grid-row:span 2; justify-content:flex-end; min-height:400px; padding:32px 24px; text-align:center;} .home_why_card_years:before {background:#1a92d0; border-radius:999px; content:""; height:4px; left:50%; position:absolute; top:20px; transform:translateX(-50%); width:48px;} .home_why_card_years h3 {font-size:64px; font-weight:700; letter-spacing:-0.03em; line-height:1; margin:0 0 6px; text-shadow:0 4px 20px rgba(0,0,0,0.25);} .home_why_card_years p {font-size:16px; font-weight:600; margin:0;} .home_why_card_engineers {background:linear-gradient(135deg, #e7f4fb 0%, #f4fbfd 50%, #fff 100%); border:1px solid #d4eaf6; display:grid; grid-column:span 2; grid-template-columns:1fr 1.15fr;} .home_why_card_text {display:flex; flex-direction:column; justify-content:center; padding:32px; position:relative;} .home_why_card_text:before {background:linear-gradient(180deg, #1a92d0, #65b5e2); border-radius:999px; bottom:28px; content:""; left:0; position:absolute; top:28px; width:4px;} .home_why_card_text h3 {color:#1f2933; font-size:24px; font-weight:700; margin:0 0 8px;} .home_why_card_text p {color:#5f6b74; font-size:15px; line-height:1.6; margin:0;} .home_why_card_img {background:url(../images/why-engineers.jpg) center/cover no-repeat; min-height:200px; transition:transform 0.35s ease;} .home_why_card_engineers:hover .home_why_card_img {transform:scale(1.04);} .home_why_card_guarantee {align-items:center; background:radial-gradient(circle at 50% 30%, rgba(232,246,238,0.95) 0%, #fff 72%); border:1px solid #bfe8d0; display:flex; flex-direction:column; justify-content:center; padding:32px 20px; text-align:center;} .home_why_card_money {height:56px; margin:0 0 12px; width:56px;} .home_why_card_money svg {display:block; height:56px; width:56px;} .home_why_card_guarantee h3 {color:#1f7a3a; font-size:28px; font-weight:700; margin:0 0 4px;} .home_why_card_guarantee p {color:#1f7a3a; font-size:14px; font-weight:700; margin:0;} .home_why_card_uk {align-items:flex-end; background:linear-gradient(180deg, rgba(26,146,208,0.08) 0%, rgba(15,23,42,0.62) 100%), url(../images/why-uk.jpg) center/cover no-repeat; display:flex; justify-content:center; min-height:200px; padding:24px;} .home_why_card_uk h3 {background:#fff; border-radius:999px; box-shadow:0 8px 20px rgba(0,0,0,0.18); color:#1f2933; font-size:14px; font-weight:700; margin:0; padding:11px 20px;} .home_why_points {display:grid; gap:16px; grid-template-columns:repeat(3,1fr);} .home_why_point {background:#fff; border:1px solid #e6eaee; border-radius:12px; box-shadow:0 0 15px #efefef; overflow:hidden; padding:0 0 22px;} .home_why_point_media {background:#eef3f7; height:168px; margin:0 0 8px; overflow:hidden; position:relative;} .home_why_point_media img {display:block; height:100%; object-fit:cover; object-position:center; padding:0; transition:transform 0.4s ease; width:100%;} .home_why_point:hover .home_why_point_media img {transform:scale(1.04);} .home_why_point_badge {align-items:center; background:#1a92d0; border-radius:10px; bottom:12px; color:#fff; display:flex; height:36px; justify-content:center; position:absolute; right:12px; width:36px;} .home_why_point_badge svg {display:block; height:18px; width:18px;} .home_why_point h3 {color:#1f2933; font-size:16px; font-weight:700; margin:0 22px 10px;} .home_why_point p {color:#5f6b74; font-size:14px; line-height:1.6; margin:0 22px;} /* HELP */ #home_help {background:#fff; padding:56px 20px 64px;} .home_help_inner {box-sizing:border-box; margin:0 auto; max-width:1200px; width:100%;} .home_help_grid {display:grid; gap:16px; grid-template-columns:repeat(4,1fr);} .home_help_card {background:#fff; border:1px solid #e6eaee; border-radius:12px; box-shadow:0 0 15px #efefef; color:inherit; display:block; padding:24px 20px 22px; text-decoration:none; transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;} .home_help_card:hover {border-color:#1a92d0; box-shadow:0 8px 22px rgba(26,146,208,0.12); transform:translateY(-2px);} .home_help_icon {align-items:center; border-radius:12px; display:flex; height:52px; justify-content:center; margin:0 0 14px; width:52px;} .home_help_icon svg {display:block; height:26px; width:26px;} .home_help_icon_phone {background:#e8f6ee; color:#1f7a3a;} .home_help_icon_chat {background:#e7f3fb; color:#1a92d0;} .home_help_icon_form {background:#e8f7f4; color:#1a8a72;} .home_help_icon_email {background:#fff3e6; color:#d07a1a;} .home_help_card h3 {color:#1a92d0; font-size:15px; font-weight:700; margin:0 0 8px; word-break:break-word;} .home_help_card p {color:#5f6b74; font-size:13px; line-height:1.45; margin:0;} @media (prefers-reduced-motion: reduce) { #home_hero .home_hero_copy .home_kicker, #home_hero .home_hero_copy h1, #home_hero .home_hero_copy .home_lead, #home_hero .home_hero_points li, #home_hero .home_hero_note, #home_hero .home_hero_ctas, .home_reveal {opacity:1; transform:none; animation:none !important; transition:none !important;} .home_hero_graph_line {animation:none; stroke-dashoffset:0;} #how_it_works .how_pulse, #how_it_works .how_dot_a, #how_it_works .how_dot_b, #how_it_works .how_chart_line {animation:none !important;} } @media (max-width: 1100px) { #home_hero {min-height:480px;} .home_hero_scrim {background:linear-gradient(90deg, rgba(10,18,28,0.88) 0%, rgba(10,18,28,0.72) 50%, rgba(10,18,28,0.35) 80%, transparent 100%);} .home_hero_inner {padding:32px 28px;} .home_hero_copy h1 {font-size:28px;} .home_highlights_inner {grid-template-columns:repeat(3,1fr); padding:24px 20px;} #home_products_lists {grid-template-columns:1fr 1fr;} .home_apps_grid, .home_why_points {grid-template-columns:1fr 1fr;} .home_why_bento {grid-template-columns:1fr 1fr;} .home_why_card_years {grid-row:auto; min-height:240px;} .home_why_card_engineers {grid-column:span 2;} .home_help_grid {grid-template-columns:1fr 1fr;} } @media (max-width: 600px) { .home_hero_points {grid-template-columns:1fr;} .home_hero_ctas {flex-direction:column;} .home_btn_primary, .home_btn_chat {width:100%;} .home_highlights_inner, #home_products_lists, .home_apps_grid, .home_why_points, .home_why_bento, .home_help_grid {grid-template-columns:1fr;} .home_why_card_engineers {grid-column:auto; grid-template-columns:1fr;} .home_why_card_img {min-height:160px;} .home_why_card_years h3 {font-size:48px;} .home_section_head h2 {font-size:24px;} } /****************** CATEGORIES ******************/ #category_bg {background:#f3f8fb;} #category_cont {margin:0 auto; min-height:600px; padding-bottom:20px;} #categories_heading {color:#1f2933; font-family:'Inter',sans-serif; font-size:24px; font-weight:700; margin:0 auto; max-width:1000px; padding:24px 20px 8px;} /** FILTERS **/ #cat_filters_cont {background:#f7f7f7; padding:10px 0 10px 0;} #cat_filters {margin:0px auto 0 auto; padding:10px 0; position:relative; width:980px;} #cat_filters_head {margin:0 auto; width:980px;} #cat_hide_filt {float:right; padding:22px 40px; text-align:right; width:140px;} #cat_hide_filt span {border:1px solid #d8d8d8; border-radius:3px; box-shadow:0px 0px 5px #d8d8d8 inset; color:#525252; cursor:pointer; font-size:14px; padding:5px 0; text-align:center; width:120px} #hide_filt {display:inline-block;} #hide_filt_resp {display:none;} /* current measurement filter */ #cat_filt_meas {float:left; width:180px;} #meas_current_cont {margin:34px auto 0px auto; width:146px;} #filt_meas_current {background:#fff; border:3px solid #1a92d0; border-radius:3px 3px 0px 0px; cursor:pointer; font-size:14px; height:100px;} #meas_current_head {font-size:12px; font-weight:100; padding:5px; text-align:center;} #meas_current {background-position:center 5px; background-repeat:no-repeat; background-size:40px 40px; color:#1a92d0; padding:50px 5px 5px 5px; text-align:center;} #cat_filt_change {background:url(../images/change-measurement.png) no-repeat 8px 7px #1a92d0; border-radius:0px 0px 3px 3px; color:#fff; cursor:pointer; display:block; font-size:10px; padding:6px 0 9px 12px; text-align:center; } #cat_select_meas {border:1px dashed #b6b6b6; color:#b6b6b6; font-size:12px; margin:5px auto; padding: 5px; text-align:center; width:90px;} #cat_sensors_bg {background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:55;} #cat_sensors {background:#fff; border-radius:3px; box-shadow:0px 0px 15px #000; margin:0 auto; padding:40px 20px; position:relative; width:920px; z-index:60;} #cat_sensors h3 {font-size:22px; padding-bottom:20px; text-align:center;} #filt_con_feat {float:left; width:800px;} #filt_con_feat h3 {font-weight:bold; padding:5px 10px;} /* filter links */ .filt_link {float:left; padding:10px;} /* sub cats */ #cats_sub_cats .filt_link a {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#79848b; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} #cats_sub_cats .current_cat a {border:2px solid #1a92d0; padding:9px;} #cats_sub_cats .no_results span {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#dee3e6; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} /* formats */ #cats_format .filt_link a {background-color:#fff; background-position:10px 10px; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#79848b; display:table-cell; height:25px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} #cats_format .current_cat a {border:2px solid #1a92d0; padding:9px 9px 9px 39px;} #cats_format .no_results span {background-color:#fff; background-position:10px 10px; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#dee3e6; display:table-cell; height:25px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} /* sensors popup */ #cat_sensors .filt_link a {background-color:#fff; background-position:10px center; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#79848b; display:table-cell; height:30px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} #cat_sensors .current_cat a {border:2px solid #1a92d0; padding:9px 9px 9px 39px;} /* sensors page */ #wireless_sensors_cats .filt_link a,#wireless_sensors_alta .filt_link a {background-color:#fff; background-position:10px center; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#585f63; display:table-cell; height:30px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} /* prod count */ .filt_link_count {color:#ec9801; display:inline-block; padding-left:5px;} #close_sensors {position:fixed; right:30px; top:30px;} #close_sensors span {border:2px solid #fff; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; font-size:20px; height:25px; line-height:25px; text-align:center; width:25px;} /* filter icons */ .filt_link_all {background-image:url(../images/cats/grey30/sensors.png);} .filt_link_temperature {background-image:url(../images/cats/grey30/temperature-sensors.png);} .filt_link_humidity {background-image:url(../images/cats/grey30/humidity-sensors.png);} .filt_link_water-detect {background-image:url(../images/cats/grey30/water-detect-sensors.png);} .filt_link_water-rope {background-image:url(../images/cats/grey30/water-rope-sensors.png);} .filt_link_open-closed {background-image:url(../images/cats/grey30/open-close-sensors.png);} .filt_link_motion-detection {background-image:url(../images/cats/grey30/motion-detection-sensors.png);} .filt_link_carbon-monoxide {background-image:url(../images/cats/grey30/carbon-monoxide-sensors.png);} .filt_link_dry-contact {background-image:url(../images/cats/grey30/dry-contact-sensors.png);} .filt_link_accelerometer {background-image:url(../images/cats/grey30/accelerometer-sensors.png);} .filt_link_voltage-meter {background-image:url(../images/cats/grey30/voltage-meter-sensors.png);} .filt_link_ac-current-meter {background-image:url(../images/cats/grey30/ac-current-sensors.png);} .filt_link_voltage-detect {background-image:url(../images/cats/grey30/voltage-detect-sensors.png);} .filt_link_resistance {background-image:url(../images/cats/grey30/resistance-sensors.png);} .filt_link_ma-current-meter {background-image:url(../images/cats/grey30/ma-current-sensors.png);} .filt_link_pulse-counter {background-image:url(../images/cats/grey30/pulse-counter-sensors.png);} .filt_link_light-meter {background-image:url(../images/cats/grey30/light-meter-sensors.png);} .filt_link_light-detection {background-image:url(../images/cats/grey30/light-detect-sensors.png);} .filt_link_pressure-meter {background-image:url(../images/cats/grey30/pressure-meter-sensors.png);} .filt_link_magnet-detection {background-image:url(../images/cats/grey30/magnetic-detection-sensors.png);} .filt_link_asset {background-image:url(../images/cats/grey30/asset-sensors.png);} .filt_link_activity {background-image:url(../images/cats/grey30/activity-sensors.png);} .filt_link_vehicle-detection {background-image:url(../images/cats/grey30/vehicle-detection-sensors.png);} .filt_link_seat-occupancy {background-image:url(../images/cats/grey30/seat-occupancy-sensors.png);} .filt_link_flex {background-image:url(../images/cats/grey30/flex-sensors.png);} .filt_link_button {background-image:url(../images/cats/grey30/button-sensors.png);} .filt_link_compass {background-image:url(../images/cats/grey30/compass-sensors.png);} .filt_link_liquid-level {background-image:url(../images/cats/grey30/liquid-level-sensors.png);} .filt_link_grains-per-pound {background-image:url(../images/cats/grey30/grains-pound-sensors.png);} .filt_link_ultrasonic {background-image:url(../images/cats/grey30/ultrasonic-sensors.png);} .filt_link_co2 {background-image:url(../images/cats/grey30/co2-sensors.png);} .filt_link_pm25 {background-image:url(../images/cats/grey30/pm25particulate.png);} .filt_link_air-velocity {background-image:url(../images/cats/grey30/air-velocity.png);} .filt_link_diff-air-press {background-image:url(../images/cats/grey30/differential-air-pressure.png);} /* current sensor icons */ .meas_current_temperature {background-image:url(../images/cats/blue40/temperature-sensors.png);} .meas_current_humidity {background-image:url(../images/cats/blue40/humidity-sensors.png);} .meas_current_water-detect {background-image:url(../images/cats/blue40/water-detect-sensors.png);} .meas_current_water-rope {background-image:url(../images/cats/blue40/water-rope-sensors.png);} .meas_current_open-closed {background-image:url(../images/cats/blue40/open-close-sensors.png);} .meas_current_motion-detection {background-image:url(../images/cats/blue40/motion-detection-sensors.png);} .meas_current_carbon-monoxide {background-image:url(../images/cats/blue40/carbon-monoxide-sensors.png);} .meas_current_dry-contact {background-image:url(../images/cats/blue40/dry-contact-sensors.png);} .meas_current_accelerometer {background-image:url(../images/cats/blue40/accelerometer-sensors.png);} .meas_current_voltage-meter {background-image:url(../images/cats/blue40/voltage-meter-sensors.png);} .meas_current_ac-current-meter {background-image:url(../images/cats/blue40/ac-current-sensors.png);} .meas_current_voltage-detect {background-image:url(../images/cats/blue40/voltage-detect-sensors.png);} .meas_current_resistance {background-image:url(../images/cats/blue40/resistance-sensors.png);} .meas_current_ma-current-meter {background-image:url(../images/cats/blue40/ma-current-sensors.png);} .meas_current_pulse-counter {background-image:url(../images/cats/blue40/pulse-counter-sensors.png);} .meas_current_light-meter {background-image:url(../images/cats/blue40/light-meter-sensors.png);} .meas_current_light-detection {background-image:url(../images/cats/blue40/light-detect-sensors.png);} .meas_current_pressure-meter {background-image:url(../images/cats/blue40/pressure-meter-sensors.png);} .meas_current_magnet-detection {background-image:url(../images/cats/blue40/magnetic-detection-sensors.png);} .meas_current_asset {background-image:url(../images/cats/blue40/asset-sensors.png);} .meas_current_activity {background-image:url(../images/cats/blue40/activity-sensors.png);} .meas_current_vehicle-detection {background-image:url(../images/cats/blue40/vehicle-detection-sensors.png);} .meas_current_seat-occupancy {background-image:url(../images/cats/blue40/seat-occupancy-sensors.png);} .meas_current_flex {background-image:url(../images/cats/blue40/flex-sensors.png);} .meas_current_button {background-image:url(../images/cats/blue40/button-sensors.png);} .meas_current_compass {background-image:url(../images/cats/blue40/compass-sensors.png);} .meas_current_liquid-level {background-image:url(../images/cats/blue40/liquid-level-sensors.png);} .meas_current_grains-per-pound {background-image:url(../images/cats/blue40/grains-pound-sensors.png);} /* format icons */ .filt_link_wi-fi {background-image:url(../images/cats/grey30/wifi.png);} .filt_link_aa {background-image:url(../images/cats/grey30/aa.png);} .filt_link_industrial {background-image:url(../images/cats/grey30/industrial.png);} .filt_link_coin-cell {background-image:url(../images/cats/grey30/cell.png);} /* format icons - no results */ .no_results .filt_link_wi-fi {background-image:url(../images/cats/light30/wifi.png);} .no_results .filt_link_aa {background-image:url(../images/cats/light30/aa.png);} .no_results .filt_link_industrial {background-image:url(../images/cats/light30/industrial.png);} .no_results .filt_link_coin-cell {background-image:url(../images/cats/light30/cell.png);} #cat_filters h2 {background:url(../images/filters_icon.png) no-repeat 50px 43px; font-size:18px; padding:40px 0 20px; text-align:center;} .filter_section h3 {color:#235b78; cursor:pointer; font-size:14px; font-weight:bold; line-height:20px; padding:5px 0 5px 15px;} .filter_section h3 {transition:background-color 0.2s ease, color 0.2s ease;} .filter_section h3:hover {background:#65b5e2; color:#fff;} .filter_section h3:hover span {color:#fff;} .filter_section h3 span {color:#65b5e2; display:inline-block; padding-right:3px; text-align:center; width:8px;} #reset_filters {background:url(../images/reset-filters.png) no-repeat 45px 12px #fff; border-radius:0px 0px 5px 5px; border-top:1px solid #b8d3e0; color:#1a92d0; display:block; cursor:pointer; padding:10px; text-align:center;} #reset_filters:hover {background-color:#f3f6f8;} /* filter buttons */ .filts_cont {background:#fff; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:5px 0;} .filter_button a {color:#1a92d0; display:block; font-size:12px; padding:5px 0 5px 30px;} .filter_button a:hover {color:#64ac43;} .current_filter a {font-weight:bold; color:#ec9801;} .filter_link {display:block; float:left;} .remove_filter {background:#b7b7b7; border-radius:50%; color:#fff; display:block; float:right; font-size:10px; height:12px; margin-right:10px; text-align:center; width:12px;} /** PRODUCTS **/ #cat_products {box-sizing:border-box; margin:0 auto; max-width:1000px; overflow:visible; padding:10px 20px 40px; width:100%;} .cat_products_grid {display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; overflow:visible; padding:8px 0 12px;} #cat_products ul {display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; overflow:visible; padding:8px 0 12px;} /*preloader */ #prod_loader_cont {} #prod_loader {padding:50px;} #prod_loader_center {margin:0 auto; padding:25px; width:500px;} #prod_loader h3 {font-size:20px; font-weight:100; padding:20px; text-align:center;} #prod_loader_img {background:url(../images/prod-loader.gif) no-repeat center center; background-size:50px 50px; padding:30px;} /* toolbar */ #cat_toolbar {border-bottom:1px solid #e4e9eb; padding-bottom:20px;} #cat_toolbar_control {} #cat_filters_but {background:#1a92d0; color:#fff; cursor:pointer; display:inline-block; font-size:16px; margin-right:30px; padding:6px 25px;} #cat_filters_but span {padding-left:10px;} #cat_filters_but:hover {background:#2ea7e6;} #pagination_no {float:left; font-size:22px; font-weight:100; font-family:'Inter',sans-serif; line-height:20px; padding:3px 0 0 20px;} #no_prod_results {font-weight:bold;} #sort_order {float:right; font-size:14px; padding-right:20px;} #sort_label {background:#fff; border-radius:3px 0 0 3px; display:inline-block; font-size:16px; font-weight:bold; padding:7px 10px; text-align:center;} .sort_but {border-right:1px solid #e4e9eb; cursor:pointer; display:inline-block; padding:7px 10px;} .sort_but:hover {background:#e4e9eb;} .sort_current {background:#566065; color:#fff; display:inline-block; padding:7px 10px;} .sort_current:hover {background:#566065; color:#fff; cursor:inherit;} #filter_form {display:inline-block; padding-left:140px;} #sort_filter {border-radius:3px; border:none; padding:7px; width:190px;} #filter_no_prods {padding:20px;} /** category product results — compact 3-up cards **/ .product_result {background:#fff; border:none; border-radius:12px; box-shadow:0 0 0 transparent; box-sizing:border-box; color:inherit; cursor:pointer; display:flex; flex-direction:column; height:auto; margin:0; min-width:0; overflow:visible; padding:0; position:relative; text-decoration:none; width:100%;} .product_result:hover {box-shadow:0 8px 24px rgba(31,41,51,0.12); text-decoration:none;} .product_result:focus:not(:hover) {box-shadow:none;} .product_result:visited, .product_result:active, .product_result:focus {color:inherit; outline:none; text-decoration:none;} .product_result_image {aspect-ratio:1 / 1; background-color:#eef3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:12px 12px 0 0; box-sizing:border-box; overflow:hidden; width:100%;} .product_result_top {display:none;} .product_result_top::after {display:none;} .product_result_body {background:#fff; border-radius:0 0 12px 12px; box-sizing:border-box; display:flex; flex:1 1 auto; flex-direction:column; padding:12px 14px 14px;} .product_result h3 {color:#1f2933; font-family:'Inter',sans-serif; font-size:14px; font-weight:600; height:auto; line-height:1.3; margin:0 0 12px; max-height:2.6em; min-height:2.6em; overflow:hidden; position:relative; text-align:left; z-index:2;} .product_result h3 a {color:inherit; display:block; text-decoration:none;} .result_image {display:none;} .product_result_footer {align-items:center; background:transparent; border-radius:0; box-sizing:border-box; display:flex; justify-content:space-between; margin-top:auto; min-height:0; padding:0; position:relative; z-index:2;} .product_price {display:flex; flex-direction:column; font-size:inherit; font-weight:inherit; gap:1px; padding:0; text-align:left;} .product_price_from {color:#6b7580; font-size:10px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase;} .product_price_amount {color:#1f2933; font-size:16px; font-weight:700; letter-spacing:-0.02em; line-height:1.1;} .product_shop_now {align-items:center; background:#1a92d0; border:none; border-radius:999px; box-sizing:border-box; color:#fff; display:inline-flex; flex:0 0 auto; font-size:12px; font-weight:600; height:32px; justify-content:center; line-height:1; padding:0 14px; text-align:center;} .product_result:hover .product_shop_now {background:#1580b8; border-color:#1580b8;} .product_desc_cont, .product_info_desc, .product_more_info, .product_info {display:none;} .result_price_cart {float:left; width:180px;} .product_cart {padding:10px 5px;} .product_cart_quant {border:1px solid #64ac43; border-radius:3px 0px 0px 3px; display:block; float:left; font-size:16px; height:20px; padding:4px 5px; text-align:center; width:25px;} .product_add {background:#64ac43; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px; color:#fff; display:block; float:left; font-size:16px; font-weight:normal; line-height:30px; height:30px; padding:0px 15px;} #prod_result_cont {padding-bottom:20px; position:relative;} #product_load {background:url(../images/white-opacity1.png); display:none; height:100%; position:absolute; width:100%; z-index:10;} #prod_result_cont .product_result {border:none;} #prod_results .product_result:nth-child(3n+4) {border-right:none;} #prod_results .product_result:nth-last-child {border-right:none; border-bottom:none;} #no_prods {border:2px solid #bec9cf; border-radius:3px; color:#737d82; font-size:18px; margin:50px 100px; padding:50px;} #no_prods p {font-weight:100; padding:5px;} /* gateways alta option */ #categories_gateways_tabs {padding-bottom:20px; text-align:center;} #categories_gateways_tabs li {border:1px solid #ebebeb; border-radius:5px; display:inline-block;} #categories_gateways_tabs li a {cursor:pointer; display:block; padding:20px 20px 20px 60px;} #categories_gateways_standard {background-image:url(../images/sensors-tabs-standard.png); background-repeat:no-repeat; background-position:20px center; background-size:30px 20px;} #categories_gateways_alta {background-image:url(../images/sensors-tabs-alta.png); background-repeat:no-repeat; background-position:20px center; background-size:35px 20px; margin-right:60px;} .categories_current_tab {background-color:#ebebeb;} /****************** PRODUCT ******************/ /* breadcrumb */ #breadcrumb_cont {background:#585b5d; color:#c7d0d5; padding:0 10px;} #breadcrumb_nav {margin:0 auto; padding-left:20px; width:1000px;} #breadcrumb_nav span {color:#fff; font-weight:bold;} .breadcrumb_link {display:inline-block; font-size:12px; padding:10px;} .breadcrumb_link:hover {color:#fff; text-decoration:underline;} .breadcrumb_arrow {display:inline-block; padding:0 10px;} #breadcrumb_page {color:#fff; display:inline-block; padding:10px 10px 10px 0;} #breadcrumb_page:hover {text-decoration:underline;} #more_prods {background:url(../images/more_arrow.png) no-repeat 5px 5px; background-size:9px 9px; border:1px solid #d0d0d0; border-radius:2px; color:#d0d0d0; display:inline-block; font-size:12px; margin-left:30px; padding:3px 5px 3px 20px;} /* INTRO — clean two-column buy box */ #product_info {background:transparent; box-sizing:border-box; padding:8px 20px 36px;} #product_intro {align-items:start; background:#fff; border:1px solid #e6eaee; border-radius:12px; box-shadow:0 0 15px #efefef; box-sizing:border-box; display:grid; grid-template-columns:1fr 420px 1fr 450px 1fr; margin:0 auto; max-width:1200px; padding:48px 0; width:100%;} #product_intro > .clr {display:none;} #product_head_image {box-sizing:border-box; grid-column:2; margin:0; max-width:420px; padding:0; width:420px;} #product_image_cont {align-items:stretch; background:#eef3f7; border-radius:10px; display:flex; height:420px; justify-content:center; min-height:420px; overflow:hidden; padding:0; width:100%;} #product_image {height:100%; line-height:0; text-align:center; width:100%;} #product_image img {display:block; height:100%; margin:0; max-height:none; max-width:none; object-fit:cover; object-position:center; width:100%;} #product_image_meta {color:#7a8690; font-size:13px; font-weight:600; letter-spacing:0.02em; margin-top:14px; text-align:center; text-transform:uppercase;} #product_enlarge {background:url(../images/product_enlarge.png) 50px 5px no-repeat #393832; color:#fff; font-size:12px; padding:5px; text-align:center;} #product_action {box-sizing:border-box; grid-column:4; margin:0; max-width:450px; min-width:0; width:450px;} #product_intro h1 {color:#1f2933; font-family:'Inter',sans-serif; font-size:26px; font-weight:700; line-height:1.25; margin:0 0 6px; text-align:left;} #product_model {color:#5f6b74; font-size:14px; margin:0 0 14px;} .model_type {color:#8a949a;} .model_data {color:#1f2933; font-weight:600; padding-left:4px;} #product_uk {background:#1a92d0; color:#fff; font-weight:bold; padding:7px; text-align:center;} #product_price_cont {margin:0 0 16px; padding:0;} #product_price {align-items:baseline; color:#1a92d0; display:flex; flex-wrap:wrap; font-size:34px; font-weight:700; gap:10px; letter-spacing:-0.02em; line-height:1;} .product_price_currency, .product_price_minor {display:inline-block; font-size:18px; font-weight:600; vertical-align:6px;} .product_price_currency {margin-right:2px;} .product_price_small {display:inline-block; font-size:18px; margin:0 3px; vertical-align:8px;} #price_vat {color:#8a949a; display:inline; font-size:13px; font-style:italic; font-weight:400; margin:0;} #product_categories {background:transparent; border-radius:0; color:inherit; margin:0 0 16px; padding:0; text-align:left;} .product_option_heading {color:#5f6b74; font-size:13px; font-weight:600; margin:0 0 10px;} .product_option_cards {display:flex; gap:8px;} .product_option_card {background:#fff; border:1px solid #d5dde3; border-radius:8px; box-sizing:border-box; color:#3c4751; display:flex; flex:1; font-size:13px; font-weight:500; line-height:1.3; min-width:0; padding:14px 10px; text-align:center; text-decoration:none; align-items:center; justify-content:center;} .product_option_card:hover {border-color:#1a92d0; color:#1a92d0;} .product_option_card_selected {background:#eef9f4; border:2px solid #1f7a3a; color:#1f2933; font-weight:600; padding:13px 9px;} .product_categories_select_legacy {display:none !important;} #add_cart {margin:0 0 12px; padding:0;} #add_cart_row {align-items:stretch; display:flex; gap:10px; width:100%;} #add_cart_quantity {align-items:center; background:#fff; border:1px solid #d5dde3; border-radius:999px; box-sizing:border-box; display:flex; flex:0 0 110px; height:48px; justify-content:space-between; overflow:hidden; padding:0 4px; width:110px;} #add_cart_quantity label {display:none;} #product_quantity {background:transparent; border:none; color:#1f2933; display:block; float:none; font-size:16px; font-weight:600; height:40px; padding:0; text-align:center; width:36px;} .edit_product_quant {background:transparent; border:none; color:#1a92d0; cursor:pointer; display:block; float:none; font-size:20px; font-weight:600; height:40px; line-height:40px; padding:0; width:32px;} #remove_quantity, #add_quantity {border:none; padding:0;} #add_to_cart {align-items:center; background:#1a92d0; border:none; border-radius:999px; color:#fff; cursor:pointer; display:inline-flex; flex:1; float:none; font-family:inherit; font-size:16px; font-weight:700; height:48px; justify-content:center; letter-spacing:0.02em; padding:0 20px; text-align:center; width:auto;} #add_to_cart:hover {background:#1578ab;} .add_to_cart_icon {background:url(../images/cart.svg) center/18px 18px no-repeat; display:inline-block; filter:brightness(0) invert(1); height:18px; margin-right:8px; width:18px;} #product_contact {align-items:center; background:#1a92d0; border:none; border-radius:999px; box-sizing:border-box; color:#fff; cursor:pointer; display:flex; float:none; font-size:16px; font-weight:700; height:48px; justify-content:center; margin:0; padding:0 20px; text-align:center; text-decoration:none; width:100%;} #product_contact:hover {background:#1578ab;} #product_stock {align-items:center; border-radius:8px; box-sizing:border-box; display:flex; font-size:13px; font-weight:600; gap:8px; margin:0 0 16px; padding:10px 14px; width:100%;} #product_specs {display:flex; gap:8px; margin:0 0 16px;} .product_spec {background:#fff; border:1px solid #e2e8ed; border-radius:8px; box-sizing:border-box; flex:1; min-width:0; padding:10px 8px; text-align:center;} .product_spec_label {color:#1f2933; display:block; font-size:12px; font-weight:700; margin:0 0 3px;} .product_spec_value {color:#8a949a; display:block; font-size:12px; line-height:1.3;} .product_stock_ok {background:#eef9f1; border:1px dashed #7bc48f; color:#1f7a3a;} .product_stock_contact {background:#f7f8f9; border:1px dashed #c5ccd2; color:#5f6b74;} .product_stock_check {background:#1f7a3a; border-radius:50%; display:inline-block; flex:0 0 16px; height:16px; position:relative; width:16px;} .product_stock_check:after {border:solid #fff; border-width:0 2px 2px 0; content:""; display:block; height:7px; left:5px; position:absolute; top:2px; transform:rotate(45deg); width:3px;} .product_stock_contact .product_stock_check {background:#8a949a;} .product_stock_contact .product_stock_check:after {display:none;} #product_usps {margin-top:4px; padding-top:0;} #product_usps_primary {display:flex; flex-direction:column; gap:10px; padding:0 0 16px;} .product_usp_row {align-items:center; display:flex; gap:10px; min-width:0;} .product_usp_icon {background-position:center; background-repeat:no-repeat; background-size:22px 22px; flex:0 0 24px; height:24px; margin-top:0; width:24px;} .product_usp_icon_delivery {background-image:url(../images/delivery-black.svg);} .product_usp_icon_guarantee {background-image:url(../images/guarantee-black.svg);} .product_usp_icon_tracked {background-image:url(../images/usp-tracked.svg);} .product_usp_icon_returns {background-image:url(../images/guarantee-black.svg);} .product_usp_copy {min-width:0;} .product_usp_head {color:#3c4751; font-size:13px; font-weight:500; line-height:1.35; margin:0;} .product_usp_head span {color:#1f7a3a; font-weight:700;} .product_usp_desc {color:#8a949a; font-size:12px; font-weight:400; line-height:1.35; margin:2px 0 0; padding:0;} #product_usps_trust {border-top:1px solid #e8eaeb; display:grid; gap:12px; grid-template-columns:repeat(3, 1fr); margin-bottom:16px; padding-top:16px;} .product_trust_item {text-align:center;} .product_trust_icon {align-items:center; background:#f7f9fb; border:1px solid #e2e8ed; border-radius:8px; display:flex; height:48px; justify-content:center; margin:0 auto 8px; width:48px;} .product_trust_icon img {display:block; height:26px; width:26px;} .product_trust_head {color:#1f2933; font-size:12px; font-weight:600; line-height:1.25; margin:0;} .product_trust_desc {color:#8a949a; font-size:11px; line-height:1.3; margin:3px 0 0; padding:0;} #product_usp_ship, #product_usp_guar {display:none;} @media (max-width: 900px) { #product_info {padding:12px 12px 24px;} #product_intro {display:block; grid-template-columns:none; padding:24px 18px;} #product_head_image {float:none; margin:0 auto 20px; max-width:none; width:100%;} #product_image_cont {height:320px; min-height:320px; padding:0;} #product_action {margin:0 auto; max-width:450px; width:100%;} #product_intro h1 {font-size:22px;} #product_price {font-size:30px;} #add_cart_row {flex-wrap:nowrap; width:100%;} #add_to_cart {flex:1; min-width:0; width:auto;} .product_option_cards {flex-wrap:nowrap;} .product_option_card {flex:1; min-width:0;} #product_usps_trust {gap:8px;} .product_body_features ul, .product_body_applications ul, .product_body_anwendungen ul, .product_spec_grid {grid-template-columns:1fr;} .product_section_body {padding:20px 16px;} } /* alta */ #products_alta_link,#products_standard_link {text-align:center;} #products_standard_link a {background-image:url(../images/products-standard-link.png); background-repeat:no-repeat; background-position:5px center; background-size:30px 20px; color:#1a92d0; display:inline-block; padding:10px 20px 10px 45px;} #products_alta_link a {background-image:url(../images/products-alta-link.png); background-repeat:no-repeat; background-position:5px center; background-size:35px 20px; color:#1a92d0; display:inline-block; padding:10px 20px 10px 45px;} #products_standard_link a:hover, #products_alta_link a:hover {text-decoration:underline;} /* product options */ #product_options {} #product_options h2 {color:#64ac43; font-size:16px; font-weight:bold; padding:5px;} #product_options h3 {color:#1a92d0; font-size:14px; font-weight:bold; padding-bottom:5px;} .product_options {padding:5px 10px;} .product_options li {border:1px solid #1a92d0; border-radius:3px; box-shadow:0px 0px 3px #65b5e2 inset; color:#1a92d0; cursor:pointer; float:left; font-size:12px; height:60px; line-height:15px; margin-right:10px; padding:5px; text-align:center; width:80px;} .product_options li span {color:#64ac43; display:block;} /* product nav */ #product_nav_cont {background:#5b5b5b; color:#cacccd;} #product_nav {margin:0 auto; width:1000px;} #product_nav li {cursor:pointer; float:left; padding:7px 25px 0 25px;} #product_nav li:hover {color:#fff;} #product_nav li a {border-bottom:4px solid transparent; border-top:4px solid transparent; display:inline-block; padding-bottom:7px;} #product_nav_add {background:#64ac43; color:#fff; display:none; float:right !important;} .current_product {border-bottom:4px solid #cacccd !important; color:#fff;} /* HOW IT WORKS */ #how_it_works {background:#0b1c2c; color:#d7e6ef; margin:0 0 0; padding:56px 20px 52px;} .how_it_works_inner {box-sizing:border-box; margin:0 auto; max-width:1400px; width:100%;} .how_it_works_kicker {color:#7ec8ea; font-size:12px; font-weight:700; letter-spacing:0.12em; margin:0 0 10px; text-align:center; text-transform:uppercase;} #how_it_works h2 {color:#fff; font-family:'Inter',sans-serif; font-size:28px; font-weight:700; line-height:1.25; margin:0 0 10px; text-align:center;} .how_it_works_lead {color:#9fb6c4; font-size:15px; line-height:1.55; margin:0 auto 36px; max-width:640px; text-align:center;} .how_it_works_flow {align-items:stretch; display:flex; gap:0; justify-content:center;} .how_step {background:rgba(255,255,255,0.04); border:1px solid rgba(62,200,255,0.18); border-radius:16px; box-sizing:border-box; flex:1; max-width:340px; padding:28px 22px 24px; text-align:center;} .how_step p {color:#b7c9d4; font-size:14px; line-height:1.5; margin:0; padding:0;} .how_step_visual {align-items:center; display:flex; height:96px; justify-content:center; margin:0 auto 18px; position:relative; width:96px;} .how_step_visual svg {display:block; height:88px; position:relative; width:88px; z-index:1;} .how_pulse {animation:howPulse 2.4s ease-out infinite; border:1px solid #3ec8ff; border-radius:50%; height:56px; left:50%; opacity:0; position:absolute; top:50%; transform:translate(-50%,-50%); width:56px;} .how_pulse_delay {animation-delay:1.2s;} .how_step_label {background:rgba(12,42,61,0.85); border:1px solid #3ec8ff; border-radius:999px; box-shadow:0 0 16px rgba(62,200,255,0.35); color:#fff; display:inline-block; font-size:13px; font-weight:700; margin:0 0 12px; padding:7px 16px;} .how_step_label_alt {border-color:#ff7ad9; box-shadow:0 0 16px rgba(255,122,217,0.28);} .how_connector {align-items:center; display:flex; flex:0 0 72px; position:relative;} .how_line {background:linear-gradient(90deg, rgba(62,200,255,0.15), rgba(255,122,217,0.45), rgba(62,200,255,0.15)); display:block; height:2px; width:100%;} .how_dot {border-radius:50%; height:8px; position:absolute; top:50%; transform:translateY(-50%); width:8px;} .how_dot_a {animation:howDot 2.8s linear infinite; background:#3ec8ff; box-shadow:0 0 10px #3ec8ff;} .how_dot_b {animation:howDot 2.8s linear infinite 1.4s; background:#ff7ad9; box-shadow:0 0 10px #ff7ad9;} .how_chart_line {stroke-dasharray:80; stroke-dashoffset:80; animation:howDraw 2.6s ease-in-out infinite;} .how_it_works_note {color:#7a93a3; font-size:12px; margin:22px 0 0; text-align:center;} @keyframes howPulse { 0% {opacity:0.55; transform:translate(-50%,-50%) scale(0.7);} 100% {opacity:0; transform:translate(-50%,-50%) scale(1.7);} } @keyframes howDot { 0% {left:4%; opacity:0;} 12% {opacity:1;} 88% {opacity:1;} 100% {left:88%; opacity:0;} } @keyframes howDraw { 0% {stroke-dashoffset:80;} 45% {stroke-dashoffset:0;} 100% {stroke-dashoffset:0;} } @media (max-width: 900px) { #how_it_works {padding:36px 16px 32px;} #how_it_works h2 {font-size:22px;} .how_it_works_flow {display:block;} .how_step {margin:0 auto 8px; max-width:none; width:100%;} .how_connector {flex:none; height:36px; margin:0 auto; transform:rotate(90deg); width:36px;} } /* PRODUCT SECTIONS */ #product_sections {background:#f4f6f8;} .product_section {padding:8px 20px 0;} .product_section:last-child {padding-bottom:28px;} .products_content {box-sizing:border-box; margin:0 auto; max-width:1200px; padding:28px 0 8px; width:100%;} .product_section_head {align-items:center; display:flex; gap:12px; margin:0 0 16px;} .product_section_icon {align-items:center; background:#fff; border:1px solid #e2e8ed; border-radius:10px; color:#1a92d0; display:flex; flex:0 0 44px; height:44px; justify-content:center; width:44px;} .product_section_icon svg {display:block; height:22px; width:22px;} .products_content h2 {color:#1f2933; font-size:22px; font-weight:700; padding:0; text-align:left;} .products_heading {color:#1f2933 !important; font-family:'Inter',sans-serif; font-size:22px !important; font-weight:700; margin:0;} .product_section_body {background:#fff; border:1px solid #e6eaee; border-radius:12px; box-shadow:0 0 15px #efefef; box-sizing:border-box; color:#3c4751; line-height:1.7; padding:28px 32px;} .product_section_body p {color:#3c4751; line-height:1.75; margin:0 0 16px; padding:0;} .product_section_body p:last-child {margin-bottom:0;} .product_section_body ul {margin:0; padding:0;} #product_sections img {border:1px solid #e2e8ed; border-radius:8px; display:block; margin:24px auto;} #information {background:#f7f9fb;} .product_section_blue {background:transparent;} .product_section_white {background:transparent;} /* Starter kit HD diagram */ .kit_diagram {align-items:center; background:#fff; border:1px solid #e6eaee; border-radius:14px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:20px 0 8px; padding:22px 16px 18px;} .kit_diagram_item {flex:1 1 120px; max-width:180px; text-align:center;} .kit_diagram_item img {border:none !important; border-radius:0 !important; display:block; height:130px; margin:0 auto 10px !important; object-fit:contain; width:auto; max-width:100%;} .kit_diagram_item span {color:#1f2933; display:block; font-size:13px; font-weight:700;} .kit_diagram_op {color:#1a92d0; flex:0 0 28px; font-size:26px; font-weight:700; line-height:1; text-align:center;} @media (max-width:700px) { .kit_diagram {gap:4px;} .kit_diagram_item {flex-basis:40%; max-width:46%;} .kit_diagram_item img {height:100px;} .kit_diagram_op {flex-basis:100%; font-size:20px; padding:2px 0;} } .product_body_description p:last-of-type, .product_body_beschreibung p:last-of-type {background:#f7f9fb; border-left:3px solid #1a92d0; border-radius:0 8px 8px 0; color:#5f6b74; font-size:13px; margin-top:8px; padding:12px 16px;} .product_body_features ul, .product_body_applications ul, .product_body_anwendungen ul {display:grid; gap:10px; grid-template-columns:1fr 1fr;} .product_body_features li, .product_body_applications li, .product_body_anwendungen li {background:#f7f9fb; background-image:none; border:1px solid #e8eaeb; border-radius:8px; color:#3c4751; line-height:1.45; list-style:none; padding:14px 16px 14px 42px; position:relative;} .product_body_features li:before, .product_body_applications li:before, .product_body_anwendungen li:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a92d0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l5 5L19 7'/%3E%3C/svg%3E") center/16px 16px no-repeat; border:none; border-radius:0; color:transparent; content:""; display:block; height:18px; left:14px; position:absolute; top:15px; width:18px;} .product_spec_grid {display:grid; gap:10px; grid-template-columns:1fr 1fr; list-style:none; margin:0; padding:0;} .product_spec_grid li {background:#f7f9fb; border:1px solid #e8eaeb; border-radius:8px; padding:14px 16px;} .product_spec_grid .spec_k {color:#1f2933; display:block; font-size:12px; font-weight:700; margin:0 0 4px;} .product_spec_grid .spec_v {color:#5f6b74; display:block; font-size:14px; line-height:1.45;} .product_body_technical a, .product_body_technischer a, #technical a {align-items:center; background:#f0f8fc; border:1px solid #c5e3f2; border-radius:8px; color:#1a92d0; display:inline-flex; font-weight:600; padding:12px 18px; text-decoration:none;} .product_body_technical a:hover, .product_body_technischer a:hover, #technical a:hover {background:#e4f3fb; border-color:#1a92d0; color:#1578ab; text-decoration:none;} #features li {background:none; padding:14px 16px 14px 42px;} #specifications li {background:none; padding:14px 16px;} #applications li {background:none; padding:14px 16px 14px 42px;} #recommended {box-sizing:border-box; margin:0 auto; max-width:1200px; padding:10px 20px 40px; width:100%;} #recommended h2 {color:#1f2933; font-size:22px; font-weight:700; padding:20px 0 16px; text-align:center;} #recommended_products_scroll {position:relative;} #recommended_products {box-sizing:border-box; height:auto; margin:0; overflow-x:auto; overflow-y:hidden; padding:10px 8px 24px; scrollbar-color:#c5ced6 transparent; scrollbar-width:thin; white-space:nowrap; width:100%;} #recommended_products::-webkit-scrollbar {background:transparent; height:5px;} #recommended_products::-webkit-scrollbar-thumb {background:#c5ced6; border-radius:2.5px;} #recommended_products .product_result {border:none; display:inline-flex; float:none; margin-right:12px; max-width:220px; vertical-align:top; white-space:normal; width:220px;} #recommended_products .product_result:last-child {border-right:none; margin-right:0;} .recommended_fade_left,.recommended_fade_right {bottom:0; opacity:0; pointer-events:none; position:absolute; top:0; transition:opacity 0.2s ease; width:72px; z-index:10;} .recommended_fade_left {background:linear-gradient(to right, #f4f6f8 15%, transparent); left:0;} .recommended_fade_right {background:linear-gradient(to left, #f4f6f8 15%, transparent); right:0;} .recommended_fade_left.is-visible,.recommended_fade_right.is-visible {opacity:1;} .recommended_arrow {align-items:center; background:rgba(255,255,255,0.92); border:1px solid #e6eaee; border-radius:50%; box-shadow:0 2px 10px rgba(0,0,0,0.08); color:#1f2933; cursor:pointer; display:none; font-size:28px; font-weight:400; height:40px; justify-content:center; line-height:1; padding:0 0 2px; position:absolute; top:42%; transform:translateY(-50%); transition:background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; width:40px; z-index:12;} .recommended_arrow:hover {background:#fff; box-shadow:0 4px 14px rgba(26,146,208,0.18);} .recommended_arrow_prev {left:6px;} .recommended_arrow_next {right:6px;} .recommended_arrow.is-visible {display:flex;} #viewed_products {height:auto; margin:0 auto; overflow-x:auto; overflow-y:hidden; padding:10px 0 30px; white-space:nowrap; width:1000px;} #viewed_products .product_result {display:inline-flex; float:none; margin-right:12px; max-width:220px; vertical-align:top; white-space:normal; width:220px;} #prod_related_cont h2 {color:#64ac43; font-size:24px; font-weight:bold; padding:20px; text-align:center;} #product_resp {display:none;} /* for responsive */ /* NEW SENSORS DESIGN */ #product_categories_boxes_cont {} #product_categories_boxes_cont h3 {color:#1a92d0; font-size:16px; font-weight:bold; padding-bottom:10px;} #product_categories_boxes {} #product_categories_boxes li {border-radius:5px; float:left; margin-right:10px; text-align:center; width:100px;} .product_category_current {border:2px solid #1a92d0; padding:19px 9px;} .product_category_not {border:1px solid #1a92d0; padding:20px 10px;} /* legacy select styles unused — cards used on PDP */ #product_categories_list {display:none;} #sensors_options h4 {font-size:18px; font-weight:bold; padding:15px 0;} #sensors_options li {border:1px solid #8f989e; border-radius:3px; color:#80898e; cursor:pointer; float:left; font-size:14px; height:55px; line-height:16px; margin:0 20px 10px; padding:5px; text-align:center; width:70px;} #sensors_options li:hover {border-color:#1a92d0; color:#1a92d0;} .sensors_options_current {border:2px solid #1a92d0 !important; color:#1a92d0 !important; padding:4px !important;} #product_formats_list {} .sensors_format_list {background-repeat:no-repeat; background-position:center top; background-size:30px 30px; border:1px solid #8f989e; border-radius:3px; color:#80898e; cursor:pointer; float:left; font-size:14px; height:20px; margin-right:20px; padding-top:35px; text-align:center; width:80px;} .sensors_format_list:hover {border-color:#1a92d0; color:#1a92d0;} .sensors_format_current {background-color:#1a92d0; background-size:30px 30px; color:#fff !important; border:1px solid #1a92d0 !important;} #products_formats_info {color:#009fff; font-weight:bold; padding-top:15px; text-align:center;} #products_formats_info span {background:url(../images/question-mark.png) no-repeat; background-size:15px 15px; cursor:pointer; display:inline-block; height:15px; line-height:15px; padding:0 25px; text-decoration:underline;} #products_formats_info span:hover {text-decoration:none;} #sensor_form {display:none;} #sensors_format_coin-cell {background-image:url(../images/cats/grey60/cell.png);} #sensors_format_aa {background-image:url(../images/cats/grey60/aa.png);} #sensors_format_wi-fi {background-image:url(../images/cats/grey60/wifi.png);} #sensors_format_industrial {background-image:url(../images/cats/grey60/industrial.png);} #sensors_format_coin-cell.sensors_format_current {background-image:url(../images/cats/white60/cell.png);} #sensors_format_aa.sensors_format_current {background-image:url(../images/cats/white60/aa.png);} #sensors_format_wi-fi.sensors_format_current {background-image:url(../images/cats/white60/wifi.png);} #sensors_format_industrial.sensors_format_current {background-image:url(../images/cats/white60/industrial.png);} /****************** ALTA ******************/ #alta_filters_cont {background:#f7f7f7; padding:30px 0;} #alta_show_all {color:#1a92d0; font-weight:bold; font-size:14px; padding-left:30px; text-decoration:underline;} #alta_filters {margin:0px auto 0 auto; padding:10px 0; position:relative; width:980px;} #alta_filters h3 {font-weight:bold; padding:5px 10px;} /* sub cats */ #alta_filters .filt_link a {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#79848b; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} #alta_filters .alta_cat_current a {border:2px solid #1a92d0; padding:9px;} #alta_filters .no_results span {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#dee3e6; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} /****************** VIEWED PRODUCTS ******************/ /* viewed button */ #viewed_cont h2 {font-size:20px; font-weight:bold; padding:20px 0; text-align:center;} #show_viewed_products {border:2px solid #1a92d0; border-radius:5px; color:#1a92d0; cursor:pointer; font-size:18px; margin:20px auto 10px auto; padding:15px 0; text-align:center; width:300px;} /* viewed products container */ #viewed_products_cont {background:#f7f7f7;} #viewed_products {padding-bottom:20px;} /****************** ABOUT ******************/ #about_who {margin:0 auto; width:1000px;} #about_who_text {float:left; height:400px; width:500px;} #about_who_text h1 {font-family:'Inter',sans-serif; font-size:26px; padding:50px; text-align:center;} #about_who_text p {line-height:18px; padding:20px;} #about_who_image {background:url(../images/about-who.jpg) no-repeat; float:left; height:400px; width:500px;} #about_monnit {margin:0 auto; width:1000px;} #about_monnit_text {float:left; height:400px; width:500px;} #about_monnit_text h1 {font-family:'Inter',sans-serif; font-size:26px; padding:50px; text-align:center;} #about_monnit_text p {line-height:18px; padding:20px;} #about_monnit_image {background:url(../images/about-monnit.png) no-repeat center center; float:left; height:400px; width:500px;} /****************** APPLICATIONS ******************/ #main_apps h1 {color:#1a92d0; font-size:30px; line-height:40px; padding:30px; text-align:center; } #apps_cont {margin:0 auto; width:1000px;} #main_apps {margin:0 auto; width:1000px;} #apps_nav {background:#fafafa; border-radius:3px; float:left; padding:10px 0; width:200px;} #apps_nav h3 {color:#1a92d0; font-size:16px; padding:10px; text-align:center;} #apps_nav li a {display:block; padding:10px;} .apps_col {float:left; width:800px;} .apps_col li {box-shadow:0px 0px 5px #cdcdcd; cursor:pointer; float:left; height:250px; margin:34px; width:330px;} .apps_bg {background-repeat:no-repeat; background-size:cover; height:100px;} .apps_col li:hover {box-shadow:0px 0px 5px #949494;} .apps_col li h3 {font-size:18px; font-weight:bold; line-height:18px; padding:10px; text-align:center;} .apps_col li a:hover {text-decoration:underline;} .apps_col li p {font-size:12px; padding:10px;} .apps_nav_all {font-weight:bold;} .current_app {color:#1a92d0;} /* apps page */ #apps_more a {background:url(../images/apps-arrow.png) no-repeat 10px 13px; background-size:20px 10px; color:#000; display:inline-block; font-size:14px; padding:10px 10px 10px 35px;} #apps_intro_bg {background-repeat:no-repeat; background-size:cover; float:left; height:400px; width:500px;} #apps_content {background:#1a92d0; color:#fff; float:left; height:360px; padding:20px 50px 20px 50px; width:400px;} #apps_content h1 {color:#ffac18; font-size:24px; line-height:30px; padding:50px 0; text-align:center;} #apps_content p {font-size:16px; line-height:24px;} #apps_start_kit {margin:0 auto; padding-bottom:50px; width:800px;} #apps_start_kit h2 {color:#1a92d0; font-weight:bold; font-size:22px; padding:50px 0; text-align:center;} #apps_start_gateway_cont {float:left; width:250px;} #apps_start_gateway {height:120px; padding-top:10px; text-align:center;} #apps_start_gateway_desc {line-height:20px; padding-top:10px; text-align:center;} #apps_start_sensors_cont {float:left; width:250px;} #apps_start_sensors {height:120px; padding-top:10px; text-align:center;} #apps_start_sensors_desc {line-height:20px; padding-top:10px;} #apps_start_sensors_quantity {color:#ec9801; float:left; font-size:22px; font-weight:bold; padding-top:5px; width:50px;} #apps_start_sensors_name {float:left; width:200px;} #apps_start_software {height:120px; padding-top:10px; text-align:center;} #apps_start_software_cont {float:left; width:250px;} #apps_start_software_desc {line-height:20px; padding-top:10px; text-align:center;} #app_starter_add {padding-top:40px; text-align:center;} #app_starter_add a {background:#ec9801; border-radius:5px; color:#fff; display:inline-block; font-size:18px; padding:15px 40px;} #apps_other {background:#64ac43; color:#fff; padding:50px 20px;} #apps_other h3 {font-size:22px; font-weight:bold; padding:20px 0 40px; text-align:center;} #apps_other li {padding-bottom:20px;} #apps_other li a {font-weight:bold; text-decoration:underline;} #apps_other li a:hover {text-decoration:none;} #app_intro {font-size:18px; line-height:30px;} #app_solutions h3 {color:#1a92d0; font-size:26px; padding:20px 0;} #app_solutions li {background:url(../images/blue-tick.png) no-repeat 0px 9px; font-size:16px; padding:10px 0 10px 30px;} #apps_contact {text-align:center; padding-top:40px;} #apps_contact a {background:#ec9801; color:#fff; display:inline-block; font-size:20px; padding:10px 30px;} /****************** VIDEOS ******************/ #video_cont {padding-bottom:50px;} #video_nav {margin:0 auto; padding-top:50px; width:1000px} #video_nav li {float:left; width:250px;} #video_nav li a {border:1px solid #5a5a5a; border-radius:2px; display:block; font-size:18px; font-weight:bold; margin:0 auto; padding:10px 20px; text-align:center; width:150px;} .video_nav {color:#5a5a5a;} .video_nav_current {background:#5a5a5a; color:#fff;} #video {margin:0 auto; padding-top:50px; width:1000px;} #video h1 {color:#1a92d0; font-size:30px; padding-bottom:40px; text-align:center;} #video h2 {font-size:24px; padding:20px 0 40px 0; text-align:center;} .video_home_box {border:1px solid #1a92d0; border-radius:2px; margin:0 auto 40px auto; padding:20px; width:600px;} .video_home_box h2 {color:#1a92d0; font-size:24px; padding-bottom:20px; text-align:center;} .video_home_box p {line-height:20px; padding-bottom:20px;} .video_home_more {padding:10px; text-align:center;} .video_home_more a {border:1px solid #1a92d0; color:#1a92d0; display:inline-block; font-weight:bold; padding:10px 20px;} .video_cont {float:left; padding-bottom:40px; text-align:center; width:500px;} .video_cont h3 {height:40px;} .video_cont h3 a {text-decoration:underline;} .video_cont iframe {border:3px solid #64ac43;} /****************** BLOG ******************/ #blog_cont {margin:0 auto; width:1000px;} #blog_content {float:left; width:800px;} /* category results */ #blog_results {padding:50px;} #blog_cat_head {font-size:30px; text-align:center; padding-top:30px;} #blog_results li {width:700px;} .blog_cat_image {float:left; padding:20px; width:140px;} .blog_cat_text {float:left; padding:20px; width:480px;} .blog_cat_text h3 {color:#1a92d0; font-size:16px; font-weight:bold; line-height:20px; padding-bottom:10px;} .blog_cat_text h3:hover {text-decoration:underline;} .blog_cat_text p {line-height:20px;} .blog_cat_text p a {color:#1a92d0; text-decoration:underline;} .blog_cat_text p a:hover {text-decoration:none;} .blog_current {font-weight:bold !important;} /* blog post */ #blog_post {padding:50px 20px;} #blog_image {padding:20px; text-align:center;} #blog_post h1 {font-size:30px; line-height:40px; padding:20px; text-align:center;} #blog_post h2 {font-size:25px; padding:20px; text-align:center;} #blog_body p {line-height:22px;} #blog_body a {color:#1a92d0; font-weight:bold; text-decoration:underline;} #blog_body a:hover {text-decoration:none;} /* nav */ #blog_nav {float:right; padding-top:20px; width:200px;} #blog_nav h3 {color:#00adff; font-size:16px; font-weight:bold; padding:15px 10px;} #blog_nav li a {color:#4d5052; display:inline-block; font-size:14px; font-weight:300; padding:5px 10px;} #blog_nav li a:hover {color:#000; text-decoration:underline;} /****************** PAYMENT PAGE ******************/ /* EMPTY CART */ #empty_cart {margin:0 auto; padding:100px 0; width:1000px;} #empty_cart h2 {color:#1a92d0; font-size:24px; font-weight:bold; padding:20px; text-align:center;} #empty_cart p {padding:10px 200px 30px 200px;} /* HEADER */ #payment_cont {background:#fbfbfb; min-height:calc(100vh - 60px); min-height:calc(100dvh - 60px);} .checkout_test_banner {background:#fff8e6; border:1px solid #f0c040; border-radius:8px; color:#5c4a00; font-size:14px; line-height:1.5; margin:0 auto 16px; max-width:980px; padding:12px 16px;} .checkout_test_banner_success {margin:16px auto 0; max-width:1200px;} .checkout_test_order_id {color:#5c4a00; font-size:14px; margin-top:12px;} #payment_header_cont {background:#fff; border-bottom:1px solid #e0e0e0; height:60px;} #payment_header_width {width:57%;} #payment_header {float:right; position:relative; width:540px;} #payment_logo {padding-top:22px; text-align:center;} #payment_logo a {display:inline-block; line-height:0;} #payment_logo img {display:block; height:16px; width:auto;} /* CART AREA */ #cart_area {background:#f5f5f5; box-sizing:border-box; float:right; min-height:calc(100vh - 60px); min-height:calc(100dvh - 60px); padding-left:30px; width:43%;} #cart_cont {padding:50px 0; width:420px;} #cart_cont h2 {color:#1a92d0; font-size:18px; font-weight:100; padding:10px 0;} #resp_cart_items {background:#f5f5f5; display:none;} #cart_items {border-radius:10px;} .payment_cart_item {border-radius:5px; margin:0 auto; min-height:75px; overflow:visible; padding:10px; width:380px;} .payment_cart_item_img {background:#fff; border-radius:10px; float:left; position:relative; width:75px;} .payment_cart_item_img img {border-radius:10px; display:block; height:75px; max-height:75px; max-width:75px; object-fit:cover; width:75px;} .payment_cart_item_quant {background:#717171; border-radius:50%; color:#fff; font-size:12px; height:22px; line-height:22px; opacity:0.6; position:absolute; right:0; text-align:center; top:-5px; width:22px; z-index:1;} .payment_cart_item_name_price {float:left; padding-left:5px; width:300px;} .payment_cart_item_name {height:45px;} .payment_cart_item_name h4 {color:#000; font-weight:600;} .payment_cart_item_quant_price {font-size:14px; text-align:right;} .cart_item {padding:20px 0;} .cart_item_info {float:left; padding:0 10px; width:325px;} .remove_cart_item {background:url(../images/trash.svg) no-repeat center center; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; float:right; font-size:10px; font-weight:bold; height:20px; line-height:20px; text-align:center; width:20px;} .remove_cart_item span:hover {background:#8b8b8b;} .cart_item_image {float:left; height:75px; width:75px;} .cart_item_desc {font-size:14px; font-weight:bold; padding-bottom:5px;} .cart_item_desc a:hover {text-decoration:underline;} .cart_item_price_cont {padding-top:5px;} .cart_item_price_money {float:left; font-weight:300; line-height:32px; width:100px;} .cart_item_quantity {float:left; height:32px;} .cart_item_quantity span {display:inline-block; padding:5px 5px 0 0;} .cart_item_quantity input {border:1px solid #e2e2e2; border-radius:3px; display:inline-block; font-size:12px; padding:3px; text-align:center; width:25px;} .cart_item_total {float:right; font-size:14px; line-height:32px;} #payment_cart_totals {padding:30px 10px 10px 10px;} .cart_totals {float:left; font-weight:300; padding-top:10px;} .cart_costs {color:#666666; display:inline-block; float:right; font-weight:300; padding-top:10px; text-align:right;} #cart_grand_totals_cont {border-top:1px solid #000; margin-top:10px;} #cart_grand_total_text {color:#000; font-size:16px; font-weight:normal !important;} #grand_total_cont {color:#000; display:inline-block; font-size:16px; font-weight:normal !important;} #saving_amount {color:#1a92d0; font-weight:bold;} #payment_coupon_cont {padding:20px 10px;} #payment_coupon_apply {color:#1a92d0; cursor:pointer; display:inline-block; font-size:12px;} #payment_coupon_form_cont {display:none;} #payment_coupon_form {border:1px solid #e1e1e1; border-right:none; height:25px; line-height:25px; outline:none; padding:5px; width:200px;} #payment_coupon_btn {background:#1a92d0; border:none; color:#fff; cursor:pointer; height:35px; padding:0 10px;} #payment_coupon_error {color:#d30005; font-size:12px; padding:5px;} #cart_cont_numbers {padding:10px 20px; height:120px; width:380px;} #uk_free_shipping {color:#64ac43; float:right; font-size:16px; font-weight:bold; margin-right:20px;} /* PAYMENT FORM */ #payment_form_cont {border-right:1px solid #e0e0e0; box-sizing:border-box; float:left; min-height:calc(100vh - 60px); min-height:calc(100dvh - 60px); padding-right:30px; padding-top:25px; width:57%;} #payment_form {float:right; padding-top:20px; width:540px;} #pay_error_msg {color:#d30005; margin:0 auto; padding:10px 5px; text-align:center;} /* customer login */ #returning_cust_cont {font-weight:bold; padding:20px 0 0 10px;} #payment_login_tabs {margin:5px auto 0 auto;} #returning_customer,#new_customer {padding:10px;} .email_form_cont {float:left; width:50%;} .customer_fields {border:1px solid #74bde0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; margin:1px; padding:12px; width:220px;} .customer_fields:hover,.customer_fields:focus {border:2px solid #1a92d0; margin:0;} #payment_login_cont {padding-bottom:10px;} #payment_login_button {background:#1a92d0; border:1px solid #0683bf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #56c6fb inset; cursor:pointer; color:#fff; display:inline-block; font-size:14px; padding:5px 30px; text-shadow:0px 0px 1px #053952;} #payment_login_button:hover {background:#35a1d5;} #payment_forgotten {font-size:10px; text-decoration:underline; margin-left:25px;} #payment_forgotten:hover {text-decoration:none;} #phone_required {font-size:12px; font-style:italic; top:-10px; padding-left:270px; position:relative;} #already_login {cursor:pointer; text-decoration:underline;} .error_field {border-color:#d30005 !important; border-width:2px !important; margin:0 !important;} .payment_error {color:#d30005; font-size:12px; padding-top:5px;} .payment_error_check {color:#d30005; display:none; font-size:12px; padding-top:5px;} .payment_error_border {border:1px solid #d30005 !important;} #checkout_contact_head,#checkout_shipping_head,#checkout_billing_head {color:#000; font-size:18px; font-weight:100; padding:10px 0 10px 10px;} .new_address_fields {border-radius:10px; padding:5px 0 10px;} .payment_cont {box-sizing:border-box; float:left; position:relative; width:50%;} .payment_cont_full {box-sizing:border-box; position:relative; width:100%;} .payment_field_left {padding:10px 5px 5px 10px;} .payment_field_right {padding:10px 10px 5px 5px;} .payment_field_full {padding:10px 10px 5px 10px;} .payment_label {display:inline-block; pointer-events:none; position:absolute; transition:all 0.2s ease;} .payment_label_value {color:#9b9b9b; font-size:12px; top:15px;} .payment_label_no_value {color:#000; font-size:14px; top:25px;} .payment_field_left .payment_label {left:20px;} .payment_field_right .payment_label {left:15px;} .payment_field_full .payment_label {left:20px;} .payment_field {background-color:#fff !important; border:1px solid #e1e1e1; border-radius:3px; box-sizing:border-box; color:#000; font-size:14px; height:48px; outline:none; padding:24px 10px 10px 10px; width:100%;} #shipping_address_label,#billing_address_label {background-image:url(../images/search-address.png); background-position:right 5px center; background-repeat:no-repeat; background-size:25px 25px;} .payment_field:focus {background-position:right 4px center !important; border:2px solid #000; padding:24px 11px 10px 9px;} .custom_select {background:url(../images/select-arrow.png) #fff no-repeat; background-position:right 10px center; background-size:12px 12px; border:1px solid #e1e1e1; border-radius:3px; box-sizing:border-box; margin:1px; overflow:hidden; position:relative; width:100%;} .payment_label_select {color:#9b9b9b; display:inline-block; font-size:12px; left:10px; position:absolute; top:5px;} .payment_field_select {background:transparent !important; background-image:none; border:none; box-shadow:none; color:#000; display:inline-block; font-size:14px; height:45px; padding:19px 15px 5px 10px; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .payment_field_select:focus {border:none !important; outline:none !important;} .payment_field_country {background:#fff; border:1px solid #e1e1e1; border-radius:3px; box-sizing:border-box; height:48px; position:relative; width:100%;} .payment_form_country_label {color:#9b9b9b; display:inline-block; font-size:12px; left:10px; position:absolute; top:5px;} .payment_form_country_value {background:transparent; border:none; box-sizing:border-box; color:#000; font-size:14px; height:48px; padding:19px 10px 5px 10px; width:100%;} .payment_form_cont {float:left; margin:15px 0; position:relative; width:259px;} .hide_label {color:#929292; display:none; font-size:12px; margin:10px 0 0 12px; position:absolute;} .show_label {color:#929292; font-size:12px; margin:5px 0 0 12px; position:absolute;} .empty_field {padding:12px;} .entered_field {padding:20px 12px 5px 12px;} #billing_different_cont {padding:16px 10px 8px;} #billing_different_cont label {color:#000; cursor:pointer; font-size:14px;} #billing_different {margin-right:8px; vertical-align:middle;} #checkout_address_billing {display:none;} .change_address {color:#1b77a7; font-size:18px; font-weight:100; padding:16px 20px 0 0; text-align:right;} /* comments */ #comments_container {font-size:12px; padding:10px 0 20px 10px;} #comments_container textarea {width:480px;} /* check out credit card */ #checkout_creditcard {background:#fafdfe; margin:10px; text-align:left; width:502px;} #checkout_creditcard h3 {background:#1a92d0 url(../images/cclogos.png) no-repeat 330px 8px; border-bottom:1px solid #add3e7; border-radius:5px 5px 0px 0px; color:#fff; font-size:18px; font-weight:bold; padding:15px;} #checkout_credit_cont {border:1px solid #add3e7; border-top:none; border-radius:0px 0px 5px 5px;} #checkout_credit_info {padding:10px 0 10px 90px;} .checkout_form_cont {padding:5px 0 5px 10px;} #card_name {width:300px;} #creditcard_number {background:url(../images/cc_num_bg.png) 300px 15px no-repeat; width:300px;} #card_expiry_text {font-weight:100; padding:5px 10px;} #creditcard_expiry_cont {float:left; width:140px;} #creditcard_expiry {width:120px;} #cvv_cont {float:left; padding-left:20px; position:relative; width:140px;} #creditcard_security {width:140px;} #security_code {background:url(../images/qmark.png) no-repeat; cursor:pointer; height:15px; margin:-32px 0 0 140px; position:absolute; text-align:center; width:15px;} #security_code span:hover {border-bottom:1px solid; } #cv2_image {display:none; margin-left:120px; margin-top:-180px; position:absolute;} #cv2_image img {border:2px solid #1a92d0;} /* order button */ #checkout_error {color:#d30005; display:none; text-align:center;} #checkout_order {padding:40px 0; text-align:center;} #checkout_button {background:#1a92d0; border:2px solid #1a92d0; border-radius:30px; box-sizing:border-box; color:#fff; cursor:pointer; display:block; font-size:20px; margin-left:11px; padding:10px 30px; width:522px;} #checkout_button.home_shop_now {background:#1a92d0; color:#fff;} #checkout_button.home_shop_now_clicked {background:#fff url(../images/prod-loader.gif) no-repeat center center; background-size:40px 40px; color:#1a92d0;} #checkout_guarantee {background:url(../images/green-guarantee.png) 120px 0 no-repeat; background-size:16px 20px; color:#0fb259; font-weight:bold; padding:1px 0 20px; text-align:center;} #payment_reassurance {padding:20px 25px;} #reassurance_cont {float:left; padding:0px 15px;} #reassurance_server {float:left; font-size:10px; line-height:14px; margin-top:3px;} #reassurance_paypal {float:left; margin:1px 0 0 15px;} #reassurance_paypal img {} #reassurance_trustwave {float:left; margin:5px 10px 0 10px;} #reassurance_godaddy {float:left; margin-top:3px;} #payment_disclaimer {font-size:12px; line-height:15px; padding:10px 0px 10px 0px; width:500px;} #processing_payment {background:url(../images/payment-opacity.png) #fff; color:#1a92d0; display:none; height:100%; left:0px; top:0px; position:fixed; width:100%; z-index:20;} #processing_payment p {background:url(../images/prod-loader.gif) no-repeat center center; background-size:50px 50px; height:100px; text-align:center;} /****************** CUSTOMER LOGIN ******************/ #register_wrapper,#forgotten_password {color:#f6f6f6; margin:0 auto; padding:50px; width:900px;} #login_wrapper {margin:0 auto; padding:30px; width:900px;} #login_errors {background:#f5f9ff url(../images/payment_error.png) no-repeat 10px 10px; border:3px solid #1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#002351; font-size:16px; margin:10px 90px; padding:10px 20px 10px 40px;} #login_errors li {padding-bottom:5px; text-align:left;} .login_box {background:#f8f8f8; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; height:250px; padding:40px; width:310px;} .login_box h2 {font-size:30px; font-weight:100; padding-bottom:20px; text-align:center;} #login_new_customer {margin-right:50px;} /* guest login */ #login_guest {margin-top:50px; padding:10px;} #login_guest h3 {font-size:20px; font-weight:bold; margin-bottom:5px; text-decoration:underline;} #login_guest p {font-size:16px;} /* returning customer */ #login_email,#login_password,#fake_login_password {border:1px solid #fff; display:block; padding:5px; font-size:18px; margin:20px; width:260px;} #login_button {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; display:block; font-size:20px; font-weight:bold; margin-left:20px; margin-top:30px; padding:5px 10px; text-align:center; width:270px;} #forgotten_password_login {font-size:16px; text-align:center; text-decoration:underline; margin-left:20px; margin-top:20px;} /************ SIGN UP *************/ /* close register popup */ #close_register_popup { margin-left:590px; margin-top:-30px; } #signup_popup { background:#fff; /*background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#fff)) no-repeat; background:-webkit-linear-gradient(#f7f7f7, #fff) no-repeat; background:-moz-linear-gradient(#f7f7f7, #fff) no-repeat; background:-ms-linear-gradient(#f7f7f7, #fff) no-repeat; background:-o-linear-gradient(#f7f7f7, #fff) no-repeat; background:linear-gradient(#f7f7f7, #fff) no-repeat;*/ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #434343 inset; -webkit-box-shadow:0px 0px 5px #434343 inset; box-shadow:0px 0px 5px #434343 inset; color:#5a5a5a; display:none; padding:10px; position:fixed; left:50%; top:5%; z-index:100; } #signup_popup h2 { color:#3463a0; font-size:30px; margin:10px 0; text-align:center; } #signup_popup input[type="text"],#signup_popup input[type="password"] ,#signup_popup select { border:3px solid #f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; font-size:18px; padding:5px; margin:10px 20px; width:250px; } #signup_button { background:#f4af40; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:24px; font-weight:bold; margin:10px 20px; padding:5px 20px; } #signup_button:hover {background:#ffc25f;} /****************** FORGOTTEN PASSWORD ******************/ #forgotten_password {color:#5a5a5a;} #forgotten_password h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin-bottom:10px;} #forgotten_password p {margin-bottom:50px;} #forgotten_password_form {text-align:center;} #forgotten_password_form label {font-size:18px; font-weight:bold;} #forgotten_password_form input[type="text"] {border:2px solid #a5a5a5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 0px 5px #d7e1ef; -webkit-box-shadow:0px 0px 5px #d7e1ef; box-shadow:0px 0px 5px #d7e1ef; font-size:18px; margin:10px; padding:5px; width:300px; } #forgotten_password_form input[type="submit"] {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:20px 0px 0px 10px; padding:10px 20px; } #forgotten_password_form input[type="submit"]:hover {background:#ee9d1a;} /****************** CUSTOMER ACCOUNT ******************/ #account_wrapper {margin:0 auto; width:1000px;} #account_content {float:left; padding:20px 10px; width:740px;} #account_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin-bottom:10px;} #account_errors {background:#1a92d0 url(../images/error.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #77aaed inset; -webkit-box-shadow:0px 0px 10px #77aaed inset; box-shadow:0px 0px 10px #77aaed inset; color:#fff; font-size:16px; margin:0px auto 20px auto; padding:10px 20px 10px 40px; width:250px;} #account_errors li {padding-bottom:5px;} /* account navigation */ #account_nav {border:1px solid #1a92d0; border-radius:5px; float:left; margin-top:20px; padding:20px 0; width:230px;} #account_nav li a {display:block; font-size:16px; padding:10px;} .account_nav_other:hover {color:#64ac43;} .account_nav_current {color:#64ac43;} /* edit account */ #edit_account_form {margin-top:40px;} #edit_account_form div {margin-bottom:40px;} #edit_account_form label {display:inline-block; font-size:16px; padding:5px 10px; text-align:right; width:120px;} #edit_account_form input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; padding:5px; width:200px;} #edit_account_form input[type="text"]:hover,#edit_account_form input[type="text"]:focus {border:2px solid #1a92d0;} #edit_account_button {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin-bottom:20px; margin-left:140px; padding:10px 20px;} #edit_account_button:hover {background:#3a78c8;} /* account addresses */ #account_addresses {margin-bottom:50px;} #account_addresses h2 {color:#1a92d0; font-size:20px; margin:20px;} #add_new_address {font-size:16px; font-weight:bold; margin-left:400px;} #add_new_address:hover {text-decoration:underline;} #account_addresses label {display:block; margin-left:17px; margin-top:5px;} #account_addresses input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px;} #account_addresses input[type="text"]:hover,#account_addresses input[type="text"]:focus {border:2px solid #1a92d0;} #account_addresses select {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px !important;} #account_addresses select:hover,#account_addresses select:focus {border:2px solid #1a92d0;} #account_addresses h3 {color:#1a92d0; font-size:18px; margin:10px; margin-left:15px;} #account_addresses h3 a {color:#000; font-size:14px; margin-left:10px; text-decoration:underline;} #account_addresses h3 a:hover {text-decoration:none;} .left { float:left; } .right { float:right; } .address_tip {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; margin-left:20px; padding:10px; position:absolute;} #address_notification {background:#112743; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#fff; margin:10px auto; padding:10px; text-align:center; width:350px;} /* add address */ #add_address_button {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:10px 0px 0px 20px; padding:5px 10px;} #add_address_button:hover {background:#ee9d1a;} /* change password */ #account_passwords div {margin-top:20px;} #account_passwords label {display:inline-block; font-size:18px; text-align:right; width:250px;} #account_passwords input[type="password"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px; } #account_passwords input[type="password"]:hover,#account_passwords input[type="password"]:focus {border:2px solid #1a92d0;} #account_passwords input[type="submit"] {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:30px 0px 60px 260px; padding:10px 20px;} #account_passwords input[type="submit"]:hover {background:#3a78c8;} #account_notification {background:#1a92d0 url(../images/tick.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #77aaed inset; -webkit-box-shadow:0px 0px 10px #77aaed inset; box-shadow:0px 0px 10px #77aaed inset; color:#fff; font-size:16px; margin:0px auto 20px auto; padding:10px 20px 10px 40px; width:300px;} /* order history */ .previous_order {margin-top:50px;} .order_products {font-size:16px; padding:10px;} .previous_product_order:nth-child(odd) {background:#f6faff;} .order_details {background:#e7f6ff; border-radius:5px; font-size:18px; padding:10px;} .order_details_info {float:left;} .order_details_info span {color:#1a92d0; font-weight:bold; margin:10px;} .previous_heading {font-weight:bold;} .previous_product_heading,.previous_price_heading,.previous_quantity_heading,.previous_total_heading, .previous_order_product,.previous_order_price,.previous_order_quantity,.previous_order_total {float:left; padding:15px 0;} .previous_product_heading,.previous_order_product {width:280px;} .previous_price_heading,.previous_order_price {width:100px;} .previous_quantity_heading,.previous_order_quantity {width:100px;} .previous_total_heading,.previous_order_total {width:100px;} .previous_order_model {font-size:12px;} .previous_view_order {background:#1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; font-size:16px; margin:15px 10px 5px 10px; padding:5px 10px;} .previous_view_order:hover {background:#1d4578;} .previous_add_product,.previous_add_order {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:16px; margin-top:10px; padding:5px 10px;} .previous_add_product:hover,.previous_add_order:hover {background:#ee9d1a;} .previous_add_order {float:right; margin-right:20px; margin-top:15px;} /* Order history information */ #order_info {padding:10px;} #order_info_date {font-size:16px; margin-left:20px;} #order_info_date span {color:#1a92d0;} #order_info_shipping {float:left; padding:10px; width:190px;} #order_info_shipping h3 {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px 0 20px 0;} #order_info_products {float:left; padding:10px; width:480px;} #product_order_heading {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} .product_order_info {padding:10px;} .product_order_info:nth-child(odd) {background:#e7f1ff;} .order_info_product,.order_info_price,.order_info_qty,.order_info_total {float:left;} .order_info_product {width:250px;} .order_info_price {width:60px;} .order_info_qty {text-align:center; width:70px;} #order_billing_info h2 {background:#e5f0ff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#1a92d0; -moz-box-shadow:0px 0px 5px #b9d1f1 inset; -webkit-box-shadow:0px 0px 5px #b9d1f1 inset; box-shadow:0px 0px 5px #b9d1f1 inset; font-size:18px; font-weight:bold; padding:10px 20px; margin-bottom:10px;} #order_info_billing {float:left; padding:10px; width:190px;} #order_billing_info h3 {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} #order_info_billing h3 {margin-bottom:10px;} #order_billing_info p {padding-left:10px;} #order_info_totals {float:left; padding:10px; width:480px;} .billing_info_totals {padding:10px;} .billing_info_totals:nth-child(odd) {background:#e7f1ff;} .billing_info_totals span {display:inline-block; width:350px;} #payment_method {margin-bottom:20px;} #order_status_history h2 {background:#e5f0ff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#1a92d0; -moz-box-shadow:0px 0px 5px #b9d1f1 inset; -webkit-box-shadow:0px 0px 5px #b9d1f1 inset; box-shadow:0px 0px 5px #b9d1f1 inset; font-size:18px; font-weight:bold; padding:10px 20px; margin-bottom:10px;} #product_status_heading {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} .product_status_info {padding:10px;} .product_status_info:nth-child(odd) {background:#e7f1ff;} .status_info_date,.status_info_status,.status_info_comments {float:left;} .status_info_date {width:150px;} .status_info_status {width:120px;} .status_info_comments {width:400px;} /****************** REGISTER ******************/ #register_form {background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#fff)) no-repeat; background:-webkit-linear-gradient(#f7f7f7, #fff) no-repeat; background:-moz-linear-gradient(#f7f7f7, #fff) no-repeat; background:-ms-linear-gradient(#f7f7f7, #fff) no-repeat; background:-o-linear-gradient(#f7f7f7, #fff) no-repeat; background:linear-gradient(#f7f7f7, #fff) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #434343 inset; -webkit-box-shadow:0px 0px 5px #434343 inset; box-shadow:0px 0px 5px #434343 inset; color:#5a5a5a; margin-left:90px; padding:50px; width:640px;} #register_form h2 {font-size:30px; margin-bottom:10px; margin-left:20px;} #register_form input[type="text"],#register_form input[type="password"] ,#register_form select {border:3px solid #f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; font-size:18px; padding:5px; margin:20px 20px; width:250px;} #register_button {background:#64ac43; border:none; color:#fff; cursor:pointer; font-size:30px; font-weight:bold; margin-left:20px; padding:10px 20px;} /****************** PAGES ******************/ #pages_wrapper {background:#fff; -moz-box-shadow:0px 4px 5px #909090; -webkit-box-shadow:0px 4px 5px #909090; box-shadow:0px 4px 5px #909090; margin:0 auto; width:1000px;} /** pages nav **/ #pages_nav { background:#f4f8fd; -webkit-border-radius:0px 0px 5px 0px; -moz-border-radius:0px 0px 5px 0px; border-radius:0px 0px 5px 0px; -moz-box-shadow:3px 0px 5px #aaaaaa; -webkit-box-shadow:3px 0px 5px #aaaaaa; box-shadow:3px 0px 5px #aaaaaa; float:left; line-height:16px; padding:20px 0; position:relative; width:250px; z-index:10;} #page_nav_resp {display:none;} /* responsive */ #page_nav_resp_list {display:none;} /* responsive */ #pages_nav li a {display:block; font-size:16px;} .pages_nav_other {background:#eaf2fb; border:2px solid #e7e7e7; border-right:none; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; -moz-box-shadow:0px 0px 5px #fff inset; -webkit-box-shadow:0px 0px 5px #fff inset; box-shadow:0px 0px 5px #fff inset; color:#515151; font-size:16px; margin:5px 0px 5px 5px; padding:10px; width:223px;} .pages_nav_current {background:#fff; border:2px solid #e7e7e7; border-right:none; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; color:#64ac43; font-size:16px; font-weight:bold; margin:5px 0px 5px 5px; padding:10px; width:223px;} .pages_nav_other1 {background-color:#fafafa; background-image:url(../images/arrow_nav1.png); background-position:7px 13px; background-repeat:no-repeat; border-top:1px dashed #d2d2d2; font-size:15px; margin-left:10px; padding:10px 5px; padding-left:20px; width:215px;} .pages_nav_current1 {background:#fafafa url(../images/arrow_current_nav1.png) 7px 13px no-repeat; border-top:1px dashed #d2d2d2; color:#64ac43; font-size:15px; margin-left:10px; padding:10px 5px; padding-left:20px; width:215px;} /** pages content **/ #pages_content {float:left; padding:20px; width:710px;} #pages_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin:20px 0px;} #pages_content a {color:#1a92d0; text-decoration:underline;} #pages_content a:hover {text-decoration:none;} /** news **/ .latest_news {padding-bottom:30px;} .news_heading {padding-bottom:5px;} .news_title {float:left; font-size:20px;} .news_date {float:left; font-size:12px; padding-top:4px;} /****************** DOWNLOAD PAGES ******************/ #mcc_handbook {margin:0 auto; padding:40px 0; width:1000px;} #mcc_hand_image {float:left; width:350px;} #mcc_hand_text {float:left; padding:0 25px; width:600px;} #mcc_hand_text p {line-height:22px; padding-bottom:30px;} #mcc_hand_download {background:#64ac43; border-radius:5px; color:#fff; display:inline-block; font-size:24px; margin-top:10px; padding:10px 30px;} #mcc_hand_download:hover {background:#ffa429;} /****************** ORDER SUCCESS ******************/ #success_cont {background:#f7f7f7; border-bottom:1px solid #dddddd;} /* order info */ #order_success_cont {background:#fff; border-right:1px solid #dddddd; float:left; padding-right:2%; padding-top:50px; width:55%;} #order_success {float:right; width:540px;} #success_intro h1 {color:#1a92d0; font-size:30px; font-weight:bold; padding:20px 0;} #success_intro_text {background:url(../images/success-tick.png) no-repeat left center; padding:10px 0 10px 70px;} #success_intro_text {font-weight:100; margin-bottom:5px;} #success_intro_text span {color:#000; font-weight:normal;} #success_intro_text a {color:#1a92d0; font-weight:normal; text-decoration:underline;} #order_success h2 {color:#1a92d0; font-size:24px; font-weight:bold; padding:20px 0;} .success_shipping_address {float:left; width:50%;} .success_shipping_address h3 {color:#000; font-size:18px; font-weight:bold; padding:10px 5px;} .success_address {padding:5px;} #success_continue {float:left; padding:50px 0; width:50%;} #success_continue a {background:#1a92d0; border:1px solid #0683bf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #56c6fb inset; cursor:pointer; color:#fff; display:inline-block; font-size:18px; padding:10px 30px; text-shadow:0px 0px 1px #053952;} #success_continue a:hover {background:#35a1d5;} #success_contact {float:left; font-size:14px; line-height:18px; padding:50px 0; width:50%;} #success_contact p {background:url(../images/success-question.png) no-repeat 0px 5px; padding:9px 0 10px 40px;} #success_contact p a {color:#1a92d0; font-weight:normal; text-decoration:underline;} #success_contact p a:hover {text-decoration:none;} /* cart info */ #success_cart {float:right; width:42%;} #success_cart_cont {padding-top:50px;} #success_cart_cont h2 {color:#1a92d0; font-size:18px; font-weight:100; padding:10px;} #success_totals {font-size:16px; padding:10px;} #success_totals span {color:#1a92d0; display:inline-block; padding-right:50px; text-align:right; width:140px;} .success_totals {padding:5px 10px;} #success_grandtotal {font-weight:bold;} /****************** CONTACT FORM ******************/ /* contact form */ #contact_form_container {background:#f1f1f1; border:1px solid #e6e6e6; float:left; padding-right:5%; width:44%;} #contact_form {float:right; padding:50px 30px 50px 0;} #contact_form_container h2 {color:#1a92d0; font-size:26px; padding-bottom:20px; text-align:center;} #contact_message_cont {font-size:12px; padding-bottom:25px;} #contact_message {width:300px;} .contact_field_cont {padding-bottom:25px;} .contact_field {background-color:#fff !important; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; margin:1px; width:300px;} .contact_field:focus {border:2px solid #1a92d0 !important; margin:0;} #contact_form select {width:250px !important;} #contact_form textarea {font-size:14px !important; height:80px;} #contact_optin_cont {padding:0 0 15px 0;} #contact_optin_cont label {color:#1a92d0; font-weight:bold;} #contact_submit_cont {text-align:center;} #contact_submit {background:#1a92d0; border:none; border-radius:3px; color:#fff; cursor:pointer; display:block; font-size:22px; padding:5px 0; text-align:center; width:328px;} #contact_submit:hover {background:#35a1d5;} #contact_submit:active {box-shadow:0px 3px 3px #2d5588 inset; padding:6px 10px 4px 10px;} #processing_contact {display:none; padding-left:20px;} #contact_reply {padding-top:20px; text-align:center;} /* contact address */ #contact_address {float:right; padding:50px 0 50px 5%; width:45%;} #contact_addresss {padding:50px 30px 50px 50px;} #contact_address h2 {color:#1a92d0; font-size:26px; padding-bottom:20px;} #contact_address h3 {color:#64ac43; font-size:18px; padding:10px 0;} #contact_address p {color:#595b5e; font-size:16px; line-height:24px;} #contact_physical_address {background:url(../images/contact-address.png) no-repeat 5px 3px; padding-left:30px;} #contact_phone {background:url(../images/contact-phoneno.png) no-repeat 5px 3px; margin-top:30px; padding-left:30px;} #contact_fax {background:url(../images/contact-fax.png) no-repeat 5px 3px; margin-top:10px; padding-left:30px;} #contact_freephone {margin-top:20px;} #contact_freephone span {color:#64ac43; display:block; font-weight:bold;} #contact_freephone a {font-size:24px; font-weight:bold;} #contact_email_cont {padding-top:20px; width:250px;} #contact_email_link {background:#64ac43; border-radius:3px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; text-align:center; width:100%;} #contact_email_link:hover {background:#ffa429;} #contact_email_link:active {box-shadow:0px 3px 3px #a67526 inset; padding:11px 0 9px 0} #contact_disclaimer {font-size:12px; line-height:15px; padding-top:30px; width:350px;} /* errors */ #contact_errors {background:#64ac43 url(../images/error.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; font-size:16px; margin:20px auto 0 auto; padding:10px 20px 10px 40px; width:500px;} #contact_errors li {padding-bottom:5px;} .error_contact {border-color:#64ac43 !important;} /****************** CONTACT SUCCESS ******************/ #success_success {background:#1a92d0; color:#fff; padding:100px 20px; margin:0 auto 0 auto; text-align:center; } #success_success p {font-size:20px; line-height:30px; padding-bottom:20px;} /****************** PAGINATION ******************/ #pagination {margin-bottom:20px; font-size:24px;} .other_page, .next_page {float:left; border:1px solid #b3b3b3; color:#666666; padding:5px 10px; margin:10px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-text-shadow:1px 1px 1px #ffffff; -moz-text-shadow:1px 1px 1px #ffffff; text-shadow:1px 1px 1px #ffffff; background:#ffffff; background:#ffffff no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e6e6e6)) no-repeat; background:-webkit-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-moz-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-ms-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-o-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:linear-gradient(#ffffff, #e6e6e6) no-repeat;} #pagination a:active {background:#0c468c; background:#0c468c no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9dbce2), to(#9dbce2)) no-repeat; background:-webkit-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-moz-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-ms-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-o-linear-gradient(#0c468c, #9dbce2) no-repeat; background:linear-gradient(#0c468c, #9dbce2) no-repeat;} .other_page, .next_page {transition:background-color 0.2s ease, color 0.2s ease;} .other_page:hover, .next_page:hover {background:#1578ab; color:#fff;} .current_page {float:left; border:1px solid #0c468c; color:#ffffff; padding:5px 10px; margin:10px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#9dbce2; background:#9dbce2 no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9dbce2), to(#0c468c)) no-repeat; background:-webkit-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-moz-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-ms-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-o-linear-gradient(#9dbce2, #0c468c) no-repeat; background:linear-gradient(#9dbce2, #0c468c) no-repeat;} /****************** PRIVACY & LEGAL ******************/ #privacy_wrapper {margin:0 auto; padding:20px 5px 50px 35px; width:960px;} #privacy_wrapper h1 {color:#1a92d0; border-bottom:1px solid #5a5a5a; font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:10px;} #privacy_wrapper h2 {color:#1a92d0; font-size:20px; font-weight:bold; padding:10px 0;} #privacy_wrapper p {padding:10px 0;} #privacy_wrapper a {color:#1a92d0; text-decoration:underline;} #privacy_wrapper span {font-size:16px; font-weight:bold;} /****************** TESTIMONIALS ******************/ #testimonials {margin:0 auto; padding:20px 5px 50px 35px; width:960px;} #testimonials h1 {color:#1a92d0; border-bottom:1px solid #5a5a5a; font-size:28px; font-weight:bold; margin-bottom:10px; padding:10px 0 40px;} #testimonials h2 {color:#1a92d0; font-size:20px; font-weight:bold; padding:10px 0;} #testimonials h3 {color:#000; font-weight:bold; padding:5px 0;} #testimonials p {line-height:20px; padding:10px 0;} #testimonials a {color:#1a92d0; text-decoration:underline;} #testimonials span {font-size:16px; font-weight:bold;} /****************** SEARCH PAGE ******************/ #search_listings {padding:50px 0;} #search_listings h2 {color:#64ac43; font-size:28px; padding:30px;} #search_listings li a {border-radius:3px; display:block; padding:10px 30px;} #search_listings span {color:#1a92d0; font-weight:bold;} #search_listings li a:hover {color:#ec9801;} #search_listings li a:hover span {color:#ec9801;} /* search form */ /*#search_bg {background:url(../images/black-opacity-dark.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:110;} #search_cont {margin:150px auto; width:520px;} #close_search {color:#fff; font-size:30px; margin:50px; text-align:right;} #close_search span {cursor:pointer;} #close_search span:hover {color:#bfbfbf;}*/ #searchForm {margin:0 auto 20px auto; text-align:center; width:614px;} #search_box {background:inherit; border:2px solid #112743; border-radius:10px 0px 0px 10px; color:#112743; height:35px; float:left; font-size:36px; padding:10px; width:450px;} #search_btn {-webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px; background:url(../images/search-btn.png) no-repeat 10px 18px #000; border:none; color:#fff; cursor:pointer; font-size:24px; float:left; height:59px; padding:10px 10px 10px 24px; width:140px;} #search_btn:hover {background-color:#404040;} #results_wrapper {padding:30px; background-color:#fff; margin:0 auto; min-height:500px; width:940px;} #results_wrapper h1 {font-size:26px; color:#1a92d0;} #results_wrapper h1 span {font-style:italic; font-weight:bold;} #search_results {background:#fff; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -moz-box-shadow:0px 5px 5px -5px #000; -webkit-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; display:none; padding:5px; position:absolute; width:500px; z-index:20;} #search_content {background:#fcfcfc; display:block; float:left; padding:20px 10px; width:730px;} #search_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin:10px;} #search_intro {color:#1a92d0; font-size:18px; font-weight:bold; margin:20px;} #enter_search_cont h1 {padding-bottom:20px;} /****************** 404 ******************/ #error_404 {height:500px; margin:0 auto; padding:50px; width:900px;} #error_404 h1 {color:#1a92d0; font-size:20px; font-weight:bold; padding-bottom:20px;} #preloader {top:185px; left:730px; width:106px; position:absolute;} #preloader img {border:none !important;} /****************** Retina ******************/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* HEADER */ #scroll_logo a {background-image:url(../images/scroll-logo@2x.png); background-size:25px 30px;} #header_usp_delivery {background-image:url(../images/header-shipping@2x.png); background-size:12px 12px;} #header_usp_guarantee {background-image:url(../images/header-guarantee@2x.png); background-size:11px 11px;} #cart_login {background-image:url(../images/members-login@2x.png); background-size:12px 12px;} #cart_account {background-image:url(../images/members-account@2x.png); background-size:12px 12px;} #header_search_btn {background-image:url(../images/header-search@2x.png); background-size:20px 20px;} #cart_nav {background-image:url(../images/cart@2x.png); background-size:20px 50px;} #header_search_but {background-image:url(../images/header-search@2x.png); background-size:20px 20px;} #header_cart {background-image:url(../images/cart.svg); background-size:24px 24px;} #header_login {background-image:url(../images/members.svg); background-size:24px 24px;} /* HOME */ #home_intro_sensors {background-image:url(../images/home-intro-sensors@2x.png);} #home_introa_image {background-image:url(../images/home-intro-product@2x.png);} #home_intro_3g {background-image:url(../images/home-intro-connect@2x.png); background-size:30px 24px;} #home_intro_alert {background-image:url(../images/home-intro-alerts@2x.png); background-size:30px 24px;} #home_intro_bat {background-image:url(../images/home-intro-battery@2x.png); background-size:30px 24px;} #home_intro_peace {background-image:url(../images/home-intro-peace@2x.png); background-size:30px 24px;} /* apps */ #owl_set .owl-controls .owl-prev {background-image:url(../images/app-but-left@2x.png); background-size:35px 35px;} #owl_set .owl-controls .owl-next {background-image:url(../images/app-but-right@2x.png); background-size:35px 35px;} /* sensors */ #home_sensor_temperature h3 {background-image:url(../images/cats/dark60/temperature-sensors.png); background-size:30px 30px;} #home_sensor_humidity h3 {background-image:url(../images/cats/dark60/humidity-sensors.png); background-size:30px 30px;} #home_sensor_motion h3 {background-image:url(../images/cats/white60/motion-detection-sensors.png); background-size:30px 30px;} #home_sensor_resistance h3 {background-image:url(../images/cats/white60/resistance-sensors.png); background-size:30px 30px;} /* alta */ #home_alta_banner {background-image:url(../images/home-alta-bg@2x.jpg);} #home_alta_logo {background-image:url(../images/home-alta@2x.png);} #home_standard_banner {background-image:url(../images/home-standard-bg@2x.jpg);} #home_standard_logo {background-image:url(../images/home-standard@2x.png);} /* works */ #home_works_tab_gate {background-image:url(../images/home-works-gateway@2x.png); background-size:15px 20px;} #home_works_tab_wifi {background-image:url(../images/home-works-wi-fi@2x.png); background-size:22px 20px;} #home_works_3g {background-image:url(../images/home-works-3g@2x.png); background-size:675px 107px;} #home_works_wifi {background-image:url(../images/home-works-wifi@2x.png); background-size:432px 109px;} #home_works_3g_sensor {background-image:url(../images/home-works-3g-sensor@2x.png);} #home_works_3g_gateway {background-image:url(../images/home-works-3g-gateway@2x.png);} #home_works_3g_data {background-image:url(../images/home-works-3g-data@2x.png);} #home_works_wifi_sensor {background-image:url(../images/home-works-wifi-sensor@2x.png);} #home_works_wifi_con {background-image:url(../images/home-works-wifi-con@2x.png);} #home_works_wifi_data {background-image:url(../images/home-works-wifi-data@2x.png);} /* data */ #home_data_screen {background-image:url(../images/data-device@2x.png); background-size:250px 490px;} /* solutions */ #home_solutions_sensors .home_solutions_image {background-image:url(../images/home-products-sensors@2x.png); background-size:200px 200px;} #home_solutions_gateway .home_solutions_image {background-image:url(../images/home-products-gateway@2x.png); background-size:200px 200px;} #home_solutions_software .home_solutions_image {background-image:url(../images/home-products-software@2x.png); background-size:200px 200px;} #home_solutions_accessories .home_solutions_image {background-image:url(../images/home-products-accessories@2x.png); background-size:200px 200px;} /* why */ #home_why_easy {background-image:url(../images/home-easy@2x.png); background-size:30px 30px;} #home_why_range {background-image:url(../images/home-range@2x.png); background-size:30px 30px;} #home_why_types {background-image:url(../images/home-type@2x.png); background-size:30px 30px;} #home_why_cost {background-image:url(../images/home-cost@2x.png); background-size:30px 30px;} #home_why_power {background-image:url(../images/home-power@2x.png); background-size:30px 30px;} #home_why_global {background-image:url(../images/home-global@2x.png); background-size:30px 30px;} /* videos */ #home_video_how .home_video_icon {background-image:url(../images/home-videos-how@2x.png); background-size:25px 50px;} #home_video_demo .home_video_icon {background-image:url(../images/home-videos-demo@2x.png); background-size:25px 50px;} #home_video_apps .home_video_icon {background-image:url(../images/home-videos-apps@2x.png); background-size:25px 50px;} /* SENSORS */ /* tabs */ #wireless_sensors_standard_tab {background-image:url(../images/sensors-tabs-standard@2x.png);} #wireless_sensors_alta_tab {background-image:url(../images/sensors-tabs-alta@2x.png);} #sensors_format_standard_tab {background-image:url(../images/sensors-tabs-standard@2x.png);} #sensors_format_alta_tab {background-image:url(../images/sensors-tabs-alta@2x.png);} /* notifications */ #sensors_software_battery .sensor_circle {background-image:url(../images/sensors-bat@2x.png); background-size:35px 35px;} #sensors_software_alerts .sensor_circle {background-image:url(../images/sensors-alert@2x.png); background-size:35px 35px;} #sensors_software_manage .sensor_circle {background-image:url(../images/sensors-history@2x.png); background-size:35px 35px;} #sensors_software_latest .sensor_circle {background-image:url(../images/sensors-current@2x.png); background-size:35px 35px;} #sensors_bat_not {background-image:url(../images/sensors-battery@2x.png); background-size:637px 399px;} #sensors_manage_not {background-image:url(../images/sensors-configure@2x.png); background-size:637px 399px;} #sensors_alert_not {background-image:url(../images/sensors-alerts@2x.png); background-size:637px 399px;} #sensors_latest_not {background-image:url(../images/sensors-battery@2x.png); background-size:637px 399px;} #sensors_comparison_cell {background-image:url(../images/formats-cell@2x.png);} #sensors_comparison_aa {background-image:url(../images/formats-aa@2x.png);} #sensors_comparison_wifi {background-image:url(../images/formats-wifi@2x.png);} #sensors_comparison_wifi {background-image:url(../images/formats-wifi@2x.png);} #products_formats_info span {background-image:url(../images/question-mark@2x.png)} #sensors_comparison_cell_alta {background-image:url(../images/formats-alta-cell@2x.png);} #sensors_comparison_aa_alta {background-image:url(../images/formats-alta-aa@2x.png);} #sensors_comparison_industrial_alta {background-image:url(../images/formats-alta-industrial@2x.png);} .home_alta_range {background-image:url(../images/alta-compare-range@2x.png);} .home_alta_battery {background-image:url(../images/alta-compare-bat@2x.png);} .home_alta_security {background-image:url(../images/alta-compare-sec@2x.png);} .home_alta_memory {background-image:url(../images/alta-compare-mem@2x.png);} /* CATEGORIES */ #cat_filters h2 {background-image:url(../images/filters_icon@2x.png); background-size:14px 14px;} #filter_tooltip {background-image:url(../images/close-filter-tool@2x.png); background-size:15px 15px;} #reset_filters {background-image:url(../images/reset-filters@2x.png); background-size:12px 10px;} .sensors_heading_remove {background-image:url(../images/remove-filt@2x.png); background-size:12px 12px;} .current_filter a {background-image:url(../images/remove-filter@2x.png); background-size:12px 12px;} #cat_filt_change {background-image:url(../images/change-measurement@2x.png); background-size:12px 9px;} #back_cat_filts {background-image:url(../images/back-filters@2x.png); background-size:15px 13px;} /* atla tabs */ #categories_gateways_standard {background-image:url(../images/sensors-tabs-standard@2x.png);} #categories_gateways_alta {background-image:url(../images/sensors-tabs-alta@2x.png);} /* PRODUCTS */ #product_usp_ship {background-image:url(../images/ship-usp@2x.png); background-size:24px 24px;} #product_usp_guar {background-image:url(../images/cart-usp@2x.png); background-size:24px 24px;} .prod_sec_1 li {background-image:url(../images/doc-bullets@2x.png); background-size:12px 12px;} .prod_sec_2 li {background-image:url(../images/doc-bullets@2x.png); background-size:12px 12px;} .prod_sec_3 li {background-image:url(../images/app-bullets@2x.png); background-size:12px 12px;} #more_prods {background-image:url(../images/more_arrow@2x.png); background-size:9px 9px;} #products_standard_link a {background-image:url(../images/products-standard-link@2x.png);} #products_alta_link a {background-image:url(../images/products-alta-link@2x.png);} /* PAYMENT */ #checkout_shipping_head {background-image:none;} #checkout_billing_head {background-image:none;} #checkout_creditcard h3 {background-image:url(../images/cclogos@2x.png); background-size:150px 32px;} #creditcard_number {background-image:url(../images/cc_num_bg@2x.png); background-size:15px 15px;} #security_code {background-image:url(../images/qmark@2x.png); background-size:15px 15px;} #success_contact p {background-image:url(../images/success-question@2x.png); background-size:25px 25px;} #success_intro_text {background-image:url(../images/success-tick@2x.png); background-size:50px 50px;} /* FOOTER */ #footer_copyright {background-image:url(../images/footer-logo@2x.png); background-size:40px 31px;} #footer_phone_bg {background-image:url(../images/footer-phone@2x.png); background-size:30px 30px;} #cart_pop_fship {background-image:url(../images/green-arrow@2x.png); background-size:15px 15px;} /* ICONS */ /* filter icons */ .filt_link_all {background-image:url(../images/cats/grey60/sensors.png);} .filt_link_temperature {background-image:url(../images/cats/grey60/temperature-sensors.png);} .filt_link_humidity {background-image:url(../images/cats/grey60/humidity-sensors.png);} .filt_link_water-detect {background-image:url(../images/cats/grey60/water-detect-sensors.png);} .filt_link_water-rope {background-image:url(../images/cats/grey60/water-rope-sensors.png);} .filt_link_open-closed {background-image:url(../images/cats/grey60/open-close-sensors.png);} .filt_link_motion-detection {background-image:url(../images/cats/grey60/motion-detection-sensors.png);} .filt_link_carbon-monoxide {background-image:url(../images/cats/grey60/carbon-monoxide-sensors.png);} .filt_link_dry-contact {background-image:url(../images/cats/grey60/dry-contact-sensors.png);} .filt_link_accelerometer {background-image:url(../images/cats/grey60/accelerometer-sensors.png);} .filt_link_voltage-meter {background-image:url(../images/cats/grey60/voltage-meter-sensors.png);} .filt_link_ac-current-meter {background-image:url(../images/cats/grey60/ac-current-sensors.png);} .filt_link_voltage-detect {background-image:url(../images/cats/grey60/voltage-detect-sensors.png);} .filt_link_resistance {background-image:url(../images/cats/grey60/resistance-sensors.png);} .filt_link_ma-current-meter {background-image:url(../images/cats/grey60/ma-current-sensors.png);} .filt_link_pulse-counter {background-image:url(../images/cats/grey60/pulse-counter-sensors.png);} .filt_link_light-meter {background-image:url(../images/cats/grey60/light-meter-sensors.png);} .filt_link_light-detection {background-image:url(../images/cats/grey60/light-detect-sensors.png);} .filt_link_pressure-meter {background-image:url(../images/cats/grey60/pressure-meter-sensors.png);} .filt_link_magnet-detection {background-image:url(../images/cats/grey60/magnetic-detection-sensors.png);} .filt_link_asset {background-image:url(../images/cats/grey60/asset-sensors.png);} .filt_link_activity {background-image:url(../images/cats/grey60/activity-sensors.png);} .filt_link_vehicle-detection {background-image:url(../images/cats/grey60/vehicle-detection-sensors.png);} .filt_link_seat-occupancy {background-image:url(../images/cats/grey60/seat-occupancy-sensors.png);} .filt_link_flex {background-image:url(../images/cats/grey60/flex-sensors.png);} .filt_link_button {background-image:url(../images/cats/grey60/button-sensors.png);} .filt_link_compass {background-image:url(../images/cats/grey60/compass-sensors.png);} .filt_link_liquid-level {background-image:url(../images/cats/grey60/liquid-level-sensors.png);} .filt_link_grains-per-pound {background-image:url(../images/cats/grey60/grains-pound-sensors.png);} .filt_link_ultrasonic {background-image:url(../images/cats/grey60/ultrasonic-sensors.png);} .filt_link_co2 {background-image:url(../images/cats/grey60/co2-sensors.png);} .filt_link_pm25 {background-image:url(../images/cats/grey60/pm25particulate.png);} .filt_link_air-velocity {background-image:url(../images/cats/grey60/air-velocity.png);} .filt_link_diff-air-press {background-image:url(../images/cats/grey60/differential-air-pressure.png);} /* format icons */ .filt_link_wi-fi {background-image:url(../images/cats/grey60/wifi.png);} .filt_link_aa {background-image:url(../images/cats/grey60/aa.png);} .filt_link_industrial {background-image:url(../images/cats/grey60/industrial.png);} .filt_link_coin-cell {background-image:url(../images/cats/grey60/cell.png);} #type_filter_all {background-image:url(../images/cats/grey60/formats-all.png);} .no_results .filt_link_wi-fi {background-image:url(../images/cats/light60/wifi.png);} .no_results .filt_link_aa {background-image:url(../images/cats/light60/aa.png);} .no_results .filt_link_industrial {background-image:url(../images/cats/light60/industrial.png);} .no_results .filt_link_coin-cell {background-image:url(../images/cats/light60/cell.png);} /* current sensor icons */ .meas_current_temperature {background-image:url(../images/cats/blue80/temperature-sensors.png);} .meas_current_humidity {background-image:url(../images/cats/blue80/humidity-sensors.png);} .meas_current_water-detect {background-image:url(../images/cats/blue80/water-detect-sensors.png);} .meas_current_water-rope {background-image:url(../images/cats/blue80/water-rope-sensors.png);} .meas_current_open-closed {background-image:url(../images/cats/blue80/open-close-sensors.png);} .meas_current_motion-detection {background-image:url(../images/cats/blue80/motion-detection-sensors.png);} .meas_current_carbon-monoxide {background-image:url(../images/cats/blue80/carbon-monoxide-sensors.png);} .meas_current_dry-contact {background-image:url(../images/cats/blue80/dry-contact-sensors.png);} .meas_current_accelerometer {background-image:url(../images/cats/blue80/accelerometer-sensors.png);} .meas_current_voltage-meter {background-image:url(../images/cats/blue80/voltage-meter-sensors.png);} .meas_current_ac-current-meter {background-image:url(../images/cats/blue80/ac-current-sensors.png);} .meas_current_voltage-detect {background-image:url(../images/cats/blue80/voltage-detect-sensors.png);} .meas_current_resistance {background-image:url(../images/cats/blue80/resistance-sensors.png);} .meas_current_ma-current-meter {background-image:url(../images/cats/blue80/ma-current-sensors.png);} .meas_current_pulse-counter {background-image:url(../images/cats/blue80/pulse-counter-sensors.png);} .meas_current_light-meter {background-image:url(../images/cats/blue80/light-meter-sensors.png);} .meas_current_light-detection {background-image:url(../images/cats/blue80/light-detect-sensors.png);} .meas_current_pressure-meter {background-image:url(../images/cats/blue80/pressure-meter-sensors.png);} .meas_current_magnet-detection {background-image:url(../images/cats/blue80/magnetic-detection-sensors.png);} .meas_current_asset {background-image:url(../images/cats/blue80/asset-sensors.png);} .meas_current_activity {background-image:url(../images/cats/blue80/activity-sensors.png);} .meas_current_vehicle-detection {background-image:url(../images/cats/blue80/vehicle-detection-sensors.png);} .meas_current_seat-occupancy {background-image:url(../images/cats/blue80/seat-occupancy-sensors.png);} .meas_current_flex {background-image:url(../images/cats/blue80/flex-sensors.png);} .meas_current_button {background-image:url(../images/cats/blue80/button-sensors.png);} .meas_current_compass {background-image:url(../images/cats/blue80/compass-sensors.png);} .meas_current_liquid-level {background-image:url(../images/cats/blue80/liquid-level-sensors.png);} .meas_current_grains-per-pound {background-image:url(../images/cats/blue80/grains-pound-sensors.png);} /* apps page */ #apps_more a {background-image:url(../images/apps-arrow@2x.png);} }