@charset "UTF-8"; /* | | Theme Name: Znode Web Store - Default Theme. | Theme URL: http://www.znode.com | Description: Znode e-commerce framework Default Theme CSS. | Author: Znode. | Author URL: http://www.znode.com | Version: 1.0.0.1 | */ @font-face { font-family: 'Roboto-Regular'; src: url("../../Fonts/Roboto-Regular.ttf") format("truetype"); src: url("../../Fonts/Roboto-Regular.eot") format("embedded-opentype"); src: url("../../Fonts/Roboto-Regular.svg") format("svg"); src: url("../../Fonts/Roboto-Regular.woff") format("woff"); } @font-face { font-family: 'Roboto-Medium'; src: url("../../Fonts/Roboto-Medium.ttf") format("truetype"); src: url("../../Fonts/Roboto-Medium.eot") format("embedded-opentype"); src: url("../../Fonts/Roboto-Medium.svg") format("svg"); src: url("../../Fonts/Roboto-Medium.woff") format("woff"); } html, body { height: 100%; font-family: Roboto-Regular, Arial, sans-serif; font-size: 14px; color: #032b44; -ms-overflow-style: scrollbar; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .nopadding { padding: 0; margin: 0; } .required:after { content: ' * '; color: #032b44; } #skiptocontent { position: absolute; left: 0; top: 0; width: 100%; margin-left: 0; text-align: center; list-style: outside none; } #skiptocontent a { position: absolute; left: -99999px; top: 30px; } #skiptocontent a:focus, #skiptocontent a:active { position: relative; left: 0; z-index: 9999; width: 100%; height: auto; margin: 0 auto; text-align: center; text-decoration: none; color: #4e6b7b; background-color: #fff; padding: 10px; border: 2px solid #4e6b7b; } a { outline: medium none; text-decoration: none; color: #032b44; } a:hover, a:active { text-decoration: underline; color: #429cff; } a:focus { outline: 1px dotted #4e6b7b !important; color: #4e6b7b !important; } h1, h2, h3, h4, h5 { color: #032b44; font-family: Roboto-Regular, Arial, sans-serif; } h1, h2 { margin: 8px 0; font-size: 30px; } h3, h4 { margin: 6px 0; font-size: 27px; } h5 { margin: 4px 0; font-size: 14px; } p, ul { margin: 0; } .form-group { float: left; width: 100%; margin-bottom: 10px; } .padding-15 { padding: 15px; } .padding-top { padding-top: 15px; } .padding-top-bottom { padding: 15px 0; } .padding-left { padding-left: 10px; } .padding-right { padding-right: 10px; } .padding-left-5 { padding-left: 5px; } .padding-right-15 { padding-right: 15px; } .pr-20 { padding-right: 20px !important; } .padding-left-20 { padding-left: 15px; } .padding-bottom { padding-bottom: 10px; } .margin-top { margin-top: 15px; } .margin-left { margin-left: 10px; } .margin-top-bottom { margin: 15px 0; } .margin-bottom { margin-bottom: 15px; } .margin-left-right { margin: 0 15px; } z-widget { display: block; } z-widget-ajax, z-widget-ajax > z-widget, .ajax { -webkit-animation: widget-animation 1.0s 1 linear; -moz-animation: widget-animation 1.0s 1 linear; -ms-animation: widget-animation 1.0s 1 linear; -o-animation: widget-animation 1.0s 1 linear; animation: widget-animation 1.0s 1 linear; } @keyframes widget-animation { 0% { opacity: 0; } 60% { opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes widget-animation { 0% { opacity: 0; } 60% { opacity: 0.5; } 100% { opacity: 1; } } @-moz-keyframes widget-animation { 0% { opacity: 0; } 60% { opacity: 0.5; } 100% { opacity: 1; } } @-o-keyframes widget-animation { 0% { opacity: 0; } 60% { opacity: 0.5; } 100% { opacity: 1; } } .min-height-100 { min-height: 100px; } .min-height-125 { min-height: 125px; } .min-height-150 { min-height: 150px; } .min-height-200 { min-height: 100px; } .min-height-300 { min-height: 300px; } .field-validation-error, .error-msg { color: #FF0000; } .success-msg { color: #5cb85c; } .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } .styled-input input[type=radio] { display: none; } .styled-input input[type=radio]:checked + label:before { font-family: "znode-web-store"; content: "\f192"; color: #032b44; font-size: 19px; } .styled-input input[type=radio] + label { display: block; position: relative; padding-left: 2em; cursor: pointer; margin-bottom: 10px; font-weight: normal; line-height: 18px; } .styled-input input[type=radio] + label:before { font-family: "znode-web-store"; content: "\f10c"; margin-right: 10px; position: absolute; top: 0; left: 5px; color: #666; line-height: 20px; font-size: 18px; } .styled-input input[type=checkbox] { display: none; } .styled-input input[type=checkbox]:checked + label:before { font-family: "znode-web-store"; content: "\f046"; color: #032b44; font-size: 19px; } .styled-input input[type=checkbox] + label { display: block; position: relative; padding-left: 2em; cursor: pointer; margin-bottom: 10px; font-weight: normal; line-height: 20px; } .styled-input input[type=checkbox] + label:before { font-family: "znode-web-store"; content: "\f096"; margin-right: 10px; position: absolute; top: 2px; left: 5px; color: #666; line-height: 20px; font-size: 18px; } .checkbox-disable { pointer-events: none !important; cursor: not-allowed !important; } .notification-msg { z-index: 999; } .notification-msg .alert { position: relative; padding: 5px; line-height: 21px; margin-bottom: 0; border-radius: 0; min-height: 36px; top: 5px; } .notification-msg .alert .close { margin-top: -18px; opacity: 1; font-size: 17px; } .notification-msg .alert-danger { border: 1px solid #d8929c; } .notification-msg .alert-danger .close { color: #d8929c; } .notification-msg .alert-success { border: 1px solid #5cb85c; } .notification-msg .alert-success .close { color: #5cb85c; } .notification-msg .alert-info { border: 1px solid #79cff7; } .notification-msg .alert-info .close { color: #79cff7; } .help-text { display: inline-block; } .help-text i { font-size: 16px; line-height: 22px; margin-left: 8px; color: #4e6b7b; } .file-upload { position: relative; } .file-upload .file-upload-name { float: left; margin-left: 15px; line-height: 26px; } .file-upload input[type="file"] { position: absolute; top: 0; margin: 0; opacity: 0; width: 70px; min-height: 34px; } .file-upload .po-document-details a { cursor: pointer; color: #4e6b7b; padding-right: 3px; display: none; float: left; line-height: 24px; padding-right: 5px; } .file-upload .po-document-details span { float: left; line-height: 26px; } .file-upload-btn { position: relative; overflow: hidden; margin-left: 0; background: #032b44; } .back-to-top { position: fixed; bottom: 0; right: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #4e6b7b; padding: 5px 14px; font-size: 18px; color: #fff !important; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; } .back-to-top:hover { color: #fff; opacity: 1 !important; } .error-page { padding: 20px 15px; min-height: 450px; } .modal-header { background-color: #4e6b7b; } .modal-header h4 { color: #fff; } .modal-header .close { color: #fff; margin-top: 5px; } .modal-body, .modal-footer { display: table; width: 100%; background-color: #fff; } .modal-display-block { display: block; } .modal-display-block > div { overflow: auto; } .recommended-address-popup h5 { font-size: 15px; color: #032b44; border-bottom: 1px solid #c3c3c3; padding: 5px 0; margin: 0; font-weight: bold; } .recommended-address-popup .address-details { padding: 5px 0; } .recommended-address-popup .address-error { color: #4e6b7b; font-weight: bold; } .recommended-address-popup .entered-display-address .btn-text, .recommended-address-popup .recommended-display-addess .btn-text { margin-left: 0; margin: 10px 0; } .adp-placemark { margin-top: 0 !important; } .tooltip { font-family: Roboto-Regular, Arial, sans-serif; font-size: 11px; position: fixed; z-index: 9999; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip-inner { color: #fff; background-color: #000; opacity: 0.8; border-radius: 0; } .form-builder .form-group-container { padding: 15px 30px 15px 10px !important; } .form-builder .help-text { position: absolute; top: 30px; right: -25px; } .star-rating { font-size: 11px; cursor: context-menu; } .star-rating .zf-star-full, .star-rating .zf-star-half { color: #4e6b7b; } .star-rating .zf-star-empty { color: #4e6b7b; } .star-rating .full { color: #4e6b7b; } .star-rating i:hover { color: #388e3c; } .sub { font-size: 12px; color: #8e8e8e; } .cut-price { color: #9f9f9f; padding-left: 5px; text-decoration: line-through; } .social-share ul { padding: 0; margin: 0; float: left; } .social-share ul li { display: inline-block; } .social-share ul i { font-size: 26px; color: #787878; cursor: pointer; } .store-locator-block .store-locator-view { max-height: 250px; } .store-locator-block .locator-map { padding-right: 15px; } .store-locator-block .locator-info-panel .right-side-locator { height: 410px; } .scan-dialog .scan-video-container { width: 100%; } .scan-dialog .scan-video-container .dbrScanner-video { width: 100%; height: 80vh; } .scan-dialog .scan-code-msg { text-align: left; font-weight: bold; font-size: 14px; } img[class*="b-lazy"] { min-height: 1px; } .disabled { opacity: 0.5; cursor: not-allowed; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } @media all and (min-width: 320px) { .store-locator-block .locator-map { padding-right: 0px; } .store-locator-block .locator-info-panel { padding-top: 15px; } .mobile-paddingleft-right { padding-left: 15px !important; padding-right: 15px !important; } .contact-class { margin-top: 0px; padding-left: 0px; } } @media all and (min-width: 768px) { .store-locator-block .locator-map { padding-right: 15px; } .store-locator-block .locator-info-panel { padding-top: 0px; } .mobile-paddingleft-right { padding-left: 0px !important; padding-right: 0px !important; } .modal-dialog .modal-body { max-height: 600px; overflow: auto; } } @media all and (min-width: 992px) { .modal-dialog .modal-body { max-height: none; } .contact-class { margin-top: 60px; padding-left: 60px; } } .btn { border-radius: 0px !important; min-width: 120px; } .btn-text { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; font-size: 14px; font-weight: 700; padding: 0 10px; margin-left: 5px; height: 34px; line-height: 34px; border-radius: 0px !important; } .btn-text:hover, .btn-text:focus, .btn-text:active { color: #fff !important; text-decoration: none; } .btn-text-icon { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; font-size: 14px; font-weight: 700; padding: 0 15px 1px 10px; height: 45px; line-height: 45px; margin-left: 5px; border-radius: 0px !important; } .btn-text-icon:hover, .btn-text-icon:focus, .btn-text-icon:active { color: #fff !important; text-decoration: none; } .btn-text-icon i { padding-right: 5px; font-size: 17px; line-height: 45px; float: left; } .btn-text-full { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; font-size: 16px; font-family: Roboto-Medium, Arial, sans-serif; width: 100%; padding: 0 15px 1px 10px; height: 45px; line-height: 45px; border-radius: 0px !important; } .btn-text-full:hover, .btn-text-full:focus, .btn-text-full:active { color: #fff !important; text-decoration: none; } .btn-text-full i { float: left; font-size: 28px; line-height: 45px; padding-right: 10px; border-right: 1px solid #c3c3c3; } .btn-card { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; font-size: 13px; padding: 0 15px 0 10px; line-height: 34px; border-radius: 0px !important; } .btn-card:hover, .btn-card:focus, .btn-card:active { color: #fff !important; text-decoration: none; } .btn-card i { padding-right: 5px; font-size: 17px; line-height: 30px; float: left; } .btn-wishlist { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; background-color: #fff; color: #787878; font-size: 14px; border: 1px solid #c3c3c3; padding: 0 10px 1px 5px; margin: 0 0 5px; border-radius: 0px !important; } .btn-wishlist:hover, .btn-wishlist:focus, .btn-wishlist:active { color: #032b44; } .btn-wishlist i { padding-right: 5px; font-size: 14px; line-height: 26px; float: left; } .btn-margin-left { margin-left: 0; } .red, .btn-bg-primary { background: #032b44; } .grey, .btn-bg-secondary { background: #4e6b7b; } .cms-configure-btn-custom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn-text-secondary-custom { background-color: #5db043 !important; border: none; color: #fff; } .widget-cms-button-container-center { position: absolute; z-index: 10000; text-align: center; } .widget-cms-overlay-custom { position: absolute; z-index: 9999; background-color: black; opacity: 0.3; border: 1px solid white; } .cms-img-icon-custom { z-index: 9999; margin: auto; max-width: 120px; top: -10px; position: relative; } .cms-img-icon { z-index: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="number"] { color: #032b44; padding: 0 5px; font-family: Roboto-Regular, Arial, sans-serif; font-size: 14px; width: 100%; border: 1px solid #c3c3c3; box-shadow: none; outline: medium none; height: 34px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; } textarea { color: #032b44; padding: 0 5px; font-family: Roboto-Regular, Arial, sans-serif; font-size: 14px; width: 100%; border: 1px solid #c3c3c3; box-shadow: none; outline: medium none; resize: none; overflow-y: auto; border-radius: 0px; } html input[disabled], html select[disabled], html textarea[disabled], html input[readonly], html select[readonly], html textarea[readonly] { cursor: not-allowed; background-color: #efefef; } button[disabled] { cursor: not-allowed; opacity: 0.3; } .disable-anchor { color: #ddd; cursor: not-allowed; opacity: 0.3; pointer-events: none; } .disable-radio { color: #ddd; cursor: not-allowed; pointer-events: none; } .left-inner-icon { position: relative; } .left-inner-icon input { padding-left: 36px; } .left-inner-icon i { position: absolute; padding: 8px 5px; height: 34px; pointer-events: none; top: 0; color: #032b44; line-height: 4px; } .right-inner-icon { position: relative; } .right-inner-icon input { padding-right: 36px; } .right-inner-icon i { position: absolute; right: 0; top: 0; padding: 9px 10px; height: 34px; pointer-events: none; color: #032b44; line-height: 4px; } select { color: #292a2a; font-size: 14px; width: 100%; height: 34px; padding: 2px 20px 2px 5px; border: 1px solid #c3c3c3; box-shadow: none; outline: medium none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff url("../../Images/drop-arrow.png") no-repeat 98% center; text-indent: 0.01px; text-overflow: ""; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } select option:hover { border: 0; box-shadow: none; outline: medium none; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } select::-ms-expand { display: none; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .ie select { display: none; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .btn-dropdown { display: inline-block; border-radius: 2px; font-family: Roboto-Regular, Arial, sans-serif; font-size: 14px; font-weight: 400; padding: 0 10px; height: 24px; line-height: 21px; text-transform: capitalize; background-color: #fff; color: #032b44; border: 1px solid #c3c3c3; text-align: left; } .btn-dropdown:hover, .btn-dropdown:focus, .btn-dropdown:active { color: #032b44; } .btn-dropdown .zf-down { font-size: 10px; padding-left: 2px; color: #4e6b7b; } .dropdown-list-ul { border-radius: 2px; border: 1px solid #c3c3c3; margin: 0; padding: 0; box-shadow: 2px 3px 2px #c3c3c3; font-size: 14px; list-style: none !important; min-width: 100px; max-height: 200px; overflow-y: auto !important; overflow-x: hidden; } .dropdown-list-ul li { list-style: none !important; } .dropdown-list-ul li a { color: #032b44; text-transform: capitalize; padding: 3px 10px; border-bottom: 1px solid #929292; } .dropdown-list-ul li label { font-weight: normal; width: 100%; margin-bottom: 0; padding: 2px 20px 2px 5px; display: block; } .dropdown-list-ul li label span { width: 100%; } .dropdown-list-ul li:hover { background-color: #3085db; color: #fff; } .dropdown-list-ul li:nth-last-child(1) a { border-bottom: 0 !important; } .dropdown-list-ul:after { content: ''; display: block; position: absolute; top: -16px; left: 8px; width: 0; height: 0; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 8px; } .dropdown-list-multiselect li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; width: 100%; border-bottom: 1px solid #c3c3c3; line-height: 26px !important; } .dropdown-list-multiselect li li:last-child { border-bottom: none; } .pull-right .dropdown-list-container, .pull-right .dropdown-menu-right { left: auto; right: 0; } .pull-right .dropdown-list-container:after, .pull-right .dropdown-menu-right:after { left: auto; right: 8px; } .dropdown-list-container { left: 0; right: auto; margin: 0; padding: 0; overflow: hidden !important; font-family: Roboto-Regular, Arial, sans-serif; min-width: 200px; } .dropdown-list-container .dropdown-wrapper { position: static; } .dropdown-list-container .dropdown-search { background-color: #f5f5f5; padding: 5px; border-top: 1px solid #c3c3c3; min-width: 150px; } .dropdown-list-container .dropdown-submit { background-color: #f5f5f5; padding: 5px; border-top: 1px solid #c3c3c3; text-align: right; float: left; width: 100%; } .dropdown-list-container .dropdown-submit button.btn-text { color: #fff; } .dropdown-list-container .dropdown-list-ul { box-shadow: none; border: 0; position: relative; padding: 0; } .dropdown-list-container input[type="text"] { height: 24px; } .multiselect { color: #032b44; font-size: 12px; height: 24px; min-width: 180px; width: 100%; padding: 2px 20px 2px 5px; text-align: left; border: 1px solid #c3c3c3; border-radius: 3px; box-shadow: none; outline: medium none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff url("../Images/drop-arrow.png") no-repeat 98% center; text-indent: 0.01px; text-overflow: ""; border: 1px solid #c3c3c3; } .multiselect:hover, .multiselect:focus, .multiselect:active { background-color: transparent !important; } .multiselect .caret { display: none; } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; } .multiselect-container .input-group { margin: 5px; } .multiselect-container li { padding: 0; } .multiselect-container li a { padding: 0; } .multiselect-container li a:hover { background-color: #3085db; color: #fff; } .multiselect-container li label.radio, .multiselect-container li label.checkbox { margin: 0; } .multiselect-container li label { margin: 0; height: 100%; cursor: pointer; font-weight: normal !important; color: #4e6b7b !important; padding: 3px 20px 3px 25px; } .multiselect-container li label input[type=checkbox] { margin-bottom: 5px; } .multiselect-container li label:hover { color: #fff !important; } .multiselect-container li input[type="checkbox"] { opacity: 1 !important; } .multiselect-container li.multiselect-group label { margin: 0; padding: 3px 20px; height: 100%; font-weight: normal; } .multiselect-container li.multiselect-group-clickable label { cursor: pointer; } .multiselect-container li.filter .input-group-addon { padding: 1px 6px; background-color: #fff; } .multiselect-container li.filter .input-group-addon i { color: #032b44; } .multiselect-container li.filter .input-group-btn { padding: 0; background-color: #fff; } .multiselect-container li.filter .input-group-btn button { padding: 1px 6px; } .multiselect-container li.filter .input-group-btn i { color: #032b44; } .multiselect-container li.active a label { color: #fff !important; } .dropdown-tool { position: relative; } .filter-component { position: relative; display: block; min-height: 45px; padding: 8px 0; background-color: #f8f3f3; line-height: 26px; margin-bottom: 15px; border: 1px solid #f1e8e8; } .filter-component .manage-filter { float: left; min-width: 140px; border-right: 1px solid #c3c3c3; padding: 9px 0; background: #f1e8e8; } .filter-component .manage-filter a { background-color: transparent; border: 0; font-family: Roboto-Regular, Arial, sans-serif; color: #032b44; padding: 0 20px; } .filter-component .manage-filter .dropdown-search .right-inner-icon i { line-height: 7px; } .filter-component .manage-filter .z-down { font-size: 15px; padding-left: 5px; vertical-align: sub; } .filter-component .filter-close { position: absolute; right: 0; top: -12px; right: -8px; font-size: 19px; color: #032b44; } .filter-component .filter-item-content { padding: 8px 0; float: left; } .filter-component .filter-option { position: relative; } .filter-component .filter-option .popover.bottom > .arrow::after { border-bottom-color: #f6f6f6; } .filter-component .filter-option .popover, .filter-component .filter-option .popover-content { border-radius: 0; background-color: #f6f6f6; max-width: none; min-width: 285px; } .filter-component .filter-option .parent-content-popover select { min-width: 40px; border-radius: 0; height: 24px; } .filter-component .filter-option .parent-content-popover input[type='text'] { border-radius: 0; border-right: 0; height: 24px; } .filter-component .filter-option .parent-content-popover button { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .filter-component .filter-option .parent-content-popover:after { content: ""; display: block; clear: both; } .filter-component .filter-option .btn-dropdown { display: inline-block; border-radius: 2px; font-size: 12px; font-weight: normal; margin: 2px 5px; padding: 0 10px; height: 24px; line-height: 21px; text-transform: capitalize; background-color: #fff; color: #032b44; text-align: left; border: 1px solid #c3c3c3; } .filter-component .filter-option .btn-dropdown:hover, .filter-component .filter-option .btn-dropdown:focus, .filter-component .filter-option .btn-dropdown:active { color: #032b44; } .filter-component .filter-option .btn-dropdown span { padding: 0; } .filter-component .filter-option .btn-dropdown .z-down { font-size: 11px; padding-left: 2px; color: #032b44; vertical-align: sub; } .filter-component .filter-option .option-close i { position: absolute; top: -5px; font-size: 15px; cursor: pointer; right: -2px; } .filter-component .filter-option button.btn-text { height: 24px; line-height: 24px; } .filter-component .filter-option .filter-search-btn { background-color: #fff; height: 24px; border-left: 0; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; line-height: 24px; color: #4e6b7b; outline: medium none !important; padding: 0 6px; } /*IE11*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-component .filter-option .popover, .filter-component .filter-option .popover-content { min-width: 289px; } } .loader { background-color: rgba(0, 0, 0, 0.2); } .loader .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .loader img { margin: 0 auto; } @font-face { font-family: "znode-web-store"; src: url("../../fonts/znode-web-store.eot?pa46i9"); src: url("../../fonts/znode-web-store.eot?pa46i9#iefix") format("embedded-opentype"), url("../../fonts/znode-web-store.ttf?pa46i9") format("truetype"), url("../../fonts/znode-web-store.woff?pa46i9") format("woff"), url("../../fonts/znode-web-store.svg?pa46i9#znode-web-store") format("svg"); font-weight: normal; font-style: normal; } [class^="zf-"], [class*=" zf-"] { font-family: "znode-web-store" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f-size { font-size: 20px; vertical-align: sub; } .zf-star-full-fill:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-left-big:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-right-big:before { font-family: "znode-web-store"; content: ""; } .zf-amazon:before, .zf-Amazon:before { font-family: "znode-web-store"; content: ""; } .zf-order-view:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-left:before { font-family: "znode-web-store"; content: ""; } .zf-delete:before { font-family: "znode-web-store"; content: ""; } .zf-edit:before, .edit-icon:before { font-family: "znode-web-store"; content: ""; } .zf-manage:before { font-family: "znode-web-store"; content: ""; } .zf-view:before { font-family: "znode-web-store"; content: ""; } .zf-fedex:before { font-family: "znode-web-store"; content: ""; } .zf-shere:before { font-family: "znode-web-store"; content: ""; } .zf-ups:before { font-family: "znode-web-store"; content: ""; } .zf-grid-view:before { font-family: "znode-web-store"; content: ""; } .zf-list-view:before { font-family: "znode-web-store"; content: ""; } .zf-text-view:before { font-family: "znode-web-store"; content: ""; } .zf-cart:before { font-family: "znode-web-store"; content: ""; } .zf-checkout:before { font-family: "znode-web-store"; content: ""; } .zf-close:before { font-family: "znode-web-store"; content: ""; } .zf-compare:before { font-family: "znode-web-store"; content: ""; } .zf-home:before { font-family: "znode-web-store"; content: ""; } .home-icon:before { font-family: "znode-web-store"; content: ""; } .zf-login:before { font-family: "znode-web-store"; content: ""; } .zf-quick-order:before { font-family: "znode-web-store"; content: ""; } .zf-search:before { font-family: "znode-web-store"; content: ""; } .zf-share:before { font-family: "znode-web-store"; content: ""; } .zf-shipping:before { font-family: "znode-web-store"; content: ""; } .zf-small-arrow:before { font-family: "znode-web-store"; content: ""; } .zf-login-user:before { font-family: "znode-web-store"; content: ""; } .zf-twitter:before { font-family: "znode-web-store"; content: ""; } .zf-facebook:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-circle-right:before { font-family: "znode-web-store"; content: ""; } .zf-google-plus-square:before { font-family: "znode-web-store"; content: ""; } .zf-caret-right:before { font-family: "znode-web-store"; content: ""; } .zf-youtube-square:before { font-family: "znode-web-store"; content: ""; } .zf-visa-payment:before { font-family: "znode-web-store"; content: ""; } .zf-mastercard-payment:before { font-family: "znode-web-store"; content: ""; } .zf-amex-payment:before { font-family: "znode-web-store"; content: ""; } .zf-paypal-payment:before { font-family: "znode-web-store"; content: ""; } .zf-envelope-o:before { font-family: "znode-web-store"; content: ""; } .zf-heart:before { font-family: "znode-web-store"; content: ""; } .zf-lock:before { font-family: "znode-web-store"; content: ""; } .zf-check-box-check:before { font-family: "znode-web-store"; content: ""; } .zf-backward:before { font-family: "znode-web-store"; content: ""; } .zf-forward:before { font-family: "znode-web-store"; content: ""; } .zf-calendar:before { font-family: "znode-web-store"; content: ""; } .zf-random:before { font-family: "znode-web-store"; content: ""; } .zf-check-box:before { font-family: "znode-web-store"; content: ""; } .zf-pinterest-square:before { font-family: "znode-web-store"; content: ""; } .zf-first:before { font-family: "znode-web-store"; content: ""; } .zf-last:before { font-family: "znode-web-store"; content: ""; } .zf-envelope:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-right-small:before { font-family: "znode-web-store"; content: ""; } .zf-arrow-down-small:before { font-family: "znode-web-store"; content: ""; } .zf-radio-button:before { font-family: "znode-web-store"; content: ""; } .zf-radio-button-check:before { font-family: "znode-web-store"; content: ""; } .zf-printer:before { font-family: "znode-web-store"; content: ""; } .zf-key:before { font-family: "znode-web-store"; content: ""; } .zf-key-2:before { font-family: "znode-web-store"; content: ""; } .zf-checkbox-checked:before { font-family: "znode-web-store"; content: ""; } .zf-google:before, .zf-Google:before { font-family: "znode-web-store"; content: ""; } .zf-facebook-simple:before, .zf-Facebook:before { font-family: "znode-web-store"; content: ""; } .zf-pdf-file:before { font-family: "znode-web-store"; content: ""; } .zf-word-file:before { font-family: "znode-web-store"; content: ""; } .zf-excel-file:before { font-family: "znode-web-store"; content: ""; } .zf-down:before { font-family: "znode-web-store"; content: ""; } .zf-up:before { font-family: "znode-web-store"; content: ""; } .zf-refresh:before { font-family: "znode-web-store"; content: ""; } .zf-close-circle:before { font-family: "znode-web-store"; content: ""; } .zf-orders:before { font-family: "znode-web-store"; content: ""; } .zf-refund-order:before { font-family: "znode-web-store"; content: ""; } .zf-star-empty:before { font-family: "znode-web-store"; content: ""; } .zf-star-full:before { font-family: "znode-web-store"; content: ""; } .zf-star-half:before { font-family: "znode-web-store"; content: ""; } .zf-view-details:before { font-family: "znode-web-store"; content: ""; } .zf-active:before { font-family: "znode-web-store"; content: ""; } .zf-inactive:before { font-family: "znode-web-store"; content: ""; } .zf-swatch-box:before { font-family: "znode-web-store"; content: ""; } .zf-help-circle:before { font-family: "znode-web-store"; content: ""; } .zf-banner-slideshow:before { font-family: "znode-web-store"; content: ""; } .zf-content-block:before { font-family: "znode-web-store"; content: ""; } .zf-image-gallery:before { font-family: "znode-web-store"; content: ""; } .zf-image:before { font-family: "znode-web-store"; content: ""; } .zf-link-panel:before { font-family: "znode-web-store"; content: ""; } .zf-product-list:before { font-family: "znode-web-store"; content: ""; } .zf-video-gallery:before { font-family: "znode-web-store"; content: ""; } .zf-video:before { font-family: "znode-web-store"; content: ""; } .zf-help-circle:before { font-family: "znode-web-store"; content: ""; } .zf-keyboard_voice:before { font-family: "znode-web-store"; content: ""; } .zf-scan:before { font-family: "znode-web-store"; content: ""; } .zf-return:before { font-family: "znode-web-store"; content: ""; } .search-widget { display: flex; } .search-widget .left-inner-icon { position: relative; } .search-widget .left-inner-icon i { position: absolute; padding: 14px 10px; height: 34px; pointer-events: none; top: 0; line-height: 4px; } .search-widget .search-form { width: 80%; } .search-widget .twitter-typeahead { display: inline !important; } .search-widget .btn-text { margin-left: 0; } .search-widget i { z-index: 999; } .search-widget .tt-dropdown-menu { margin-top: 10px; } .search-widget .voice-scan-block { display: flex; align-items: center; width: 20%; margin: 0 10px; } .search-widget .voice-scan-block .keyboard-icon .zf-keyboard_voice, .search-widget .voice-scan-block .keyboard-icon .zf-scan { color: #4e6b7b; border: 1px solid #4e6b7b; font-size: 24px; border-radius: 50%; padding: 3px; width: 22px; height: 15px; line-height: 15px; vertical-align: middle; text-align: center; margin-right: 8px; font-size: 24px !important; } .search-widget .active i { padding: 3px; width: 22px; height: 15px; line-height: 15px; vertical-align: middle; text-align: center; border-radius: 52%; font-size: 24px !important; background-color: #cc0000; -webkit-animation-name: voice; -webkit-animation-duration: 4s; animation: voice 2s infinite ease-in-out; color: #000 !important; margin-right: 8px; } #typeahead-results .close { color: #032b44; font-size: 15px; opacity: 0.7; padding: 2px 3px; } #typeahead-results .close:hover { color: #4e6b7b; opacity: 1; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes voice { from { background-color: #cc0000; color: #fff; } to { background-color: #fff; color: #cc0000; } } /* Standard syntax */ @keyframes voice { from { background-color: #cc0000; color: #fff; } to { background-color: #fff; color: #cc0000; } } @media all and (min-width: 320px) { .search-widget .search-form { width: 100%; padding: 0px 0px 0px 0px; } } @media all and (min-width: 768px) { .search-widget .search-form { padding: 0px 50px 0px 50px; } } .quick-order-li { position: relative; } .quick-order-li z-widget { display: inline-block; position: relative; } .quick-order-container { position: relative; display: inline-block; } .quick-order { position: absolute; left: -155px; top: 30px; display: none; padding: 15px 0; border: 1px solid #c3c3c3; width: 300px; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 5px 5px 15px 0px rgba(52, 52, 52, 0.77); -moz-box-shadow: 5px 5px 15px 0px rgba(52, 52, 52, 0.77); box-shadow: 5px 5px 15px 0px rgba(52, 52, 52, 0.77); } .quick-order:after { content: ''; display: block; position: absolute; top: -20px; right: 75px; width: 0; height: 0; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; } .quick-order input[type="text"] { margin-bottom: 10px; } .quick-order .close { position: absolute; top: -12px; right: -12px; color: #4e6b7b; opacity: 1; background-color: #4e6b7b; border-radius: 50px; width: 20px; height: 20px; text-align: center; line-height: 10px; } .quick-order .close i { font-size: 9px; color: #fff; line-height: 19px; } .quick-order .btn-card, .quick-order .btn-card { font-weight: bold; } .quick-order .twitter-typeahead { display: block !important; } .quick-order-pad-content { border-top: 1px solid #c3c3c3; padding-top: 15px; } .quick-order-pad-content span { width: 100%; } .quick-order-pad-content .remove-item { line-height: 32px; color: #4e6b7b; cursor: pointer; } @media all and (min-width: 320px) { .quick-order-pad { padding: 0 5px; } .quick-order-pad-content { margin-top: 40px; } .quick-order-details { padding: 0; } } @media all and (min-width: 768px) { .quick-order-pad { padding: 0; } .quick-order-pad-content { margin-top: 5px; } .quick-order-details { padding: 0 15px; } } .newsletter-widget label { color: #fff; padding-right: 10px; line-height: 34px; margin-bottom: 0; } .newsletter-widget input[type="text"], .newsletter-widget .input-field button { background-color: transparent; color: #fff; } .link-panel-widget { display: inline-block; padding-left: 0; margin-bottom: 0; } .link-panel-widget li { list-style: none; display: inline-block; padding: 2px; /*img{height:30px;width:30px;}*/ } .link-panel-widget li a i { display: none; } .local-widget { float: right; } .local-widget button { background: transparent none repeat scroll 0 0; border: 0; color: #fff; font-size: 12px; } .local-widget button .caret { margin-left: 5px; } .local-widget .dropdown-menu { position: absolute !important; float: left; } .local-widget ul { margin: 0; min-width: 240px; padding: 5px; } .local-widget ul:after { border-color: transparent transparent #fff; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; position: absolute; right: 4px; top: -10px; width: 0; } .local-widget ul li h5 { border-bottom: 1px solid #c3c3c3; padding: 3px 5px; width: 100%; font-weight: 600; } .local-widget ul li ul { margin: 0; padding: 0; } .local-widget ul li ul li { margin: 0; display: inline-block; } .local-widget ul li ul li a { padding: 5px; display: block; } @media all and (min-width: 320px) { .local-widget button { padding: 0 5px; } } @media all and (min-width: 768px) { .local-widget button { padding: 0; } } .flag { display: inline-block; height: 16px; width: 16px; vertical-align: text-top; line-height: 16px; background: url("../../Images/flags.png") no-repeat !important; margin-right: 5px; } ._African_Union { background-position: 0 -16px; } ._Arab_League { background-position: 0 -32px; } ._ASEAN { background-position: 0 -48px; } ._CARICOM { background-position: 0 -64px; } ._CIS { background-position: 0 -80px; } ._Commonwealth { background-position: 0 -96px; } ._England { background-position: 0 -112px; } ._European_Union, .eu { background-position: 0 -128px; } ._Islamic_Conference { background-position: 0 -144px; } ._Kosovo { background-position: 0 -160px; } ._NATO { background-position: 0 -176px; } ._Northern_Cyprus { background-position: 0 -192px; } ._Northern_Ireland { background-position: 0 -208px; } ._Olimpic_Movement { background-position: 0 -224px; } ._OPEC { background-position: 0 -240px; } ._Red_Cross { background-position: 0 -256px; } ._Scotland { background-position: 0 -272px; } ._Somaliland { background-position: 0 -288px; } ._Tibet { background-position: 0 -304px; } ._United_Nations { background-position: 0 -320px; } ._Wales { background-position: 0 -336px; } .ad { background-position: 0 -352px !important; } .ae { background-position: 0 -368px !important; } .af { background-position: 0 -384px !important; } .ag { background-position: 0 -400px !important; } .ai { background-position: 0 -416px !important; } .al { background-position: 0 -432px !important; } .am { background-position: 0 -448px !important; } .ao { background-position: 0 -464px !important; } .aq { background-position: 0 -480px !important; } .ar { background-position: 0 -496px !important; } .as { background-position: 0 -512px !important; } .at { background-position: 0 -528px !important; } .au { background-position: 0 -544px !important; } .aw { background-position: 0 -560px !important; } .ax { background-position: 0 -576px !important; } .az { background-position: 0 -592px !important; } .ba { background-position: 0 -608px !important; } .bb { background-position: 0 -624px !important; } .bd { background-position: 0 -640px !important; } .be { background-position: 0 -656px !important; } .bf { background-position: 0 -672px !important; } .bg { background-position: 0 -688px !important; } .bh { background-position: 0 -704px !important; } .bi { background-position: 0 -720px !important; } .bj { background-position: 0 -736px !important; } .bm { background-position: 0 -752px !important; } .bn { background-position: 0 -768px !important; } .bo { background-position: 0 -784px !important; } .br { background-position: 0 -800px !important; } .bs { background-position: 0 -816px !important; } .bt { background-position: 0 -832px !important; } .bw { background-position: 0 -848px !important; } .by { background-position: 0 -864px !important; } .bz { background-position: 0 -880px !important; } .ca { background-position: 0 -896px !important; } .cg { background-position: 0 -912px !important; } .cf { background-position: 0 -928px !important; } .cd { background-position: 0 -944px !important; } .ch { background-position: 0 -960px !important; } .ci { background-position: 0 -976px !important; } .ck { background-position: 0 -992px !important; } .cl { background-position: 0 -1008px !important; } .cm { background-position: 0 -1024px !important; } .cn { background-position: 0 -1040px !important; } .co { background-position: 0 -1056px !important; } .cr { background-position: 0 -1072px !important; } .cu { background-position: 0 -1088px !important; } .cv { background-position: 0 -1104px !important; } .cy { background-position: 0 -1120px !important; } .cz { background-position: 0 -1136px !important; } .de { background-position: 0 -1152px !important; } .dj { background-position: 0 -1168px !important; } .dk { background-position: 0 -1184px !important; } .dm { background-position: 0 -1200px !important; } .do { background-position: 0 -1216px !important; } .dz { background-position: 0 -1232px !important; } .ec { background-position: 0 -1248px !important; } .ee { background-position: 0 -1264px !important; } .eg { background-position: 0 -1280px !important; } .eh { background-position: 0 -1296px !important; } .er { background-position: 0 -1312px !important; } .es { background-position: 0 -1328px !important; } .et { background-position: 0 -1344px !important; } .fi { background-position: 0 -1360px !important; } .fj { background-position: 0 -1376px !important; } .fm { background-position: 0 -1392px !important; } .fo { background-position: 0 -1408px !important; } .fr { background-position: 0 -1424px !important; } .bl, .cp, .mf, .yt { background-position: 0 -1424px; } .ga { background-position: 0 -1440px !important; } .gb { background-position: 0 -1456px !important; } .sh { background-position: 0 -1456px; } .gd { background-position: 0 -1472px !important; } .ge { background-position: 0 -1488px !important; } .gg { background-position: 0 -1504px !important; } .gh { background-position: 0 -1520px !important; } .gi { background-position: 0 -1536px !important; } .gl { background-position: 0 -1552px !important; } .gm { background-position: 0 -1568px !important; } .gn { background-position: 0 -1584px !important; } .gp { background-position: 0 -1600px !important; } .gq { background-position: 0 -1616px !important; } .gr { background-position: 0 -1632px !important; } .gt { background-position: 0 -1648px !important; } .gu { background-position: 0 -1664px !important; } .gw { background-position: 0 -1680px !important; } .gy { background-position: 0 -1696px !important; } .hk { background-position: 0 -1712px !important; } .hn { background-position: 0 -1728px !important; } .hr { background-position: 0 -1744px !important; } .ht { background-position: 0 -1760px !important; } .hu { background-position: 0 -1776px !important; } .id { background-position: 0 -1792px !important; } .mc { background-position: 0 -1792px !important; } .ie { background-position: 0 -1808px !important; } .il { background-position: 0 -1824px !important; } .im { background-position: 0 -1840px !important; } .in { background-position: 0 -1856px !important; } .iq { background-position: 0 -1872px !important; } .ir { background-position: 0 -1888px !important; } .is { background-position: 0 -1904px !important; } .it { background-position: 0 -1920px !important; } .je { background-position: 0 -1936px !important; } .jm { background-position: 0 -1952px !important; } .jo { background-position: 0 -1968px !important; } .jp { background-position: 0 -1984px !important; } .ke { background-position: 0 -2000px !important; } .kg { background-position: 0 -2016px !important; } .kh { background-position: 0 -2032px !important; } .ki { background-position: 0 -2048px !important; } .km { background-position: 0 -2064px !important; } .kn { background-position: 0 -2080px !important; } .kp { background-position: 0 -2096px !important; } .kr { background-position: 0 -2112px !important; } .kw { background-position: 0 -2128px !important; } .ky { background-position: 0 -2144px !important; } .kz { background-position: 0 -2160px !important; } .la { background-position: 0 -2176px !important; } .lb { background-position: 0 -2192px !important; } .lc { background-position: 0 -2208px !important; } .li { background-position: 0 -2224px !important; } .lk { background-position: 0 -2240px !important; } .lr { background-position: 0 -2256px !important; } .ls { background-position: 0 -2272px !important; } .lt { background-position: 0 -2288px !important; } .lu { background-position: 0 -2304px !important; } .lv { background-position: 0 -2320px !important; } .ly { background-position: 0 -2336px !important; } .ma { background-position: 0 -2352px !important; } .md { background-position: 0 -2368px !important; } .me { background-position: 0 -2384px !important; } .mg { background-position: 0 -2400px !important; } .mh { background-position: 0 -2416px !important; } .mk { background-position: 0 -2432px !important; } .ml { background-position: 0 -2448px !important; } .mm { background-position: 0 -2464px !important; } .mn { background-position: 0 -2480px !important; } .mo { background-position: 0 -2496px !important; } .mq { background-position: 0 -2512px !important; } .mr { background-position: 0 -2528px !important; } .ms { background-position: 0 -2544px !important; } .mt { background-position: 0 -2560px !important; } .mu { background-position: 0 -2576px !important; } .mv { background-position: 0 -2592px !important; } .mw { background-position: 0 -2608px !important; } .mx { background-position: 0 -2624px !important; } .my { background-position: 0 -2640px !important; } .mz { background-position: 0 -2656px !important; } .na { background-position: 0 -2672px !important; } .nc { background-position: 0 -2688px !important; } .ne { background-position: 0 -2704px !important; } .ng { background-position: 0 -2720px !important; } .ni { background-position: 0 -2736px !important; } .nl { background-position: 0 -2752px !important; } .bq { background-position: 0 -2752px !important; } .no { background-position: 0 -2768px !important; } .bv, .nq, .sj { background-position: 0 -2768px !important; } .np { background-position: 0 -2784px !important; } .nr { background-position: 0 -2800px !important; } .nz { background-position: 0 -2816px !important; } .om { background-position: 0 -2832px !important; } .pa { background-position: 0 -2848px !important; } .pe { background-position: 0 -2864px !important; } .pf { background-position: 0 -2880px !important; } .pg { background-position: 0 -2896px !important; } .ph { background-position: 0 -2912px !important; } .pk { background-position: 0 -2928px !important; } .pl { background-position: 0 -2944px !important; } .pr { background-position: 0 -2960px !important; } .ps { background-position: 0 -2976px !important; } .pt { background-position: 0 -2992px !important; } .pw { background-position: 0 -3008px !important; } .py { background-position: 0 -3024px !important; } .qa { background-position: 0 -3040px !important; } .re { background-position: 0 -3056px !important; } .ro { background-position: 0 -3072px !important; } .rs { background-position: 0 -3088px !important; } .ru { background-position: 0 -3104px !important; } .rw { background-position: 0 -3120px !important; } .sa { background-position: 0 -3136px !important; } .sb { background-position: 0 -3152px !important; } .sc { background-position: 0 -3168px !important; } .sd { background-position: 0 -3184px !important; } .se { background-position: 0 -3200px !important; } .sg { background-position: 0 -3216px !important; } .si { background-position: 0 -3232px !important; } .sk { background-position: 0 -3248px !important; } .sl { background-position: 0 -3264px !important; } .sm { background-position: 0 -3280px !important; } .sn { background-position: 0 -3296px !important; } .so { background-position: 0 -3312px !important; } .sr { background-position: 0 -3328px !important; } .st { background-position: 0 -3344px !important; } .sv { background-position: 0 -3360px !important; } .sy { background-position: 0 -3376px !important; } .sz { background-position: 0 -3392px !important; } .tc { background-position: 0 -3408px !important; } .td { background-position: 0 -3424px !important; } .tg { background-position: 0 -3440px !important; } .th { background-position: 0 -3456px !important; } .tj { background-position: 0 -3472px !important; } .tl { background-position: 0 -3488px !important; } .tm { background-position: 0 -3504px !important; } .tn { background-position: 0 -3520px !important; } .to { background-position: 0 -3536px !important; } .tr { background-position: 0 -3552px !important; } .tt { background-position: 0 -3568px !important; } .tv { background-position: 0 -3584px !important; } .tw { background-position: 0 -3600px !important; } .tz { background-position: 0 -3616px !important; } .ua { background-position: 0 -3632px !important; } .ug { background-position: 0 -3648px !important; } .us { background-position: 0 -3664px !important; } .uy { background-position: 0 -3680px !important; } .uz { background-position: 0 -3696px !important; } .va { background-position: 0 -3712px !important; } .vc { background-position: 0 -3728px !important; } .ve { background-position: 0 -3744px !important; } .vg { background-position: 0 -3760px !important; } .vi { background-position: 0 -3776px !important; } .vn { background-position: 0 -3792px !important; } .vu { background-position: 0 -3808px !important; } .ws { background-position: 0 -3824px !important; } .ye { background-position: 0 -3840px !important; } .za { background-position: 0 -3856px !important; } .zm { background-position: 0 -3872px !important; } .zw { background-position: 0 -3888px !important; } .sx { background-position: 0 -3904px !important; } .cw { background-position: 0 -3920px !important; } .ss { background-position: 0 -3936px !important; } .nu { background-position: 0 -3952px !important; } .tt-dropdown-menu { width: 100%; background-color: #fff; max-height: 300px; overflow-y: auto; overflow-x: hidden; border: 1px solid #c3c3c3; margin-top: -10px; } .tt-dataset-autos, .tt-suggestions { float: left; width: 100%; } .tt-suggestion { float: left; width: 100%; border-bottom: 1px solid #c3c3c3; color: #032b44; } .tt-suggestion .auto-list { float: left; width: 70%; padding: 5px; } .tt-suggestion .auto-list h4 { font-size: 14px; font-weight: bold; color: #4e6b7b; } .tt-suggestion .auto-list p { font-size: 12px; padding: 0; margin: 0; line-height: 22px; } .tt-suggestion .auto-list b { color: #4e6b7b; } .tt-suggestion .auto-img { float: left; text-align: center; margin: 15px 0 0; } .tt-suggestion .auto-img img { width: 40px; height: 40px; } .tt-suggestion.tt-cursor { background-color: #f8f3f3; cursor: pointer; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .item img { display: block; margin: 0 auto; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .carousel-caption { position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 14%; z-index: 10; } .owl-carousel .carousel-caption .first { font-size: 24px; text-transform: capitalize; color: #fff; position: relative; margin-bottom: 0; font-weight: normal; } .owl-carousel .carousel-caption h3 { font-size: 72px; text-transform: uppercase; color: #fff; position: relative; margin: 0; font-weight: normal; } .owl-carousel .carousel-caption div { font-size: 18px; text-transform: uppercase; color: #fff; position: relative; margin-bottom: 0; font-weight: normal; } .owl-carousel .carousel-caption a { position: relative; margin-left: 0; padding-right: 15px; margin-top: 10px; } .owl-carousel .carousel-caption a i { vertical-align: middle; line-height: 32px; padding-left: 5px; } .owl-carousel .carousel-caption.Left { text-align: left; } .owl-carousel .carousel-caption.Right { text-align: right; } .owl-carousel .carousel-caption.Center { text-align: center; } .owl-carousel .green { background: #638c2f; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .owl-pagination { display: none; } .owl-theme .owl-controls { text-align: center; } .owl-theme .owl-controls .owl-buttons div { color: #4e6b7b; display: inline-block; zoom: 1; *display: inline; margin: 5px; font-size: 12px; border-radius: 0; background: #fff; filter: Alpha(Opacity=50); opacity: .5; cursor: pointer; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid #fff; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); background: #fff !important; border: 1px solid #fff; } .slider .item img { display: block; width: 100%; height: auto; } .slider .owl-pagination { margin-top: -37px; display: block; } .slider .owl-buttons .owl-prev { float: left; padding: 15px 10px; position: absolute; top: 45%; left: 0; } .slider .owl-buttons .owl-next { float: right; padding: 15px 10px; position: absolute; top: 45%; right: 0; } .Boxed { margin: 0 auto; } @media all and (min-width: 320px) { .owl-carousel .item img { height: 180px; } .owl-carousel .carousel-caption { left: 5%; top: 0%; } .owl-carousel .carousel-caption .first { font-size: 16px; } .owl-carousel .carousel-caption h3 { font-size: 30px !important; } .owl-carousel .carousel-caption div { font-size: 14px; } .slider .owl-buttons .owl-prev { padding: 10px 6px; top: 35%; } .slider .owl-buttons .owl-next { padding: 10px 6px; top: 35%; } } @media all and (min-width: 768px) { .Boxed { width: 750px; } .owl-carousel .item img { height: auto; } .owl-carousel .carousel-caption.Left { left: 8%; } .owl-carousel .carousel-caption.Right { right: 8%; } } @media all and (min-width: 992px) { .Boxed { width: 992px; } .owl-carousel .carousel-caption { left: 5%; top: 15%; } .owl-carousel .carousel-caption .first { font-size: 24px; } .owl-carousel .carousel-caption h3 { font-size: 72px !important; } .owl-carousel .carousel-caption div { font-size: 18px; } .slider .owl-buttons .owl-prev { padding: 15px 10px; top: 38%; } .slider .owl-buttons .owl-next { padding: 15px 10px; top: 38%; } } @media all and (min-width: 1200px) { .Boxed { width: 1170px; } .owl-carousel .carousel-caption.Right { top: 40%; } .owl-carousel .carousel-caption.Center { top: 40%; } } @media all and (min-width: 1300px) { .owl-carousel .carousel-caption.Left { top: 14%; } .slider .owl-buttons .owl-prev { top: 42%; } .slider .owl-buttons .owl-next { top: 42%; } } @media all and (min-width: 1500px) { .owl-carousel .carousel-caption.Left { top: 14%; left: 20%; } .owl-carousel .carousel-caption.Right { top: 46%; right: 20%; } .owl-carousel .carousel-caption.Center { top: 46%; } } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .product-list-widget .product-item { margin: 5px auto 10px; max-width: 263px; position: relative; text-align: center; } .product-list-widget .view-item { border: 1px solid #fff; padding: 15px 10px; } .product-list-widget .view-item:hover { border: 1px solid #c3c3c3; box-shadow: 0 7px 17px 0 rgba(23, 84, 116, 0.18); z-index: 99; } .product-list-widget .view-item:hover .item-error-msg { background: rgba(0, 0, 0, 0.2); } .product-list-widget .view-item:hover .btn-quick-view { display: inline-table; } .product-list-widget .view-item .item-error-msg { background: rgba(0, 0, 0, 0.3); position: absolute; width: 83%; top: 90px; left: 21px; right: 0; text-align: center; vertical-align: middle; display: inline-block; } .product-list-widget .view-item .item-error-msg p { color: #fff; font-weight: 600; position: relative; font-size: 18px; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); } .product-list-widget .product-img .image { height: 155px; width: 100%; } .product-list-widget .product-img img { margin: 0 auto; max-height: 155px; } .product-list-widget .product-img .new-product-tag { position: absolute; top: 5px; right: 5px; z-index: 99; width: 40px; height: 40px; } .product-list-widget .product-img .btn-quick-view { position: absolute; top: 210px; left: 34%; font-size: 11px; text-transform: uppercase; line-height: 27px; display: none; z-index: 99; padding: 0 10px; font-family: Roboto-Medium, Arial, sans-serif; border-radius: 2px; } .product-list-widget .product-details { margin-top: 10px; } .product-list-widget .product-details h4 { font-size: 14px; color: #666; line-height: 18px; min-height: 40px; } .product-list-widget .product-details .price { margin: 5px 0; font-weight: bold; } .product-list-widget .product-details .price label { font-size: 13px; margin: 0; } .product-list-widget .product-details .cut-price { font-size: 13px; } .product-list-widget .product-details a { font-size: 14px; text-decoration: none; } .product-list-widget .owl-theme .owl-controls { position: absolute; right: 0; text-align: center; top: -56px; } .product-list-widget .owl-theme .owl-controls .owl-buttons .owl-prev, .product-list-widget .owl-theme .owl-controls .owl-buttons .owl-next { border: 1px solid #c3c3c3; border-radius: 3px; color: #4e6b7b; height: 28px; width: 28px; margin: 0; line-height: 26px; opacity: 1; font-family: "znode-web-store" !important; } .product-list-widget .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .product-list-widget .owl-theme .owl-controls .owl-buttons .owl-next:hover { background-color: #4e6b7b; color: #fff; } .product-list-widget .owl-theme .owl-controls .owl-buttons .owl-prev { margin-right: 5px; } .product-list-widget .recent-view-items { float: left; width: 100%; } .product-list-widget .recommended-view-items { float: left; width: 100%; } @media all and (min-width: 320px) { .product-list-widget .owl-theme .owl-controls { display: block !important; } #layout-home .product-list-widget { padding: 0 5px; } } @media all and (min-width: 768px) { .product-list-widget .owl-theme .owl-controls { display: block !important; } #layout-home .product-list-widget { padding: 0; } } body.modal-open { overflow: visible; } .popup-container { min-width: 310px; min-height: 400px; padding: 10px; background-color: #fff; border: 4px solid #4e6b7b; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; } .popup-container .close { position: absolute; top: -12px; right: -12px; color: #4e6b7b; opacity: 1; background-color: #4e6b7b; border-radius: 50px; width: 25px; height: 25px; line-height: 1px; } .popup-container .close i { font-size: 12px; color: #fff; text-align: center; line-height: 24px; } .quick-view-popup .product-view-details .image-view { min-height: 250px; } .quick-view-popup .product-view-details .image-view img { max-height: 370px; margin: 0 auto; } .quick-view-popup .quick-product-img { margin: 0 auto; text-align: center; padding: 15px 0; max-width: 170px; } .quick-view-popup .product-customize { max-height: 200px; overflow-y: auto; } .quick-view-popup .product-overview h1 { font-family: Roboto-Medium, Arial, sans-serif; } .quick-view-popup .product-overview h1, .quick-view-popup .product-overview h2 { margin: 0 0 5px 0 !important; } .quick-view-popup h1, .quick-view-popup h2, .quick-view-popup h3 { font-size: 20px !important; } .quick-view-popup .btn-card { width: 100%; } .quick-view-popup .btn-print { display: none; } .quick-view-popup .product-rating, .quick-view-popup .product-number-details, .quick-view-popup .product-short-description, .quick-view-popup .product-description, .quick-view-popup .highlight-container, .quick-view-popup .social-share { display: none; } .payment-view-popup .modal-body { padding: 0; min-height: 200px; position: relative; } .payment-view-popup .modal-body .close { position: absolute; top: -12px; right: -12px; color: #cc0000; opacity: 1; background-color: #cc0000; border-radius: 50px; width: 25px; height: 25px; line-height: 1px; } .payment-view-popup .modal-body .close i { font-size: 12px; color: #fff; text-align: center; line-height: 24px; } .payment-view-popup .modal-body .payment-view-content .title { border-bottom: 1px solid #c3c3c3; padding: 15px 15px 15px 20px; text-transform: uppercase; } .payment-view-popup .modal-body .payment-view-content .payment-options .payment-select-heading { padding: 0px 15px 15px 5px; font-size: 16px; font-weight: bold; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .cardconnectIframe { height: 212px; width: 400px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .saveCreditCard { padding-left: 4px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .cardconnectcardholder { margin-left: 8px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .cardconnectcardholder label { font-size: 15px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .cardconnectcardholder input { max-width: 300px; border: 1px solid #9E9E9E; background-color: #fafafa; border-radius: 2px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .Tab-container .tab-pane .save-cart { margin-bottom: 10px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .Tab-container .tab-pane .save-cart ul { padding-left: 7px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .Tab-container .tab-pane .save-cart .input-radioButton { margin-right: 10px; } .payment-view-popup .modal-body .payment-view-content .payment-options .credit-card-container .Tab-container .tab-pane .section-heading { display: none; } .payment-view-popup .modal-body .error-payment-validation { padding-left: 25px; padding-bottom: 10px; color: #4e6b7b; } .payment-view-popup .modal-body .payment-options .form-input-long { max-width: 250px; } .payment-view-popup .modal-footer { border-top: none !important; padding: 0 15px 15px 0; } @media all and (min-width: 768px) { .quick-view-popup .modal-dialog { width: 600px !important; } .quick-view-popup .product-wishlist { display: none; } } @media all and (min-width: 992px) { .quick-view-popup .modal-dialog { width: 900px !important; } .quick-view-popup .product-wishlist { display: block; } } @media all and (min-width: 1200px) { .quick-view-popup .modal-dialog { width: 1024px !important; } } .product-grid .products-modes-setting { border-bottom: 5px solid #4e6b7b; } .product-grid .products-modes-setting h1 { margin-top: 0; } .product-grid .products-modes-setting .view-mode { font-size: 13px; line-height: 50px; } .product-grid .products-modes-setting .view-mode a { padding-left: 5px; display: inline-block; text-align: center; } .product-grid .products-modes-setting .view-mode i { font-size: 20px; padding: 5px; border: 1px solid #c3c3c3; border-radius: 4px; color: #bababa; } .product-grid .products-modes-setting .view-mode i:hover { background-color: #4e6b7b; color: #fff; border-color: #4e6b7b; } .product-grid .products-modes-setting .view-mode a.grid-view-opt-active > i, .product-grid .products-modes-setting .view-mode a.list-view-opt-active > i, .product-grid .products-modes-setting .view-mode a.text-view-opt-active > i { background-color: #4e6b7b; color: #fff; border: 1px solid #4e6b7b; } .product-grid .product-view .product-item { margin: 15px auto; max-width: 263px; position: relative; } .product-grid .product-view .product-item .swatch-img-container { position: absolute; right: 5px; bottom: 110px; } .product-grid .product-view .product-item .swatch-img-container ul { margin: 0; padding: 0; } .product-grid .product-view .product-item .swatch-img-container ul li { display: block; cursor: pointer; width: 25px; height: 25px; margin-bottom: 5px; } .product-grid .product-view .product-item .view-item { border: 1px solid #fff; padding: 15px 10px; text-align: center; } .product-grid .product-view .product-item .view-item:hover { border: 1px solid #c3c3c3; box-shadow: 0 7px 17px 0 rgba(23, 84, 116, 0.18); z-index: 99; } .product-grid .product-view .product-item .view-item:hover .compare-link { opacity: 1; pointer-events: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; left: 6px; z-index: 99; } .product-grid .product-view .product-item .view-item:hover .item-error-msg { background: rgba(0, 0, 0, 0.2); } .product-grid .product-view .product-item .view-item .item-error-msg { background: rgba(0, 0, 0, 0.3); position: absolute; width: 83%; top: 90px; left: 21px; right: 0; text-align: center; vertical-align: middle; display: inline-block; } .product-grid .product-view .product-item .view-item .item-error-msg p { color: #fff; font-weight: 600; position: relative; font-size: 18px; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); } .product-grid .product-view .product-item .product-img .image { min-height: 155px; } .product-grid .product-view .product-item .product-img .new-product-tag { position: absolute; top: 5px; right: 5px; z-index: 99; width: 40px; height: 40px; } .product-grid .product-view .product-item .product-img img { margin: 0 auto; max-height: 155px; } .product-grid .product-view .product-item .product-img .btn-quick-view { display: none; position: absolute; top: 210px; left: 34%; font-size: 11px; text-transform: uppercase; line-height: 27px; z-index: 99; padding: 0 10px; font-family: Roboto-Medium, Arial, sans-serif; border-radius: 2px; } .product-grid .product-view .product-item .product-details { margin-top: 10px; } .product-grid .product-view .product-item .product-details h4 { font-size: 14px; overflow: hidden; color: #666; line-height: 18px; min-height: 40px; } .product-grid .product-view .product-item .product-details .price { margin: 5px 0; font-weight: bold; } .product-grid .product-view .product-item .product-details .price label { font-size: 14px; margin: 0; } .product-grid .product-view .product-item .product-details a { font-size: 14px; text-decoration: none; } .product-grid .product-view .category-item .image { min-height: 200px; max-height: 200px; } .product-grid .product-view .category-item .short-description p { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .product-grid .product-view .category-item .btn-card { width: 100%; } .product-grid .product-view .category-item .category-img { min-height: 220px; } .product-grid .product-view .category-item .category-img img { margin: 0 auto; max-height: 220px; } .product-grid .product-view .category-item h4 { font-size: 14px; font-weight: bold; overflow: hidden; line-height: 18px; } .product-grid .product-view .text-view .product-item .swatch-img-container { display: none; } .product-grid .product-view .text-view .product-item .view-item:hover .compare-link { opacity: 1; pointer-events: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; right: 6px !important; left: auto; z-index: 99; } .product-grid .product-view .list-view > li, .product-grid .product-view .text-view > li { width: 100%; } .product-grid .product-view .list-view li .product-item, .product-grid .product-view .text-view li .product-item { max-width: 100% !important; } .product-grid .product-view .list-view li .product-item .view-item { float: left; width: 100%; border-bottom: 1px solid #c3c3c3; } .product-grid .product-view .list-view li .product-item .view-item .item-error-msg { width: 26%; left: 24px; } .product-grid .product-view .list-view li .product-img { float: left; width: 30%; padding: 0 10px; } .product-grid .product-view .list-view li .product-img .btn-quick-view { left: 11%; } .product-grid .product-view .list-view li .product-details { float: left; width: 70%; margin-top: 0; } .product-grid .product-view .list-view li .product-details .title { margin: 0 0 6px 0; } .product-grid .product-view .text-view li .product-item { margin: 5px auto; } .product-grid .product-view .text-view li .product-item .view-item { border-bottom: 1px solid #c3c3c3; } .product-grid .product-view .text-view li .product-item .view-item .item-error-msg { width: 100%; left: 0; top: 70px; background-color: transparent; text-align: left; left: 10px; } .product-grid .product-view .text-view li .product-item .view-item .item-error-msg p { color: #032b44; font-size: 14px; text-shadow: none; } .product-grid .product-view .text-view li .product-item .view-item .new-product-tag { right: 55px; } .product-grid .product-view .text-view li .product-img .image { display: none; } .product-grid .product-view .text-view li .product-img .compare-link { position: absolute; top: 15px; right: -8px !important; bottom: 65px; left: auto; opacity: 0; pointer-events: none; } .product-grid .product-view .text-view li .product-img .btn-quick-view { top: 45px; left: 43%; } .product-grid .product-view .text-view li .product-details { margin-top: 0; } .product-grid .product-view .text-view li .product-details .title { margin: 0 0 6px 0; } .product-grid .product-view .text-view li .product-details .text-center, .product-grid .product-view .list-view li .product-details .text-center { text-align: left !important; } .product-grid-ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .product-grid-ul li { list-style: none; padding: 0; margin: 0; display: inline-block; } .search-paging .search-pagination { padding: 0 5px 0 0; } .search-paging .search-pagination ul { text-align: center; float: right; margin: 0; padding: 0; } .search-paging .search-pagination ul li { display: inline-block; list-style: none; } .search-paging .search-pagination ul li a { padding: 8px; } .search-paging .search-pagination ul li a.disabled { opacity: 0.3; cursor: not-allowed; } .search-paging .search-pagination ul .arrow-right, .search-paging .search-pagination ul .arrow-left { float: left; width: 32px; height: 34px; line-height: 34px; border: 1px solid #c3c3c3; border-radius: 0px; color: #4e6b7b; } .search-paging .search-pagination ul .arrow-left { margin-right: 5px; } .compare-product-popup { position: fixed; top: 50%; transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%) !important; left: 0; right: 0; } .compare-link { position: absolute; top: 15px; left: -30px; opacity: 0; pointer-events: none; } .compare-link a { color: #4e6b7b; border: 1px solid #4e6b7b; padding: 10px; background-color: #fff; } .compare-link i { vertical-align: middle; text-align: center; font-size: 22px; } .category-list h1 { border-bottom: 5px solid #4e6b7b; margin-top: 0; padding-bottom: 10px; } @media all and (min-width: 320px) { .grid-view > li { width: 100%; } .search-paging { padding: 0; } .product-list-widget .view-item:hover .btn-quick-view, .product-grid .product-view .view-item:hover .btn-quick-view { display: none; } .product-grid .product-view .list-view li .product-img .image { min-height: 70px; } .compare-link { left: 6px; top: 210px; opacity: 1; } .compare-link a { padding: 5px; } .compare-link a i { font-size: 15px; } .list-view li .compare-link { left: 6px; top: 10px; opacity: 1; } } @media all and (min-width: 480px) { .grid-view > li { width: 50%; } } @media all and (min-width: 768px) { .product-grid .product-view .list-view li .product-img .image { min-height: 150px; } .product-grid .product-view .list-view li .product-img .btn-quick-view { top: 150px; left: 8%; } .search-paging { padding: 0 10px; } .compare-link { opacity: 0; left: -30px; top: 15px; } .compare-link a { padding: 10px; } .compare-link a i { font-size: 22px; } .list-view li .compare-link { left: -30px; top: 15px; opacity: 0; } } @media all and (min-width: 992px) { .grid-view > li { width: 33.33%; } .category-list .grid-view > li { width: 19.33%; } .product-grid .product-view .list-view li .product-img .image { min-height: 220px; } .product-grid .product-view .list-view li .product-img .btn-quick-view { top: 210px; left: 11%; } .product-grid .product-item .btn-quick-view i, .product-grid .product-item .btn-add-cart i { font-size: 12px; } .product-grid .product-item .btn-quick-view, .product-grid .product-item .btn-add-cart { padding: 0 12px 0 7px; font-size: 12px; } } @media all and (min-width: 1200px) { .product-grid .product-item .btn-quick-view i, .product-grid .product-item .btn-add-cart i { font-size: 16px; } .product-grid .product-item .btn-quick-view, .product-grid .product-item .btn-add-cart { padding: 0 15px 0 10px; font-size: 13px; } .product-list-widget .view-item:hover .btn-quick-view, .product-grid .product-view .view-item:hover .btn-quick-view { display: inline-table; } } .panel-heading .accordion-toggle:after { font-family: "znode-web-store"; content: "\f107"; float: right; color: #fff; } .panel-heading .accordion-toggle.collapsed:after { content: "\f105"; color: #4e6b7b; } .panel-heading .accordion-toggle.collapsed { background-color: #f9f9f9; border-left: 6px solid #4e6b7b; color: #4e6b7b; font-weight: 700; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .side-bar .panel-heading { padding: 0; } .side-bar .panel-heading h4 { background-color: #4e6b7b; color: #fff; font-size: 15px; padding: 8px 15px; cursor: pointer; border-left: 6px solid #032b44; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .side-bar .filter-list { padding: 0; margin: 0; } .side-bar .filter-list li { list-style: none; line-height: 30px; } .side-bar .filter-list li h4 { font-size: 16px; font-family: Roboto-Medium, Arial, sans-serif; } .side-bar .filter-list li label { line-height: 22px; word-break: break-word; } .side-bar .filter-list li.filter-item { padding: 0 5px; border-radius: 4px; color: #032b44; cursor: pointer; margin-top: 5px; } .side-bar .filter-list li.filter-item:hover label { text-decoration: line-through !important; color: #4e6b7b; } .side-bar .filter-list li.filter-item i { font-size: 10px; margin: 5px; color: #4e6b7b; display: inline-block; vertical-align: top; } .side-bar .filter-list li.filter-item label { font-weight: normal; max-width: 88%; vertical-align: top; line-height: 18px; cursor: pointer; } .side-bar .clear-filter { cursor: pointer; display: block; text-align: right; margin-top: -10px; } @media all and (min-width: 320px) { .side-bar .narrow-results { display: block; padding: 6px 0; font-size: 16px; color: #fff; position: absolute; top: -70px; right: 15px; z-index: 999; } .side-bar .narrow-results:after { content: "\f107"; float: right; font-family: "znode-web-store"; padding-left: 5px; line-height: 24px; } .side-bar .narrow-results.collapsed:after { content: "\f105"; } .side-bar { padding-left: 15px; } } @media all and (min-width: 768px) { .side-bar .narrow-results { display: none; } .side-bar { padding-left: 0; padding-right: 0; } .side-bar .filter-list li.filter-item label { max-width: 85%; } } @media all and (min-width: 992px) { .side-bar { padding-right: 15px; } .side-bar .filter-list li.filter-item label { max-width: 88%; } } .compare-print { border-bottom: 1px solid #032b44; padding-bottom: 6px; margin-bottom: 10px; } .compare-print a { padding-left: 10px; } .compare-product-box { margin: 15px 0; border: 1px solid #c3c3c3; } .compare-product-box h4 { background-color: #4e6b7b; font-size: 16px; padding: 10px 15px; margin: 0; color: #fff; font-weight: bold; margin-bottom: 10px; } .compare-product-box .compare-product { padding: 0 10px; } .compare-product-list { border: 1px solid #c3c3c3; font-size: 11px; float: left; margin-bottom: 10px; width: 100%; } .compare-product-list img { padding: 5px; } .compare-product-list .remove-compare { position: absolute; top: -10px; right: -10px; color: #4e6b7b; opacity: 1; font-size: 15px; } .compare-product-list p { margin: 5px 0; } .product-compare-list { padding-left: 8px; padding-right: 8px; } .product-compare-list .form-group { float: left; width: 100%; margin-bottom: 10px; } .product-compare-list .product-item { border: 1px solid #c3c3c3; padding: 10px 5px; } .product-compare-list .product-item label { color: #4e6b7b; } .product-compare-list .product-item img { margin: 0 auto; } .product-compare-list .product-item .remove-compare { position: absolute; top: -12px; right: -12px; color: #4e6b7b; opacity: 1; font-size: 18px; } .product-compare-list .zf-inactive, .product-compare-list .zf-close { color: #FF0000; } .product-compare-list .zf-active, .product-compare-list .zf-ok { color: #5cb85c; } .product-compare-list .zf-file-text { font-size: 32px; } .product-compare-list .product-variants { padding: 0; margin: 0; border: 1px solid #c3c3c3; } .product-compare-list .product-variants li { list-style: none; padding: 3px 5px; border-bottom: 1px solid #c3c3c3; } .product-compare-list .product-variants li:nth-last-child(1) { border-bottom: 0; } .product-compare-list .btn-text { font-weight: normal; } @media all and (min-width: 320px) { .compare-all { padding: 0 5px; } } @media all and (min-width: 768px) { .compare-all { padding: 0; } } @media print { .product-compare-list .product-item .remove-compare, .btn-text-full, .header .header-link-contain, .header .header-local-container, .compare-print, .header .header-nav-container .navbar-toggle, bl, .print-none { display: none !important; } .product-compare-list .product-item { padding: 10px; margin: 0 0 20px; } html, body { font-size: 20px; } .product-compare-list { float: none; width: 100%; display: block; padding: 0; } header, .header .header-logo { display: none !important; } .header { height: 100px !important; margin: 0 0 15px; } } .datepicker { font-family: Roboto-Regular, Arial, sans-serif; top: 0; left: 0; padding: 5px 10px; margin-top: 0; background-color: #fff !important; cursor: pointer !important; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; border-radius: 0; } .datepicker-orient-top:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #c3c3c3; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-orient-top:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .datepicker-orient-bottom:before { content: ''; display: inline-block; position: absolute; bottom: -12px; left: 6px; width: 0; height: 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent; border-style: solid; border-width: 6px; display: none; } .datepicker-orient-bottom:after { content: ''; display: inline-block; position: absolute; bottom: -12px; left: 7px; width: 0; height: 0; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 6px; display: none; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 40px; height: 20px; } .datepicker td.day:hover { background: #e6e9e6; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999; } .datepicker td.active, .datepicker td.active:hover { background: #4e6b7b; color: #fff; } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #4e6b7b; color: #fff; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #039; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; } .datepicker td span:hover { background: #e6e9e6; } .datepicker td span.active { background: #4e6b7b; color: #fff; } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background: #4e6b7b; color: #fff; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #039; } .datepicker td span.old { color: #999; } .datepicker th.switch { width: 145px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #fff; } .datepicker-months table tbody tr td, .datepicker-years table tbody tr td { width: 220px !important; } .datepicker table thead tr { padding: 5px 0; } .datepicker table thead tr .prev, .datepicker table thead tr .next { color: #032b44; } .datepicker table thead tr .dow { font-weight: normal; color: #323230; font-size: 12px; } .datepicker table tbody { background-color: #ececec; } .datepicker table tbody tr td { background-color: #fff; border: 1px solid #ececec; } .timepicker .timepicker-picker .timepicker-hour, .timepicker .timepicker-picker .timepicker-minute { text-align: center; display: block; } .timepicker .timepicker-picker .glyphicon { color: #032b44; } .timepicker .timepicker-picker .btn-primary { background: #032b44; border: 1px solid #032b44; } .table { margin-bottom: 0; font-size: 13px; } .table thead { color: #032b44; border-top: 1px solid #c3c3c3; } .table thead tr { min-height: 30px; } .table thead tr th { font-weight: normal; border: 0; padding: 5px; } .table thead tr th a { color: #032b44; display: block; } .table thead tr th a i { color: #c5c5c5; padding-left: 4px; font-size: 12px; } .table thead tr th a.selected i { color: #032b44; padding-left: 2px; font-size: 10px; } .table tbody { border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } .table tbody tr td { padding: 5px; vertical-align: middle; border: 0; } .table tbody tr td .zf-inactive, .table tbody tr td .zf-close { color: #FF0000; } .table tbody tr td .zf-active, .table tbody tr td .zf-ok { color: #5cb85c; } .table tbody tr td .zf-file-text { font-size: 32px; } .table tbody tr td label { font-weight: normal; } .table tfoot { display: none; } .no-record { text-align: center; padding: 5px 0; } .grid-control { height: 24px; } .grid-control .padding-left { padding-left: 6px; } .pagination-top { padding: 0 0 7px; float: left; } .pagination-bottom { padding: 10px 0 0; float: left; } .pagination { padding-right: 15px; float: left; margin: 0; font-size: 12px; } .pagination i { color: #4e6b7b; } .pagination .page-limit { padding-right: 7px; border-right: 1px solid #c3c3c3; } .pagination .page-limit input[type=text] { width: 30px; float: none; text-align: center; height: 26px; border-radius: 2px; } .pagination .show-per-page { padding-left: 7px; } .pagination .show-per-page select { width: 54px; float: none; height: 26px; border-radius: 2px; } .pagination .show-per-page .separator { margin-right: 15px; border-right: 1px solid #c3c3c3; padding-right: 15px; padding-left: 3px; display: inline-block; height: 24px; line-height: 24px; } .action-ui { margin: 0; padding: 0; } .action-ui li { padding: 0 3px; list-style: none; display: inline-block; border-radius: 0; min-width: 22px; text-align: center; min-height: 20px; border-right: 1px solid #c3c3c3; } .action-ui li a { color: #4e6b7b; font-size: 13px; line-height: 17px; cursor: pointer; } .action-ui li a:hover { color: #032b44; } .action-ui li:last-child { margin-right: 0; border-right: none; } .imageicon { text-align: center; width: 100px; } .imageicon .grid-img { max-width: 35px; max-height: 35px; min-height: 35px; border: 1px solid #c3c3c3; } .navgation-control a, .navgation-control button { display: inline-block; text-align: center; border: 1px solid #c3c3c3; border-radius: 4px; padding: 0 10px; margin-left: 5px; height: 26px; line-height: 26px; } .navgation-control a:hover, .navgation-control button:hover { color: #032b44; cursor: pointer; } .navgation-control p { line-height: 26px; margin: 0 5px; } .grid-checkbox { width: 30px; } .JCLRgrip .JColResizer { width: 4px !important; border-right: 1px solid #3e8cf0; background-color: transparent !important; } .JCLRgrip .JColResizer:hover, .JCLRgrip .JColResizer:active, .JCLRgrip .JColResizer:focus { opacity: 0.5; } @media all and (min-width: 320px) { .pagination { padding-right: 0; margin-bottom: 5px; } .pagination .page-limit { padding-right: 3px; } .pagination .show-per-page { padding-left: 3px; } .grid-control .dropdown:hover .dropdown-menu { position: absolute; } } @media all and (min-width: 768px) { .pagination { padding-right: 7px; margin-bottom: auto; } .pagination .page-limit { padding-right: 7px; } .pagination .show-per-page { padding-left: 7px; } } @media all and (min-width: 1200px) { .page-container .show-per-page .separator { margin-right: 7px; padding: 4px 4px 4px 0; } } .category-list-widget ul, .brand-list-widget ul { width: 100%; display: flex; flex-wrap: wrap; padding: 0; margin: 0; } .category-list-widget ul li, .brand-list-widget ul li { width: calc(50% - 10px); display: inline-block; margin: 0 5px 10px; text-align: center; box-shadow: 0 0 5px 0 rgba(23, 84, 116, 0.18); border: 1px solid #fff; } .category-list-widget ul li:hover, .brand-list-widget ul li:hover { border: 1px solid #c3c3c3; } .category-list-widget ul li img, .brand-list-widget ul li img { width: 100%; margin: 0 auto; padding: 5px; } .category-list-widget ul li a, .brand-list-widget ul li a { display: block; width: 100%; } .category-list-widget ul li label, .brand-list-widget ul li label { font-weight: normal; color: #032b44; cursor: pointer; text-transform: uppercase; font-size: 16px; } .category-list-widget ul li label:hover, .brand-list-widget ul li label:hover { color: #4e6b7b; } .PLPcategorystatic { margin-top: 15px; } .PLPcategorystatic h1, .PLPcategorystatic h2 { border-bottom: 3px solid #032b44; } .PLPcategorystatic .back-btn-category { width: 95%; } .PLPcategorystatic .mpw-addtocart-btn { margin-top: 15px; } .PLPcategorystatic .padding-right-20 { padding-right: 50px; margin-bottom: 15px; } @media all and (min-width: 320px) { .PLPcategorystatic h1, .PLPcategorystatic h2 { border-bottom: 3px solid #032b44; } .PLPcategorystatic .back-btn-category { width: 100%; margin-bottom: 15px; } .PLPcategorystatic img { width: 100%; } .PLPcategorystatic .padding-right-20 { padding-right: 0px; margin: 8px 0; } } @media all and (min-width: 768px) { .category-list-widget ul li, .brand-list-widget ul li { width: calc(25% - 10px); } .PLPcategorystatic h1, .PLPcategorystatic h2 { border-bottom: 3px solid #032b44; } .PLPcategorystatic .back-btn-category { width: 95%; } .PLPcategorystatic img { width: auto; } .PLPcategorystatic .padding-right-20 { padding-right: 50px; } } .shipping-progress { padding: 20px 0; display: flex; display: -webkit-flex; display: -moz-flex; } .progress-start, .progress-end { width: 30%; } .bar-15 { width: 15% !important; flex: 1; } .bar-20 { width: 20% !important; flex: 1; } .starting-point { position: absolute; top: 40%; left: 15%; flex: 1; } .ending-point { position: absolute; top: 40%; right: 15%; flex: 1; } .shipping-progress > .progress-step { padding: 0; position: relative; display: inline-block; } .shipping-progress > .progress-step:first-child .step-title { visibility: hidden; } .shipping-progress > .progress-step:first-child .step-info { visibility: hidden; } .shipping-progress > .progress-step .step-title { color: #008300; font-size: 16px; margin-bottom: 5px; height: 22px; line-height: 18px; } .shipping-progress > .progress-step .bs-wizard-info { color: #000; font-size: 14px; } .shipping-progress > .progress-step > .step-dot { position: absolute; width: 18px; height: 18px; display: block; background: #008300; border: 2px solid #fff; top: 45px; left: 50%; margin-top: -7px; margin-left: -8px; border-radius: 50%; } .shipping-progress > .progress-step > .progress { position: relative; border-radius: 0; height: 5px; box-shadow: none; margin: 23px 0; background-color: #e5e5e5; overflow: hidden; background: #008300; } .shipping-progress > .progress-step > .progress > .progress-bar { width: 0; box-shadow: none; background: #008300; } .shipping-progress > .progress-step.complete > .progress > .progress-bar { width: 100%; } .shipping-progress > .progress-step.active > .progress > .progress-bar { width: 50%; } .shipping-progress > .progress-step.disabled > .progress { background: #f5f5f5; } .shipping-progress > .progress-step:first-child.active > .progress > .progress-bar { width: 0; } .shipping-progress > .progress-step:last-child.active > .progress > .progress-bar { width: 100%; } .shipping-progress > .progress-step.disabled > .step-dot { background-color: #e5e5e5; } .shipping-progress > .progress-step.disabled > .step-dot:after { opacity: 0; } .shipping-progress > .progress-step:first-child > .progress { left: 50%; width: 50%; } .shipping-progress > .progress-step:last-child > .progress { width: 50%; } .shipping-progress > .progress-step.disabled a.step-dot:hover { border-color: #008300; } .shipping-progress .popover-content { padding: 9px 14px; text-align: center; } .shipping-progress .popover { background-color: #008300; color: #fff; border-radius: 10px; } .shipping-progress .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #008300; border-bottom-width: 0; } .shipping-bar-status { padding-bottom: 10px; text-align: center; } .shipping-bar-status a { font-weight: 600; } .shipping-bar-status i { font-size: 10px; } @media all and (min-width: 320px) { .starting-point { position: absolute; top: 40%; left: 0; } .ending-point { position: absolute; top: 40%; right: -15%; } .shipping-progress > .progress-step .step-title { font-size: 14px; visibility: hidden; } } @media all and (min-width: 480px) { .starting-point { left: 25%; } .ending-point { right: 0; } .shipping-progress > .progress-step .step-title { visibility: visible; } } @media all and (min-width: 768px) { .starting-point { left: 30%; } } @media all and (min-width: 992px) { .ending-point { right: 15%; } } @media all and (min-width: 1200px) { .shipping-progress > .progress-step .step-title { font-size: 16px; } } .form-builder-container .page-title { text-transform: uppercase; } .form-builder { padding-bottom: 20px; } .form-builder .form-group-container { padding: 15px 10px; margin-bottom: 10px; background: #dadada; overflow: hidden; } .form-builder .form-group-container .form-group-name { font-size: 21px; padding-bottom: 5px; border-bottom: 1px solid #c3c3c3; } .form-builder .file-upload .file-upload-name { display: inline-flex; vertical-align: middle; float: none; margin-left: 5px; } .form-builder .file-upload .file-browse-btn { display: inline-flex; } .form-builder .form-group .multiselect-dropdown { background: none; padding: 0; } .form-builder .form-group .switch-field { overflow: hidden; margin-top: 1px; } .form-builder .form-group .switch-field input { display: none; } .form-builder .form-group .switch-field label { float: left; display: inline-block; width: 40px; height: 24px; font-weight: normal !important; background-color: #fff; line-height: 20px !important; text-align: center; text-shadow: none; padding: 1px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .form-builder .form-group .switch-field label:hover { cursor: pointer; } .form-builder .form-group .switch-field label:first-of-type { border-radius: 0; } .form-builder .form-group .switch-field label:last-of-type { border-radius: 0; } .form-builder .form-group .switch-title { margin-bottom: 6px; } .form-builder .form-group .switch-field input:checked + label { background-color: #4e6b7b; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .form-builder .form-group .file-upload .btn-text { margin-left: 0; } @media all and (min-width: 320px) { .form-builder .form-group .datepicker-control { width: 30%; } } @media all and (min-width: 768px) { .form-builder .form-group .datepicker-control { width: 20%; } } .header { position: relative; top: 0; left: 0; width: 100%; transition: height 500ms, background 500ms; z-index: 999; background-color: #fff; } .header .header-logo { float: left; width: 100%; max-height: 95px; padding-right: 5px; color: #4e6b7b; } .header .header-logo img { max-height: 95px; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 22px; } .header .header-logo h1 { color: #4e6b7b; font-size: 22px; } .header .header-link-contain { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .header .header-link-contain .header-link ul { float: right; padding-left: 0; } .header .header-link-contain .header-link ul li { display: inline; list-style: none; border-right: 1px solid #c3c3c3; padding: 0 5px; line-height: 34px; position: relative; } .header .header-link-contain .header-link ul li:hover { color: #4e6b7b; } .header .header-link-contain .header-link ul li:last-child { border: none; } .header .header-link-contain .header-link ul li a { padding-left: 5px; } .header .header-link-contain .header-link ul li a.user-icon { padding: 0; } .header .header-link-contain .header-link ul li a.user-icon:hover { padding-left: 0; color: #4e6b7b; } .header .header-link-contain .header-link ul li .log-off { border-left: 1px solid #c3c3c3; } .header .header-link-contain .header-link ul li .header-toolbar-cart { color: #4e6b7b; font-size: 24px; } .header .header-link-contain .header-link ul li .cartcount { top: -14px; height: 16px; width: 16px; border-radius: 50px; color: #032b44; font-size: 12px; font-weight: bold; line-height: 16px; text-align: center; position: absolute; } .header .header-link-contain .header-link ul li form { display: inline; } .header .header-link-contain .header-link ul li i.zf-login-user { float: left; margin-top: 5px; } .header .header-link-contain .header-link ul .cart-icon { border-right: none !important; } .header .header-nav-container { background-color: #032b44; height: 50px; } .header .header-nav-container .zf-caret-right { display: none; } .header .header-nav-container .navbar-toggle { float: left; margin: 8px 0 8px 10px; background-color: #fff; } .header .header-nav-container .navbar-toggle .icon-bar { background-color: #4e6b7b; } .header .header-local-container { background-color: #4e6b7b; height: 25px; } .contact-details { display: flex; float: right; color: #fff; line-height: 23px; font-size: 14px; } .contact-details a { color: #fff !important; } .proxy-login-section { background: #032b44; } .proxy-login-section .proxy-login { display: flex; justify-content: center; align-items: center; padding: 2px; } .proxy-login-section span { font-weight: bold; color: #5cb85c; } .proxy-login-section .log-off { background: #5cb85c; color: #032b44; padding: 0 10px; margin: 4px 4px 4px 7px; border-radius: 2px; font-weight: bold; } .hide-show { display: none; } .header-checkout { border-bottom: 1px solid #c3c3c3; } .desktop-link z-widget { display: inline; } .desktop-link li { padding: 15px; } .desktop-link li:hover { background-color: #4e6b7b; } .desktop-link li a { font-size: 15px; color: #fff; text-transform: uppercase; } @media all and (min-width: 320px) { .header .header-logo { font-size: 40px; min-height: 70px; max-height: 70px; padding-right: 0; margin-bottom: 2px; } .header .header-logo img { margin: 12px auto; width: 180px; max-height: 70px; } .header .header-logo h1 { font-size: 40px; text-align: center; } .header .header-link-contain { padding: 5px 10px; } .header .header-link-contain .header-link ul { padding-right: 5px; padding-top: 12px; margin-bottom: 0; } .header .header-link-contain .header-link ul .username { display: none; } .contact-details { margin-right: 10px; } .desktop-link ul { display: grid; } } @media all and (min-width: 768px) { .header .header-logo { min-height: 95px; padding-right: 5px; margin-bottom: 0; } .header .header-logo img { margin: 0; width: 100%; max-height: initial; padding-top: 20px; } .header .header-logo h1 { font-size: 56px; text-align: left; } .header .header-link-contain { margin-top: 25px; padding: 0; } .header .header-link-contain .header-link ul { padding-top: 0; padding-right: 10px; } .header .header-link-contain .header-link ul .username { display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px; } .contact-details { width: auto; } .desktop-link ul { display: inline-block; } /*.shrink{position:fixed;background-color:rgba(255, 255, 255, 0.9); .header-logo{min-height:70px; img{max-height:95px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;transition:all 0.3s;} } .header-link-contain{-webkit-transition:all 0.3s; -moz-transition:all 0.3s;transition:all 0.3s;} }*/ } @media all and (min-width: 992px) { .header .header-link-contain .header-link ul { padding-right: 0; padding-top: 5px; } /*.shrink{ .header-logo{ img{width:140px;max-height:58px;} h1{font-size:40px;} } .header-link-contain{margin-top:10px;} }*/ } .wrapper { min-height: 100%; } .main-wrapper { padding: 15px 0; min-height: 700px; } .main-wrapper .page-title { text-transform: uppercase; } footer { position: relative; clear: both; } .footer-container { background: #032b44; } .footer-container .footer-information { padding: 15px 0; font-size: 14px; color: #ffffff; } .footer-container .footer-information .nav-home { display: none; } .footer-container .footer-information a { color: #ffffff; text-decoration: none; line-height: 26px; word-break: break-word; } .footer-container .footer-information a:hover { color: #fff; text-decoration: underline; } .footer-container .footer-information a:focus, .footer-container .footer-information a:active { background-color: transparent; color: #fff; } .footer-container .footer-information li i { color: #959595; padding: 5px; } .footer-container .header-footer { border-bottom: 1px solid #626262; margin-bottom: 10px; } .footer-container .header-footer h3 { margin: 10px 0; text-transform: uppercase; color: #fff; font-family: Roboto-Regular, Arial, sans-serif; font-size: 19px; padding-left: 5px; background: none; } .footer-container .footer-contact p, .footer-container .footer-contact a { padding-left: 0px; } .footer-container .news-letter-container { padding-left: 5px; padding-right: 5px; } .footer-container .footer-shop { padding-left: 5px; padding-right: 5px; } .footer-container .footer-shop ul li { width: 100%; display: inline-block; list-style: none; background-color: transparent; padding: 0; vertical-align: top; } .footer-container .footer-shop ul li a { padding: 0; float: left; text-transform: capitalize; font-size: 15px; } .footer-container .footer-shop ul li a:hover { background-color: transparent; text-decoration: underline; } .footer-container .footer-shop ul li .sub-menu { display: none; } .footer-container .footer-shop ul li i { float: left; display: none; } .footer-container .footer-shop ul li .dropdown-menu { display: none; } .footer-container .footer-shop .navbar-nav { height: auto !important; margin: 0; } .footer-container .footer-copyright { background-color: #032b44; border-top: 1px solid #626262; padding: 10px 0; text-align: center; } .footer-container .footer-copyright .footer-logo { width: 210px; max-height: 65px; font-size: 19px; color: #626262; font-size: 22px; padding: 5px 0; } .footer-container .footer-copyright p { color: #ffffff; display: inline-block; vertical-align: middle; line-height: 28px; } .footer-container .footer-copyright ul { text-align: center; padding-left: 0; margin-bottom: 0; } .footer-container .footer-copyright ul li { list-style: none; display: inline-block; vertical-align: middle; padding: 0 4px; } .footer-container .footer-copyright ul li i { font-size: 26px; color: #828282; } .footer-container .footer-copyright ul li i:hover { color: #fff; } .footer-container .footer-copyright .footer-copyright-text { display: inline-block; vertical-align: middle; } .footer-container .footer-copyright .footer-copyright-links { display: inline-block; vertical-align: middle; } .footer-container .news-letter { background-color: #032b44; padding: 15px 0; border-bottom: 1px solid #4e6b7b; padding-bottom: 5px; } @media all and (min-width: 320px) { .footer-container .footer-copyright .footer-copyright-links { margin-top: 0px; } .footer-container .footer-copyright p { text-align: center; display: block; margin-bottom: 10px; } .footer-container .footer-copyright img { margin: 0 auto; } .footer-container .footer-copyright ul { float: left; width: 100%; text-align: center; } .footer-container .newsletter-widget { margin-bottom: 10px; float: left; width: 100%; } .footer-container .newsletter-widget .input-field { padding-left: 0; padding-right: 0; } } @media all and (min-width: 768px) { .footer-container .footer-copyright .footer-copyright-text { text-align: left; } .footer-container .footer-copyright .footer-copyright-links { margin-top: -28px; } .footer-container .footer-copyright p { text-align: left; display: inline-block; margin-bottom: 0; } .footer-container .footer-copyright img { margin: 0; } .footer-container .footer-copyright ul { float: right; width: auto; } .footer-container .newsletter-widget .input-field { padding-left: 15px; padding-right: 15px; } } @media all and (min-width: 992px) { .footer-container .footer-copyright .footer-copyright-text { text-align: center; } .footer-container .footer-copyright .footer-copyright-links { margin-top: -28px; } .footer-container .footer-copyright p { text-align: left; display: inline-block; margin-bottom: 0; } .footer-container .footer-copyright img { margin: 0; } .footer-container .footer-copyright ul { float: right; width: auto; } .footer-container .newsletter-widget .input-field { padding-left: 15px; padding-right: 15px; } } .breadcrumb-container { color: #4e6b7b; text-align: center; margin-top: -6px; } .breadcrumb-container a { color: #032b44; padding: 0 5px; display: inline-block; } .breadcrumb-container span { padding: 5px; } .navbar-nav { margin: 0; } .navbar-nav .dynamic:hover { background-color: transparent; } .navbar-nav .dynamic .link-panel-widget li { padding: 14px; } .navbar-nav .dynamic .link-panel-widget li a { color: #fff; font-size: 15px; text-transform: uppercase; text-decoration: none; } .navbar-nav .dynamic .link-panel-widget li:hover { background-color: #4e6b7b; } .navbar-nav > li:hover { background-color: #4e6b7b; } .navbar-nav > li .dropdown-menu { border-top: 5px solid #4e6b7b; } .navbar-nav > li > a { padding: 15px; font-size: 15px; color: #fff; text-transform: uppercase; } .navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus { background-color: #4e6b7b; } .navbar-nav > li .brand-filter a { font-size: 18px; text-align: center; } .navbar-nav > li .brand-filter a:hover { background-color: #f4f4f4; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu ul { padding: 0 0 10px 15px; } .dropdown-menu ul li { line-height: 40px; min-height: 24px; } .dropdown-menu a:hover { text-decoration: underline !important; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown-menu ul { padding: 0; } .dropdown-menu { border-radius: 0px; } .dropdown-menu ul li { line-height: 40px; min-height: 24px; } .dropdown-submenu:hover > .dropdown-menu { visibility: visible; } .dropdown-submenu .dropdown-menu { visibility: hidden; } .dropdown-submenu:hover > a:before { border-left-color: #032b44; } .dropdown-submenu, .navbar { position: relative; } .dropdown-submenu > a:before { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent transparent transparent #4e6b7b; border-style: solid; border-width: 5px 0 5px 5px; margin-top: 5px; margin-right: -12px; } .navbar-collapse { background-color: #032b44; padding: 0; } .dropdown-menu > li > a { padding: 5px 20px; font-size: 14px; } .nav-drop { right: 0; line-height: 50px; font-size: 18px; color: #fff; } .nav-drop:hover, .nav-drop:active, .nav-drop:focus { color: #4e6b7b; } .nav-drop-container ul { background-color: #032b44; margin: 0; padding: 0; position: absolute; right: -5px; width: 50%; border-radius: 0; } .nav-drop-container ul li { list-style: none; display: block; position: relative !important; color: #fff; min-height: 24px; line-height: 40px; } .nav-drop-container ul li a { padding: 0 15px; color: #fff; width: 100%; display: block; } .nav-drop-container ul li:hover { background-color: #4e6b7b; color: #fff; } .nav-drop-container ul li ul { float: none !important; position: static !important; width: 100%; min-height: 50px !important; } .nav-drop-container ul li ul li { width: 100% !important; } .nav-drop-container ul li ul li a { color: #fff !important; padding: 10px 15px; } @media all and (min-width: 320px) { .dropdown-submenu ul.dropdown-menu.set1.multi-level { position: absolute; left: 15px; top: auto; width: 90%; } nav .nav-home { display: none; } .navbar-nav { height: auto !important; } .dropdown:hover .dropdown-menu { float: none; position: static; } /*.yamm .dropdown ul li{width:100%;} .yamm .dropdown.yamm-fw .dropdown-menu {min-height:100px;}*/ } @media all and (min-width: 768px) { nav .nav-home { display: block; } .navbar-nav { height: 50px !important; } .dropdown:hover .dropdown-menu { float: left; position: absolute; width: 280px; } .dropdown-submenu ul.dropdown-menu.set1.multi-level { position: absolute; left: 100%; top: 0; width: 100%; } /*.yamm .dropdown ul li{width:25%;} .yamm .dropdown.yamm-fw .dropdown-menu {min-height:250px;max-height:700px;overflow-y:auto;}*/ } @media all and (min-width: 992px) { /*.yamm .dropdown ul li{width:19%;} .yamm .dropdown.yamm-fw .dropdown-menu {min-height:250px;max-height:450px;overflow-y:auto;}*/ } @media all and (min-width: 1500px) { /*.yamm .dropdown.yamm-fw .dropdown-menu {max-height:700px;}*/ } .site-map-container { margin-bottom: 20px; min-height: 500px; } .site-map-container .section-header { font-size: 19px; font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #c3c3c3; } .site-map-container ul { padding: 0; margin: 0; } .site-map-container ul li { list-style: none; } .site-map-container ul .sub-menu { margin-left: 20px; } .site-map-container ul .zf-caret-right, .site-map-container ul .zf-arrow-right-small { padding-right: 5px; } @media all and (min-width: 320px) { .contain-pages, .site-map-container { padding: 0 5px; } } @media all and (min-width: 768px) { .contain-pages { padding: 0; min-height: 650px; } .site-map-container { padding: 0; } } .advertisement-banner h3 { font-size: 20px; margin: 40px 0; text-align: center; color: #032b44; } .home-wide-promo { min-height: 40px; border: 1px solid #c3c3c3; margin: 20px 0; text-align: center; background: #fff; background: -moz-linear-gradient(top, #ffffff 0, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #ffffff 0, #f1f1f1 100%); background: -o-linear-gradient(top, #ffffff 0, #f1f1f1 100%); background: -ms-linear-gradient(top, #ffffff 0, #f1f1f1 100%); background: linear-gradient(to bottom, #ffffff 0, #f1f1f1 100%); } .home-wide-promo h5 { color: #252525; line-height: 40px; } .home-wide-promo h5 span { color: #4e6b7b; font-weight: bold; } .home-wide-promo h5 i { font-size: 44px; color: #4e6b7b; padding-left: 5px; vertical-align: middle; } .product-list-title { margin-bottom: 15px; text-align: center; font-size: 26px; text-transform: uppercase; margin-top: 20px; } .track-order { float: right; } .track-order a { color: #fff; padding-right: 15px; font-size: 13px; } .label-environment { color: #fff; font-size: 14px; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .padding-left20 { padding-left: 20px; } .padding-right20 { padding-right: 20px; } .cms1 { margin-top: 25px; margin-bottom: 25px; } .cms1 span { float: right; margin-top: -100px; position: relative; padding: 10px 40px 10px 40px; text-transform: uppercase; font-weight: bold; border: 1px solid #fff; background-color: rgba(46, 46, 46, 0.5); color: #fff; font-size: 25pt; right: 20px; } .cms1 span a { color: #fff; } .cms1 span:hover { background-color: #fff; } .cms1 span:hover a { color: #032b44; } @media all and (min-width: 320px) { .cms1 span { margin-top: -60px; font-size: 12pt; } .padding-left20 { padding-left: 0px; } .padding-right20 { padding-right: 0px; } .banner-set-height { height: 180px; } } @media all and (min-width: 768px) { .padding-left20 { padding-left: 0px; } .padding-right20 { padding-right: 0px; } .cms1 { margin-top: 0px; } .cms1 span { margin-top: -100px; font-size: 25pt; } } @media all and (min-width: 992px) { .padding-left20 { padding-left: 20px; } .padding-right20 { padding-right: 20px; } .cms1 { margin-top: 25px; } .cms1 span { margin-top: -100px; font-size: 25pt; } .banner-set-height { height: 633px; } } @media all and (min-width: 1500px) { .banner-set-height { height: 893px; } } #layout-category .category-landing-container .products-modes-setting h1 { display: none; } .narrow-results-pane { margin-top: 14px; } .search-result { font-size: 20px; float: left; } .search-result b { color: #4e6b7b; } @media all and (min-width: 320px) { .category-recent-view-list { padding: 0 5px; } .category-recent-view-list .product-list-widget { padding: 0; } .category-landing-container { padding-right: 5px; padding-left: 5px; } .category-landing-container .category-more { position: relative; top: -48px; left: -78px; } } @media all and (min-width: 768px) { .category-landing-container { padding-right: 0; padding-left: 15px; } .narrow-results-pane { display: block; } .category-recent-view-list { padding: 0; } .category-landing-container .category-more { left: -126px; } } @media all and (min-width: 992px) { .category-landing-container .category-more { left: -85px; } } @media all and (min-width: 1500px) { .category-landing-container .category-more { left: -78px; } } .product-view-details .product-overview { line-height: 26px; color: #252525; font-size: 15px; } .product-view-details .product-overview .product-number-details { float: left; width: 100%; } .product-view-details .product-overview .product-number { float: left; line-height: 20px; margin: 5px 0; display: block; padding-right: 15px; } .product-view-details .product-overview .product-brand { float: left; line-height: 20px; margin: 5px 0; display: block; padding-left: 15px; border-left: 1px solid #c3c3c3; } .product-view-details .product-overview .product-number span, .product-view-details .product-overview .product-brand span, .product-view-details .product-overview .product-vendor span { font-weight: bold; } .product-view-details .product-overview .product-highlight img { vertical-align: middle; max-height: 35px; margin: 0 auto; border: 1px solid #c3c3c3; } .product-view-details .product-overview .product-highlight ul { margin: 0; padding: 5px 0; } .product-view-details .product-overview .product-highlight ul li { display: inline-block; list-style: none; padding: 0 3px 0 0px; } .product-view-details .product-overview .product-highlight .owl-theme .owl-controls { top: -20px; } .product-view-details .product-overview .product-highlight .owl-theme .owl-controls .owl-buttons .owl-prev { width: 20px; height: 20px; line-height: 20px; } .product-view-details .product-overview .product-highlight .owl-theme .owl-controls .owl-buttons .owl-next { width: 20px; height: 20px; line-height: 20px; margin-right: 5px; } .product-view-details .product-overview .product-status { background-color: #f8f8f8; border: 1px solid #c3c3c3; padding: 6px 0; } .product-view-details .product-overview .product-status p { color: #05901b; font-size: 12px; line-height: 20px; margin-bottom: 0; } .product-view-details .product-overview .product-status i { font-size: 30px; color: #05901b; vertical-align: middle; padding: 0 5px; line-height: 58px; } .product-view-details .product-overview .product-bundles { background-color: #f7f7f7; border: 1px solid #c3c3c3; padding: 5px; max-height: 300px; overflow-y: auto; } .product-view-details .product-overview .product-bundles img { margin: 0 auto; } .product-view-details .product-overview .product-bundles .status-outofstock { font-size: 12px; font-weight: bold; color: #4e6b7b; } .product-view-details .product-overview .product-bundles ul { margin: 0; padding: 0; } .product-view-details .product-overview .product-bundles ul li { display: inline-block; vertical-align: top; width: 24%; margin-bottom: 10px; } .product-view-details .product-overview .product-bundles ul li h5 { font-size: 14px; } .product-view-details .product-overview .product-details-qty .error-msg, .product-view-details .product-overview .group-item-details .error-msg { font-size: 12px; font-family: Roboto-Medium, Arial, sans-serif; color: #4e6b7b; } .product-view-details .product-overview .specSheet { width: 25%; } .product-view-details .product-info { padding: 0; margin: 0; } .product-view-details .product-info .product-price h2 { font-size: 25px; font-weight: bold; margin: 15px 0; } .product-view-details .product-info .product-price .cut-price { color: #9f9f9f; padding-left: 5px; text-decoration: line-through; font-size: 20px; } .product-view-details .product-info .product-price .typical-time span { font-weight: bold; } .product-view-details .product-info .product-variations { border: 1px solid #c3c3c3; background-color: #f7f7f7; } .product-view-details .product-info .product-variations .your-pricing, .product-view-details .product-info .product-variations .product-wishlist { background-color: #efefef; padding: 10px; } .product-view-details .product-info .product-variations .your-pricing h3 { font-size: 30px; font-family: Roboto-Medium, Arial, sans-serif; color: #4e6b7b; margin: 0; background: transparent; } .product-view-details .product-info .product-variations .your-pricing span { font-size: 14px; color: #949494; font-weight: normal; vertical-align: middle; display: block; line-height: 20px; } .product-view-details .product-info .product-variations .your-pricing button { margin-top: 5px; } .product-view-details .product-info .product-variations .product-customize { padding: 0 10px; } .product-view-details .product-info .product-variations .product-customize .addons-attributs { padding: 0; } .product-view-details .product-info .product-variations .product-customize .addons-attributs h4 { font-size: 15px; font-family: Roboto-Medium, Arial, sans-serif; min-height: 20px; } .product-view-details .product-info .product-variations .product-customize .addons-attributs label { font-size: 14px; display: inline-block; vertical-align: top; } .product-view-details .product-info .product-variations .product-customize .addons-attributs .form-group { float: left; width: 100%; padding-left: 0; margin-bottom: 5px; } .product-view-details .product-info .product-variations .product-customize .addons-attributs .form-group .cut-price { padding-right: 0; } .product-view-details .product-info .product-variations .product-customize .addons-attributs .form-group .original-price { padding-left: 5px; } .product-view-details .product-info .product-variations .product-customize .addons-attributs .quantity { width: 50px; } .product-view-details .product-info .product-variations .product-customize .addons-attributs select { width: 50%; } .product-view-details .product-info .product-variations .product-customize .addons-attributs .time-inventory-fields .typical-time span { font-weight: bold; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container { padding: 0; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container label { display: block; font-size: 14px; text-transform: capitalize; font-weight: normal; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container ul { padding: 0; margin: 0; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container ul li { display: inline-block; cursor: pointer; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container ul img { border: 1px solid #c3c3c3; margin: 0 5px 5px 0; max-height: 40px; max-width: 40px; } .product-view-details .product-info .product-variations .product-customize .swatch-img-container ul img:hover { border: 1px solid #4e6b7b; } .product-view-details .product-info .product-variations .product-customize .size-swatch { padding: 0; margin: 0; } .product-view-details .product-info .product-variations .product-customize .size-swatch li { display: inline-block; cursor: pointer; margin-bottom: 5px; line-height: 26px; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label { text-align: center; margin: 0; border: 1px solid #c3c3c3; background-color: #fff; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label:hover { border: 1px solid #4e6b7b; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label:before, .product-view-details .product-info .product-variations .product-customize .size-swatch li label:after { color: transparent; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label.active { border: 1px dashed #4e6b7b; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label.scratch-image { padding: 0; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label.scratch-image.scratchattribute:before { background: none; position: absolute; content: ""; left: -5px; top: 50%; right: -5px; color: #c3c3c3; padding: 0; margin: 0; border-top: 1px solid #c3c3c3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-view-details .product-info .product-variations .product-customize .size-swatch li label.scratch-text { padding: 0 10px; } .product-view-details .product-info .product-variations .product-customize .size-swatch li label.scratch-text.scratchattribute:before { background: none; position: absolute; content: ""; left: 0; top: 50%; right: 0; color: #c3c3c3; padding: 0; margin: 0; border-top: 1px solid #c3c3c3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-10deg); } .product-view-details .product-info .product-variations .product-customize .swatch-img li img { max-width: 37px; max-height: 37px; } .product-view-details .product-info .product-variations .product-customize .color-swatch li label i { font-size: 26px; padding: 0 4px; line-height: 28px; } .product-view-details .product-info .product-variations .product-customize .product-wishlist button { margin-bottom: 5px; } .product-view-details .product-info .product-variations .product-customize .product-wishlist .social-share ul { padding: 0; margin: 0; float: left; } .product-view-details .product-info .product-variations .product-customize .product-wishlist .social-share ul li { display: inline-block; } .product-view-details .product-info .product-variations .product-customize .product-wishlist .social-share ul i { font-size: 26px; color: #787878; } .product-view-details .product-info .product-variations .product-customize .group-product-list { border-bottom: 1px solid #c3c3c3; padding: 5px 0; margin: 0; line-height: 32px; } .product-view-details .product-info .product-variations .product-customize .group-product-list img { width: 65px; max-height: 65px; float: left; } .product-view-details .product-info .product-variations .product-customize .group-product-list .group-item-details .product-details-quantity { overflow: hidden; } .product-view-details .product-info .product-variations .product-customize .group-product-list .quantity-state { padding-left: 10px; font-size: 12px; } .product-view-details .product-info .product-variations .product-customize .group-product-list .dynamic-product-price { font-weight: 600; } .product-view-details .product-info .product-variations .product-customize .group-product-list .product-count-inventory { border-left: 1px solid #032b44; color: #4e6b7b; } .product-view-details .product-info .product-variations .wishlist-status .success-msg { padding: 2px 10px; } .product-view-details .product-info .product-variations .tier-price table { margin: 5px 0; } .obsolete-msg { font-size: 16px; } .obsolete-msg a { color: #CC0000; text-decoration: underline; } .write-review .form-group { float: left; width: 100%; } .write-review .setrating input { position: absolute; top: 0; left: -9999px; } .write-review .setrating label { cursor: pointer; } .static-bar { position: fixed; top: 110px; left: 0; right: 0; width: 100%; min-height: 78px; background-color: #fff; z-index: 1024; visibility: hidden; opacity: 0; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.3s linear; padding: 10px 80px; } .static-bar .padding { padding-top: 4px; } .static-bar .tab { display: table-cell; vertical-align: middle; padding: 10px 0; } .static-bar .tab .tab-panel-heading a:hover { color: #4e6b7b; } .static-bar .tab .tab-panel-heading .active a { color: #4e6b7b !important; } .static-bar .tab .tab-panel-heading li { list-style: none; display: inline-block; padding: 0 10px !important; border-right: 1px solid #c3c3c3; } .static-bar .tab .tab-panel-heading li:last-child { border-right: none; } .static-bar .tab .tab-panel-heading a { text-transform: capitalize; font-size: 21px; font-family: Roboto-Regular, Arial, sans-serif; color: #032b44; cursor: pointer; } .static-bar .tab .tab-panel-heading a .zf-arrow-right-big { font-size: 11px; font-weight: 600; padding-left: 10px; } .static-bar .btn-wishlist { display: inline-block; background-color: transparent; border: 0; font-family: Roboto-Regular, Arial, sans-serif; text-align: center; line-height: 1; height: 48px; font-size: 10px; vertical-align: bottom; padding: 0; margin-left: 12px; } .static-bar .btn-wishlist i { display: block; font-size: 20px; } .static-bar .product-price { float: left; } .static-bar .product-price h2 { line-height: 45px; padding-right: 15px; font-size: 26px; color: #cc0000; font-family: Roboto-Medium, Arial, sans-serif; } .static-bar .product-price .uom { font-family: Roboto-Regular, Arial, sans-serif; font-size: 12px; text-transform: lowercase; color: #032b44 !important; } .static-bar .product-price .black-price { color: #032b44; } .static-bar .btn-add-to-cart .error-msg { display: none !important; } .sticky-bar { visibility: visible; opacity: 1; box-shadow: 5px 5px 10px 0 #b9b9b9; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; min-height: 55px !important; } .sticky-bar .image { width: 55px; height: 55px; border: 2px solid #5cb85c; float: left; display: block; } .sticky-bar .product-detail div { display: inline-block; font-size: 15px; vertical-align: middle; line-height: 56px; } .sticky-bar .product-detail div span { border-right: 1px solid #c3c3c3; padding: 0 15px; } .sticky-bar .product-detail div .sku-label { border-right: none; padding: 0; } .sticky-bar .product-detail div .addtocart-label { color: #5cb85c; font-weight: bold; padding-left: 10px; } .sticky-bar .zf-active { color: #5cb85c; font-size: 18px; } .sticky-bar .close-btn { line-height: 32px; vertical-align: middle; color: #4e6b7b; font-size: 22px; cursor: pointer; } .sticky-bar .checkout-btn { margin: 0 10px; } .sticky-bar .product-info { display: flex; align-items: center; justify-content: flex-start; } .sticky-bar .product-info .btn { height: 38px; line-height: 22px; } .product-details-tab { margin: 15px 0; } .product-details-tab ul { border-bottom: 5px solid #4e6b7b; } .product-details-tab ul li a { color: #4e6b7b; font-size: 15px; font-family: Roboto-Medium, Arial, sans-serif; min-width: 150px; padding: 10px 15px; background-color: #f8f8f8; border: 1px solid #4e6b7b; border-radius: 0; text-align: center; } .product-details-tab ul li a:hover { background-color: #4e6b7b; color: #fff !important; border: 1px solid #4e6b7b; } .product-details-tab .nav-tabs > li.active > a, .product-details-tab .nav-tabs > li.active > a:hover, .product-details-tab .nav-tabs > li.active > a:focus { background-color: #4e6b7b; color: #fff; border-color: #4e6b7b; } .product-details-tab .tab-content { min-height: 300px; overflow-y: auto; background-color: #f9f9f9; border: 1px solid #c3c3c3; padding: 15px 20px; } .product-details-tab .tab-content h4 a { color: #032b44; font-size: 16px; font-weight: bold; padding-right: 5px; } .product-details-tab .tab-content h4 span { padding-left: 5px; border-left: 1px solid #c3c3c3; color: #949494; font-size: 14px; } .product-review { margin-bottom: 15px; } .product-review .review-title h3 { font-size: 14px; font-weight: bold; } @media all and (min-width: 320px) { .product-details-tab ul li { width: 100%; padding-right: 0; } } @media all and (min-width: 768px) { .product-details-tab ul li { width: auto; padding-right: 5px; } .product-details-tab .tab-content { max-height: 400px; } } .product-view-details .product-images .alternate-img { padding: 0px 0px; } .product-view-details .product-images .alternate-img .item img:hover { border: 2px solid #4e6b7b; } .product-view-details .product-images .alternate-img .owl-controls { top: -35px; } .product-view-details .product-images .alternate-img .item img { text-align: center; border: 2px solid #c3c3c3; display: block; max-width: 100px; margin: 0 auto; max-height: 60px; margin: inherit; padding: 5px; width: 90%; } .product-view-details .product-images .owl-theme .owl-controls { margin-top: 10px; } .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next { border: 1px solid #c3c3c3; border-radius: 3px; color: #4e6b7b; height: 28px; width: 28px; margin: 0; line-height: 26px; opacity: 1; font-family: "znode-web-store" !important; } .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next:hover { background-color: #4e6b7b; color: #fff; } .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev { margin-right: 5px; } .product-view-details .product-images .new-product-tag { position: absolute; top: 5px; right: 5px; z-index: 99; width: 40px; height: 40px; } .simpleLens-gallery-container { margin-top: 3%; margin-bottom: 25px; } .simpleLens-gallery-container .simpleLens-container { display: table; position: relative; margin: 0 auto; -ms-transform: none; } .simpleLens-gallery-container .simpleLens-big-image-container { display: table-cell; vertical-align: top; text-align: center; position: relative; width: 100%; -ms-transform: none; max-width: 100vw; max-height: 100vh; } .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image { height: auto !important; width: 100%; display: inline-block; text-align: center; margin: 0; box-shadow: none; float: none; position: relative; -ms-transform: none; } .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-big-image { max-width: 100%; -ms-transform: none; } .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-mouse-cursor { background-color: #ccc; opacity: 0.2; filter: alpha(opacity=20); position: absolute; top: 0; left: 0; border: 1px solid #c3c3c3; box-shadow: 0 0 2px 2px #999; cursor: none; -ms-transform: none; } .simpleLens-lens-element { background-color: #fff; box-shadow: 0 0 2px 2px #8e8e8e; height: 100%; left: 105%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 9999; text-align: center; -ms-transform: none; } .simpleLens-lens-element img { position: relative; top: 0; left: 0; width: auto !important; max-width: none !important; -ms-transform: none; } *::-ms-backdrop, .simpleLens-gallery-container .simpleLens-container { display: block; } *::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container { display: inline-block; vertical-align: middle; } *::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .small-view-template .product-view-details .product-images .alternate-img { padding: 20px; } .small-view-template .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image { width: 70%; } .small-view-template .simpleLens-container { height: 275px; } .small-view-template .simpleLens-lens-element { left: 85%; } .easyzoom { position: relative; margin-top: 3%; } .easyzoom-flyout, .easyzoom-notice { position: absolute; background: #fff; } .easyzoom img { vertical-align: bottom; } .easyzoom.is-loading img { cursor: progress; } .easyzoom.is-ready img { cursor: crosshair; } .easyzoom.is-error img { cursor: not-allowed; } .easyzoom-notice { top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; box-shadow: 0 0 10px #888; } .easyzoom-flyout { z-index: 100; overflow: hidden; } .easyzoom-overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; } .easyzoom-adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; } .easyzoom .easyzoom-img { display: table; width: 100%; text-align: center; } @media all and (min-width: 320px) { .simpleLens-lens-element { display: none; } .easyzoom img { width: 310px; } .big-view-template .simpleLens-container { height: auto; margin-bottom: 15px; } .YouTubeFrame { height: auto; width: 100%; } } @media all and (min-width: 768px) { .easyzoom img { width: auto; } .big-view-template .simpleLens-container { height: auto; margin-bottom: 15px; } .YouTubeFrame { height: 395px; width: 100%; } } @media all and (min-width: 992px) { .simpleLens-lens-element { display: block; } } @media all and (min-width: 320px) { .product-view-details { padding: 0 5px; } .product-view-details .product-overview .product-bundles ul li { width: 48%; } .product-view-details .product-overview .overview-small-view { padding: 0; } .product-view-details .product-info .product-variations .product-customize .group-product-list .group-item-details { padding-left: 5px; padding-right: 5px; } .product-view-details .product-info .personlised-attribute input[type="text"] { width: 75%; } .write-review, .all-reviews { padding: 0 5px; } .btn-print { display: none; } .static-bar { display: none; } .sticky-bar { display: block !important; padding: 5px 0 !important; top: 102px; } .sticky-bar .product-info-btn button { display: none; } .sticky-bar .product-detail div { line-height: 34px; } .sticky-bar .product-detail div .sku-label { padding-left: 10px !important; } .sticky-bar .product-detail div span { border-right: none; } .sticky-bar .padding { padding-top: 0; } .sticky-bar .close-btn { position: relative; right: 0; top: 22px; } } @media all and (min-width: 768px) { .product-view-details { padding: 0; } .product-view-details .product-overview .product-bundles ul li { width: 24%; } .product-view-details .product-info .product-variations .product-customize .group-product-list .group-item-details { padding-left: 20px; } .product-view-details .product-info .personlised-attribute input[type="text"] { width: 50%; } .write-review, .all-reviews { padding: 0; } .sticky-bar { top: 106px; } .sticky-bar .product-detail div { line-height: 34px; } .sticky-bar .product-detail div .sku-label { padding-left: 0 !important; } .sticky-bar .product-detail div span { border-right: 1px solid #c3c3c3; } .sticky-bar .padding { padding-top: 4px; } } @media all and (min-width: 992px) { .product-view-details .product-overview { padding-left: 30px; } .product-view-details .product-overview .overview-small-view { padding: 0 5px 0 0; } .static-bar { padding: 10px; min-height: 78px; display: block; } .static-bar .padding { padding-top: 4px; } .static-bar .tab .tab-panel-heading a { font-size: 21px; } .static-bar .pull-right.padding-right { padding-right: 20px; } .static-bar .pull-right.padding-right .product-price h2 { padding-right: 15px; } .static-bar .pull-right.padding-right .btn-add-to-cart button.btn-lable { padding: 6px 30px 6px 40px; } .static-bar .pull-right.padding-right .btn-wishlist { margin-left: 13px; } .sticky-bar { top: 110px; } .sticky-bar .product-info-btn button { display: inline-block; } .sticky-bar .close-btn { top: 0; } } @media all and (min-width: 1200px) { .btn-print { display: inline-block; } .static-bar { padding: 10px 80px; } } @media print { .btn-text, .product-view-details .product-rating a, .header-nav { display: none; } .product-details-tab .nav-tabs > li.active > a, .product-details-tab .nav-tabs > li.active > a:hover, .product-details-tab .nav-tabs > li.active > a:focus { font-weight: bold; } .product-details-tab ul li { width: auto; } .product-details-tab ul li a { font-weight: normal; } } .login-container { margin: 8% 0; color: #032b44; font-weight: normal; } .login-container .inner-container { border: 1px solid #c3c3c3; min-height: 330px; padding: 15px; /*.checkout-new .checkout-guest-container{display:none}*/ } .login-container .inner-container label { color: #032b44; font-size: 18px; margin: 6px 0; font-weight: normal; } .login-container .inner-container input[type="text"], .login-container .inner-container input[type="password"] { border-radius: 0; padding-left: 40px; } .login-container .inner-container .login-icon { line-height: 30px; font-size: 20px; padding: 0 8px; border: 1px solid #c3c3c3; color: #8e8e8e; width: 34px; } .login-container .inner-container .btn-text-login { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; font-size: 14px; font-weight: 700; border: 0; color: #fff; border-radius: 0px; text-transform: none; width: 100%; padding: 0 15px 1px 10px; height: 38px; line-height: 38px; } .login-container .inner-container .account-signup-container { border-left: 1px solid #c3c3c3; margin: 5% 0; } .login-container .inner-container .account-signup-container h3 { color: #4e6b7b; } .login-container .inner-container .account-signup-container .user-icon { display: block; width: 50px; height: 50px; border: 1px solid #c3c3c3; text-align: center; position: absolute; left: -25px; top: 95px; background-color: #fff; } .login-container .inner-container .account-signup-container .user-icon i { line-height: 47px; font-size: 30px; color: #cacaca; } .login-container .inner-container .checkout-guest .user-icon { top: 120px; } .login-container .inner-container .social { border-top: 1px solid #c3c3c3; position: relative; margin-top: 15px; } .login-container .inner-container .social .oval-seprator { display: block; width: 40px; height: 40px; border: 1px solid #c3c3c3; text-align: center; position: absolute; left: 43%; top: -21px; background-color: #a4a4a4; color: #fff; padding: 8px; line-height: 22px; } .login-container .inner-container .social .top-bottom-space { margin: 32px 0 25px; } .login-container .inner-container .remember-me label { margin-top: 0; line-height: 22px; font-size: 14px; } .login-container .inner-container .checkout-guest-container { margin-top: 15px; } .login-container .inner-container .account-signup-link:hover i, .login-container .inner-container .checkout-login-asguest:hover i { color: #032b44; } .login-container .inner-container .login-modal { margin: 5% 0; } .register-container .account-signup-link:hover i { color: #4e6b7b; } .register-container .account-signup-container { margin: 5% 0; padding: 10px 0; } .register-container .account-signup-container .user-icon { width: 50px; height: 50px; border: 1px solid #c3c3c3; text-align: center; position: absolute; left: -25px; top: 40px; background-color: #fff; } .register-container .account-signup-container .user-icon i { line-height: 45px; font-size: 30px; color: #cacaca; } .register-container .login-icon { line-height: 16px; font-size: 20px; text-align: center; border: 1px solid #c3c3c3; color: #8e8e8e; width: 34px; } .register-container .form-group { float: left; width: 100%; } .register-container .sub { font-size: 12px; color: #8e8e8e; } .register-container input[type="text"], .register-container input[type="password"] { border-radius: 0; padding-left: 40px; } .Facebook-btn { background-color: #435f9c; margin-bottom: 5px; } .Google-btn { background-color: #de4931; margin-bottom: 5px; margin-left: 5px; } .Amazon-btn { background-color: #f3a847; } .social-login { width: 150px !important; } @media all and (min-width: 320px) { .login-container .inner-container, .register-container { padding: 10px 5px; } .login-container .inner-container .account-signup-container, .register-container .account-signup-container { border-left: 0; } .login-container .inner-container .account-signup-container .user-icon, .register-container .account-signup-container .user-icon { display: none; } .login-form-forgotpassword { float: left; } .already-account { padding: 0; } } @media all and (min-width: 768px) { .login-container .inner-container .account-signup-container, .register-container .account-signup-container { border-left: 1px solid #c3c3c3; } .login-container .inner-container .account-signup-container .user-icon, .register-container .account-signup-container .user-icon { display: block; } .login-form-forgotpassword { float: right; } } @media all and (min-width: 992px) { .login-container .inner-container { padding: 15px; } } @media all and (min-width: 1200px) { .social-login { width: 225px !important; margin-top: 30px; } } .shopping-cart .cart-heading { display: flex; justify-content: space-between; } @media only screen and (max-width: 480px) { .shopping-cart .cart-heading { flex-wrap: wrap; flex-direction: column; } .shopping-cart .cart-heading .page-title, .shopping-cart .cart-heading .continue-shopping-btn { flex: 1 0 0; margin-left: 0; margin-bottom: 10px; } } @media only screen and (min-width: 992px) { .shopping-cart .cart-heading .continue-shopping-btn { margin-right: 15px; } } .shopping-cart .cart-buttons { display: flex; justify-content: flex-end; } .shopping-cart .cart-buttons .btn-text-icon { flex: 1 0 0; margin-left: 15px; } .shopping-cart .cart-buttons .btn-text-icon:first-child { margin-left: 0; } .shopping-cart .cart-buttons div { margin-left: 10px; } .shopping-cart .cart-total-title .cart-sub-heading { font-size: 16px; color: #4e6b7b; font-weight: bold; } .shopping-cart .cart-products table { background-color: #f7f7f7; border: 1px solid #c3c3c3; margin-bottom: 0; } .shopping-cart .cart-products table tr td, .shopping-cart .cart-products table tr th { vertical-align: middle; padding: 5px; } .shopping-cart .cart-products table tr th:first-child { width: 30px; } .shopping-cart .cart-products table tr td:first-child { padding-left: 0 !important; } .shopping-cart .cart-products .thead-text { font-weight: bold; } .shopping-cart .remove-item a { float: left; width: 100%; text-align: center; color: #4e6b7b; } .shopping-cart .cart-item-details .cart-item-description { font-size: 14px; line-height: 26px; } .shopping-cart .cart-item-details a { display: block; font-size: 14px; font-weight: bold; line-height: 26px; overflow: hidden; width: 100%; } .shopping-cart .cart-item-details .group-product-list p { line-height: 32px; font-weight: 600; } .shopping-cart .cart-item-details .group-product-list p i { font-size: 13px; color: #4e6b7b; } .shopping-cart .cart-item-details .cart-image a { max-height: 100%; overflow: visible; } .shopping-cart .cart-item-quantity .quantity-msg-error { display: block; } .shopping-cart .cart-summary .text-center { background-color: #f7f7f7; border: 1px solid #c3c3c3; border-top: 0; padding: 20px; } .shopping-cart .cart-summary .order-summary { margin-top: 15px; } .shopping-cart .cart-summary .cart-total { text-align: right; color: #032b44; } .shopping-cart .cart-summary .cart-total .form-group { float: left; width: 100%; margin-bottom: 5px; line-height: 32px; } .shopping-cart .cart-summary .cart-total .total { border-top: 1px solid #c3c3c3; float: left; width: 100%; } .shopping-cart .cart-summary .cart-total .total h2 { color: #4e6b7b; font-size: 20px; text-transform: uppercase; } .shopping-cart .cart-summary .cart-item-remove-all i { color: #4e6b7b; padding-right: 5px; } .shopping-cart .cart-summary .carttotalcontentarea .dashboard-loader { text-align: center; display: block; margin: 0 auto; } .shopping-cart .cart-promocode p, .shopping-cart .cart-giftcart p { font-weight: bold; padding: 10px 0; } .shopping-cart .cart-promocode .input-group, .shopping-cart .cart-giftcart .input-group { max-width: 300px; } .shopping-cart .shipping-estimate-details { line-height: 20px; } .shopping-cart .shipping-estimate-details .styled-input input[type=radio] + label { padding-right: 10px; margin-bottom: 0; } .shopping-cart .shipping-estimate-details .form-group { padding: 0 !important; } .shopping-cart .cart-apply-promocode .right-inner-icon i { line-height: 1; } .shopping-cart .cart-apply-promocode .right-inner-icon .cancel-shipping-estimator { position: absolute; top: 0; right: 0; padding: 9px 15px; height: 34px; } .shopping-cart .margin-top-bottom .btn-text-icon:first-child { margin-left: 0; } .shopping-cart .cart-total, .shopping-cart .cart-promocode { background-color: #f5f5f5; text-align: left !important; margin-bottom: 15px; border: 1px solid #c3c3c3; } .shopping-cart .cart-total .head-text, .shopping-cart .cart-promocode .head-text { border-bottom: 1px solid #c3c3c3; } .shopping-cart .cart-total h1, .shopping-cart .cart-promocode h1 { font-size: 22px; text-transform: uppercase; padding: 5px 15px; } .shopping-cart .cart-total .form-group, .shopping-cart .cart-promocode .form-group { padding: 5px 15px; } .shopping-cart .cart-total .align-right, .shopping-cart .cart-promocode .align-right { text-align: right; } .shopping-cart .cart-total-title { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; border-bottom: none !important; border: 1px solid #c3c3c3; background: -moz-linear-gradient(top, #ffffff 0, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0, #f0f0f0 100%); } .shopping-cart .cart-total-title .cart-item-remove-all .zf-close { font-size: 10px; margin-right: 5px; } .cart-item-quantity input[type="text"] { width: 48px; } .cart-item-quantity .quanity-msg-error { display: block; } @media all and (min-width: 320px) { .shopping-cart { padding: 0 5px; } .shopping-cart .cart-total-title h2 { padding: 15px 15px 30px 15px; } .shopping-cart .cart-products table tr td, .shopping-cart .cart-products table tr th { vertical-align: middle; padding: 5px; } .shopping-cart .cart-products table tr th:first-child { width: 30px; } .shopping-cart .cart-products table .thead-text { position: static; } .shopping-cart .cart-products table thead { display: none; } .shopping-cart .table-responsive { border: 0 !important; } .shopping-cart .table-responsive .table tbody { border: 0; } .shopping-cart .table-responsive .table tbody tr { position: relative; /*float: left;*/ width: 100%; border-bottom: 1px solid #c3c3c3; } .shopping-cart .table-responsive .table tbody tr td { /*display: block; float: left; width: 100%; text-align: left;*/ padding: 10px 5px; } .shopping-cart .table-responsive .table tbody tr td.remove-item { position: absolute; z-index: 1; padding: 5px; width: auto; top: 15%; left: 10px; background-color: #fff; border: none; } .shopping-cart .table-responsive .table tbody tr td .cart-description { padding: 0; white-space: normal; } .shopping-cart .table-responsive .table tbody tr td .cart-description label { padding-right: 5px; } .shopping-cart .table-responsive .table tbody tr td.cart-item-quantity, .shopping-cart .table-responsive .table tbody tr td.cart-item-unitprice, .shopping-cart .table-responsive .table tbody tr td.cart-item-total { position: relative; float: right; clear: unset; width: 30%; min-width: 90px; font-size: 15px; } .shopping-cart .cart-btn a { width: 100%; } .shopping-cart .cart-btn .btn-left, .shopping-cart .cart-btn .btn-right { padding-right: 0; } .shopping-cart .cart-btn .btn-left .btn-text-icon, .shopping-cart .cart-btn .btn-right .btn-text-icon { margin-left: 0; } .shopping-cart .cart-btn .btn-left { margin-bottom: 10px; } .cart-item-details { border: none; } .cart-item-details .cart-image { width: 50%; } .cart-item-details .cart-image img { max-width: 50px; float: right; margin-right: 35px; } .cart-item-details .cart-description { padding: 10px 0 0; width: 50%; } .cart-item-details .cart-product-details { padding: 0; margin: 10px 0; } .cart-item-details .cart-products thead { display: none; } .cart-item-details .cart-products .remove-item { position: absolute; left: 0; } .cart-item-details .cart-products td { border-bottom: 0 !important; } .cart-item-details .cart-products td.cart-item-details { width: 46%; float: left; text-align: right; white-space: normal !important; } .cart-item-details .cart-products td.cart-item-unitprice, .cart-item-details .cart-products td.cart-item-quantity, .cart-item-details .cart-products td.cart-item-total { float: right; width: 19%; clear: right; } .cart-item-details .cart-products td.cart-item-unitprice { margin-top: 10px; color: #485880; font-weight: 700; } .cart-item-details .cart-left-section { padding: 0; } } @media only screen and (max-width: 480px) { .shopping-cart .cart-buttons { flex-direction: column; } .shopping-cart .cart-buttons .btn-text-icon { flex-wrap: wrap; margin-left: 0; margin-bottom: 10px; } } @media all and (min-width: 768px) { .shopping-cart { padding: 0; } .shopping-cart .cart-total-title h2 { padding: 15px; } .shopping-cart .cart-products table tr td, .shopping-cart .cart-products table tr th { vertical-align: top; } .shopping-cart .cart-products table .thead-text { position: static; } .shopping-cart .cart-item-quantity { max-width: 60px; } .shopping-cart .table-responsive .table tbody tr { float: none; } .shopping-cart .table-responsive .table tbody tr td { display: table-cell; float: none; width: auto; text-align: left; padding: 20px 5px; } .shopping-cart .table-responsive .table tbody tr td.remove-item { position: relative; padding: 20px !important; background-color: transparent; vertical-align: middle; top: 0; left: 0; } .shopping-cart .table-responsive .table tbody tr td .cart-description { padding: 0 0 0 10px; } .shopping-cart .table-responsive .table tbody tr td.cart-item-quantity, .shopping-cart .table-responsive .table tbody tr td.cart-item-unitprice, .shopping-cart .table-responsive .table tbody tr td.cart-item-total { float: none; clear: none; width: auto; } .shopping-cart .cart-btn .btn-right { padding-left: 5px; margin-top: 0; } .shopping-cart .cart-btn .btn-left { padding-right: 5px; } .cart-item-details { border: 1px solid #c3c3c3; } .cart-item-details .cart-image { width: auto; } .cart-item-details .cart-image img { max-width: 80px; margin-right: 15px; } .cart-item-details .cart-description { padding: 0 0 0 10px; width: 60%; } } @media all and (min-width: 992px) { .cart-product-details { padding: 0 15px 0 0; margin: 0; } .cart-products .remove-item { position: static; left: auto; } .cart-products td { border-bottom: 1px solid #c3c3c3; } .cart-products td.cart-item-details { width: auto; float: none; text-align: left; white-space: nowrap !important; } .cart-products td.cart-item-unitprice, .cart-products td.cart-item-quantity, .cart-products td.cart-item-total { float: none; width: auto; clear: none; } .cart-products td.cart-item-unitprice { margin-top: auto; } .shopping-cart .cart-total span.input-group-btn { margin-left: 7px; } .shopping-cart .cart-btn { padding: 0; } .shopping-cart .cart-btn .continue-shopping-btn { overflow: hidden; padding: 0 5px 1px 5px !important; } .cart-left-section { padding: 0 15px; } .cart-item-details .cart-description { padding: 0 0 0 10px; width: 60%; } } @media all and (min-width: 1200px) { .shopping-cart .cart-btn { padding: 0; } .shopping-cart .cart-btn .continue-shopping-btn { overflow: hidden; padding: 0 15px 1px 10px !important; } } .search-page .header-results-text { background-color: #fafafa; padding: 10px 15px; font-size: 1.4rem; font-family: Roboto-Medium, Arial, sans-serif; color: #505050; margin: 1.5rem 0; } .search-page .nav-tabs { padding: 0 1rem; margin: 0 -15px 1rem -15px; border-bottom: 1px solid #4e6b7b; } .search-page .nav-tabs > li > a { color: #555; margin-right: 2px; border-radius: 0; padding: 0.5rem 3rem; background: #fafafa; border: 1px solid transparent; border-bottom: none; text-transform: uppercase; font-family: Roboto-Medium, Arial, sans-serif; } .search-page .nav-tabs > li > a:hover { background-color: transparent; border: 1px solid #d4d4d4; border-bottom-color: transparent; } @media only screen and (max-width: 480px) { .search-page .nav-tabs > li > a { padding: 0.5rem 2rem; } } .search-page .nav-tabs > li.active > a, .search-page .nav-tabs > li.active > a:hover, .search-page .nav-tabs > li.active > a:focus { color: #4e6b7b; cursor: default; background-color: #fff; border: 1px solid #949494; border-bottom-color: transparent; } .blog-search-list-container .blog-header-results { background-color: #fafafa; padding: 10px 15px; font-size: 1.4rem; font-family: Roboto-Medium, Arial, sans-serif; color: #505050; margin-bottom: 1.5rem; } .blog-search-list-container .blog-list { letter-spacing: 0.04rem; } .blog-search-list-container .blog-list .blog-item { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #dee2e6; } .blog-search-list-container .blog-list .blog-item .blog-title a { font-size: 1.4rem; font-family: Roboto-Medium, Arial, sans-serif; } .blog-search-list-container .blog-list .blog-item .blog-description { font-size: 1.2rem; line-height: 1.2; margin: 10px 0; } .blog-search-list-container .blog-list .blog-item .blog-seo-url a { font-size: 1rem; } .single-page-checkout .shipping-method .b2c-inhand-block { display: flex; align-items: center; padding-left: 8px; } .single-page-checkout .shipping-method .b2c-inhand-block label { font-weight: bold; } .single-page-checkout .shipping-method .b2c-inhand-block .datepicker { border: 1px solid #c3c3c3; padding: 5px 10px !important; margin-bottom: 5px !important; min-width: 250px !important; max-width: 350px !important; height: 28px; border-radius: 0; } .single-page-checkout .shipping-method .b2c-inhand-block .right-inner-icon { padding-left: 25px; } .single-page-checkout .shipping-method .b2c-inhand-block .right-inner-icon i { top: 2px !important; color: #4e6b7b; } .single-page-checkout .single-page-payment .credit-card-container .cardconnectIframe { height: 212px; width: 400px; } .single-page-checkout .single-page-payment .credit-card-container .cardconnectcardholder { margin-left: 8px; } .single-page-checkout .single-page-payment .credit-card-container .cardconnectcardholder label { font-size: 15px; } .single-page-checkout .single-page-payment .credit-card-container .cardconnectcardholder input { max-width: 300px; border: 1px solid #9E9E9E; background-color: #fafafa; border-radius: 2px; } .single-page-checkout .address-block .address-name { font-weight: 600; color: #6a6367; } .single-page-checkout .address-block .address-details { min-height: 100px; } .single-page-checkout .review-order .cart-item-quantity input[type="text"] { border: none; background-color: transparent; pointer-events: none; } .single-page-checkout .review-order .shopping-cart { padding: 0; } .single-page-checkout .review-order .shopping-cart .cart-total { border: 0 !important; } .single-page-checkout .review-order .shopping-cart .cart-summary .order-summary { margin-top: 0; } .single-page-checkout .review-order .cart-products tr th:first-child { display: none; } .single-page-checkout .review-order .cart-products tbody tr td:first-child { display: none; } .single-page-checkout .cart-item-details { display: flex; width: 75%; float: left; } .single-page-checkout .cart-item-details .cart-image { width: 45px; } .single-page-checkout .cart-item-details .cart-description { flex: 1; padding: 0 0 0 10px; margin-top: 0; word-break: break-all; } .single-page-checkout .cart-item-quantity, .single-page-checkout .cart-item-total { float: right; clear: right; width: 25%; } .single-page-checkout .single-page-payment .credit-card-container .nav-tabs li { width: 50%; } .single-page-checkout .single-page-payment .credit-card-container .nav-tabs li a { text-align: center; background-color: #f5eded; color: #4e6b7b; border-color: #f5eded #f5eded transparent; } .single-page-checkout .single-page-payment .credit-card-container .nav-tabs li.active a { background-color: #4e6b7b; color: #fff; } .single-page-checkout .single-page-payment .credit-card-container .tab-content { padding: 10px 0; display: block; } .single-page-checkout .single-page-payment .credit-card-container .section-heading { font-size: 17px; border-bottom: 1px solid #c3c3c3; font-weight: 600; color: #6a6367; padding-bottom: 10px; display: none; } .single-page-checkout .single-page-payment .credit-card-container .save-cart { margin-bottom: 10px; } .single-page-checkout .single-page-payment .credit-card-container .save-cart ul { padding: 0; } .single-page-checkout .single-page-payment .credit-card-container .save-cart .input-radioButton { margin-right: 10px; } .single-page-checkout .cart-total-footnote { display: none; } .single-page-checkout .styled-input .disable-radio::before { color: #ddd !important; } .single-page-checkout .checkout-box { border: 1px solid #c3c3c3; box-shadow: 0px 0px 3px #c3c3c3; } .single-page-checkout .checkout-box .title { padding: 15px; margin: 0; font-size: 17px; color: #032b44; font-weight: bold; border-bottom: 1px solid #c3c3c3; text-transform: uppercase; } .single-page-checkout .checkout-box .payment-options .payment-select-heading { display: none; } .single-page-checkout .checkout-box .cart-gift-card { padding: 15px; } .single-page-checkout .checkout-box .cart-gift-card .voucher-heading { border-bottom: 1px solid #c3c3c3; font-size: 14px; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; text-transform: uppercase; } .single-page-checkout .checkout-box .cart-gift-card .voucher-text { max-width: 250px; } .single-page-checkout .checkout-box .gift-card-details .zf-close { padding-right: 15px; } .single-page-checkout .checkout-box .gift-card-details .voucher-amount { font-weight: bold; } .single-page-checkout .checkout-box .payment-options .payment-heading { border-bottom: 1px solid #c3c3c3; font-size: 14px; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; text-transform: uppercase; } .single-page-checkout .checkout-box .payment-options .styled-input { padding-left: 10px; } .single-page-checkout .cart-products thead { display: none; } .single-page-checkout .cart-products tbody { display: flex; flex-wrap: wrap; } .single-page-checkout .cart-products tbody tr { width: 100%; } .single-page-checkout .cart-products .remove-item { position: absolute; left: 0; } .single-page-checkout .cart-products td { border-bottom: 0 !important; position: relative; vertical-align: top !important; } .single-page-checkout .cart-products td.cart-item-unitprice { margin-top: 10px; display: none; } .single-page-checkout .cart-products .thead-text { position: static !important; } .single-page-checkout .cart-total-title { padding: 0; } .single-page-checkout .cart-total-title .cart-item-remove-all { position: absolute; right: 2px; top: 22px; } .single-page-checkout .cart-left-section { padding: 0; } .single-page-checkout .shipping-address .shipping-constraints { display: flex; } .single-page-checkout .cart-image img { float: none; width: 30px; } .single-page-checkout td.cart-item-details { white-space: normal !important; } .single-page-checkout .chk-section, .single-page-checkout .cart-promocode { background-color: #f5f5f5; margin-bottom: 15px; border: 1px solid #c3c3c3; } .single-page-checkout .chk-section .head-text h1, .single-page-checkout .cart-promocode .head-text h1 { font-size: 22px; text-transform: uppercase; padding: 5px 15px; } .single-page-checkout .chk-section table, .single-page-checkout .cart-promocode table { border: 0; } .single-page-checkout .chk-section table td, .single-page-checkout .cart-promocode table td { padding: 10px !important; } .single-page-checkout .chk-section table .cart-item-total, .single-page-checkout .chk-section table .cart-item-quantity, .single-page-checkout .cart-promocode table .cart-item-total, .single-page-checkout .cart-promocode table .cart-item-quantity { padding-top: 13px !important; } .single-page-checkout .chk-section table .cart-result, .single-page-checkout .cart-promocode table .cart-result { margin-top: 8px; } .single-page-checkout .additional-section .head-text { border: 1px solid #c3c3c3; } .single-page-checkout .additional-section .addition-info { margin: 0 15px; } .single-page-checkout .cart-total { margin-left: 0; } .single-page-checkout .cart-total .align-right { padding-right: 16px; } .single-page-checkout .create-new-address { position: absolute; right: 0; top: 3px; font-family: Roboto-Medium, Arial, sans-serif; z-index: 999; } .single-page-checkout .create-new-address a { border: 1px solid #c3c3c3; padding: 5px 10px; } .single-page-checkout .address-block { padding-top: 10px; } .single-page-checkout .address-block .address-change { font-family: Roboto-Medium, Arial, sans-serif; text-align: right; } .single-page-checkout .address-block .address-change a { border: 1px solid #c3c3c3; padding: 2px 9px; margin: 5px 0; } .cart-promocode .head-text { border-bottom: 1px solid #c3c3c3; padding-right: 0; } .cart-promocode .form-group { padding: 5px 15px; } .cart-promocode .promotion-block { border: 1px solid red; background: #ffcece; } .shopping-block-item .cart-products .cart-item-quantity input[type="text"] { border: 1px solid #c3c3c3; width: 48px; } .shipping-method .styled-radio .input-label { font-weight: normal; } .amazon-pay-review .hide-in-amazon-checkout { display: none; } .amazon-pay-review .cart-item-quantity input[type="text"] { border: none; background-color: transparent; width: auto; pointer-events: none; } .address-popup .modal-body { display: inline-block; background-color: #fff; } .address-popup .edit-address-form { margin-top: 0; } .login-container-popup .login-container { margin: 0; } .login-container-popup .login-container .inner-container { border: 0; padding: 0 25px; } .login-container-popup .login-container .inner-container .social { width: 100%; } .login-container-popup .login-container .login-form-forgotpassword { display: none; } .ui-dialog { background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); z-index: 99999 !important; } .ui-dialog .ui-dialog-titlebar { font-size: 16px; font-family: Roboto-Medium, Arial, sans-serif; display: block; line-height: 26px; color: #fff; background-color: #4e6b7b; padding: 15px; } .ui-dialog .ui-dialog-content { padding: 15px; color: #032b44; } .ui-dialog .ui-dialog-titlebar-close { font-family: "znode-web-store"; font-weight: normal; font-size: 16px; color: #032b44; content: "\f057"; position: absolute; right: 5px; top: 5px; } .ui-dialog .ui-dialog-buttonpane { float: left; width: 100%; background-color: #fff; padding: 10px 15px; border-top: 1px solid #c3c3c3; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { display: inline-block; min-width: 70px; text-align: center; font-family: Roboto-Regular, Arial, sans-serif; border: none; color: #fff; border-radius: 4px; text-transform: capitalize; font-size: 14px; padding: 0 15px; margin-left: 5px; height: 24px; line-height: 23px; text-transform: capitalize; color: #fff; background-color: #032b44; overflow: hidden; float: left; border-radius: 2px; } .ui-md-popup { width: 600px !important; height: auto; } .amazon-checkout .shipping-address { padding-right: 30px; } .amazon-checkout .shipping-address .title { text-transform: uppercase; font-weight: bold; } .amazon-checkout .shipping-method .title { padding-left: 10px; } .amazon-checkout .login-off-btn { margin-left: 0 !important; } .amazon-checkout .amazon-right { margin-top: 6px; } #AmazonWalletWidget, #AmazonConsentWidget { width: 800px; height: 228px; } h3 { padding: 9px 0; font-size: 16px; color: #343434; } .address-book { padding-right: 10px; margin: 10px 0; } .order-btn { width: 100%; max-width: 250px; } @media all and (min-width: 320px) { .single-page-checkout { padding: 0 5px; } .single-page-checkout .shipping-address { padding-right: 0; } .checkout-reciept { padding: 0 5px; } } @media all and (min-width: 768px) { .single-page-checkout { padding: 0; } .single-page-checkout .shipping-address-content .shipping-address-edit, .single-page-checkout .billing-address-content .shipping-address-edit { padding-right: 15px; } .single-page-checkout .shipping-address-content .shipping-address-edit-block .address-book-block, .single-page-checkout .billing-address-content .shipping-address-edit-block .address-book-block { display: flex; flex-wrap: wrap; } .single-page-checkout .cart-products tbody { display: table; width: 100%; } .single-page-checkout .cart-products tbody .cart-item-details { width: 100%; } .single-page-checkout .cart-products tbody .cart-item-quantity, .single-page-checkout .cart-products tbody .cart-item-total { float: none; width: auto; clear: none; } .checkout-reciept { padding: 0; } } @media all and (min-width: 992px) { .single-page-checkout .shipping-address { padding-right: 30px; } .single-page-checkout .shipping-address-content { padding-right: 0; } .single-page-checkout .shipping-address-content .shipping-address-edit { padding-right: 15px; } } .account-dashboard { border-top: 2px solid #4e6b7b; padding-top: 15px; min-height: 450px; } .account-dashboard .right-container .voucher-list .total-label { text-align: right; font-size: 16px; font-weight: bold; padding-right: 5px; } .account-dashboard .right-container .order-history-component { display: flex !important; justify-content: space-between; flex-wrap: wrap; } .account-dashboard .right-container .order-history-component #btnGenerateInvoice { margin-top: 10px; } .account-dashboard .return-item-list .receipt-column-item { padding: 5px; } .account-dashboard .tabs-left { border: 0; } .account-dashboard .tabs-left li { float: none; margin-bottom: 2px; margin-right: -1px; } .account-dashboard .tabs-left li a { border-radius: 4px 0 0 4px; color: #032b44; display: block; margin-right: 0; padding: 8px 6px; } .account-dashboard .tabs-left li a:hover i { color: #fff; } .account-dashboard .tabs-left li i { color: #4e6b7b; padding-left: 5px; font-size: 11px; vertical-align: baseline; } .account-dashboard nav > ul > li > a.selected, .account-dashboard nav > ul > li > a:hover { background-color: #4e6b7b !important; color: #fff !important; } .account-dashboard nav > ul > li > a.selected i, .account-dashboard nav > ul > li > a:hover i { color: #fff !important; } .account-dashboard .section-header { font-size: 19px; color: #032b44; font-weight: bold; border-bottom: 1px solid #032b44; padding-bottom: 8px; } .account-dashboard .wishlist-container table tr { border: 0; border-bottom: 1px solid #c3c3c3; } .account-dashboard .wishlist-container table tr td { vertical-align: middle; padding: 5px; } .account-dashboard .wishlist-container table tr td.wishlist-item-tocart { min-width: 130px; max-width: 100px !important; } .account-dashboard .wishlist-container table tr td.wishlist-item-tocart .btn-card { margin-left: 0; width: 100% !important; } .account-dashboard .wishlist-container table tr td.wishlist-item-tocart .btn-card i { color: #fff !important; } .account-dashboard .wishlist-container table .wishlist-item-detail a { display: block; font-size: 14px; line-height: 26px; overflow: hidden; width: 100%; } .account-dashboard .wishlist-container table .wishlist-item-image { padding: 0 5px 0 0; } .account-dashboard .wishlist-container table .wishlist-item-image img { max-height: 60px; } .account-dashboard .address-book .address-list form { display: inline-block; } .account-dashboard .address-book h5, .account-dashboard .address-book h3 { font-size: 15px; font-weight: bold; color: #4e6b7b; border-bottom: 1px solid #032b44; padding-bottom: 6px; } .account-dashboard .address-book .address-title { color: #626262; font-weight: bold; } .account-dashboard .address-book .edit-address-form .form-group, .account-dashboard .address-book .change-password .form-group { float: left; width: 100%; margin-bottom: 5px; } .account-dashboard .address-book .address-list-primary .address-change i.zf-delete { display: none; } .account-dashboard .address-book .action-links { margin-bottom: 10px; } .account-dashboard .address-book .recommended-address-popup h5 { font-size: 16px; color: #000; border-bottom: 1px solid #c3c3c3; } .account-dashboard .address-change { color: #4e6b7b; } .account-dashboard .address-change i { padding: 1px 1px 1px 4px; border: 1px solid #4e6b7b; border-radius: 4px; font-size: 19px; margin-left: 5px; } .account-dashboard .address-change button { background: transparent; border: none; padding: 0; } .account-dashboard .address-change button:hover i { color: #429cff; } .account-dashboard .dashboard-addresses h5 { color: #626262; font-weight: bold; } .account-dashboard .dashboard-addresses .address-change i.zf-delete { display: none; } .account-dashboard .address-block p { margin-bottom: 1px; } .account-dashboard .action-links button { background: transparent; border: none; color: #4e6b7b; padding: 0; } .account-dashboard .action-links .border-left { border-left: 1px solid #c3c3c3; padding-left: 6px; margin-left: 2px; } .account-dashboard .edit-profile .form-group { float: left; width: 100%; margin-bottom: 5px; } .account-dashboard .order-receipt h3 { font-size: 15px; font-weight: bold; color: #032b44; border-bottom: 1px solid #032b44; padding-bottom: 6px; } .account-dashboard .order-receipt .receipt-total { border-top: 1px solid #032b44; } .account-dashboard .order-receipt .receipt-item-list .b2c-products-header { font-size: 16px !important; } .account-dashboard .order-receipt .receipt-item-list table { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; } .account-dashboard .order-receipt .receipt-item-list table .shipment-address { background-color: #fff; background-color: #f9f9f9; } .account-dashboard .order-receipt .receipt-item-list table .shipment-address td { padding: 5px; } .account-dashboard .order-receipt .receipt-item-list table .table-heading th { padding: 5px; } .account-dashboard .order-receipt .receipt-item-list table .receipt-column-action { border-right: 1px solid #c3c3c3; } .account-dashboard .order-receipt .receipt-totals .form-group { float: left; width: 100%; margin-bottom: 0; line-height: 32px; } .account-dashboard .order-receipt .receipt-totals h2 { color: #4e6b7b; } .account-dashboard .order-receipt .table-responsive { margin-bottom: 0; } .account-dashboard .review-history ul { margin: 0; padding: 0; } .account-dashboard .review-history ul li { list-style: none; padding: 5px 0; } .account-dashboard .review-history ul .review-item-detail { margin-bottom: 5px; display: inline-block; width: 100%; } .account-dashboard .review-history ul .review-item-detail .review-item-title { font-size: 17px; font-weight: 600; } .account-dashboard .review-history ul .review-item-detail h5 { font-weight: 600; } .account-dashboard .template-quick-order .quick-order { left: -198px; top: 32px; width: 305px; } .account-dashboard .credit-card-content .credit-card-block { margin: 0 0 15px; } .account-dashboard .credit-card-content .card-type { margin: 4px 0; } .account-dashboard .credit-card-content .card-type img { display: inline-block; vertical-align: top; padding-right: 10px; } .account-dashboard .credit-card-content .card-type i { padding: 1px 1px 1px 4px; border: 1px solid #4e6b7b; border-radius: 4px; font-size: 19px; margin-left: 5px; } .account-dashboard .credit-card-content p { margin: 0 0 2px; } .account-dashboard .cart-products .cart-item-quantity input[type="text"] { width: 48px; } .account-dashboard .quote-products table { background-color: #f7f7f7; border: 1px solid #c3c3c3; margin-bottom: 0; } .account-dashboard .quote-products table tr td, .account-dashboard .quote-products table tr th { border: 1px solid #c3c3c3; vertical-align: middle; padding: 5px; } .account-dashboard .order-history .table .z-podocument { display: none !important; } .account-dashboard .product-search .back-btn { margin-right: 5px; } .account-dashboard .product-search .shipping-address-btn { overflow: hidden; padding-bottom: 10px; } .account-dashboard .product-search .filter-component .filter-csv-text label { height: 29px; line-height: 27px; } .account-dashboard .shipping-address-import .import-control-label { width: 170px; display: inline-block; float: left; } .account-dashboard .shipping-address-import .import-control-label .sub { display: block; } .account-dashboard .shipping-address-import .import-input { display: inline-flex; /*width:70%;*/ float: right; } .account-dashboard .shipping-address-import .import-input .shipping-uploader { display: inline-flex; } .account-dashboard .shipping-address-import .import-input .shipping-uploader .file-upload { padding-right: 15px; } .account-dashboard .import-download-template form { float: right; } .account-dashboard .available-ecertlist .ecert-title { margin: 0; } .account-dashboard .available-ecertlist .ecert-balance { font-size: 19px; } .account-dashboard .add-ecert-balance .ecert-control h4 { font-size: 17px; font-weight: bold; margin-bottom: 10px; } .account-dashboard .shipping-address-edit-block .address-book-block { display: flex; flex-wrap: wrap; } .account-dashboard .approval-comment-section .title { font-size: 17px; } .account-dashboard .user-approver-modal { text-align: center; padding: 0 !important; } .account-dashboard .user-approver-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .account-dashboard .user-approver-modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .eCertificateBalance .text-ecert { width: 100%; max-width: 450px; } .eCertificateBalance .btn-text { margin-left: 0; } .checkout-reciept .change-address { display: none; } @media all and (min-width: 320px) { .account-dashboard .right-container { padding-right: 0; padding-left: 0; } .account-dashboard .tabs-left li a { border-radius: 4px; } .account-dashboard .shipping-address-import .import-control-label { width: auto; } .account-dashboard .shipping-address-import .import-input { float: left; } .account-dashboard .shipping-address-import .import-browse-button { padding: 10px 0; } .account-dashboard .shipping-address-import .import-browse-button .error-msg, .account-dashboard .shipping-address-import .import-browse-button .import-name { padding-left: 0; } .account-dashboard .shipping-address-import .import-browse-button .btn-text { margin-left: 0; } .account-dashboard .import-download-template form { float: left; } .account-dashboard .import-download-template .btn-text { margin-left: 0; margin-top: 0; } .account-dashboard .edit-address .address-edit-form .shipping-address-edit { padding-right: 0; } .user-account { padding: 0 5px; } .user-account .page-title { font-size: 22px; } #poptreeview .dropdown-list-ul { right: auto; left: -30px; } } @media all and (min-width: 480px) { .account-dashboard .shipping-address-import .import-control-label { width: 170px; } .account-dashboard .shipping-address-import .import-input { float: left; } .account-dashboard .shipping-address-import .import-browse-button { padding: 0; } .account-dashboard .shipping-address-import .import-browse-button .error-msg, .account-dashboard .shipping-address-import .import-browse-button .import-name { padding-left: 6px; } .account-dashboard .shipping-address-import .import-browse-button .btn-text { margin-left: 5px; } .account-dashboard .import-download-template form { float: right; } .account-dashboard .import-download-template .btn-text { margin-left: 5px; margin-top: 0; } } @media all and (min-width: 768px) { .account-dashboard .right-container { padding-left: 15px; } .account-dashboard .tabs-left li a { border-radius: 4px 0 0 4px; } .account-dashboard .cart-item-details .cart-image img { max-width: 80px; } .account-dashboard .shipping-address-import .import-control-label { width: 170px; } .account-dashboard .shipping-address-import .import-input { float: left; } .account-dashboard .shipping-address-import .import-browse-button { padding: 0; } .account-dashboard .shipping-address-import .import-browse-button .error-msg, .account-dashboard .shipping-address-import .import-browse-button .import-name { padding-left: 6px; } .account-dashboard .shipping-address-import .import-browse-button .btn-text { margin-left: 5px; } .account-dashboard .import-download-template form { float: right; } .account-dashboard .import-download-template .btn-text { margin-left: 5px; margin-top: 15px; } .account-dashboard .edit-address .address-edit-form .shipping-address-edit { padding-right: 15px; } .user-account { padding: 0; } .user-account .page-title { font-size: 26px; } #poptreeview .dropdown-list-ul { right: 0; left: auto; } } @media all and (min-width: 992px) { .account-dashboard .wishlist-item-image img { max-width: 60%; } .account-dashboard .address-list .address-blocks { min-height: 235px; } .user-account .page-title { font-size: 30px; } } @media all and (min-width: 1200px) { .account-dashboard .address-list .address-blocks { min-height: 205px; } } @media only screen and (min-width: 420px) { .account-dashboard .right-container .order-history-component #btnGenerateInvoice { margin-top: 0; } } @media print { header, footer, .account-container-menu, .receipt-print, .product-altimages, .product-extras, .product-variations, .highlight-container, .compare-print { display: none; } a[href]:after { content: none !important; } } .brand-container .brand-filter { text-align: center; float: left; width: 100%; margin: 0; padding: 0; } .brand-container .brand-filter li { list-style: none; display: inline-block; padding-right: 30px; } .brand-container .brand-filter li a { font-size: 18px; font-weight: 600; } .brand-container .brand-list { display: block; padding: 0; } .brand-container .brand-list li { display: inline-block; vertical-align: top; margin-bottom: 10px; width: 49%; } .brand-container .brand-list a { color: #032b44; text-align: center; } .brand-container .brand-list a:hover { color: #4e6b7b; } .brand-container .brand-list a label { text-align: center; width: 100%; cursor: pointer; padding-top: 5px; } .brand-container .brand-list a img { margin: 0 auto; max-width: 130px; max-height: 130px; min-height: 130px; } .brand-banner { margin-bottom: 20px; } .brand-banner h1 { text-align: center; text-transform: uppercase; margin-top: 25px; } .brand-banner p { text-align: justify; padding-right: 5px; } .brand-banner .description { font-size: 16px; } .brand-banner img { width: 100%; margin-top: 15px; margin-bottom: 20px; } @media all and (min-width: 320px) { .brand-container { padding: 0 5px; } .brand-container .brand-filter li { padding-right: 13px; } .brand-container .brand-filter li a { font-size: 14px; } } @media all and (min-width: 768px) { .brand-container { padding: 0; } .brand-container .brand-filter li { padding-right: 30px; } .brand-container .brand-filter li a { font-size: 18px; } .brand-container .brand-list li { width: 19%; } } .template-product-list { padding: 10px; display: inline-block; } .template-product-list .item { float: left; min-width: 25%; text-align: center; } .default-template .product-list-widget .owl-theme .owl-controls { position: static; margin-bottom: 10px; } .blog-news { padding: 0; margin: 0; list-style: none; } .blog-news li { width: 100%; padding: 20px 0; border-bottom: 1px solid #c3c3c3; display: inline-block; } .blog-news li:last-child { border-bottom: none; } .blog-news li .blog-news-title a h2 { color: #032b44; } .blog-news li .blog-news-title a h2:hover { color: #429cff; } .blog-news li .blog-news-date-time { padding: 5px 10px; background-color: #f1f1f1; } .blog-news li .blog-news-text { padding: 10px 0; } .blog-news li .blog-news-text p { text-align: justify; } .blog-news li button { margin-left: 0; } .blog-news-details .blog-news-title { padding: 10px 0; float: left; width: 100%; } .blog-news-details .blog-news-title h1 { color: #032b44; margin: 0; } .blog-news-details img { padding: 5px 0; margin: auto; max-height: 500px; } .blog-news-details .blog-news-date-time { padding: 5px 10px; background-color: #f1f1f1; } .blog-news-details .back-btn button { margin-top: 5px; } .blog-news-details .blog-news-text { padding: 10px 0; } .blog-news-details .blog-news-text p { text-align: justify; } .blog-news-details form { float: left; width: 100%; } .blog-news-details form textarea { padding: 5px; } .blog-news-details form button { margin-left: 0; } .blog-news-details .comments-display-section { float: left; width: 100%; } .blog-news-details .comments-display-section .comment-list { padding: 10px 0 0; border-bottom: 1px solid #c3c3c3; } .blog-news-details .comments-display-section .comment-list:last-child { border-bottom: none; } .blog-news-details .comments-display-section .comment-list .blog-comment .comment-info { line-height: 30px; } .blog-news-details .comments-display-section .comment-list .blog-comment .comment-date-time { padding: 5px 10px; background-color: #f1f1f1; } .blog-news-details .comments-display-section .comment-list .blog-comment .comment-text { padding: 10px; } .blog-news-details .comments-display-section .comment-list .blog-comment .comment-text p { text-align: justify; } @media all and (min-width: 320px) { .blog-news li img { padding: 5px; margin: auto; } } @media all and (min-width: 768px) { .blog-news li img { margin: 0; padding-left: 0; } } .single-page-checkout .inhand-shipping { padding: 0 15px 15px 15px; } .single-page-checkout .in-hand-block { display: flex; align-items: center; } .single-page-checkout .in-hand-block .hand-date-picker { position: relative; } .single-page-checkout .in-hand-block .hand-date-picker .datepicker { border: 1px solid #c5b7b7 !important; padding: 5px 10px !important; min-width: 150px !important; max-width: 235px !important; border-radius: 0; } .single-page-checkout .in-hand-block .hand-date-picker span { position: absolute; right: 0; top: 0; padding: 10px; height: 24px; pointer-events: none; color: #4e6b7b; line-height: 14px; } .b2c-quote-page .quote-heading { border-bottom: 1px solid #4e6b7b; padding-bottom: 5px; } .b2c-quote-page .quote-receipt .shipping-billing-quote { background: #f9f9f9; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding: 0 10px 20px 10px; } .b2c-quote-page .quote-receipt .shipping-billing-quote .section-header-color { border-bottom: 1px solid #343434; padding-bottom: 5px; } .b2c-quote-page .quote-receipt .receipt-b2c-table .table { border: 1px solid #c3c3c3; } .b2c-quote-page .quote-receipt .receipt-b2c-table .table .table-heading { border-bottom: 1px solid #c3c3c3; } .b2c-quote-page .quote-receipt .receipt-b2c-table .table .table-heading .receipt-column-total { text-align: right; padding-right: 25px; } .b2c-quote-page .quote-receipt .receipt-b2c-table .table .receipt-item .receipt-column-total { text-align: right; padding-right: 25px; } .b2c-quote-page .quote-receipt .receipt-b2c-table .table tr td img { max-width: 75px !important; margin-right: 15px !important; min-height: 75px !important; } .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .form-group { float: left; width: 100%; margin-bottom: 0; line-height: 32px; } .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .subtotal, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .discount, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .tax-cost, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .shipping-cost, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .gift-amount, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .csr-discount, .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .order-total { padding-right: 25px; } .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .receipt-total { border-top: 1px solid #032b44; } .b2c-quote-page .quote-receipt .receipt-b2c-table .receipt-totals .receipt-total h2 { color: #4e6b7b; } .b2c-quote-page .quotes-notes-section .b2c-notes-header { font-size: 16px !important; } .b2c-quote-page .account-dashboard .quote-account-receipt .shipping-billing-quote { background: #f9f9f9; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding-bottom: 15px; margin-top: 15px; } .select-return-order label { font-size: 12px; } .select-return-order select { border: 1px solid #ccc; padding: 3px 50px 3px 5px; font-size: 12px; } .select-return-order .fstElement { border-radius: 2px; font-size: 12px; min-width: 200px; } .select-return-order .fstElement .fstToggleBtn { display: inline-block; border-radius: 2px; font-size: 12px; margin: 2px 5px; padding: 0 7px; background-color: #fff; cursor: pointer; min-width: 200px; } .select-return-order .fstElement .fstControls .fstQueryInput { display: inline-block; border-radius: 2px; font-size: 12px; padding: 0 7px; height: 24px; cursor: pointer; } .select-return-order .fstElement .fstResults .fstResultItem { font-size: 12px; padding: 5px 10px; } .select-return-order .fstElement .fstResults .fstResultItem.fstSelected, .select-return-order .fstElement .fstResults .fstResultItem.fstFocused { background-color: #4e6b7b; border-top: 1px solid #4e6b7b; } .return-order-detail .filter-component { background-color: #fff; } .return-order-detail .filter-component .order-title { border-bottom: 1px solid #ccc; margin-bottom: 8px; } .return-order-detail select { border: 1px solid #ccc; padding: 3px 20px 3px 5px; font-size: 12px; } .return-order-detail .header .lbl-order-detail { font-size: 13px; } .return-order-detail .return-order-table .mw-100 { min-width: 100px; } .return-order-detail .return-order-table .mw-200 { min-width: 200px; } .return-order-detail .return-order-table .mw-300 { min-width: 300px; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } @media (min-width: 576px) { .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } } @media (min-width: 768px) { .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } } @media (min-width: 992px) { .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } } @media (min-width: 1200px) { .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } } .d-none { display: none !important; } .d-flex { display: flex !important; } .d-block { display: block !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-table-cell { display: table-cell !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-table-cell { display: table-cell !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-table-cell { display: table-cell !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } } .datepicker { font-family: Roboto-Regular, Arial, sans-serif; top: 0; left: 0; padding: 5px 10px; margin-top: 0; background-color: #fff !important; cursor: pointer !important; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; border-radius: 0; } .datepicker-orient-top:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #c3c3c3; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-orient-top:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .datepicker-orient-bottom:before { content: ''; display: inline-block; position: absolute; bottom: -12px; left: 6px; width: 0; height: 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent; border-style: solid; border-width: 6px; display: none; } .datepicker-orient-bottom:after { content: ''; display: inline-block; position: absolute; bottom: -12px; left: 7px; width: 0; height: 0; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 6px; display: none; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 40px; height: 20px; } .datepicker td.day:hover { background: #e6e9e6; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999; } .datepicker td.active, .datepicker td.active:hover { background: #4e6b7b; color: #fff; } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #4e6b7b; color: #fff; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #039; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; } .datepicker td span:hover { background: #e6e9e6; } .datepicker td span.active { background: #4e6b7b; color: #fff; } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background: #4e6b7b; color: #fff; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #039; } .datepicker td span.old { color: #999; } .datepicker th.switch { width: 145px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #fff; } .datepicker-months table tbody tr td, .datepicker-years table tbody tr td { width: 220px !important; } .datepicker table thead tr { padding: 5px 0; } .datepicker table thead tr .prev, .datepicker table thead tr .next { color: #032b44; } .datepicker table thead tr .dow { font-weight: normal; color: #323230; font-size: 12px; } .datepicker table tbody { background-color: #ececec; } .datepicker table tbody tr td { background-color: #fff; border: 1px solid #ececec; } .timepicker .timepicker-picker .timepicker-hour, .timepicker .timepicker-picker .timepicker-minute { text-align: center; display: block; } .timepicker .timepicker-picker .glyphicon { color: #032b44; } .timepicker .timepicker-picker .btn-primary { background: #032b44; border: 1px solid #032b44; } /* Water Direct Custom Css */ .wd-pr-0 { padding-r: 0px !important; } .wd-mr-0 { margin-r: 0px !important; } .wd-pr-10 { padding-r: 10px !important; } .wd-mr-10 { margin-r: 10px !important; } .wd-pr-15 { padding-r: 15px !important; } .wd-mr-15 { margin-r: 15px !important; } .wd-pr-20 { padding-r: 20px !important; } .wd-mr-20 { margin-r: 20px !important; } .wd-pl-0 { padding-l: 0px !important; } .wd-ml-0 { margin-l: 0px !important; } .wd-pl-10 { padding-l: 10px !important; } .wd-ml-10 { margin-l: 10px !important; } .wd-pl-15 { padding-l: 15px !important; } .wd-ml-15 { margin-l: 15px !important; } .wd-pl-20 { padding-l: 20px !important; } .wd-ml-20 { margin-l: 20px !important; } .wd-pt-0 { padding-t: 0px !important; } .wd-mt-0 { margin-t: 0px !important; } .wd-pt-10 { padding-t: 10px !important; } .wd-mt-10 { margin-t: 10px !important; } .wd-pt-15 { padding-t: 15px !important; } .wd-mt-15 { margin-t: 15px !important; } .wd-pt-20 { padding-t: 20px !important; } .wd-mt-20 { margin-t: 20px !important; } .wd-pb-0 { padding-b: 0px !important; } .wd-mb-0 { margin-b: 0px !important; } .wd-pb-10 { padding-b: 10px !important; } .wd-mb-10 { margin-b: 10px !important; } .wd-pb-15 { padding-b: 15px !important; } .wd-mb-15 { margin-b: 15px !important; } .wd-pb-20 { padding-b: 20px !important; } .wd-mb-20 { margin-b: 20px !important; } .wd-logo { display: block; max-width: 100%; height: auto; } .wd-header { padding: 20px 0; } .wd-header-hr { border-bottom: 5px solid #042a41; } .wd-nav > div { padding: 0; } .wd-nav > div > a { display: block; width: 100%; text-align: center; margin: 10px auto 0; background-color: #fff; padding: 10px; border: 1px solid #042a41; width: 96%; } .wd-nav > div > a.disabled { pointer-events: none; opacity: 0.9; border: 1px solid #ddd; color: #ddd; } .wd-nav > div > a.selected { background-color: #042a41; color: #fff; border: 1px solid #042a41; } .wd-nav > div > a:hover { background-color: #042a41; color: #fff; border: 1px solid #042a41; } .wd-nav > div > a.left { float: left; } .wd-nav > div > a.right { float: right; } .wd-panel { margin-bottom: 20px; background-color: #fff; border: 2px solid #042a41; min-height: 600px; } .wd-panel > .row { /*padding: 0 15px 15px;*/ margin: 8px 0; } .wd-panel .no-side-padding { padding-left: 0px; padding-right: 0px; } .wd-panel .no-vertical-padding { padding-top: 0px; padding-bottom: 0px; } .wd-panel .no-padding { padding: 0; } .wd-landing-panel { margin: 20px auto; min-height: 600px; } .wd-login-required { padding: 20px 0; } @media (min-width: 768px) { .wd-landing-panel h1, h2 { margin: 20px 0; font-size: 30px; } } .wd-spinner { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .wd-boomGridPanel { font-size: medium !important; } .wd-boomGridPanel .panel-heading { border-top-width: 1px !important; border-right-width: 1px !important; border-left-width: 1px !important; border-bottom-width: 0px !important; border-style: solid !important; border-color: #042a41 !important; } .wd-boomGridTable { font-size: medium !important; } .wd-boomGridTable th, .wd-boomGridTable td { border: 1px solid #042a41 !important; } .daterangeHistoricDisplay, .daterangeHistoricDisplay2 { opacity: 0; } .m-fadeIn { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; } #boomEquipmentTypesList optgroup { color: #042a41; } .product-flow-info { color: #337ab7; } .product-flow-info:hover { cursor: pointer; } .fade-in { vertical-align: top; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; opacity: 1; } .fade-out { opacity: 0; } #accountSpinner { padding: 0 10px; } .strike-through { text-decoration: line-through; }