/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Material Design Lite */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------*\ $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Pop up *------Email Styles */ /* ========== TYPOGRAPHY ========== */ /* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. */ /* ========== COLORS ========== */ /** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /*$button-primary-color-alt: unquote("rgb(13,181,215)") !default;*/ /*$button-fab-color-alt: unquote("rgb(209,8,22)") !default;*/ /* ========== Icon Toggles ========== */ /* ========== Radio Buttons ========== */ /* ========== Ripple effect ========== */ /* ========== Layout ========== */ /* ========== Content Tabs ========== */ /* ========== Checkboxes ========== */ /* ========== Switches ========== */ /* ========== Spinner ========== */ /* ========== Text fields ========== */ /* ========== Card ========== */ /* ========== Sliders ========== $range-bg-color: unquote("rgba(0,0,0, 0.26)") !default; $range-color: unquote("rgb(13,181,215)") !default; $range-faded-color: unquote("rgba(209,8,22, 0.26)") !default; $range-bg-focus-color: unquote("rgba(0,0,0, 0.12)") !default; */ /* ========== Progress ========== $progress-main-color:unquote("rgb(13,181,215)") !default; $progress-secondary-color: unquote("rgba(255,255,255, 0.7)") !default; $progress-fallback-buffer-color: unquote("rgba(255,255,255, 0.9)") !default;*/ /* ========== List ========== */ /* ========== Item ========== */ /* ========== Dropdown menu ========== */ /* ========== Tooltips ========== */ /* ========== Footer ========== */ /* TEXTFIELD */ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ /* ICONS */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ /*mini-footer*/ /* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ /** * * Dimensions * */ /* ANIMATION */ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ /*$data-table-divider-color: rgba(#000, 0.12);*/ /* TOOLTIP */ /* POP UP */ /* Address Color */ /* EMAIL */ /* Product overview variables (Shivanshu) */ /* Header and Banner Phase 2 variations */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ /* // ---------------------------------------------- // Usage example: // For IE set $mq-support to false. // Set the fixed value. // Then use mixins to test whether styles should be applied. // ---------------------------------------------- $mq-support: false; $mq-fixed-value: 1024; // Renders at fixed value @include bp (min-width, 300px) { div { color:#000; } } // Doesn't render without MQ support @include bp (min-width, 1200px) { div { color:#FFF; } } // Doesn't render without MQ support @include bp (max-width, 300px) { div { color:#444; } } // Renders at fixed value @include bp (max-width, 1200px) { div { color:#888; } } // ---------------------------------------------- */ @font-face { font-family: "BigNoodleTitling"; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/big-noodle-titling/Cyrillic/BigNoodleTitlingCyr.svg#BigNoodleTitling") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Thin'), local('Roboto-Thin'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Thin.woff2") format("woff2"); font-style: normal; font-weight: 100; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Thin'), local('Roboto-Thin'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Thin.woff2") format("woff2"); font-style: normal; font-weight: 100; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Light'), local('Roboto-Light'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Light'), local('Roboto-Light'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local("Roboto-Regular"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local("Roboto-Regular"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Medium'), local('Roboto-Medium'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Medium'), local('Roboto-Medium'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Bold'), local('Roboto-Bold'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Bold'), local('Roboto-Bold'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Black'), local('Roboto-Black'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Black.woff2") format("woff2"); font-style: normal; font-weight: 900; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Black'), local('Roboto-Black'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Black.woff2") format("woff2"); font-style: normal; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Italic'), local('Roboto-Italic'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-Italic.woff2") format("woff2"); font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Italic'), local('Roboto-Italic'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-Italic.woff2") format("woff2"); font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin-ext/Roboto-BoldItalic.woff2") format("woff2"); font-style: italic; font-weight: 700; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; font-display: fallback; } @font-face { font-family: "Roboto"; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/roboto/latin/Roboto-BoldItalic.woff2") format("woff2"); font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "RobotoDraft"; src: local('RobotoDraft Light'), local('RobotoDraft-Light'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/RobotoDraft/latin/RobotoDraft-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "RobotoDraft"; src: local("RobotoDraft-Regular"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/RobotoDraft/latin/RobotoDraft-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "RobotoDraft"; src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/RobotoDraft/latin/RobotoDraft-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "RobotoDraft"; src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/RobotoDraft/latin/RobotoDraft-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "RobotoDraft"; src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/RobotoDraft/latin/RobotoDraft-Italic.woff2") format("woff2"); font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: fallback; } @font-face { font-family: "BlanchCondensed"; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/Blanch-Condensed/blanch_condensed.svg#BlanchCondensed") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ html, body { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: normal; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } /** * Styles for HTML elements */ h1 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 5rem; line-height: 150%; font-weight: 200; /*margin-top: 24px;*/ margin-bottom: 10px; } h2 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 5rem; line-height: 150%; font-weight: 200; /*margin-top: 24px;*/ margin-bottom: 10px; } h3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.429rem; line-height: 150%; font-weight: 400; letter-spacing: 0.02em; /*margin-top: 24px; margin-bottom: 24px;*/ } h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 400; /* margin-top: 24px; margin-bottom: 16px; */ } h5 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 400; /*margin-top: 24px; margin-bottom: 16px;*/ } h6 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 400; /* margin-top: 24px; margin-bottom: 16px;*/ } p { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; margin-bottom: 16px; } a { color: rgb(209,8,22); font-weight: 500; } mark { background-color: #f4ff81; } dt { font-weight: 700; } address { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; letter-spacing: 0; font-style: normal; } ul, ol { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } /** * Class Name Styles */ .mdl-typo-body1-reg1, .mdl-checkbox__label, .mdl-radio__label, .price-box .regular-price, .cost-details-price .price, .total-amount-price .price, .mdl-order-table .product-name, .mdl-order-table .cost-detail, .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price, nav .nav-menu-checkout-container .row .checkout-menu-container li a, nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector .select-wrapper input.select-dropdown, .header-minicart .minicart-wrapper .minicart-actions .subtotal .label, .header-minicart .img-description .product-name, .header-minicart .img-description .product-name .product-ttl, .header-minicart .img-description .product-name .prod-detail, .header-minicart .img-description .qty-cart-price .cart-price, .header-minicart .subtotal .label, .header-minicart .subtotal .price, .minicart-wrapper .mini-products-list .total-item, .minicart-wrapper .empty-cart-header .items-container, .minicart-wrapper .minicart-actions .subtotal .label, .cms-home .newStoreHeading .description, .cms-home .rushBuySale, .cms-home .price-box .special-price .price, .cms-home .price-box .regular-price .price, .catalog-product-view .product-view .product-shop .cod-wrapper p, .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .select-wrapper input.select-dropdown, .catalog-product-view .product-view .product-shop .prod-state.pre-order .ship-out-date, .catalog-product-view .product-view .product-shop .configu-wrapper .attr-title, .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper input[type=text], .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper .dropdown-content li, .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-icon-text, .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-msg-content span, .catalog-product-view .product-view #notify .notify-me-wrap .notify-msg, .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button, .catalog-product-view .warranty-popup .title, .checkout-cart-index .cart-totals-wrapper .total-block .mdl-continue-shopping-btn .btn-continue, .checkout-cart-index .cart-totals-wrapper .total-block .mdl-continue-shopping-btn-mobile .btn-continue, .checkout-cart-index .no-items .no-items-inner .page-title, .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content p, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter .GiftVoucher-Wrapper .voucher-left .mobText, .catalog-category-view .filter-category-block .filter-category-option a, .catalogsearch-result-index .filter-category-block .filter-category-option a, .catalog-category-view .block-layered-nav .currently .block-subtitle, .catalogsearch-result-index .block-layered-nav .currently .block-subtitle, .catalog-category-view .block-layered-nav .block-content dl dt, .catalogsearch-result-index .block-layered-nav .block-content dl dt, .catalog-category-view .block-layered-nav .block-content dl dt.even, .catalog-category-view .block-layered-nav .block-content dl dt.odd, .catalogsearch-result-index .block-layered-nav .block-content dl dt.even, .catalogsearch-result-index .block-layered-nav .block-content dl dt.odd, .catalog-category-view .no-products .note-msg, .catalogsearch-result-index .no-products .note-msg, .survey .slider .question-container.center, #voc-form .page-content-wrapper .pagination-wrapper .counter-container, #voc-form .page-content-wrapper .pagination-wrapper .counter-container input, .rating-review .rate-product-first .subheading-txt, .writing-review .review-popup-input, .box-reviews .customer-review-blog .admin-comment-heading, .box-reviews .customer-review-blog .subheading-txt a, .rating-review .review-no, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question .textWrapper, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .thanks_report, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question .textWrapper, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .thanks_report { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1rem; } .mdl-typo-body1-reg2, .mdl-checkbox.is-disabled .mdl-checkbox__label, .price-box .old-price .price, .mdl-cart-close-btn, .mdl-order-table th, .search-wrapper .search-desk, .cms-page-view .store-locator-page .service-center-list .icon-honor2-exclamation, .catalog-product-view .myclass:after, .catalog-product-view .mdl-popup .mdl-popup__actions, .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info label .price, .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled #checkout-payment-button, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter .GiftVoucher-Wrapper .voucher-right .mobText, .twostepcheckout-twostep-index #customer-gift-vouchers #giftvouchers-close-btn, .catalog-category-view #current-shopping .selected-filters-list li .filter-label .label, .catalogsearch-result-index #current-shopping .selected-filters-list li .filter-label .label, .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li label, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li label, .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li .mdl-checkbox__label, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li .mdl-checkbox__label, .box-reviews .customer-review-blog .review-content, .box-reviews .customer-review-blog .admin-comment, .notifyme-popup .notifyme-sub-head, .notifyme-popup .notify-email, #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form input#qna_question, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .first-section, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .user_report_abuse, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .first-section, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .user_report_abuse, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 1rem; } .mdl-typo-body1-reg3, .mdl-button--primary:hover, .mdl-button[disabled], .mdl-button.mdl-button--disabled, nav .nav-main-container .nav-menu-container .row .nav-primary li a, .cms-home .rushBuySaleon, .cms-home .rushBuyReg, .cms-home .accessoriesSectionContent .ViewDesc, .cms-home .heroProdOne .ViewDesc, .cms-home .heroProdLast .ViewDesc, .cms-home .heroMultiProd .heromultiImg .ViewDesc, .cms-home .heroMultiProd .heromultiHover .ViewDesc, .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn .mdl-button[disabled], .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn .mdl-button.mdl-button--disabled, .twostepcheckout-twostep-index .checkout-step-buttons a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .mdl-typo-body1-light1, .price-box .special-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #212121; font-size: 1rem; } .mdl-typo-body1-light2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #757575; font-size: 1rem; } .mdl-typo-body1-light3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #FFFFFF; font-size: 1rem; } .mdl-typo-body2-reg1, .mdl-button, .mdl-card, .checkout-cart-index .cart-table .bundle-child .product-cart-price .price-box .regular-price .price, .nav-main-container .nav-top-container .nav-top-menu .language-selector .dropdown-content li > a, .nav-main-container .nav-top-container .nav-top-menu .language-selector .dropdown-content li > span, nav .nav-main-container .nav-top-container .row .country-wrapper .country-main input.select-dropdown, nav .nav-main-container .nav-top-container .row .country-wrapper .country-main .dropdown-content li span, nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li a, nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li a, .search-autocomplete .ajaxsearch li a, .header-minicart .empty, .header-minicart .minicart-wrapper .orange-btn, .header-minicart .img-description .qty-cart-price, .header-minicart .img-description .qty-cart-price .cart-price .price, .minicart-wrapper .img-description p, .minicart-wrapper .img-description p .prod-detail, .minicart-wrapper .empty-cart p, .cms-home .banner-desc, .cms-home .banner-btn, .cms-home .dark-coloured-text .banner-desc, .cms-home p.smartphoneTitle, .cms-home p.smartphonetitle, .cms-home p.smartphoneTitle a, .cms-home p.smartphonetitle a, .cms-home .accessoryBrandImg, .cms-home p.accessorybrandtitle, .cms-home p.accessorybrandprice, .cms-home p.accessorybrandTitle, .cms-home p.accessorybrandPrice, .cms-home p.accessorybrandtitle a, .cms-home p.accessorybrandTitle a, .cms-home p.carasoulDesc, .product-ecom-nav-bar, .product-ecom-nav-bar .product-ecom-nav .pd-cms-tab, .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .gift-msg-content, .checkout-cart-index .learn-more-tooltip, .twostepcheckout-twostep-index .opc .section .step-title .step-display-text .mdlh-card__title-text, .twostepcheckout-twostep-index table.sp-methods td, .twostepcheckout-twostep-index table.sp-methods td .mdl-radio, .twostepcheckout-twostep-index table.sp-methods td .select-wrapper input.select-dropdown, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableHeading .mdl-checkbox__label, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableHeading div, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .honor-SCcol-1 #giftVoucherMenuWrapper .honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li span.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy .viewUrl .viewHistroy, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .blue-txt, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .blue-txt .giftVoucherCodeNumber, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .histroy-txt, .rec-outer .inner-content .product-name, .primary-hyper-link, .catalog-category-view #current-shopping .selected-filters-list .multilayer_clearall, .catalogsearch-result-index #current-shopping .selected-filters-list .multilayer_clearall, .catalog-category-view .filter-category-block a, .catalogsearch-result-index .filter-category-block a, .catalog-category-view .block-layered-nav .block-content dl dt a, .catalogsearch-result-index .block-layered-nav .block-content dl dt a, .catalogsearch-result-index #multilayer_container .main-productlist-header .product-list-header h1 span, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .regular-price .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .special-price .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-from .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-to .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .minimal-price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc div, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc p, .catalog-category-view .products-grid.products-grid--max-4-col > li .product-name, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-name, .catalog-category-view .products-grid.products-grid--max-4-col > li .product-name a, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-name a, .catalog-category-view .block-layered-nav .block-content dl dd ol li label span, .catalogsearch-result-index .block-layered-nav .block-content dl dd ol li label span, .survey btn, .survey .btn, .box-reviews .customer-review-blog .nickname { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.875rem; } .mdl-typo-body2-reg2, .mdl-card__supporting-text, .mdl-order-table .quantity .price, .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail, .quick-links .ajaxsearch li a, .cms-home .price-box .old-price .price, .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .mdl-textfield.is-disabled .mdl-textfield__label, .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-msg-content, .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-msg-content, .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .warnty-price-info, .catalog-product-view .price-highlight .ec-tax-msg, .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-cart-coupon-close-btn, .checkout-cart-index .promotional-over .inner-content .product-name, .twostepcheckout-twostep-index table.sp-methods th, .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable, .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable #edit_giftvoucher, .twostepcheckout-twostep-index .redem-voucher .box-wrap .price, .twostepcheckout-twostep-index .redem-voucher .box-wrap .price #edit_giftvoucher, .twostepcheckout-twostep-index .redem-voucher .box-wrap .v-bala, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableBody .mdl-checkbox__label, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableBody div, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li span.honor-mobileValue, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .old-price .price, .survey .feedback_survey p.sub-text, .rating-review .rate-product-first .subheading-exptxt, .box-reviews .customer-review-blog .review-content .md-collapsible #short-review, #img-text-info, .rating-review .review-txt, .rating-review .ratings .rating-links, .honor-view-popup .honor-promotion ul li i + span + span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 0.875rem; } .mdl-typo-body2-reg3, .mdl-button__ripple-container, .cms-home .banner-content-left .bannerNewTimer > p, .cms-home .banner-content-right .bannerNewTimer > p, .cms-home .dark-coloured-text #booknow, .red-lable-btn, .product-ecom-nav-bar .product-ecom-nav .bye-now-btn a, .product-ecom-nav-bar .product-ecom-nav .bye-now-btn button.buy-btn, .catalog-product-view .out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.coming-soon span.value, .catalog-product-view .product-view .product-shop .prod-state.pre-order span.value, .tag-lables span, .rec-outer .inner-content .offer span, .rec-outer .inner-content .coming-soon span, .rec-outer .inner-content .new span, .promo-lable, .offers-tag, .new-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .new, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .new, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .new, .offer-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .offer, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .offer, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .offer, .coming-soon-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .coming-soon, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .coming-soon, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .coming-soon, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .link-learn, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .price-box, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .link-learn, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc .more-link-parent, .catalog-category-view .products-grid.products-grid--max-4-col > li .out-of-stock, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.out-of-stock, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.out-of-stock, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.coming-soon, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.coming-soon, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.pre-order, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.pre-order, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .out-of-stock, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.out-of-stock, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.out-of-stock, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.coming-soon, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.coming-soon, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.pre-order, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.pre-order, .catalog-category-view .block-layered-nav .currently ol li .label, .catalogsearch-result-index .block-layered-nav .currently ol li .label, .catalog-category-view .block-layered-nav .block-content .actions a, .catalogsearch-result-index .block-layered-nav .block-content .actions a, .catalog-category-view .no-products .continue-shopping, .catalogsearch-result-index .no-products .continue-shopping, .multilayer-front-filter .filterHeader .filterRight .filterClear, .multilayer-front-filtersearch .filterHeader .filterRight .filterClear, .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt .filterTitle, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt .filterTitle { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .mdl-typo-body2-reg4, .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .remove-warranty, .twostepcheckout-twostep-index .col-right #checkout-review-table-wrapper .cart-link, .twostepcheckout-twostep-index .checkout-edit a, .box-reviews .customer-review-blog .review-content .md-collapsible #read-more a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #07B6E2; font-size: 0.875rem; } .mdl-typo-body3-reg1, nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper input.select-dropdown, .search-wrapper span, .search-wrapper .icon-honor2-search, .cms-home .rushBuyDescs, .cms-home .rushBuyTimer .rushBuyDescs, .cms-home .accessoriesSectionContent .ViewLink, .cms-home .accessoryBrandSection .accessoryBrandContent .offer, .cms-home .accessoryBrandSection .accessoryBrandContent .coming-soon, .cms-home .accessoryBrandSection .accessoryBrandContent .new, .cms-home .smartPhoneContent .new, .cms-home .smartPhoneContent .offer, .cms-home .smartPhoneContent .coming-soon, .catalog-product-view .product-view .product-shop .prod-state .out-of-stock-date, .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext, .checkout-cart-index .learn-more-tooltip .learn-more-block .learn-more-block-txt, .twostepcheckout-twostep-index #customer-gift-vouchers .supporting-text b { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.75rem; } .mdl-typo-body3-reg2, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .search-autocomplete .ajaxsearch li.quickLinks, .quick-links .ajaxsearch li.quickLinks, .cms-page-view .site-map .st_payment .site-map-section .section-items-list .site-map-links, .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .floating-label label, .twostepcheckout-twostep-index .col-main .mdl-grid .form_secuity, .twostepcheckout-twostep-index .delivery-pick-option-txt, .twostepcheckout-twostep-index .checkout-step-select-buttons .btm-text, .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .shipping-desc-text, .twostepcheckout-twostep-index #customer-gift-vouchers .supporting-text, .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea p.content, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCHeader .voucherWork, .box-reviews .customer-review-blog .rating-by, .box-reviews .customer-review-blog .rate-date { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 0.75rem; } .mdl-typo-body3-reg3, nav .nav-main-container .nav-top-container .row ul li a, nav .nav-main-container .nav-menu-container .row .nav-primary li a span:first-child, .cms-home .ViewLink, .twostepcheckout-twostep-index #customer-gift-vouchers .validation-advice, .catalog-category-view .block-layered-nav .amt-wrap, .catalogsearch-result-index .block-layered-nav .amt-wrap { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .mdl-typo-hint1, .error, .notice, .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button #out-of-stock-span span.out-of-stock, .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button #out-of-stock-span .catalog-product-view .product-view .product-shop span.prod-state.coming-soon, .catalog-product-view .product-view .product-shop .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button #out-of-stock-span span.prod-state.coming-soon, .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button #out-of-stock-span .catalog-product-view .product-view .product-shop span.prod-state.pre-order, .catalog-product-view .product-view .product-shop .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button #out-of-stock-span span.prod-state.pre-order, .checkout-cart-index .mdl-order-table tbody tr .product-cart-actions-qty .product-qty-column-error, .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again #ajax-response-message, .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup .sp-not-eligible, .survey .regular .slick-slide .validation-advice.mdl-textfield__error { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #E12848; font-size: 0.75rem; } .mdl-typo-hint2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #10B514; font-size: 0.75rem; } .mdl-typo-hint3, .mdl-textfield--floating-label.is-focused .mdl-textfield__label { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #00C0F4; font-size: 0.75rem; } .mdl-typo-hint4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .mdl-typo-hint5 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #BDBDBD; font-size: 0.75rem; } .mdl-typo-title1-reg1, .mdl-order-table .total-amount-price .total-amount, .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .total-amount, nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search, nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .icon-honor2-cart, .search-wrapper .search-close, .header-minicart .minicart-wrapper .minicart-actions .subtotal .price, .cms-home .rushBuyNum, .cms-home .moreIcon, .product-ecom-nav-bar .product-title, .catalog-product-view .product-view .price-box .old-price .price, .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content .h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.25rem; } .mdl-typo-title1-medium1, .minicart-wrapper .cart-title, .minicart-wrapper .minicart-actions .subtotal .price, .catalog-product-view .mdl-popup .mdl-popup__title, .checkout-cart-index div#remove-from-cart-info, .notifyme-success-msg .notifyme-succ-head { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #212121; font-size: 1.25rem; } .mdl-typo-title1-reg2, .cms-home .videoContentIconText, .cms-home .carasoulTitle, .cms-home .Viewheading, .catalog-product-view .product-view .add-to-box .mdl-button { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .mdl-typo-title1-medium2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #FFFFFF; font-size: 1.25rem; } .mdl-typo-title2-reg1, .catalog-product-view .product-view .product-shop .cod-wrapper, .catalog-product-view .product-view #notify .notify-text p, .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .pd-gift-icon-text, .catalog-product-view .product-view .bundle-wrapper .title-heading, .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .product-info .prod-titl, .catalog-product-view .product-view .price-notice, .box-reviews .customer-review-blog .subheading-txt { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1rem; } .mdl-typo-title2-medium1, nav .nav-menu-checkout-container .row .secure-checkout-text, .cms-home .banner-content-left .bannerNewTimer > p span, .cms-home .banner-content-right .bannerNewTimer > p span, .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-msg-content span, .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-icon-text, .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .warranty-info, .catalog-product-view .mdl-popup .mdl-popup_sub-title, .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info .product-name, .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info label, .twostepcheckout-twostep-index .col-main .agreement-cont .agree a, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .product-name a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #212121; font-size: 1rem; } .mdl-typo-title2-reg2, .catalog-product-view .product-view .price-notice .old-price .price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .mdl-typo-title2-medium2, .cms-home .ViewDesc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #FFFFFF; font-size: 1rem; } .mdl-typo-title2-medium3, .twostepcheckout-twostep-index .col-main .agreement-cont .agree a:hover, .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #07B6E2; font-size: 1rem; } .mdl-typo-title3-reg1, #qnaform.question-answer .QA-navigation a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.875rem; } .mdl-typo-title3-medium1, address .mdlh-card__title-text, .twostepcheckout-twostep-index .mdl-order-table .product-name, .cms-home .Readmore a, .product-ecom-nav-bar .product-ecom-nav .pd-cms-tab.selected, .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .gift-msg-content span, .catalog-product-view .gift-popup .gift-items .gift-product-detail .product-name, .catalog-product-view .gift-popup .gift-items .gift-product-detail .product-price, .twostepcheckout-twostep-index .checkout-step-select-buttons .title, .rec-outer .inner-content .product-name a, #qnaform.question-answer .QA-navigation a.selected, #qnaform.question-answer .QA-navigation a.tab_active { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #212121; font-size: 0.875rem; } .mdl-typo-title3-reg2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .mdl-typo-title3-medium2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #FFFFFF; font-size: 0.875rem; } .mdl-typo-price1, .cms-home .banner-content-left .bannerNewTimer > p.expired, .cms-home .banner-content-right .bannerNewTimer > p.expired, .cms-home .banner-price, .cms-home .dark-coloured-text .banner-price, .cms-home .rushBuyTimer .rushBuyNum, .catalog-product-view .product-view .price-box .special-price .price, .catalog-product-view .product-view .price-box .regular-price .price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #02A1C9; font-size: 1.875rem; } .mdl-typo-price2, .twostepcheckout-twostep-index .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #02A1C9; font-size: 1.25rem; } .mdl-typo-price3, .catalog-product-view .blue-link, .catalog-product-view .product-view .price-notice .price, .checkout-cart-index .cart-totals-wrapper .cart-total #discount-coupon-form a, .catalog-category-view .products-grid.products-grid--max-4-col > li .price-box .regular-price, .catalog-category-view .products-grid.products-grid--max-4-col > li .price-box .special-price, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .price-box .regular-price, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .price-box .special-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #02A1C9; font-size: 1rem; } .mdl-typo-banner-title1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #212121; font-size: 3.75rem; } .mdl-typo-banner-title2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #757575; font-size: 3.75rem; } .mdl-typo-banner-title3, .cms-home .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #FFFFFF; font-size: 3.75rem; } .mdl-typo-banner-tagline, .cms-home .banner-heading, .cms-home .dark-coloured-text .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #C71755; font-size: 1.25rem; } .mdl-typo-banner-body { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #212121; font-size: 1rem; } .mdl-typo-big-title1-reg1 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 2.5rem; } .mdl-typo-big-title1-reg2 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 2.5rem; } .mdl-typo-big-title1-reg3, .cms-home .videoContentIcon { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 2.5rem; } .mdl-typo-big-title2-reg1, .cms-home .newStoreHeading .heading, .cms-home .smartPhoneLink, .cms-home .newSmartPhoneSection .heading, .cms-home .accessoriesSection .heading, .cms-home #videoContent h1, .cms-home .accessoriesSection .heading a, .catalog-product-view .product-view .product-shop .product-name, .rec-outer h3 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.875rem; } .mdl-typo-big-title2-reg2 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 1.875rem; } .mdl-typo-big-title2-reg3, .header-minicart .block-subtitle .close, .cms-home .rushBuyDesc.salesStart p.rushBuySaleon, .cms-home .arrow-right, .cms-home .arrow-left, .cms-home .accessoriesSectionContent .Viewheading, .cms-home .heroProdOne .Viewheading, .cms-home .heroProdLast .Viewheading, .cms-home .heroMultiProd .heromultiImg .Viewheading, .cms-home .heroMultiProd .heromultiHover .Viewheading, .honor2-heroProduct .honor2-heroTitle, .rating-review .average-rate { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.875rem; } .mdl-typo-big-title3-reg1, .header-minicart .minicart-wrapper .cart-items-without-login, .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content h1, .twostepcheckout-twostep-index #customer-gift-vouchers .title, .giftvoucher-giftvoucher-mygiftvouchers #voucher_details .honor-SCHeader .honor-SCTitle, .catalog-category-view .module-title, .catalog-category-view .block-title, .catalog-category-view .block-subtitle, .catalogsearch-result-index .module-title, .catalogsearch-result-index .block-title, .catalogsearch-result-index .block-subtitle, .catalog-category-view .main-productlist-header .product-list-header .module-title, .catalogsearch-result-index .main-productlist-header .product-list-header .module-title, .multilayer-front-filter .block-content .honor2-innerFilterBox .module-title, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .module-title, .voc-popup .popup-header, #review-form .mdl-popup__content .mdl-popup__title { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.5rem; } .mdl-typo-big-title3-reg2 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 1.5rem; } .mdl-typo-big-title3-reg3, .catalog-category-view .no-products h3, .catalogsearch-result-index .no-products h3 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.5rem; } .mdl-typography--display-2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 2.857rem; line-height: 150%; font-weight: 400; } .mdl-typography--display-2-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 2.857rem; line-height: 150%; font-weight: 400; opacity: 0.54; } .mdl-typography--display-1 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 5rem; line-height: 150%; font-weight: 200; } .mdl-typography--display-1-color-contrast { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 5rem; line-height: 150%; font-weight: 200; opacity: 0.54; } .mdl-typography--headline-roboto, .overview-wrapper .sections .block50-50 .content-section .first-part h1, .overview-wrapper .sections .block50-50 .content-section .second-part p .oldPrice, .overview-wrapper .sections .block50-50 .content-section .second-part p .newPrice, .overview-wrapper-second .sections .block50-50 .content-section .first-part h1, .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainheading, .overview-wrapper-second .sections .block50-50 .content-section .first-part .smallheading, .overview-wrapper-second .sections .block50-50 .content-section .second-part p .oldPrice, .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p.expired, .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer .rushBuyNum, .overview-wrapper-static .sections .mainheading, .landing-page .first-part .oldPrice, .landing-page .first-part .price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 2.143rem; line-height: 150%; font-weight: 400; } .mdl-typography--headline, .mdl-popup .mdl-popup__title, .mdlh-card-news .mdl-card__media .mdl-card__title, .cms-page-view .help-content .page-title, .honor2-successBlock ul li i, .twostepcheckout-twostep-success .order-summary-container .my-order-block .title, .not-appr-registration .not-appr-msg-head, .aftr-sub-registration .aftr-sub-msg-head { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 1.714rem; line-height: 150%; font-weight: 500; -moz-osx-font-smoothing: grayscale; } .mdl-typography--headline1, .twostepcheckout-twostep-success .order-success-container h1 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 2.143rem; line-height: 150%; font-weight: 500; -moz-osx-font-smoothing: grayscale; } .mdl-typography--headline-2 { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 2.857rem; line-height: 150%; font-weight: 500; -moz-osx-font-smoothing: grayscale; } .mdl-typography--headline-color-contrast { font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; font-size: 1.714rem; line-height: 150%; font-weight: 500; -moz-osx-font-smoothing: grayscale; opacity: 0.87; } .mdl-typography--title, .price-highlight .price-box .price, .price-highlight .price-box .special-price .price, .price-highlight .price-box .regular-price .price, .price-highlight .price-box .minimal-price .price, .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .price, .main-header-container .minicart-wrapper .minicart-actions .subtotal .label, .main-header-container .minicart-wrapper .minicart-actions .subtotal .price, .cms-page-view .help-content.help-home-page .block .content-heading, .cart-totals .rows .cart-total ul li .list-outer #grand-total .price, .checkout-cart-index .cart-totals .rows .cart-total ul li .list-outer #grand-total .price, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cart-info-message .icon-honor2-check-circle, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cart-info-message .icon-honor2-close-fancybox, .twostepcheckout-twostep-index .cart-totals .rows ul li .list-outer #grand-total .price, .twostepcheckout-twostep-index .main-header-container .secure-center .secure-checkout .icon-honor2-lock, .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total_incl .a-left, .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total_incl .a-right, .sales-order-view .footer-total-details .grand-total td, .sales-order-view .footer-total-details .grand_total_incl td, .twostepcheckout-twostep-success .footer-total-details .grand-total td, .twostepcheckout-twostep-success .footer-total-details .grand_total_incl td, .overview-wrapper .sections .block50-50 .content-section .first-part .innerHeading, .overview-wrapper .sections .block50-50 .content-section .second-part a, .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainPara, .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainPara-blue, .overview-wrapper-second .sections .block50-50 .content-section .first-part .smallPara, .overview-wrapper-second .sections .block50-50 .content-section .second-part p .price, .overview-wrapper-second .sections .block50-50 .content-section .second-part p .videoLink, .overview-wrapper-second .sections .block50-50 .content-section .second-part p.smallPara, .landing-page .first-part a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.429rem; line-height: 150%; font-weight: 400; letter-spacing: 0.02em; } .mdl-typography--title-medium, .updates-offers-container .form-group .info-txt, .productdetail-tab .productdetail-tab-properties ul li.active-spec, .overview-wrapper .sections .block50-50 .content-section .first-part .innerPara { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.429rem; line-height: 150%; font-weight: 500; letter-spacing: 0.02em; } .mdl-typography--title-light { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.429rem; line-height: 150%; font-weight: 300; letter-spacing: 0.02em; } .mdl-typography--title-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.429rem; line-height: 150%; font-weight: 400; letter-spacing: 0.02em; opacity: 0.87; } .mdl-typography--subhead, .mdlh-left-navigation .block-title label, .store-credit-checkout .store-credit-amount, .mdlh-card-product-normal .product-normal-title .mdl-card__title, .cms-page-view .site-map .st_payment .site-map-footer-content h2, .cms-page-view .help-content .block .block-title, .cms-page-view .col1-layout .help-content .sub-content-right .heading, .checkout-cart-index .mdl-order-table .gift-row td, .checkout-cart-index .mdl-order-table .gift-heading td, .checkout-cart-index .no-items .no-items-inner .cart-empty a, .mdl-quantity-container .add, .twostepcheckout-twostep-index .main-header-container .secure-center .secure-checkout .icon-secure-checkout, .honor2-successBlock p.successBlockTitle, .honor2-successBlock ul li span, .twostepcheckout-twostep-success .gift-row td, .twostepcheckout-twostep-success .gift-heading td, .order-info-box .box-title h2, .storecredit-storecredit-mycredits .store-credit-title .store-credit-amount, .customer-account-events .main-title, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-code, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .availability-date, .coupon-index-coupons .my-account .data-table, .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .box-title, .coupon-index-coupons .my-account .coupon-info .know-more, .coupon-index-coupons .my-account .coupon-info .know-more span, .coupon-index-coupons .my-account .noactive-coupon-txt, .coupon-index-coupons .my-account .no-coupon .main-title, .productdetail-tab .productdetail-tab-properties ul li, .productdetail-tab .productdetail-tab-description .mdl-data-table thead th, .productdetail-tab .productdetail-tab-description .spec-title, .catalog-product-view .gallery-tab .video-content, .sales-order-view .footer-total-details td, .twostepcheckout-twostep-success .footer-total-details td, .customer-account .monkey-multisubscribe .grouping span, .customer-account .monkey-multisubscribe .grouping ul li label, .customeractivation-index-index #file_browse_wrapper, .customeractivation-index-accountedit #file_browse_wrapper, .customeractivation-index-accounteditform #file_browse_wrapper, .customeractivation-index-editform #file_browse_wrapper, .display-registration .left-head, .steps-b2b li, .overview-wrapper-static .sections p, .overview-wrapper-static .sections ul, .overview-wrapper-static .sections div { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 400; } .mdl-typography--subhead-medium, .twostepcheckout-twostep-index .get-otp-html .otp-info-box .verify-order-header, .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 500; } .mdl-typography--subhead-bold, .cms-home p.smartphonePrice, .cms-home p.smartphoneprice, .cms-home p.accessorybrandprice, .cms-home p.accessorybrandPrice { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 700; } .mdl-typography--subhead-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.143rem; line-height: 150%; font-weight: 400; opacity: 0.87; } .mdl-typography--body-2, .mdl-data-table__cell--highlight-text-uppercase, .mdlh-left-navigation .block-title ul li, .mdlh-left-navigation .block-title ul li a, .price-box .price-from .price, .price-box .price-to .price, .price-notice, .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__supporting-text, .mdl-order-table .bundle .bundle-product-heading, .mdl-order-table .product-cart-info-gift .bundle-product-heading, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .info-block-heading, .twostepcheckout-twostep-index .alert-msg-billing, .oms-order-modify .order-number, .oms-order-modify .col-right .prod_col .item-name, .oms-order-modify .col-right .prod_col .price, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right .coupon-code, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rulename, .sales-order-history #my-orders-content .order-number a, .show-shipping-method .store-pickup .storepickup-list .pickup-left .mdl-radio .mdl-mdlh-card__title-text, .checkout-step-select-buttons .store-pickup .storepickup-list .pickup-left .mdl-radio .mdl-mdlh-card__title-text, .not-appr-registration .not-appr-status .label, .aftr-sub-registration .aftr-sub-status .label, .aftr-sub-registration .aftr-accept-status .label { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; letter-spacing: 0; } .mdl-typography--body-2-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-1, .mdl-data-table, .mdl-data-table__cell--highlight-text, .mdl-textfield, .select-wrapper input.select-dropdown, .droupdown-box-border .select-wrapper input[type=text], .droupdown-box-border .select-wrapper .dropdown-content li > span, .mdl-popup .mdl-popup__msg, .price-notice .old-price .price, .price-notice .price, .price-highlight .price-box .old-price .price, .std .note, .item-options, .item-options dt, .ui-autocomplete .ui-menu-item, .store-credit-checkout, .mdlh-card-product-top .mdl-card__media .highlight-txt, .mdlh-card-product-normal .product-normal-title .mdl-card__actions a, .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__price .price-box .special-price .price, .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__price .price-box .price-box .regular-price .price, .mdlh-card-news .mdl-card__supporting-text, address .address-format-type-normal, .mdl-order-table .product-code, .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail-coupon-discount, #checkout-review-submit .info-under-pay, #checkout-step-review .regular-price .price, .cms-page-view .store-locator-page .service-center-list .service-center-add, .cms-page-view .store-locator-page .service-center-list .service-center-phone, .cms-page-view .store-locator-page .service-center-list .service-center-hours, .checkout-cart-index .no-items .no-items-inner .cart-empty, .mdl-quantity-container .no .quantity-input, .order-date, .order-info-box .box-content, .order-info-box .box-content td, .order-info-box .box-content th, .order-info-box .box-content strong, .storecredit-storecredit-mycredits .store-credit-title, .honor2-SCnoDataOuter .honor2-SCnoData .honor2-noMsg, .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea .honor2-howSCworkAreaTitle span.honor2-subTitle, .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea p, .oms-order-modify .col-right .footer td.order-text-left, .oms-order-modify .col-right .footer td.a-right, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-codetext, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description, .grey-lable-btn, .catalog-product-view .gallery-tab a, .sales-order-view .order-status-details .mdl-tabs__tab, .twostepcheckout-twostep-success .order-status-details .mdl-tabs__tab, .sales-order-history .order-tab ul li a, .sales-order-history .order-tab ul li a:hover, .sales-order-history #my-orders-content .order-status .label, .sales-order-history #my-orders-content .order-status a, .sales-order-history #my-orders-content .order-status .make-payment a, .sales-order-history #my-orders-content .order-status .track a, .sales-order-history #my-orders-content .price, .sales-order-history #my-orders-content .product-qty, .sales-order-history #my-orders-content .order-status, .customer-account .monkey-multisubscribe .grouping, .show-shipping-method .store-pickup .pickup-right .timing, .checkout-step-select-buttons .store-pickup .pickup-right .timing, .show-shipping-method .store-pickup .storepickup-list, .checkout-step-select-buttons .store-pickup .storepickup-list, .show-shipping-method .store-pickup .storepickup-list .sorry, .checkout-step-select-buttons .store-pickup .storepickup-list .sorry, .show-shipping-method .store-pickup .storepickup-list .sorry span, .checkout-step-select-buttons .store-pickup .storepickup-list .sorry span, .show-shipping-method .store-pickup .storepickup-list .pickup-left .mdl-radio, .checkout-step-select-buttons .store-pickup .storepickup-list .pickup-left .mdl-radio, .customeractivation-index-index .registration-wrapper .registration-text, .customeractivation-index-accountedit .registration-wrapper .registration-text, .customeractivation-index-accounteditform .registration-wrapper .registration-text, .customeractivation-index-editform .registration-wrapper .registration-text, .customeractivation-index-index .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-accountedit .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-accounteditform .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-editform .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-index .registration-wrapper .form-list .upload-points, .customeractivation-index-accountedit .registration-wrapper .form-list .upload-points, .customeractivation-index-accounteditform .registration-wrapper .form-list .upload-points, .customeractivation-index-editform .registration-wrapper .form-list .upload-points, .not-appr-registration, .aftr-sub-registration, .display-registration .middle-top, .display-registration .middle-bottom, .writing-review .review-popup-label, .rating-review .review-belogin, .box-reviews .pagination, .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p, #qnaform #qna-content #paging_qna .pagination { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } .mdl-typography--body-1-uppercase, .updates-offers-container .form-group .mdl-button { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; text-transform: uppercase; letter-spacing: 0; } .mdl-typography--body-1-medium { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 600; letter-spacing: 0; } .mdl-typography--body-1-thin, .cms-home .CountVal { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 200; letter-spacing: 0; } .mdl-typography--body-1-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-2-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; letter-spacing: 0; } .mdl-typography--body-2-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-1-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } .mdl-typography--body-1-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: 0; opacity: 0.87; } .mdl-typography--caption, .select-wrapper-medium input.select-dropdown, .select-wrapper-medium .dropdown-content li > a, .select-wrapper-medium .dropdown-content li > span, .mdlh-card-product-normal .product-normal-title .mdl-card__actions a#subscribe, .cms-page-view .col1-layout .help-content .block-inf, .twostepcheckout-twostep-index .validation-advice, .storecredit-storecredit-mycredits .store-credit-title a, .oms-order-modify .address-note, .oms-order-modify .col-right .prod_col .product-code, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .expire-on, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .sent-customer-div .sent-customer, .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .box-content, .voc-popup .voc-suggestions-container .captcha-info-box .captcha-field .invalid-captcha.validation-advice, .cod-info-box .cod-captcha-field .cod-invalid-captcha, .cod-info-box .additional-msg-cod, .customeractivation-index-index .registration-wrapper .form-list .upload-text, .customeractivation-index-accountedit .registration-wrapper .form-list .upload-text, .customeractivation-index-accounteditform .registration-wrapper .form-list .upload-text, .customeractivation-index-editform .registration-wrapper .form-list .upload-text, .customeractivation-index-index #rrap-uploadfile.validation-advice, .customeractivation-index-accountedit #rrap-uploadfile.validation-advice, .customeractivation-index-accounteditform #rrap-uploadfile.validation-advice, .customeractivation-index-editform #rrap-uploadfile.validation-advice { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } .mdl-typography--caption--bold, .require_field, .twostepcheckout-twostep-index .captcha-txt, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail .availability-date { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 700; letter-spacing: 0; } .mdl-typography--caption--uppercase { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; text-transform: uppercase; letter-spacing: 0; } .mdl-typography--caption-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; letter-spacing: 0; } .mdl-typography--caption-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; letter-spacing: 0; opacity: 0.54; } .mdl-typography--caption-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 0.8571rem; line-height: 150%; font-weight: 400; letter-spacing: 0; opacity: 0.54; } .mdl-typography--button, address .new-address-plus, .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .send-coupon, .coupon-index-coupons .my-account .no-coupon .button, .catalogsearch-result-index #multilayer_container .main-productlist-header .product-list-header h1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; text-transform: uppercase; letter-spacing: 0; } .mdl-typography--button-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; text-transform: uppercase; letter-spacing: 0; opacity: 0.87; } .mdl-typography--text-left { text-align: left; } .mdl-typography--text-right { text-align: right; } .mdl-typography--text-center { text-align: center; } .mdl-typography--text-justify { text-align: justify; } .mdl-typography--text-nowrap { white-space: nowrap; } .mdl-typography--text-lowercase { text-transform: lowercase; } .mdl-typography--text-uppercase { text-transform: uppercase; } .mdl-typography--text-capitalize { text-transform: capitalize; } .mdl-typography--font-thin { font-weight: 200 !important; } .mdl-typography--font-light { font-weight: 300 !important; } .mdl-typography--font-regular, .cms-page-view .help-content.help-home-page .block .content-heading a, .cms-page-view .help-content .sub-content-right a, .checkout-cart-index .mdl-order-table #gift-change td .gift-cart-icon-container span a.edit-gift, .updates-offers-container .form-group .subscribe-input { font-weight: 400 !important; } .mdl-typography--font-medium { font-weight: 500 !important; } .mdl-typography--font-bold { font-weight: 700 !important; } body, html { font-size: 16px; } @media only screen and (max-width: 1920px) { body, html { font-size: 16px; } } @media only screen and (max-width: 1600px) { body, html { font-size: 16px; } } @media only screen and (max-width: 1366px) { body, html { font-size: 16px; } } @media only screen and (max-width: 1280px) { body, html { font-size: 16px; } } @media only screen and (max-width: 1024px) { body, html { font-size: 16px; } } @media only screen and (max-width: 960px) { body, html { font-size: 16px; } } @media only screen and (max-width: 768px) { body, html { font-size: 16px; } } @media only screen and (max-width: 480px) { body, html { font-size: 16px; } } @media only screen and (max-width: 320px) { body, html { font-size: 16px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body, html { font-size: 16px; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Remove the unwanted box around FAB buttons */ /* More info: http://goo.gl/IPwKi */ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } /* * Make html take up the entire screen * Then set touch-action to avoid touch delay on mobile IE */ html { width: 100%; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } /* * Make body take up the entire screen * Remove body margin so layout containers don't cause extra overflow. */ body { width: 100%; min-height: 100%; margin: 0; } /* * Main display reset for IE support. * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 */ main { display: block; } /* * Apply no display to elements with the hidden attribute. * IE 9 and 10 support. */ *[hidden] { display: none !important; } /* Custom reset changes for our theme support */ ol, ul { list-style: none; } fieldset { margin: 0; padding: 0; border: 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; } html, body, img, fieldset, abbr, acronym { border: 0; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul img { display: block; margin: 0 auto; } img { display: block; } body { background: rgb(245,245,245); color: rgba(0, 0, 0, 0.54118); direction: ltr; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-color--black { background-color: rgb(0,0,0) !important; } .mdl-color-text--black { color: rgb(0,0,0) !important; } .mdl-color--white { background-color: rgb(255,255,255) !important; } .mdl-color-text--white { color: rgb(255,255,255) !important; } .mdl-color--primary { background-color: rgb(#0DB5D7) !important; } .mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; } .mdl-color--primary-dark { background-color: rgb(rgb(0,136,170)) !important; } .mdl-color--accent { background-color: rgb(rgb(209,8,22)) !important; } .mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; } .mdl-color-text--primary, .cms-page-view .help-content.help-home-page .block .content-heading a:hover, .cms-page-view .help-content .sub-content-right a:hover, .cms-page-view .help-content .block .content a { color: #0DB5D7 !important; } .mdl-color-text--primary-contrast { color: rgb(255,255,255) !important; } .mdl-color-text--primary-dark { color: rgb(rgb(0,136,170)) !important; } .mdl-color-text--accent { color: rgb(rgb(209,8,22)) !important; } .mdl-color-text--accent-contrast { color: rgb(255,255,255) !important; } .mdl-color-text--red { color: rgb(244,67,54) !important; } .mdl-color--red { background-color: rgb(244,67,54) !important; } .mdl-color-text--red-50 { color: rgb(255,235,238) !important; } .mdl-color--red-50 { background-color: rgb(255,235,238) !important; } .mdl-color-text--red-100 { color: rgb(255,205,210) !important; } .mdl-color--red-100 { background-color: rgb(255,205,210) !important; } .mdl-color-text--red-200 { color: rgb(239,154,154) !important; } .mdl-color--red-200 { background-color: rgb(239,154,154) !important; } .mdl-color-text--red-300 { color: rgb(229,115,115) !important; } .mdl-color--red-300 { background-color: rgb(229,115,115) !important; } .mdl-color-text--red-400 { color: rgb(239,83,80) !important; } .mdl-color--red-400 { background-color: rgb(239,83,80) !important; } .mdl-color-text--red-500 { color: rgb(244,67,54) !important; } .mdl-color--red-500 { background-color: rgb(244,67,54) !important; } .mdl-color-text--red-600 { color: rgb(229,57,53) !important; } .mdl-color--red-600 { background-color: rgb(229,57,53) !important; } .mdl-color-text--red-700 { color: rgb(211,47,47) !important; } .mdl-color--red-700 { background-color: rgb(211,47,47) !important; } .mdl-color-text--red-800 { color: rgb(198,40,40) !important; } .mdl-color--red-800 { background-color: rgb(198,40,40) !important; } .mdl-color-text--red-900 { color: rgb(183,28,28) !important; } .mdl-color--red-900 { background-color: rgb(183,28,28) !important; } .mdl-color-text--red-A100 { color: rgb(255,138,128) !important; } .mdl-color--red-A100 { background-color: rgb(255,138,128) !important; } .mdl-color-text--red-A200 { color: rgb(255,82,82) !important; } .mdl-color--red-A200 { background-color: rgb(255,82,82) !important; } .mdl-color-text--red-A400 { color: rgb(255,23,68) !important; } .mdl-color--red-A400 { background-color: rgb(255,23,68) !important; } .mdl-color-text--red-A700 { color: rgb(213,0,0) !important; } .mdl-color--red-A700 { background-color: rgb(213,0,0) !important; } .mdl-color-text--green { color: rgb(76,175,80) !important; } .mdl-color--green { background-color: rgb(76,175,80) !important; } .mdl-color-text--green-50 { color: rgb(232,245,233) !important; } .mdl-color--green-50 { background-color: rgb(232,245,233) !important; } .mdl-color-text--green-100 { color: rgb(200,230,201) !important; } .mdl-color--green-100 { background-color: rgb(200,230,201) !important; } .mdl-color-text--green-200 { color: rgb(165,214,167) !important; } .mdl-color--green-200 { background-color: rgb(165,214,167) !important; } .mdl-color-text--green-300 { color: rgb(129,199,132) !important; } .mdl-color--green-300 { background-color: rgb(129,199,132) !important; } .mdl-color-text--green-400 { color: rgb(102,187,106) !important; } .mdl-color--green-400 { background-color: rgb(102,187,106) !important; } .mdl-color-text--green-500 { color: rgb(76,175,80) !important; } .mdl-color--green-500 { background-color: rgb(76,175,80) !important; } .mdl-color-text--green-600 { color: rgb(67,160,71) !important; } .mdl-color--green-600 { background-color: rgb(67,160,71) !important; } .mdl-color-text--green-700 { color: rgb(56,142,60) !important; } .mdl-color--green-700 { background-color: rgb(56,142,60) !important; } .mdl-color-text--green-800 { color: rgb(46,125,50) !important; } .mdl-color--green-800 { background-color: rgb(46,125,50) !important; } .mdl-color-text--green-900 { color: rgb(27,94,32) !important; } .mdl-color--green-900 { background-color: rgb(27,94,32) !important; } .mdl-color-text--green-A100 { color: rgb(185,246,202) !important; } .mdl-color--green-A100 { background-color: rgb(185,246,202) !important; } .mdl-color-text--green-A200 { color: rgb(105,240,174) !important; } .mdl-color--green-A200 { background-color: rgb(105,240,174) !important; } .mdl-color-text--green-A400 { color: rgb(0,230,118) !important; } .mdl-color--green-A400 { background-color: rgb(0,230,118) !important; } .mdl-color-text--green-A700 { color: rgb(0,200,83) !important; } .mdl-color--green-A700 { background-color: rgb(0,200,83) !important; } .mdl-color--black { background-color: rgb(0,0,0) !important; } .mdl-color-text--black { color: rgb(0,0,0) !important; } .mdl-color--white { background-color: rgb(255,255,255) !important; } .mdl-color-text--white { color: rgb(255,255,255) !important; } .mdl-color--primary { background-color: rgb(#0DB5D7) !important; } .mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; } .mdl-color--primary-dark { background-color: rgb(rgb(0,136,170)) !important; } .mdl-color--accent { background-color: rgb(rgb(209,8,22)) !important; } .mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; } /*.mdl-color-text--primary-contrast { color: unquote("rgb(255,255,255)") !important; } .mdl-color-text--primary-dark { color: unquote("rgb(rgb(0,136,170))") !important; } .mdl-color-text--accent { color: unquote("rgb(rgb(209,8,22))") !important; } .mdl-color-text--accent-contrast { color: unquote("rgb(255,255,255)") !important; } */ .mdl-color-text--secondary { color: rgb(117,117,117) !important; } .mdl-color-text--disabled { color: rgb(117,117,117) !important; } .mdl-color-text--hint { color: rgb(117,117,117) !important; } .mdl-color-text--link { color: rgb(209,8,22) !important; } .mdl-color-text--primary-contrast { color: rgb(250,250,250) !important; } .mdl-color-text--secondary-contrast { color: rgb(224,224,224) !important; } .mdl-color-text--disabled-contrast { color: rgb(117,117,117) !important; } .mdl-color-text--hint-contrast { color: rgb(224,224,224) !important; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-ripple { background: rgb(0,0,0); border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 50px; overflow: hidden; } .mdl-ripple.is-animating { transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); } .mdl-ripple.is-visible { opacity: 0.3; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-animation--default { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--fast-out-slow-in { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--linear-out-slow-in { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .mdl-animation--fast-out-linear-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .mdl-animation--banner-left-right { transition-property: left, right, opacity; transition-duration: .6s; -webkit-transition-property: left, right, opacity; -webkit-transition-duration: .6s; } .mdl-animation--banner-left-top { transition-property: left, top, opacity; transition-duration: .6s; -webkit-transition-property: left, top, opacity; -webkit-transition-duration: .6s; } .mdl-animation--scroller-track, .track_scroll { -webkit-transition: background 250ms linear; transition: background 250ms linear; } .mdl-animation--scroller-handle, .handle_scroll { -webkit-transition: width 250ms; transition: width 250ms; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-button { background: transparent; border: none; border-radius: 2px; -webkit-border-radius: 2px; /*color: $button-secondary-color;*/ display: block; position: relative; height: 36px; min-width: 68px; padding: 1px 8px 0 8px; margin: 0; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 400; text-transform: uppercase; letter-spacing: 0; overflow: hidden; border-radius: 2px; will-change: box-shadow, transform; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; } .mdl-button::-moz-focus-inner { border: 0; } .mdl-button:hover { background-color: rgb(238,238,238); } .mdl-button:focus:not(:active) { background-color: rgba(0,0,0, 0.12); } .mdl-button:active { background-color: rgba(158,158,158, 0.40); } .mdl-button.mdl-button--colored { color: #0db5d7; } .mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0,0,0, 0.12); } input.mdl-button[type="submit"] { -webkit-appearance: none; } .mdl-button--raised { background: rgba(158,158,158, 0.20); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-button--raised:active { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(158,158,158, 0.40); } .mdl-button--raised:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); } .mdl-button--raised.mdl-button--colored { background: #0db5d7; color: rgb(255,255,255); } .mdl-button--raised.mdl-button--colored:hover { background-color: rgb(13,181,215); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-button--raised.mdl-button--colored:active { background-color: rgb(13,181,215); } .mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(13,181,215); } .mdl-button--raised.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); } .mdl-button--fab { border-radius: 50%; font-size: 24px; height: 56px; margin: auto; min-width: 56px; width: 56px; padding: 0; overflow: hidden; background: rgba(158,158,158, 0.20); box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); position: relative; line-height: normal; } .mdl-button--fab .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; } .mdl-button--fab.mdl-button--mini-fab { height: 40px; min-width: 40px; width: 40px; } .mdl-button--fab .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-button--fab:active { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(158,158,158, 0.40); } .mdl-button--fab:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); } .mdl-button--fab.mdl-button--colored { background: #e12849; color: rgb(255,255,255); } .mdl-button--fab.mdl-button--colored:hover { background-color: rgb(209,8,22); } .mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: rgb(255,255,255); } .mdl-button--fab.mdl-button--colored:active { background-color: rgb(255,255,255); } .mdl-button--fab.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); } .mdl-button--icon { border-radius: 50%; /*font-size: $button-fab-font-size;*/ height: 32px; margin-left: 0; margin-right: 0; min-width: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit; /*line-height: normal;*/ } .mdl-button--icon .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; } .mdl-button--icon.mdl-button--mini-icon { height: 24px; min-width: 24px; width: 24px; } .mdl-button--icon.mdl-button--mini-icon .material-icons { top: 0px; left: 0px; } .mdl-button--icon .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-button__ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; } .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple { background-color: transparent; } .mdl-button--primary.mdl-button--primary { background-color: #0db5d7; color: #FFFFFF; } .mdl-button--primary.mdl-button--primary .mdl-ripple { background: rgb(255,255,255); } .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab, .mdl-button--primary.mdl-button--primary.mdl-longbutton--raised { color: rgb(255,255,255); background-color: #0db5d7; } .mdl-button--primary.mdl-button--primary.mdl-longbutton--raised { height: 42px; } .mdl-button--primary.mdl-button--primary:hover { background-color: #1abfe5; } .mdl-button--accent.mdl-button--accent { color: rgb(255,255,255); background-color: #e12849; } .mdl-button--accent.mdl-button--accent .mdl-ripple { background: rgb(255,255,255); } .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab, .mdl-button--accent.mdl-button--accent.mdl-longbutton--raised { color: rgb(255,255,255); background-color: #e12849; } .mdl-button--accent.mdl-button--accent.mdl-button--raised:hover, .mdl-button--accent.mdl-button--accent.mdl-button--fab:hover, .mdl-button--accent.mdl-button--accent.mdl-longbutton--raised:hover { background-color: #ed3b61; } .mdl-button--accent.mdl-button--accent.mdl-longbutton--raised { height: 42px; } .mdl-button--accent.mdl-button--accent:hover { background-color: #ed3b61; } .mdl-button { /* &--fab { // Bump up specificity by using [disabled] twice. &[disabled][disabled], &.mdl-button--disabled.mdl-button--disabled { background-color: $button-primary-color-disabled; color: $button-secondary-color-disabled; @include shadow-2dp(); } } &--raised { // Bump up specificity by using [disabled] twice. &[disabled][disabled], &.mdl-button--disabled.mdl-button--disabled { background-color: $button-primary-color-disabled; color: $button-secondary-color-disabled; @include shadow-2dp(); } } &--colored { // Bump up specificity by using [disabled] twice. &[disabled][disabled], &.mdl-button--disabled.mdl-button--disabled { background-color: $button-primary-color-disabled; color: $button-secondary-color-disabled; @include shadow-2dp(); } } */ } .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { cursor: auto; background-color: rgb(189,189,189); } .mdl-button[disabled][disabled]:hover, .mdl-button.mdl-button--disabled.mdl-button--disabled:hover { background-color: rgb(189,189,189); } .mdl-button .material-icons { vertical-align: middle; } .mdl-links { padding: 10px 5px; color: rgb(117,117,117); text-decoration: none; } .mdl-links:hover { background-color: rgb(238,238,238); text-decoration: none; } .mdl-links-color { text-decoration: none; } .mdl-links-color:hover { text-decoration: none; color: #0db5d7 !important; } .mdl-menu-links { text-decoration: none; } .mdl-menu-links:hover { text-decoration: none; } a.mdl-content-link { color: #0DB5D7; } .mdl-longbutton--raised { background: rgba(158,158,158, 0.20); width: 100%; } .mdl-longbutton--raised:active { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(158,158,158, 0.40); } .mdl-longbutton--raised:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); } .mdl-longbutton--raised.mdl-button--colored { background: #0db5d7; color: rgb(255,255,255); } .mdl-longbutton--raised.mdl-button--colored:hover { background-color: rgb(13,181,215); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-longbutton--raised.mdl-button--colored:active { background-color: rgb(13,181,215); } .mdl-longbutton--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(13,181,215); } .mdl-longbutton--raised.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); } .fixed-action-btn { position: absolute; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998; } .fixed-action-btn:hover ul .btn-floating { transform: scaleY(1) scaleX(1) translateY(0px); opacity: 1; } .fixed-action-btn .btn-floating { display: inline-block; color: rgb(255,255,255); position: relative; overflow: hidden; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .fixed-action-btn .btn-floating i { width: inherit; display: inline-block; text-align: center; color: rgb(255,255,255); background-color: #757575; } .fixed-action-btn .btn-floating i.icon-honor2-twitter:before { position: relative; left: 3px; top: 3px; } .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 38px; margin: 0; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { transform: scaleY(0.4) scaleX(0.4) translateY(40px); opacity: 0; } .checkout-cart-index .delete-pop .cancel-button { background: #e0e0e0; margin: 5px 5px; font-weight: 500; } .checkout-cart-index .delete-pop .cancel-button:hover { background: #eeeeee; } .gap-between-button { margin: 5px 5px; } #save-address { background-color: #01B4E1; color: #ffffff; } #save-address:hover { background-color: #1abfe5; } #unsubscribe-button { display: none; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; width: 100%; z-index: 1; position: relative; background: rgb(255,255,255); border-radius: 2px; box-sizing: border-box; } .mdl-card__media { background-color: rgb(255,255,255); background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; } .mdl-card__title { align-items: center; color: rgb(0,0,0); display: block; display: flex; justify-content: stretch; line-height: normal; padding: 0px 0px; perspective-origin: 165px 56px; transform-origin: 165px 56px; box-sizing: border-box; } .mdl-card__title.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mdl-card__title-text { align-self: flex-end; color: inherit; display: block; display: flex; font-size: 24px; font-weight: 300; line-height: normal; overflow: hidden; transform-origin: 149px 48px; margin: 0; } .mdl-card__subtitle-text { font-size: 1rem; color: grey; margin: 0; } .mdl-card__supporting-text { /*line-height: $card-supporting-text-line-height;*/ line-height: 24px; overflow: hidden; word-wrap: break-word; padding: 0px 0px; width: 90%; } .mdl-card__actions { font-size: 16px; line-height: normal; width: 100%; background-color: transparent; padding: 8px; box-sizing: border-box; } .mdl-card__actions.mdl-card--border { border-top: 1px solid rgba(0, 0, 0, 0.12); } .mdl-card--expand { flex-grow: 1; } .mdl-card__menu { position: absolute; right: 10px; top: 10px; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-checkbox { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; /*width: 100%;*/ width: auto; height: 24px; margin: 0; padding: 0; } .mdl-checkbox.is-upgraded { padding-left: 24px; } .mdl-checkbox__input { line-height: 24px; } .mdl-checkbox.is-upgraded .mdl-checkbox__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .mdl-checkbox__box-outline { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; overflow: hidden; border: 2px solid rgba(0,0,0, 0.54); border-radius: 2px; z-index: 2; } .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border: 2px solid rgb(13,181,215); } .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; } .mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; } .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(209,8,22, 0.26); background-color: rgba(209,8,22, 0.26); } .mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; mask: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/tick.svg"); background: transparent; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: #0DB5D7 url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/tick.svg"); } .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0,0,0, 0.26) url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/tick.svg?embed"); } .mdl-checkbox__label { position: relative; cursor: pointer; margin: 0; } .mdl-checkbox.is-disabled .mdl-checkbox__label { /*color: $checkbox-disabled-color;*/ cursor: auto; } .mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: auto; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-checkbox__ripple-container .mdl-ripple { background: rgb(13,181,215); } .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto; } .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple { background: transparent; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-data-table { position: relative; border: 1px solid rgb(224,224,224); border-collapse: collapse; /*white-space: nowrap;*/ font-size: 1rem; background-color: rgb(255,255,255); /* * Transform in Safari to solve rendering issue. * See https://github.com/google/material-design-lite/issues/1194 */ -webkit-transform: translate3d(0, 0, 0); } .mdl-data-table thead { padding-bottom: 3px; } .mdl-data-table thead .mdl-data-table__select { margin-top: 0; } .mdl-data-table tbody tr { position: relative; height: 48px; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; } .mdl-data-table tbody tr.is-selected { background-color: #e0e0e0; } .mdl-data-table tbody tr:hover { background-color: #eeeeee; } .mdl-data-table td, .mdl-data-table th { padding: 0px 18px 0px 18px; text-align: right; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 24px; } .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { padding-right: 24px; } .mdl-data-table td { position: relative; vertical-align: top; height: 48px; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); padding-top: 12px; box-sizing: border-box; word-break: break-word; } .mdl-data-table td .mdl-data-table__select { vertical-align: top; position: absolute; left: 24px; } .mdl-data-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; letter-spacing: 0; height: 48px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; } .mdl-data-table th .mdl-data-table__select { position: absolute; bottom: 8px; left: 24px; } .mdl-data-table__select { width: 16px; } .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { text-align: left; } .mdl-data-table__cell--highlight-text { color: rgb(33,33,33); } .mdl-data-table__cell--highlight-text-uppercase { color: rgb(33,33,33); } /*----START: Without border table with only separator ----*/ .table__without-border tbody { width: 100%; display: table; } .table__without-border.mdl-data-table { color: rgb(117,117,117); width: 100%; border: 0; } .table__without-border.mdl-data-table > tbody > tr > td { padding: 36px 30px 12px 30px; } .table__without-border.mdl-data-table td, .table__without-border.mdl-data-table th { /*padding: 10px $data-table-column-padding 10px $data-table-column-padding;*/ padding: 0 15px; } .table__without-border.mdl-data-table tr:first-child > td { border-top: 0; } .table__without-border.mdl-data-table tbody tr:hover { background: none; } .table__without-border.mdl-data-table td { border-bottom: 0; } .table__without-border.mdl-data-table td.inner-table { /*padding: 0;*/ width: 76%; } .table__without-border.mdl-data-table td.inner-table .mdl-data-table { width: 100%; border: 0; } .table__without-border.mdl-data-table td.inner-table .mdl-data-table td { border: 0; /*vertical-align: middle;*/ } .table__without-border#small-devices-view { display: none; } .table__without-border#desktop-view { display: table; } @media only screen and (max-width: 770px) { .table__without-border.mdl-data-table > tbody > tr > td { padding: 12px; } .table__without-border.mdl-data-table > tbody > tr > td.inner-table td { vertical-align: middle; } .table__without-border#desktop-view { display: none; } .table__without-border#small-devices-view { display: table; } } .event-registration-info .mdl-data-table { width: 100%; } .event-registration-info .mdl-data-table tr { margin: 10px 0px; } .event-registration-info .mdl-data-table th, .event-registration-info .mdl-data-table td { padding-left: 30px; text-align: left; } .event-registration-info .mdl-data-table td { height: 60px; vertical-align: middle; color: rgb(33,33,33); padding: 30px 30px; } /*----END: Without border table with only separator ----*/ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-progress { display: block; position: absolute; height: 4px; width: 100%; } .mdl-progress > .bar { display: block; position: absolute; top: 0; bottom: 0; width: 0%; transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-progress > .progressbar { background-color: #00b5e2; z-index: 1; left: 0; } .mdl-progress > .bufferbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #00b5e2, #00b5e2); z-index: 0; left: 0; } .mdl-progress > .auxbar { right: 0; } @supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #00b5e2, #00b5e2); mask: url("/images/buffer.svg?embed"); } } .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #00b5e2, #00b5e2); } .mdl-progress.mdl-progress__indeterminate > .bar1 { background-color: #00b5e2; animation-name: indeterminate1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } .mdl-progress.mdl-progress__indeterminate > .bar3 { background-image: none; background-color: #00b5e2; animation-name: indeterminate2; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes indeterminate1 { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } } @keyframes indeterminate2 { 0% { left: 0%; width: 0%; } 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { left: 100%; width: 0%; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-radio { position: relative; font-size: 16px; line-height: 21px; display: inline-block; box-sizing: border-box; margin: 0; padding-left: 0px; } .mdl-radio.is-upgraded { padding-left: 24px; } .mdl-radio__button { line-height: 21px; } .mdl-radio.is-upgraded .mdl-radio__button { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .mdl-radio__outer-circle { position: absolute; top: 0.5px; left: 0px; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 2px solid rgba(0,0,0, 0.54); border-radius: 50%; z-index: 2; } .mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid rgb(13,181,215); } .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; } .mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; top: 4.5px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; -ms-transform: scale3d(0, 0, 0); /* IE 9 */ -webkit-transform: scale3d(0, 0, 0); /* Safari */ -moz-transform: scale3d(0, 0, 0); /* Mozilla */ transform: scale3d(0, 0, 0); /* Standard syntax */ border-radius: 50%; } .mdl-radio.is-checked .mdl-radio__inner-circle { -ms-transform: scale3d(1, 1, 1); /* IE 9 */ -webkit-transform: scale3d(1, 1, 1); /* Safari */ -moz-transform: scale3d(1, 1, 1); /* Mozilla */ transform: scale3d(1, 1, 1); /* Standard syntax */ background: rgb(13,181,215); } .mdl-radio.is-disabled .mdl-radio__inner-circle { background: rgba(0,0,0, 0.26); cursor: auto; } .mdl-radio.is-focused .mdl-radio__inner-circle { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); } .mdl-radio__label { cursor: pointer; /*color:$text-color-primary; font-weight:400;*/ display: inline-block; margin-top: -2px; } .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0,0,0, 0.26); cursor: auto; } .mdl-radio__ripple-container { position: absolute; z-index: 2; top: -10.5px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-radio__ripple-container .mdl-ripple { background: rgb(13,181,215); } .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto; } .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple { background: transparent; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-spinner { display: inline-block; position: absolute; width: 28px; height: 28px; top: 5px; left: 47%; } .mdl-spinner.is-upgraded.is-active { animation: mdl-spinner__container-rotate 1568.23529ms linear infinite; } @keyframes mdl-spinner__container-rotate { to { transform: rotate(360deg); } } .mdl-spinner__layer { position: absolute; width: 100%; height: 100%; opacity: 0; } .mdl-spinner__layer-1 { border-color: rgb(66,165,245); } .mdl-spinner--single-color .mdl-spinner__layer-1 { border-color: rgb(255,255,255); } .mdl-spinner--blue-color .mdl-spinner__layer-1 { border-color: #0db5d7; } .mdl-spinner.is-active .mdl-spinner__layer-1 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdl-spinner__layer-2 { border-color: rgb(244,67,54); } .mdl-spinner--single-color .mdl-spinner__layer-2 { border-color: rgb(255,255,255); } .mdl-spinner--blue-color .mdl-spinner__layer-2 { border-color: #0db5d7; } .mdl-spinner.is-active .mdl-spinner__layer-2 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdl-spinner__layer-3 { border-color: rgb(253,216,53); } .mdl-spinner--single-color .mdl-spinner__layer-3 { border-color: rgb(255,255,255); } .mdl-spinner--blue-color .mdl-spinner__layer-3 { border-color: #0db5d7; } .mdl-spinner.is-active .mdl-spinner__layer-3 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdl-spinner__layer-4 { border-color: rgb(76,175,80); } .mdl-spinner--single-color .mdl-spinner__layer-4 { border-color: rgb(255,255,255); } .mdl-spinner--blue-color .mdl-spinner__layer-4 { border-color: #0db5d7; } .mdl-spinner.is-active .mdl-spinner__layer-4 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @keyframes mdl-spinner__fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } /** * HACK: Even though the intention is to have the current .mdl-spinner__layer-N * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome * to do proper subpixel rendering for the elements being animated. This is * especially visible in Chrome 39 on Ubuntu 14.04. See: * * - https://github.com/Polymer/paper-spinner/issues/9 * - https://code.google.com/p/chromium/issues/detail?id=436255 */ @keyframes mdl-spinner__layer-1-fade-in-out { from { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } } @keyframes mdl-spinner__layer-2-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } } @keyframes mdl-spinner__layer-3-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } } @keyframes mdl-spinner__layer-4-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent * div.mdl-spinner__circle-clipper while the spinner is rotating * (appears on Chrome 38, Safari 7.1, and IE 11). * * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's * opacity is 0.99, but still does on Safari and IE. */ .mdl-spinner__gap-patch { position: absolute; box-sizing: border-box; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .mdl-spinner__gap-patch .mdl-spinner__circle { width: 1000%; left: -450%; } .mdl-spinner__circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .mdl-spinner__circle-clipper .mdl-spinner__circle { width: 200%; } .mdl-spinner__circle { box-sizing: border-box; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mdl-spinner__left .mdl-spinner__circle { border-right-color: transparent !important; transform: rotate(129deg); } .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle { animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdl-spinner__right .mdl-spinner__circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); } .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle { animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @keyframes mdl-spinner__left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @keyframes mdl-spinner__right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-tabs { display: block; width: 100%; } .mdl-tabs__tab-bar { display: flex; flex-direction: row; justify-content: center; align-content: space-between; align-items: flex-start; height: 48px; padding: 0 0 0 0; margin: 0; border-bottom: 1px solid rgb(224,224,224); } .mdl-tabs__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 1rem; text-transform: uppercase; color: rgba(0,0,0, 0.54); overflow: hidden; } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: rgba(0,0,0, 0.87); } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(13,181,215); animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .mdl-tabs__tab .mdl-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden; } .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(13,181,215); } .mdl-tabs__panel { display: block; } .mdl-tabs.is-upgraded .mdl-tabs__panel { display: none; } .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active { display: block; } @keyframes border-expand { 0% { opacity: 0; width: 0; } 100% { opacity: 1; width: 100%; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-textfield { position: relative; display: inline-block; box-sizing: border-box; width: 300px; max-width: 100%; margin: 0; padding: 20px 0; } .mdl-textfield .mdl-button { position: absolute; bottom: 20px; } .mdl-textfield--align-right { text-align: right; } .mdl-textfield--full-width { width: 100%; } .mdl-textfield--expandable { min-width: 32px; width: auto; min-height: 32px; } .mdl-textfield.is-focused .mdl-textfield__label { color: #00b5e2; } .mdl-textfield__input { background: transparent none repeat scroll 0 0; border-radius: 0; border-width: 0 0 1px; display: block; line-height: 26px; margin-top: auto; order: 2; padding: 2px 0px 1px; border-color: rgba(0, 0, 0, 0.26); text-align: left; color: rgba(0, 0, 0, 0.87); width: 100%; outline: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mdl-textfield__input { line-height: 14px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdl-textfield__input { border-color: rgba(0, 0, 0, 0.09); } } .mdl-textfield.is-focused .mdl-textfield__input { outline: none; } .mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(222, 50, 38); box-shadow: none; } .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; border-bottom: 1px dotted rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); } .mdl-textfield textarea.mdl-textfield__input { display: block; } .mdl-textfield__label { bottom: 0; color: rgba(0, 0, 0, 0.54); font-size: 1rem; left: 0; right: 0; pointer-events: none; position: absolute; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdl-textfield__label { top: 21px; } } .mdl-textfield.is-dirty .mdl-textfield__label { visibility: hidden; } .mdl-textfield--floating-label .mdl-textfield__label { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { color: rgba(0,0,0, 0.26); } .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { top: 4px; visibility: visible; } .mdl-textfield--floating-label.is-focused .mdl-textfield__label { top: 4px; visibility: visible; } .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label { top: -16px; } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color: rgb(222, 50, 38); font-size: 12px; } .mdl-textfield__label:after { background-color: rgb(13,181,215); bottom: 20px; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 10px; } .mdl-textfield.is-focused .mdl-textfield__label:after { left: 0; visibility: visible; width: 100%; } .mdl-textfield.is-invalid .mdl-textfield__label:after { background-color: rgb(222, 50, 38); } .mdl-textfield__error { color: rgb(222, 50, 38); font-size: 12px; margin-top: 3px; position: absolute; left: 1px; } .mdl-textfield.is-invalid .mdl-textfield__error { visibility: visible; } .mdl-textfield__expandable-holder { display: inline-block; position: relative; margin-left: 32px; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; max-width: 0.1px; } .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder { max-width: 600px; } .mdl-textfield__expandable-holder .mdl-textfield__label:after { bottom: 0; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .mdl-tooltip { transform: scale(0); transform-origin: top center; will-change: transform; z-index: 999; background: rgba(97,97,97, 0.9); border-radius: 2px; color: rgb(255,255,255); display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; } .mdl-tooltip.is-active { animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } .mdl-tooltip--large { line-height: 14px; font-size: 1rem; padding: 16px; } @keyframes pulse { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.99); } 100% { transform: scale(1); opacity: 1; visibility: visible; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .mdl-shadow--2dp { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .mdl-shadow--4dp { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .mdl-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } .mdl-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } .mdl-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * NOTE: Some rules here are applied using duplicate selectors. * This is on purpose to increase their specificity when applied. * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` */ .mdl-grid { display: flex; flex-flow: row wrap; margin: 0 auto 0 auto; align-items: stretch; } .mdl-grid.mdl-grid--no-spacing { padding: 0; } .pts-payment-paynow .mdl-card-padding .mdl-grid { display: inline-block; flex-flow: row wrap; margin: 0 auto 0 auto; align-items: stretch; width: 100%; } .pts-payment-paynow .mdl-card-padding .mdl-grid.mdl-grid--no-spacing { padding: 0; } .pts-payment-paynow .mdl-grid .mdl-card-margin .mdl-cell--2-col { float: left; margin-left: 30px; width: 15%; background: red; } .mdl-cell { box-sizing: border-box; } .mdl-cell--top { align-self: flex-start; } .mdl-cell--middle { align-self: center; } .mdl-cell--bottom { align-self: flex-end; } .mdl-cell--stretch { align-self: stretch; } .mdl-grid.mdl-grid--no-spacing > .mdl-cell { margin: 0; } @media (max-width: 479px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } } @media (min-width: 480px) and (max-width: 839px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } } @media (min-width: 840px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(33.33333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.33333%; } .mdl-cell--hide-desktop { display: none !important; } .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.33333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.33333%; } .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.66667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.66667%; } .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.33333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.33333%; } .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.66667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.66667%; } .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.33333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.33333%; } .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.66667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.66667%; } .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.33333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.33333%; } .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.66667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.66667%; } .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } } .input-box-shadow, .droupdown-box-border .select-wrapper input[type=text] { /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/ box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); /*border: 1px solid $card-border-color; */ } /*************** Select Field ***************/ .select-label { position: absolute; } .select-wrapper { position: relative; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; color: rgba(0, 0, 0, 0.87); background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; line-height: 2rem; width: 100%; margin: 0px; padding: 0 15px 0 0; display: block; z-index: 99; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .select-wrapper input.select-dropdown { line-height: 14px; height: 22px; } } .select-wrapper .mdi-navigation-arrow-drop-down { color: #212121; position: absolute; right: 7px; z-index: 9; top: 8px; } .select-wrapper .mdi-navigation-arrow-drop-down.disabled { color: black; } .select-wrapper ~ label { position: absolute; top: 4px; font-size: 12px; color: rgba(0, 0, 0, 0.54); } .select-wrapper input[type=text] { text-align: left; } .select-wrapper span.dropdown-color-box { border: 1px solid black; display: inline-block; height: 11px; margin-right: 8px; width: 11px; } .select-wrapper span.dropdown-color-box.selected { left: 10px; position: absolute; top: 10px; } select { display: none; } select.browser-default { display: block; } select:disabled { color: rgba(0, 0, 0, 0.3); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -ms-user-select: none; /* IE10+ */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled { color: rgba(0, 0, 0, 0.3); background-color: transparent; } .dropdown-content { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12); background-color: rgb(255,255,255); margin: 0; display: none; max-height: 310px; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; position: absolute; z-index: 999; will-change: width, height; } .dropdown-content li { clear: both; color: rgb(117,117,117); cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; } .dropdown-content li.active { color: inherit; /*background-color:$text-color-hint-contrast;*/ } .dropdown-content li:hover { color: inherit; background-color: rgb(238,238,238); } .dropdown-content li > a, .dropdown-content li > span { font-size: 14px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; color: rgb(117,117,117); display: block; padding: 14px 14px; } .dropdown-content li.active span { color: #0DB5D7 !important; } .dropdown-content li > a > i { height: inherit; line-height: inherit; } /*-----START:-Product Details drop down style---------------*/ .droupdown-box-border .select-wrapper { background-color: #ffffff; } .droupdown-box-border .select-wrapper .mdi-navigation-arrow-drop-down { right: 10px; top: 6px; } .droupdown-box-border .select-wrapper input[type=text] { color: rgb(33,33,33); padding-left: 10px; text-overflow: ellipsis; height: 30px; } .droupdown-box-border .select-wrapper input[type=text].data-hexcode { padding-left: 26px; } .droupdown-box-border .select-wrapper .dropdown-content { width: 103%; margin-left: 0; } .droupdown-box-border .select-wrapper .dropdown-content li > span { color: rgb(33,33,33); line-height: 14px; padding: 9px 11px; } /*-----END:-Product Details drop down style---------------*/ .mdl-custom .data-value { position: absolute; top: 4px; left: 6px; } .mdl-custom input.select-dropdown { padding-left: 32px; } .select-wrapper-medium { width: 181px; } .select-wrapper-medium input.select-dropdown { height: 30px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.05); } .select-wrapper-medium .mdi-navigation-arrow-drop-down { top: 7px; } .select-wrapper-medium .mdl-menu__container { min-width: 136px; } .select-wrapper-medium .dropdown-content { min-width: 136px; left: -3px !important; bottom: 0px; } .select-wrapper .validation-advice { bottom: -19px; } select.default-dropdown { display: block !important; } .dropdown-content li.disabled { pointer-events: none; } .dropdown-content li.disabled span { color: #D1D3D4 !important; } .disabled-remove li.disabled { display: none; } .select-wrapper input.select-dropdown { color: rgba(0, 0, 0, 0.54118); } .floating-label { margin: 8px; padding: 20px 0; position: relative; } .floating-label .dropdown-content li:first-child { display: none; } .floating-label label { opacity: 0; position: absolute; top: 24px; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .floating-label.active label { display: block; top: 0px; opacity: 1; } @media only screen and (max-width: 979px) { label.required.mdl-textfield__label.date_expiry { top: 5px; } } @media only screen and (max-width: 770px) { label.required.exp_date { position: absolute; top: 4px; font-size: 12px; color: rgba(0, 0, 0, 0.54); } label.required.mdl-textfield__label.date_expiry { top: 0px; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #ffffff; color: popup-skin-text-color; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.084); -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.084); box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.084); } .checkout-cart-index .fancybox-inner { overflow: hidden; height: auto; } .twostepcheckout-twostep-index .fancybox-inner { overflow: hidden; height: auto; margin-top: 20px; margin-bottom: -20px; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-outer, .fancybox-inner h3 { color: #000; } .fancybox-inner { overflow: hidden; height: auto; -webkit-overflow-scrolling: touch; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { /*background-image: url('https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/css/fancybox_sprite.png');*/ } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; /*background: url('https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/css/fancybox_loading.gif') center center no-repeat;*/ } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.6); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; height: 100% !important; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #444; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #444; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #444; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ .mdl-popup__menu { right: 3px; top: 3px; position: absolute; cursor: pointer; z-index: 1103; } .checkout-cart-index .delete-pop { width: 100%; } .checkout-cart-index .delete-pop .mdl-popup__content { padding: 10px 60px 20px 60px; color: #757575; text-align: center; } .checkout-cart-index .delete-pop .mdl-popup__content div#removingProduct { float: none; font-size: 1.143rem; text-align: center; display: inline; padding-right: 3px; } .checkout-cart-index .delete-pop .mdl-popup__content .mdl-popup__msg { margin: -1px 0 35px 0px; font-size: 1.143rem; text-align: center; display: inline; } .checkout-cart-index .mdl-popup .mdl-popup__actions { text-align: center; float: none; } .mdl-popup { display: none; } .mdl-popup .mdl-popup__content { padding: 30px 30px 30px 30px; } .mdl-popup .mdl-popup__msg { margin: 15px 0 15px 0; } .mdl-popup .mdl-popup__actions { padding-right: 8px; padding-left: 16px; padding-top: 8px; min-height: 52px; text-align: left; } .customer-account .mdl-popup__content { padding: 30px 30px 15px 30px; } .customer-account .mdl-popup__actions { padding: 0px; text-align: right; min-height: 0px; } .full-zoom-gallery { overflow: hidden; } .full-zoom-gallery .fancybox-wrap, .full-zoom-gallery .fancybox-inner, .full-zoom-gallery .fancybox-skin { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; bottom: 0 !important; position: fixed !important; } .full-zoom-gallery .fancybox-overlay { /*background: $text-color-white;*/ background: rgb(189,189,189); } .full-zoom-gallery .fancybox-opened .fancybox-skin { box-shadow: none; border: none; } @media only screen and (min-width: 1015px) and (max-width: 1035px) { .checkout-cart-index .mdl-popup .mdl-popup__actions { text-align: center; } .checkout-cart-index div#remove-from-cart-info { padding: 25px 20px 0px 20px; font-size: 1.429rem; text-align: center; font-weight: 600; } } @media only screen and (max-width: 770px) { .checkout-cart-index div#remove-from-cart-info { padding: 25px 20px 0px 20px; font-size: 1.429rem; text-align: center; font-weight: 600; } .checkout-cart-index .delete-pop .mdl-popup__content { padding: 10px 26px 0px 26px; color: #757575; text-align: center; } .checkout-cart-index .mdl-popup .mdl-popup__actions { text-align: center; width: 100%; margin-right: 3px; } } @media only screen and (max-width: 599px) { .customer-account .mdl-popup__content { padding: 30px 15px 15px 15px; } .checkout-cart-index div#remove-from-cart-info { padding: 25px 20px 0px 20px; font-size: 1.429rem; text-align: center; font-weight: 600; } .checkout-cart-index .delete-pop .mdl-popup__content { padding: 10px 26px 0px 26px; color: #757575; text-align: center; } .checkout-cart-index .mdl-popup .mdl-popup__actions { text-align: center; width: 100%; margin-right: 3px; } } .trackorder-popup h3 { font-size: 16px !important; } .fancybox-outer .fancybox-inner .trackorder-popup { width: 470px; padding: 25px; } .trackorder-popup .loginspace { padding-top: 20px; } .trackorder-popup .loginspace p { font-size: 12px; } .trackorder-popup .loginspace a:link, .trackorder-popup .loginspace a:visited, .trackorder-popup .loginspace a:hover { color: #0db5d7; } .trackorder-popup .mdl-textfield { line-height: 20px; width: 380px; margin-bottom: 10px; } .trackorder-popup .mdl-textfield .mdl-textfield__error { line-height: 13px; } .fancybox-inner .trackorder-popup .icon-honor2-close { position: absolute !important; right: 15px; top: 5px; } @media only screen and (max-width: 470px) { .fancybox-outer .fancybox-inner .trackorder-popup { width: auto; } .fancybox-inner { width: auto; } } .banner-outer-container { /* Arrows */ } .banner-outer-container .slick-prev, .banner-outer-container .slick-next { display: none; } .banner-outer-container .slick-slide { position: relative; } .banner-outer-container .slick-dots { position: absolute; bottom: 20px; list-style: none; display: inline-block; left: 45%; text-align: center; padding: 0px 6px 0px 12px; border-radius: 10px; line-height: 16px; background-color: rgba(0,0,0,0.08); } .banner-outer-container .slick-dots li { position: relative; display: inline-block; height: 10px; width: 15px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px; cursor: pointer; } .banner-outer-container .slick-dots li button { border: 0px; background: white; border-radius: 50%; display: block; height: 8px; width: 8px; outline: none; line-height: 0; color: transparent; padding: 4px; cursor: pointer; opacity: 0.3; } .banner-outer-container .slick-dots li button:hover, .banner-outer-container .slick-dots li button:focus { outline: none; } .banner-outer-container .slick-dots .slick-active button { background: white; opacity: 1; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-list .product-image img { height: auto !important; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev:before, .slick-next:before { opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -35px; color: rgb(117,117,117); } .slick-next { right: -35px; color: rgb(117,117,117); } .twostepcheckout-twostep-index .icon-honor2-arrow-left:before, .twostepcheckout-twostep-index .vid-block .home-news-container .slick-prev:before, .vid-block .home-news-container .twostepcheckout-twostep-index .slick-prev:before, .twostepcheckout-twostep-index .order-contact .slick-prev:before, .order-contact .twostepcheckout-twostep-index .slick-prev:before { position: relative; top: 0px; left: -1px; } .twostepcheckout-twostep-index .slick-slide { margin: 0px 10px 0px 0px; } .twostepcheckout-twostep-index .slick-disabled { color: rgb(224,224,224); } .vid-block .home-news-container { direction: ltr; background: none; /* Arrows */ } .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0px 0px 0px 0px; border: none; outline: none; } .vid-block .home-news-container .slick-prev { left: 85%; top: 100%; } .vid-block .home-news-container .slick-next { right: 12px; top: 100%; } .vid-block .home-news-container .slick-prev:before { color: rgb(117,117,117); font-size: 13px; } .vid-block .home-news-container .slick-prev:before:hover { color: rgb(33,33,33); } .vid-block .home-news-container .slick-next:before { color: rgb(117,117,117); font-size: 13px; } .vid-block .home-news-container .slick-next:before:hover { color: rgb(33,33,33); } .order-contact { background: none; /* Arrows */ } .order-contact .slick-prev, .order-contact .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; top: 40%; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0px 0px 0px 0px; border: none; outline: none; } .order-contact .slick-prev { left: 25%; } .order-contact .slick-next { right: 25%; } .order-contact .slick-prev:before { color: rgb(117,117,117); font-size: 13px; } .order-contact .slick-prev:before:hover { color: rgb(33,33,33); } .order-contact .slick-next:before { color: rgb(117,117,117); font-size: 13px; } .order-contact .slick-next:before:hover { color: rgb(33,33,33); } @media only screen and (max-width: 1199px) { .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .slick-next { top: 96%; } } @media only screen and (max-width: 980px) { .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .slick-next { top: 100%; } .vid-block .home-news-container .slick-prev { left: 80%; } .order-contact .slick-prev { left: 69%; } .order-contact .slick-next { right: 9%; } } @media only screen and (max-width: 770px) { .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .slick-next { top: 100%; } .vid-block .home-news-container .slick-prev { left: 89%; } } @media only screen and (max-width: 771px) { .order-contact .slick-prev { left: 66%; } .order-contact .slick-next { right: 14%; } } @media only screen and (max-width: 480px) { .vid-block .home-news-container .slick-prev { left: 80%; } .order-contact .slick-next { right: 6%; } } #zoom-gallery-new .slick-prev { left: 0px; } #zoom-gallery-new .slick-next { right: 0px; } #zoom-gallery-new .slick-slider button { position: absolute; top: 50%; width: 34px; height: 50px; border: 0; background: none; cursor: pointer; outline: none; } #zoom-gallery-new .slick-dots { text-align: center; margin-top: 30px; } #zoom-gallery-new .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; cursor: pointer; } #zoom-gallery-new .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px 5px 5px 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: rgb(189,189,189); border-radius: 50%; top: 0; } #zoom-gallery-new .slick-dots li.slick-active button { background: rgb(33,33,33); } .twostepcheckout-twostep-index .slick-prev { left: 0px; } .twostepcheckout-twostep-index .slick-next { right: 0px; } .address-arrow .slick-prev i { padding-left: 5px; } .address-arrow .slick-next .icon-honor2-arrow-right::before, .address-arrow .slick-next .vid-block .home-news-container .slick-next::before, .vid-block .home-news-container .address-arrow .slick-next .slick-next::before, .address-arrow .slick-next .order-contact .slick-next::before, .order-contact .address-arrow .slick-next .slick-next::before { margin-left: 7px; } .messages { margin-bottom: 10px; width: 100%; padding: 0 30px; display: inline-block; } .messages li span.close-btn { background: #ffffff; border-radius: 10px; cursor: pointer; line-height: 20px; padding: 0; position: absolute; right: 4px; text-align: center; top: 0px; height: 20px; width: 20px; } .messages li span.close-btn .icon-honor2-close { color: rgb(76,175,80); } .messages .notice-msg { float: left; width: 100%; } .messages .notice-msg ul { position: relative; padding: 10px; background: none repeat scroll 0 0 rgb(76,175,80); position: relative; border: 1px solid rgb(76,175,80); float: left; font-size: 15px; width: 100%; border: 0 none; } .messages .notice-msg li { position: relative; float: left; width: 100%; color: rgb(255,255,255); } .messages .error-msg { float: left; width: 100%; } .messages .error-msg ul { position: relative; padding: 10px; background: none repeat scroll 0 0 rgb(244,67,54); position: relative; border: 1px solid rgb(244,67,54); float: left; font-size: 15px; width: 100%; border: 0 none; z-index: 99; } .messages .error-msg li { position: relative; float: left; width: 100%; color: rgb(255,255,255); height: auto; padding-right: 30px; } .messages .error-msg.timed-out { position: relative; left: 0; z-index: 999; } .messages .success-msg { float: left; width: 100%; } .messages .success-msg ul { position: relative; padding: 10px; background: none repeat scroll 0 0 rgb(76,175,80); position: relative; border: 1px solid rgb(76,175,80); float: left; font-size: 15px; width: 100%; border: 0 none; } .messages .success-msg li { position: relative; float: left; width: 100%; color: rgb(255,255,255); } .messages .message_space { margin-right: 25px; display: inline-block; } .full-width-messages { width: 100%; float: left; margin: 3px 0; } .customer-account .mdl-messages { padding: 0px; } .cms-about-contact-us .mdl-messages .message_space { display: inline-flex; width: 87%; } .cms-about-contact-us .mdl-messages .success-msg li { height: auto; } @media only screen and (max-width: 979px) { .messages { padding: 0px; } } .mdlh-left-navigation { padding-bottom: 15px; } .mdlh-left-navigation .block-title label { padding: 0 0 10px 0px; background: transparent; color: rgb(33,33,33); display: inline-block; } .mdlh-left-navigation .block-title ul li { padding: 0 0 0 12px; margin: 10px 0 0 0; } .mdlh-left-navigation .block-title ul li a { color: rgb(117,117,117); font-weight: 400; text-decoration: none; } .mdlh-left-navigation .block-title ul li.current { border-left: 2px solid #0DB5D7; } .mdlh-left-navigation .block-title ul li.current a, .mdlh-left-navigation .block-title ul li.current a strong { color: #0DB5D7; font-weight: 400; } .col-left { float: left; padding-top: 24px; width: 19%; } .col-main { width: 81%; } .block-account { padding-top: 30px; } .col1-layout .block-account { padding-top: 0; } .col1-layout .block-title { padding-top: 30px !important; margin-bottom: 0; padding-left: 20px; } #scrollboxmain { overflow: auto; width: 100% !important; padding-right: 0px !important; } .track_scroll { width: 10px; background: transparent; margin-right: 2px; border-radius: 10px; } .track_scroll:hover, .track_scroll.dragging { background: rgba(0, 0, 0, 0.15); } .handle_scroll { width: 7px; right: 0; background: rgba(0, 0, 0, 0.4); border-radius: 7px; } .track_scroll:hover .handle_scroll, .track_scroll.dragging .handle3 { width: 10px; } #scrollstorepickmain { width: 100% !important; padding-right: 0px !important; height: 264px; overflow-y: auto; float: left; } @font-face { font-family: "honor2-icons-v3"; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.svg#honor2-icons-v3") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "honor2-icons-v3"; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/fonts/icons/honor2-icons-v3.svg#honor2-icons-v3") format("svg"); } } [data-icon]:before { content: attr(data-icon); } [data-icon]:before, .icon-honor2-alert:before, .icon-honor2-arrow-down:before, .icon-honor2-arrow-fancybox-left:before, .icon-honor2-arrow-fancybox-right:before, .icon-honor2-arrow-left:before, .vid-block .home-news-container .slick-prev:before, .order-contact .slick-prev:before, .icon-honor2-arrow-right:before, .vid-block .home-news-container .slick-next:before, .order-contact .slick-next:before, .icon-honor2-arrow-square:before, .icon-honor2-arrow-up:before, .icon-honor2-arrow1-left:before, .icon-honor2-arrow1-right:before, .icon-honor2-at-sign:before, .icon-honor2-award:before, .icon-honor2-bag:before, .icon-honor2-bell:before, .icon-honor2-building:before, .icon-honor2-bundle:before, .icon-honor2-calendar:before, .icon-honor2-calendar-old:before, .icon-honor2-calendar-without-circle:before, .icon-honor2-cart:before, .icon-honor2-cart-empty:before, .icon-honor2-cart-empty-circle-nobg:before, .icon-honor2-cart_circle:before, .icon-honor2-chat:before, .icon-honor2-check:before, .icon-honor2-check-circle:before, .icon-honor2-check-with-circle:before, .icon-honor2-close:before, .icon-honor2-close-fancybox:before, .icon-honor2-close-with-circle:before, .icon-honor2-close-with-square:before, .icon-honor2-cod:before, .icon-honor2-comment:before, .icon-honor2-coupon-with-circle:before, .icon-honor2-credit-card:before, .icon-honor2-credit-circle:before, .icon-honor2-credit-with-circle:before, .icon-honor2-cube:before, .icon-honor2-date-icon:before, .icon-honor2-deals:before, .icon-honor2-delivery:before, .icon-honor2-diary:before, .icon-honor2-download:before, .icon-honor2-download-with-circle:before, .icon-honor2-dropbox-with-circle:before, .icon-honor2-easy-return:before, .icon-honor2-easy_return:before, .icon-honor2-email:before, .icon-honor2-email-circle:before, .icon-honor2-email-open:before, .icon-honor2-email-with-circle:before, .icon-honor2-equal:before, .icon-honor2-exclamation:before, .icon-honor2-exclamation-with-triangle:before, .icon-honor2-facebook:before, .icon-honor2-faster_checkout:before, .icon-honor2-filled-arrow-down:before, .icon-honor2-filled-arrow-left:before, .icon-honor2-filled-arrow-right:before, .icon-honor2-filled-arrow-up:before, .icon-honor2-folder-download:before, .icon-honor2-free-delivery:before, .icon-honor2-funnel:before, .icon-honor2-gift:before, .icon-honor2-gift-icon:before, .icon-honor2-google:before, .icon-honor2-hex:before, .icon-honor2-honor:before, .icon-honor2-icon-honor2-cart-empty-circle-nobg:before, .icon-honor2-image-area:before, .icon-honor2-image_1:before, .icon-honor2-image_click:before, .icon-honor2-info:before, .icon-honor2-info-notification:before, .icon-honor2-instagram:before, .icon-honor2-like:before, .icon-honor2-location-pin:before, .icon-honor2-lock:before, .icon-honor2-lock2:before, .icon-honor2-logistic:before, .icon-honor2-logistic-circle:before, .icon-honor2-logistic-without-circle:before, .icon-honor2-logistic1:before, .icon-honor2-logout:before, .icon-honor2-menu:before, .icon-honor2-message:before, .icon-honor2-message_icn:before, .icon-honor2-minus:before, .icon-honor2-minus1:before, .icon-honor2-more:before, .icon-honor2-myorder:before, .icon-honor2-navigation:before, .icon-honor2-no-credit-icon:before, .icon-honor2-page-up:before, .icon-honor2-paragraph-with-circle:before, .icon-honor2-pencil:before, .icon-honor2-phone:before, .icon-honor2-play:before, .icon-honor2-plus:before, .icon-honor2-plus-square:before, .icon-honor2-plus-with-circle:before, .icon-honor2-plus-with-circle_fill:before, .icon-honor2-plus1:before, .icon-honor2-printer:before, .icon-honor2-printer-circle:before, .icon-honor2-printer-with-circle:before, .icon-honor2-question-icon:before, .icon-honor2-refresh:before, .icon-honor2-refresh-circle:before, .icon-honor2-refresh-with-circle:before, .icon-honor2-refresh1:before, .icon-honor2-scan:before, .icon-honor2-search:before, .icon-honor2-search-with-circle:before, .icon-honor2-search_with_filled:before, .icon-honor2-secure-checkout:before, .icon-honor2-setting:before, .icon-honor2-setting1:before, .icon-honor2-share-circle:before, .icon-honor2-share-with-circle:before, .icon-honor2-shipping:before, .icon-honor2-star:before, .icon-honor2-star-outline:before, .icon-honor2-store:before, .icon-honor2-store_pickup:before, .icon-honor2-tag:before, .icon-honor2-task-done:before, .icon-honor2-thump:before, .icon-honor2-thumsdown:before, .icon-honor2-thumsup:before, .icon-honor2-tick:before, .icon-honor2-track:before, .icon-honor2-trash:before, .icon-honor2-tree:before, .icon-honor2-twitter:before, .icon-honor2-user:before, .icon-honor2-user-new:before, .icon-honor2-user-with-circle:before, .icon-honor2-user3_with_circle:before, .icon-honor2-user_myaccount:before, .icon-honor2-vk:before, .icon-honor2-vkontakte:before, .icon-honor2-warning:before, .icon-honor2-warranty-icon:before, .icon-honor2-warranty1:before, .icon-honor2-work-icon:before, .icon-honor2-world:before, .icon-honor2-youtube:before { display: inline-block; font-family: "honor2-icons-v3"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .icon-honor2-alert:before { content: "\f100"; } .icon-honor2-arrow-down:before { content: "\f101"; } .icon-honor2-arrow-fancybox-left:before { content: "\f102"; } .icon-honor2-arrow-fancybox-right:before { content: "\f103"; } .icon-honor2-arrow-left:before, .vid-block .home-news-container .slick-prev:before, .order-contact .slick-prev:before { content: "\f104"; } .icon-honor2-arrow-right:before, .vid-block .home-news-container .slick-next:before, .order-contact .slick-next:before { content: "\f105"; } .icon-honor2-arrow-square:before { content: "\f106"; } .icon-honor2-arrow-up:before { content: "\f107"; } .icon-honor2-arrow1-left:before { content: "\f108"; } .icon-honor2-arrow1-right:before { content: "\f109"; } .icon-honor2-at-sign:before { content: "\f10a"; } .icon-honor2-award:before { content: "\f10b"; } .icon-honor2-bag:before { content: "\f10c"; } .icon-honor2-bell:before { content: "\f10d"; } .icon-honor2-building:before { content: "\f10e"; } .icon-honor2-bundle:before { content: "\f10f"; } .icon-honor2-calendar:before { content: "\f110"; } .icon-honor2-calendar-old:before { content: "\f111"; } .icon-honor2-calendar-without-circle:before { content: "\f112"; } .icon-honor2-cart:before { content: "\f113"; } .icon-honor2-cart-empty:before { content: "\f114"; } .icon-honor2-cart-empty-circle-nobg:before { content: "\f115"; } .icon-honor2-cart_circle:before { content: "\f116"; } .icon-honor2-chat:before { content: "\f117"; } .icon-honor2-check:before { content: "\f118"; } .icon-honor2-check-circle:before { content: "\f119"; } .icon-honor2-check-with-circle:before { content: "\f11a"; } .icon-honor2-close:before { content: "\f11b"; } .icon-honor2-close-fancybox:before { content: "\f11c"; } .icon-honor2-close-with-circle:before { content: "\f11d"; } .icon-honor2-close-with-square:before { content: "\f11e"; } .icon-honor2-cod:before { content: "\f11f"; } .icon-honor2-comment:before { content: "\f120"; } .icon-honor2-coupon-with-circle:before { content: "\f121"; } .icon-honor2-credit-card:before { content: "\f122"; } .icon-honor2-credit-circle:before { content: "\f123"; } .icon-honor2-credit-with-circle:before { content: "\f124"; } .icon-honor2-cube:before { content: "\f125"; } .icon-honor2-date-icon:before { content: "\f126"; } .icon-honor2-deals:before { content: "\f127"; } .icon-honor2-delivery:before { content: "\f128"; } .icon-honor2-diary:before { content: "\f129"; } .icon-honor2-download:before { content: "\f12a"; } .icon-honor2-download-with-circle:before { content: "\f12b"; } .icon-honor2-dropbox-with-circle:before { content: "\f12c"; } .icon-honor2-easy-return:before { content: "\f12d"; } .icon-honor2-easy_return:before { content: "\f12e"; } .icon-honor2-email:before { content: "\f12f"; } .icon-honor2-email-circle:before { content: "\f130"; } .icon-honor2-email-open:before { content: "\f131"; } .icon-honor2-email-with-circle:before { content: "\f132"; } .icon-honor2-equal:before { content: "\f133"; } .icon-honor2-exclamation:before { content: "\f134"; } .icon-honor2-exclamation-with-triangle:before { content: "\f135"; } .icon-honor2-facebook:before { content: "\f136"; } .icon-honor2-faster_checkout:before { content: "\f137"; } .icon-honor2-filled-arrow-down:before { content: "\f138"; } .icon-honor2-filled-arrow-left:before { content: "\f139"; } .icon-honor2-filled-arrow-right:before { content: "\f13a"; } .icon-honor2-filled-arrow-up:before { content: "\f13b"; } .icon-honor2-folder-download:before { content: "\f13c"; } .icon-honor2-free-delivery:before { content: "\f13d"; } .icon-honor2-funnel:before { content: "\f13e"; } .icon-honor2-gift:before { content: "\f13f"; } .icon-honor2-gift-icon:before { content: "\f140"; } .icon-honor2-google:before { content: "\f141"; } .icon-honor2-hex:before { content: "\f142"; } .icon-honor2-honor:before { content: "\f143"; } .icon-honor2-icon-honor2-cart-empty-circle-nobg:before { content: "\f144"; } .icon-honor2-image-area:before { content: "\f145"; } .icon-honor2-image_1:before { content: "\f146"; } .icon-honor2-image_click:before { content: "\f147"; } .icon-honor2-info:before { content: "\f148"; } .icon-honor2-info-notification:before { content: "\f149"; } .icon-honor2-instagram:before { content: "\f14a"; } .icon-honor2-like:before { content: "\f14b"; } .icon-honor2-location-pin:before { content: "\f14c"; } .icon-honor2-lock:before { content: "\f14d"; } .icon-honor2-lock2:before { content: "\f14e"; } .icon-honor2-logistic:before { content: "\f14f"; } .icon-honor2-logistic-circle:before { content: "\f150"; } .icon-honor2-logistic-without-circle:before { content: "\f151"; } .icon-honor2-logistic1:before { content: "\f152"; } .icon-honor2-logout:before { content: "\f153"; } .icon-honor2-menu:before { content: "\f154"; } .icon-honor2-message:before { content: "\f155"; } .icon-honor2-message_icn:before { content: "\f156"; } .icon-honor2-minus:before { content: "\f157"; } .icon-honor2-minus1:before { content: "\f158"; } .icon-honor2-more:before { content: "\f159"; } .icon-honor2-myorder:before { content: "\f15a"; } .icon-honor2-navigation:before { content: "\f15b"; } .icon-honor2-no-credit-icon:before { content: "\f15c"; } .icon-honor2-page-up:before { content: "\f15d"; } .icon-honor2-paragraph-with-circle:before { content: "\f15e"; } .icon-honor2-pencil:before { content: "\f15f"; } .icon-honor2-phone:before { content: "\f160"; } .icon-honor2-play:before { content: "\f161"; } .icon-honor2-plus:before { content: "\f162"; } .icon-honor2-plus-square:before { content: "\f163"; } .icon-honor2-plus-with-circle:before { content: "\f164"; } .icon-honor2-plus-with-circle_fill:before { content: "\f165"; } .icon-honor2-plus1:before { content: "\f166"; } .icon-honor2-printer:before { content: "\f167"; } .icon-honor2-printer-circle:before { content: "\f168"; } .icon-honor2-printer-with-circle:before { content: "\f169"; } .icon-honor2-question-icon:before { content: "\f16a"; } .icon-honor2-refresh:before { content: "\f16b"; } .icon-honor2-refresh-circle:before { content: "\f16c"; } .icon-honor2-refresh-with-circle:before { content: "\f16d"; } .icon-honor2-refresh1:before { content: "\f16e"; } .icon-honor2-scan:before { content: "\f16f"; } .icon-honor2-search:before { content: "\f170"; } .icon-honor2-search-with-circle:before { content: "\f171"; } .icon-honor2-search_with_filled:before { content: "\f172"; } .icon-honor2-secure-checkout:before { content: "\f173"; } .icon-honor2-setting:before { content: "\f174"; } .icon-honor2-setting1:before { content: "\f175"; } .icon-honor2-share-circle:before { content: "\f176"; } .icon-honor2-share-with-circle:before { content: "\f177"; } .icon-honor2-shipping:before { content: "\f178"; } .icon-honor2-star:before { content: "\f179"; } .icon-honor2-star-outline:before { content: "\f17a"; } .icon-honor2-store:before { content: "\f17b"; } .icon-honor2-store_pickup:before { content: "\f17c"; } .icon-honor2-tag:before { content: "\f17d"; } .icon-honor2-task-done:before { content: "\f17e"; } .icon-honor2-thump:before { content: "\f17f"; } .icon-honor2-thumsdown:before { content: "\f180"; } .icon-honor2-thumsup:before { content: "\f181"; } .icon-honor2-tick:before { content: "\f182"; } .icon-honor2-track:before { content: "\f183"; } .icon-honor2-trash:before { content: "\f184"; } .icon-honor2-tree:before { content: "\f185"; } .icon-honor2-twitter:before { content: "\f186"; } .icon-honor2-user:before { content: "\f187"; } .icon-honor2-user-new:before { content: "\f188"; } .icon-honor2-user-with-circle:before { content: "\f189"; } .icon-honor2-user3_with_circle:before { content: "\f18a"; } .icon-honor2-user_myaccount:before { content: "\f18b"; } .icon-honor2-vk:before { content: "\f18c"; } .icon-honor2-vkontakte:before { content: "\f18d"; } .icon-honor2-warning:before { content: "\f18e"; } .icon-honor2-warranty-icon:before { content: "\f18f"; } .icon-honor2-warranty1:before { content: "\f190"; } .icon-honor2-work-icon:before { content: "\f191"; } .icon-honor2-world:before { content: "\f192"; } .icon-honor2-youtube:before { content: "\f193"; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * * Base Styles * ============================================ */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } .main-header-container { width: 100%; } .main-container, .footer-container { padding: 0; overflow: hidden; max-width: 1600px; } /* ============================================ * * Shared Classes * ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: rgb(76,175,80); } .availability.available-soon, .availability.out-of-stock, .catalog-product-view .product-view .product-shop .availability.prod-state.out-of-stock, .catalog-product-view .product-view .product-shop .availability.prod-state.coming-soon, .catalog-product-view .product-view .product-shop .availability.prod-state.pre-order { color: rgb(244,67,54); } .availability-only { color: rgb(244,67,54); margin-bottom: 10px; } /* input type number */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; appearance: none; } /* -------------------------------------------- * * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-content { margin-top: 5px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 9px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { overflow: hidden; *zoom: 1; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } @media only screen and (max-width: 770px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong { display: block; width: 100%; cursor: pointer; border-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .sidebar .block:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .sidebar .block-account .block-title > strong span:after, .sidebar .block-cms-menu .block-title > strong span:after { content: ' Menu'; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon i#remove-coupon { position: relative; float: left; bottom: 50px; margin-left: -40px; } } /* -------------------------------------------- * * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { /*text-transform: uppercase;*/ margin: 7px 0; } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: rgb(0,136,170); } .block-account li a, .block-cms-menu li a { color: rgb(189,189,189); } .block-account li a:hover, .block-cms-menu li a:hover { color: rgb(0,136,170); } /* -------------------------------------------- * * Icons @include bp(max-width, $bp-medium) { .breadcrumbs { display: none; } } /* -------------------------------------------- * * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.12); background: rgb(255,255,255); } /* -------------------------------------------- * * CVV Security Code */ .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * * Container */ .main-container, .footer-container { position: relative; margin: 0 auto; clear: both; } .main-container:after, .footer-container:after { overflow: hidden; *zoom: 1; } @media only screen and (min-width: 480px) { .main-container, .footer-container { /*padding: $trim;*/ padding: 15px 30px; } } .footer-container { padding-top: 0px; } /* -------------------------------------------- * * Column Layouts */ .main:after, .col-wrapper:after { overflow: hidden; *zoom: 1; } .col-left, .col-right, .col-main { padding: 0 5px; } .col-left { float: left; width: 25%; padding-left: 0; /* Remove the 15px padding */ clear: left; } .col-left img { max-width: 100%; } .col-right { float: right; width: 25%; padding-right: 0; /* Remove the 15px padding */ } .col-right img { max-width: 100%; } .col-main { float: left; width: 75%; } .col1-layout .col-main { float: none; width: auto; padding: 0; /* Remove the 15px padding */ } .col2-left-layout .col-main { float: right; padding-right: 0; /* Remove the 15px padding */ } .col2-right-layout .col-main { padding-left: 0; /* Remove the 15px padding */ } .col3-layout .col-right { width: 20.83333%; } .col3-layout .col-wrapper { float: left; width: 79.16667%; } .col3-layout .col-wrapper .col-main { float: right; width: 73.68421%; } .col3-layout .col-wrapper .col-left { width: 26.31579%; } @media only screen and (max-width: 1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25%; } .col3-layout .col-wrapper { float: right; width: 100%; } .col3-layout .col-wrapper .col-main { float: right; width: 75%; } .col3-layout .col-wrapper .col-left { width: 25%; } } @media only screen and (max-width: 770px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; } .col-main { float: none; width: auto; } .col-main .col-left { padding: 0; /* On product listing pages, the left column gets moved inside col-main on small viewports */ } } /* Content Columns */ .col2-set { width: 100%; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px; } @media only screen and (max-width: 770px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-1 { float: left; padding-left: 0; } .col2-set .col-2 { float: right; padding-right: 0; } @media only screen and (max-width: 479px) { .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { overflow: hidden; *zoom: 1; } /* -------------------------------------------- * * Top Container */ @media only screen and (min-width: 771px) { .top-container { max-width: 1260px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * * Global Site Notice */ .global-site-notice { background: rgb(244,67,54); color: rgb(255,255,255); font-size: 12px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; min-height: 40px; padding-top: 14px; padding-bottom: 14px; /*background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/demo-logo.png); background-position: left; background-repeat: no-repeat;*/ } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * * Promotional Message Banner */ .promo-msg { text-align: center; margin: 10px; text-transform: uppercase; color: rgb(0,136,170); } /* -------------------------------------------- * * Grid */ .grid:after { overflow: hidden; *zoom: 1; } /* -------------------------------------------- * * Messages */ .success { color: rgb(76,175,80) !important; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * * Payment Methods .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid $card-border-color; background: $text-color-white; } .payment-methods .form-list:before { @include triangle(up, 10px, $card-border-color); top: -11px; left: 30px; } .payment-methods .form-list:after { @include triangle(up, 10px, $text-color-white); top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } */ /* -------------------------------------------- * * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * * Price Box - Standard */ .price-box { margin: 10px 0; clear: both; } .price-box .price-from, .price-box .price-to { display: inline-block; } .price-box .price-from .price-label, .price-box .price-to .price-label { display: inline-block; } .price-box .price-from .price, .price-box .price-to .price { padding-left: 10px; color: rgb(33,33,33); margin-right: 15px; } .price-box p { margin-bottom: 0; } .price-notice .old-price .price { color: rgb(117,117,117); text-decoration: line-through; padding-left: 0; } .price-notice .price { padding-left: 10px; color: rgb(33,33,33); } .price-box .price-label { display: inline-block; display: none; } .price-box .minimal-price-link { padding-left: 1em; color: rgb(0,136,170); display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: rgb(255,255,255); } /* -------------------------------------------- * * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; /*vertical-align: top;*/ } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price { padding-left: 10px; } .price-box .old-price .price { text-decoration: line-through; } .price-box .special-price { padding-left: 0px; } /* -------------------------------------------- * * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } span.weee { display: block; } /* -------------------------------------------- * * Price - cart and checkout */ /* -------------------------------------------- * * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; } /*-----Big font Price style------*/ .price-highlight .price-box { margin: 22px 0; } .price-highlight .price-box .price { color: rgb(33,33,33); } .price-highlight .price-box .old-price { display: inline-block; vertical-align: middle; padding-left: 0px; padding-right: 10px; } .price-highlight .price-box .old-price .price-label { display: none; } .price-highlight .price-box .old-price .price { color: rgb(117,117,117); text-decoration: line-through; } .price-highlight .price-box .special-price { display: inline-block; vertical-align: bottom; padding-left: 0px; } .price-highlight .price-box .special-price .price-label { display: none; } .price-highlight .price-box .special-price .price { color: rgb(33,33,33); } .price-highlight .price-box .regular-price .price-label { display: none; } .price-highlight .price-box .regular-price .price { color: rgb(33,33,33); } .price-highlight .price-box .minimal-price .price-label { display: none; } .price-highlight .price-box .minimal-price .price { color: rgb(33,33,33); } .catalog-product-view .price-notice .old-price .price { display: none; } /* ============================================ * * Item Options * ============================================ .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; &:hover { text-decoration: none; } } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid $color-primary-dark; background-color: #F6F6F6; top: 21px; left: -100px; &:after { @include triangle(up, 7px, $color-primary-dark); left: 100px + -3px; top: -7px; } } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } @include bp(max-width, $bp-xsmall) { .truncated { cursor: inherit; a.details { display: none; } .truncated_full_value { .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; p { float: none; } &:after { display: none; } } } } } */ /* -------------------------------------------- * * Add to links */ .add-to-links { margin: 7px 0; } .add-to-links a { display: inline-block; padding: 0px 3px 3px; } .add-to-links .separator { display: none; } /* -------------------------------------------- * * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; border: 0px solid rgba(0, 0, 0, 0.12); } @media only screen and (max-width: 770px) { body .product-img-box .product-image:hover { border-color: rgba(0, 0, 0, 0.12); } } .no-touch .product-image:hover { border-color: rgba(0, 0, 0, 0.12); } /* -------------------------------------------- * * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: none; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .messages li { margin-left: 0; } .std .note { color: "0,0,0"; } /* -------------------------------------------- * * page-nation */ .toolbar { overflow: hidden; } .toolbar .pages { text-align: center; } .toolbar .pages strong { display: none; } .toolbar .pages li { display: inline-block; margin: 0 5px; height: 30px; width: 30px; line-height: 30px; } .toolbar .pages li.current { border: 0; background-color: #0DB5D7; border-radius: 2px; color: rgb(255,255,255); } .toolbar .pages li a { display: inline-block; border: 0; vertical-align: middle; color: rgb(0,136,170); text-decoration: none; min-width: 30px; height: 30px; line-height: 30px; } .toolbar .pages li .i-next, .toolbar .pages li .i-previous { color: rgb(33,33,33); } .toolbar .pages li.disabled .i-next, .toolbar .pages li.disabled .i-previous { color: rgb(189,189,189); cursor: default; } .pager-no-toolbar { margin-bottom: 10px; } #ajax-onestep-loader-wrapper { position: relative; top: 0px; } .twostepcheckout-twostep-index .mdl-textfield__label::after, .customer-account .mdl-textfield__label::after { top: 44px; } .twostepcheckout-twostep-index .validate-cc-exp .required-entry #pts_cc_expiration .mdl-textfield__error #advice-validate-cc-exp-pts_cc_expiration, .customer-account .validate-cc-exp .required-entry #pts_cc_expiration .mdl-textfield__error #advice-validate-cc-exp-pts_cc_expiration { position: absolute; margin-bottom: -30px; width: 100px; } .twostepcheckout-twostep-index .mdl-textfield__error, .customer-account .mdl-textfield__error { position: unset; } .twostepcheckout-twostep-index .city_auto1 .mdl-textfield__label::after, .customer-account .city_auto1 .mdl-textfield__label::after { top: 24px; } @media only screen and (max-width: 479px) { .pager .amount--has-pages { display: none; } .pages { float: none; } .limiter label { display: none; } .twostepcheckout-twostep-index .city_auto1 .mdl-textfield__label::after, .customer-account .city_auto1 .mdl-textfield__label::after { top: 25px; } } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: none; margin-left: 0; } .col1-layout .pager .count-container { float: right; } #ajax-onestep-loader-wrapper { top: 0px; } } @media only screen and (max-width: 979px) { .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { width: 100%; } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0; } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } } /* ============================================ * * Tax - Full Tax Summary * ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid rgb(0,136,170); border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #0DB5D7; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid rgb(0,136,170); border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #0DB5D7; border-top: none; position: static; display: inline-block; margin-right: 5px; } .padding-btm-30 { padding-bottom: 30px; } .padding-top-20 { padding-top: 20px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * * Widgets * ============================================ */ .widget .pager { float: none; width: 100%; } /* ============================================ * * Magento Helpers * ============================================ */ .a-center { text-align: center !important; } .no-display { display: none; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * * Custom Helpers * ============================================ */ .hidden { display: none; } /* ============================================ * * Print Styles * ============================================ */ @media print { .page-print .button, .page-print #livechat-compact-container { display: none; } } .page-print { min-height: 50%; width: 6.5in; margin: 20px; background: #FFFFFF; } .page-print h1, .page-print h2 { font-size: 2rem; } .page-print address:hover { background: none !important; } .page-print .prt-pro-name { width: 18% !important; } .page-print .product-cart-image { width: 18% !important; } .page-print .product-cart-price { text-align: left !important; } .page-print .product-qty { text-align: center; } .page-print .subtotal td { padding-top: 15px; } .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } .page-print #my-orders-table { width: 100%; } .page-print #my-orders-table tbody.print-content-preview td.product-cart-image a[href]:after { content: ""; } .page-print #my-orders-table tbody.print-content-preview td.mdl-product-cart-info a[href]:after { content: ""; } .page-print #my-orders-table thead .first th { text-align: left; width: 35%; } .page-print #my-orders-table thead .first .a-center { width: 10% !important; } .page-print #my-orders-table thead .first .a-right { width: 20% !important; } .page-print #my-orders-table .subttl { text-align: right !important; } .page-print #my-orders-table tbody tr td.mdl-product-cart-total { text-align: right; width: 20%; } .page-print #my-orders-table tbody .first .product-cart-actions { width: 10%; text-align: center; } .page-print #my-orders-table tbody .first .product-cart-actions .product-qty { margin-bottom: 0px; } .page-print #my-orders-table tbody .first .product-cart-price { text-align: right; width: 20%; } .page-print #my-orders-table tbody .first .mdl-product-cart-total { text-align: right; width: 20%; } .page-print #my-orders-table tbody .first .product-cart-image { width: 50%; } .page-print #my-orders-table tbody .first .product-cart-image .prt-img { float: left; } .page-print #my-orders-table tbody .first .product-cart-image .print-prod-name { float: left; } /* ============================================ * * Form input,textarea,dropdown styles * ============================================ */ ::-webkit-input-placeholder { color: #999999; } input:focus::-webkit-input-placeholder { color: #c0c0c0; } :-moz-placeholder { /* Firefox 18- */ color: #999999; } input:focus:-moz-placeholder { color: #c0c0c0; } ::-moz-placeholder { /* Firefox 19+ */ color: #999999; } input:focus::-moz-placeholder { color: #c0c0c0; } :-ms-input-placeholder { color: #999999; } input:focus:-ms-input-placeholder { color: #c0c0c0; } input:focus { transition: border 100ms ease-in 0s; } select:focus { transition: border 100ms ease-in 0s; } .two-step-padding #checkout-store_select .dropdown-separate select#region { border: none; border-bottom: 1px solid #dfdfdf; padding-bottom: 8px; width: 93%; } .two-step-padding #checkout-store_select .dropdown-separate select, .two-step-padding #checkout-store_select .dropdown-separate .wrapper .page select { -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-clip: padding-box; background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/sprite.png) no-repeat; background-position: bottom right; border: 1px solid #dfdfdf; background-position-y: -458px; } select, .wrapper .page select { -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/sprite.png") no-repeat; background-position: bottom right; border: 1px solid #dfdfdf; } select::-ms-expand { display: none; } .ie8 select, .ie8 .wrapper .page select, .ie9 select, .ie9 .wrapper .page select { background: none; padding-right: 0; } .pointer-cursor { cursor: pointer; } .nobg-headertop { background: none repeat scroll 0 0 #fff; } .disable-allelements { display: none; } .blured-allelements { opacity: .3; pointer-events: none; } .clear { clear: both; height: 0px; margin: 0px; padding: 0px; } .move-columns { margin-bottom: 15px; } .input-readonly { background: rgb(255,255,255); } .mobile-display { display: none; } .mobile-nodisplay { display: inline-block; } @media only screen and (max-width: 599px) { .mobile-display { cursor: pointer; display: block; } .mobile-nodisplay { display: none; } .form-list .mdl-textfield__error { bottom: unset; } .form-list .row .col.s6 { width: 100%; } .form-list .row .col.s4 { width: 100%; } .form-list .row .col.s5 { width: 85%; } .form-list .row .col.s1 { width: 14.333%; } } .divider-top { border-top: 1px solid rgba(0, 0, 0, 0.12); width: 100%; } .left { float: left; } .right { float: right; } .mdlh-divider { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 12px 0; } .twostepcheckout-twostep-index .mdlh-divider { width: 100%; } .mdlh-divider-btm { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin: 0px; } .mdl-cart-close-btn { text-decoration: none; } #remove-coupon { position: relative; top: 12px; float: right; right: -9px; } .mdl-card--border { border-top: 1px solid rgba(0, 0, 0, 0.12); } .onestepcheckout-left .mdl-radio { padding-bottom: 10px; } .step-title { float: left; } .step-title:after { overflow: hidden; *zoom: 1; } .step-title:after .main-container-cart { max-width: 980px; margin: 0 auto; } .item-options dd { margin: 0px; padding: 0px; } .buttons-set { padding: 20px 0 8px 0; } .main-container-cart { max-width: 1280px; margin: 0 auto; padding: 20px; } .min-height { min-height: 700px; } .two-button-space { margin: 0 10px; } /*---Mouse hover box shadow effect---*/ /*.mdl-hover-box-shadow{ transition: all 80ms ease-out; -webkit-transition: all 80ms ease-out; &:hover { box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.18); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-color: $text-color-white; z-index: 9; } }*/ .mdl-hover-box-shadow { transition: 0.4s; -webkit-transition: 0.4s; } .mdl-hover-box-shadow:hover { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.18); background-color: rgb(255,255,255); z-index: 9; } .mdl-hover-box-shadow:hover img { /*transition: 0.5s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);*/ } /* ============================================ * * Font Icons * ============================================ */ .size-12 { font-size: 12px; } .size-14, .cms-page-view .shipping-table-th, .cms-page-view .shipping-table-td { font-size: 14px; } .size-16, .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__supporting-text { font-size: 16px; } .size-18 { font-size: 18px; } .size-21 { font-size: 21px; } .size-24 { font-size: 24px; } .size-32 { font-size: 32px; } .size-36 { font-size: 36px; } .size-48 { font-size: 48px; } .size-60 { font-size: 60px; } .size-72 { font-size: 72px; } .size-108 { font-size: 108px; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .pts-payment-paynow .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.mdl-cell.mdl-cell--6-col.cvv-parent.is-upgraded { width: 122px; } .form-list .mdl-cell--4-col, .form-list .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 30.5%; vertical-align: top; } .form-list .mdl-cell--6-col, .form-list .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 47%; vertical-align: top; } .form-list .mdl-cell--5-col, .form-list .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 39%; vertical-align: top; } .form-list .mdl-cell--1-col, .form-list .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 6%; vertical-align: top; } .form-list .mdl-cell--12-col, .form-list .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 97%; vertical-align: top; } .messages-product-mobile { background: rgb(76,175,80); color: rgb(255,255,255); padding: 10px; } @media only screen and (min-width: 1025px) and (max-width: 1800px) { .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } .messages-product-mobile { display: none; } .notification-wrapper { display: block; } } @media only screen and (min-width: 320px) and (max-width: 1024px) { .messages-product-mobile { display: block; } .notification-wrapper { display: none; } } #check-browser1 .browser-icon { width: 66px; height: 66px; background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/browser_icon.png); display: inline-block; } #check-browser1 .ie { background-position: 0px 0px; } #check-browser1 .ff { background-position: -66px 0px; } #check-browser1 .chrome { background-position: -198px 0px; } #check-browser1 .safari { background-position: -132px 0px; } .ui-autocomplete { background: rgb(255,255,255); width: 100% !important; position: absolute; max-height: 225px; overflow-y: auto; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); z-index: 100; } .ui-autocomplete .ui-menu-item { padding: 10px 15px 10px 15px; color: rgb(117,117,117); cursor: pointer; } .ui-autocomplete .ui-menu-item:first-child { color: #0DB5D7; } .ui-autocomplete .ui-menu-item:hover { background: #eeeeee; } .ui-helper-hidden-accessible { display: none; } .twostepcheckout-twostep-index .city_auto .mdl-textfield__error, .twostepcheckout-twostep-index .city_auto1 .mdl-textfield__error, .customer-address-index .city_auto .mdl-textfield__error, .customer-address-index .city_auto1 .mdl-textfield__error { top: 50px; position: absolute; } .catalog-product-view .city_auto .mdl-textfield__error { top: 52px; } .store-credit-co-main { display: inline-block; padding-bottom: 30px; width: 100%; } .store-credit-co-inside { width: 100%; padding-bottom: 15px; float: left; } .store-credit-checkout { float: right; } .store-credit-checkout .store-credit-amount { color: rgb(33,33,33); } @media only screen and (max-width: 479px) { .store-credit-checkout { float: left; } } .require_field { float: right; padding-right: 40px; color: rgb(117,117,117); height: 30px; } @media only screen and (max-width: 770px) { padding-right: 12px; } @media (min-width: 840px) { #payment-method input#pts_cc_cc_number, #payment-method input#pts_cc_cc_owner { width: 296px; } #payment-method div#cc-div { width: 100%; } #payment-method .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } #payment-method .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.floating-label.mdl-cell.mdl-cell--6-col.exp-date { float: left; vertical-align: top; width: auto; } #payment-method .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } #payment-method #cc-div.mdl-cell--6-col.cvv-parent.is-upgraded { width: 122px; } #payment-method .select-wrapper { position: relative; } #payment-method .select-wrapper .mdi-navigation-arrow-drop-down { color: #212121; position: absolute; right: 7px; z-index: 9; top: 8px; } #payment-method .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } #payment-method span#pts_cc_cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #payment-method span.cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } } @media only screen and (max-width: 380px) { #payment_form_pts_cc .form-list .form-list input#pts_cc_cc_number, #payment_form_pts_cc .form-list input#pts_cc_cc_owner { width: 305px; } #cc-div li.fields { float: left; } .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } } @media only screen and (min-width: 320px) and (max-width: 979px) { .product-shop select.default-dropdown { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/sprite.png) no-repeat; background-position: bottom right; position: relative; cursor: pointer; color: rgba(0, 0, 0, 0.87); background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; line-height: 2rem; width: 100%; margin: 0px; padding: 0 15px 0 0; display: block; z-index: 99; text-overflow: ellipsis; font-weight: 500; } } .mdl-card-spacing { padding: 30px 30px 15px 30px; margin: 0 0px 20px; } .mdl-card-margin { margin: 0px 8px 0px 8px; } .mdl-card-padding { padding: 30px 30px 30px 30px; } .pts-payment-paynow .mdl-card-margin { margin: 0px 8px 0px 30px; margin-top: -2%; } .pts-payment-paynow .mdl-card-margin .mdl-cell--4-col { width: calc(33.33333% - 16px); margin-left: 16%; vertical-align: top; margin-top: -20px; } .pts-payment-paynow .mdl-card-padding { padding: 30px 30px 30px 30px; } .pts-payment-paynow .mdl-card-padding .mdl-cell--4-col { margin-top: -20px; width: 70%; margin-left: 16%; } .pts-payment-paynow .mdl-card-padding .mdl-cell--2-col { width: calc(16.66667% - 16px); } .catalog-product-view .mdl-card { width: 100%; margin-bottom: 15px; } .mdlh-card-full-width { overflow: hidden; z-index: 1; position: relative; background: rgb(255,255,255); } .top-prod { background-color: rgb(255,255,255); } .mdlh-card-product-top img { transition: 200ms; transform: scale(1); } .mdlh-card-product-top:hover img { transform: scale(1.1); } .mdlh-card-product-top:hover special-content-icon img { transform: scale(1); } .mdlh-card-product-top { display: block; float: left; width: 50%; max-height: 565px; } .mdlh-card-product-top .mdl-card__media { position: relative; height: 565px; float: left; width: 40%; } .mdlh-card-product-top .mdl-card__media .highlight-txt { text-transform: uppercase; color: rgb(255,255,255); font-size: 14px; width: 44px; height: 44px; border: 1px solid rgb(217,49,61); padding: 12px 6px; border-radius: 22px; background-color: rgb(217,49,61); color: #fff; position: absolute; top: 17%; right: 7%; z-index: 1; } .mdlh-card-product-top .mdl-card__media img { position: absolute; left: -80px; top: 55px; height: 396px; width: 396px; } .mdlh-card-product-top .card-wide { position: relative; height: 470px; float: left; width: 60%; padding: 85px 30px 70px 6%; } .mdlh-card-product-top .card-wide .mdl-card__title { color: rgba(0,0,0, 0.87); margin-bottom: 0px; } .mdlh-card-product-top .card-wide .mdl-card__title h1 { margin-bottom: 0px; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text { font-size: 16px; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-content { margin-top: 35px; padding: 13px 0px; border-top: 1px dashed rgb(189,189,189); border-bottom: 1px dashed rgb(189,189,189); } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-content-colored { color: rgb(76,175,80); } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-content-colorblack { color: rgb(0,0,0); } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-items1 { padding-right: 10px; display: inline-block; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-items2 { display: inline-block; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .line2 { padding-top: 10px; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .line2 .line2-img { display: inline-block; vertical-align: bottom; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .line2 i { color: rgb(76,175,80); } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .icon1st-text .special-content-icon { display: inline-block; vertical-align: middle; width: 18%; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .icon1st-text .special-content-txt { display: inline-block; vertical-align: middle; width: 80%; padding-left: 5px; } .mdlh-card-product-top .card-wide .mdl-card__actions { position: absolute; bottom: 65px; padding: 0px; } .mdlh-card-product-top .card-wide .mdl-card__price { float: left; position: absolute; bottom: 25px; position: absolute; } .mdlh-card-product-top .card-wide .mdl-card__price .old-price { position: absolute; bottom: 50px; } .mdlh-card-product-top .card-wide .mdl-card__price .special-price { padding-left: 0px; } .mdlh-card-product-normal { background-color: rgb(255,255,255); padding-top: 90px; } .mdlh-card-product-normal .product-normal-title { margin: 0px auto; text-align: center; width: 240px; text-align: center; border-top: 1px dashed #999; border-bottom: 1px dashed #999; padding: 5px; border-top: 1px dashed rgb(189,189,189); border-bottom: 1px dashed rgb(189,189,189); } .mdlh-card-product-normal .product-normal-title .mdl-card__title { padding-top: 5px; display: inline-block; text-transform: uppercase; } .mdlh-card-product-normal .product-normal-title .mdl-card__actions { display: inline; } .mdlh-card-product-normal .product-normal-title .mdl-card__actions a { color: rgb(117,117,117); text-transform: uppercase; line-height: 36px; text-decoration: none; } .mdlh-card-product-normal .product-normal-title .mdl-card__actions a:hover { text-decoration: none; color: #0db5d7 !important; } .mdlh-card-product-normal .product-normal-title .mdl-card__actions a#subscribe { color: rgb(33,33,33); } .mdlh-card-product-normal .mdl-card { display: block !important; } .mdlh-card-product-normal .mdlh-card-product-normal_product { text-decoration: none; background-color: rgb(255,255,255); width: 25%; float: left; height: 490px; text-align: center; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media img { transition: 200ms; transform: scale(1); } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media:hover img { transform: scale(1.1); } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media { height: 260px; margin: 70px auto 20px auto; background: none; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media img { height: 100%; margin: 0 auto; width: auto; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__supporting-text { width: 100%; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__price { margin: 2px 0px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__price .price-box { margin: 10px; } /*.customer-account-edit{ .mdl-card{ width: auto; } }*/ .mdlh-card-news { margin-bottom: 10px; margin-right: 50px; width: 420px; height: 320px; float: left; } .mdlh-card-news .mdl-card__media { background-color: none; position: relative; } .mdlh-card-news .mdl-card__media img { max-height: 220px; width: 100%; } .mdlh-card-news .mdl-card__media .mdl-card__title { color: rgb(255,255,255); padding-left: 15px; position: absolute; left: 10px; bottom: 1px; } .mdlh-card-news .mdl-card__supporting-text { color: rgb(117,117,117); padding: 20px; height: 80px; text-align: left; background: "255,255,255"; line-height: 18px; width: 100%; } .customer-account .fields .mdl-grid .mdl-textfield__error { margin-top: 2px; line-height: 12px; } .customer-account .col-left { margin-bottom: 0; min-height: 700px; padding-left: 20px; } @media only screen and (max-width: 1199px) { .mdlh-card-product-top .card-wide { padding-left: 0%; } .mdlh-card-product-top .mdl-card__media img { height: 339px; width: 339px; } .mdlh-card-product-top .mdl-card__media .highlight-txt { right: 16%; } .vid-block .mdlh-card-news { margin-right: 0px; width: 37%; height: 319px; } .vid-block .mdlh-card-news .mdl-card__supporting-text { padding: 15px; } } @media only screen and (max-width: 980px) { .mdlh-card-product-top .card-wide .mdl-card__actions { bottom: 45px; } .mdlh-card-product-top .mdl-card__media .highlight-txt { right: 5%; } .mdlh-card-product-top .card-wide { padding: 85px 30px 70px 0%; } .vid-block .mdlh-card-news { margin-right: 0px; width: 35%; height: 293px; } .vid-block .mdlh-card-news .mdl-card__supporting-text { padding: 15px; } } @media only screen and (max-width: 770px) { .twostepcheckout-twostep-index .opc-firststep-shipping #payment_form_pts_cc div#cc-div { width: 100%; } .mdlh-card-product-top { width: 100%; height: 450px; } .mdlh-card-product-top .card-wide { padding: 85px 30px 70px 0%; } .mdlh-card-product-top .card-wide .mdl-card__price { bottom: 45px; } .mdlh-card-product-top .card-wide .mdl-card__actions { bottom: 60px; } .mdlh-card-product-top .mdl-card__media .highlight-txt { right: 27%; } .mdlh-card-product-top .mdl-card__media img { height: 396px; width: 396px; } .mdlh-card-product-normal { padding-top: 45px; } .mdlh-card-product-normal .mdlh-card-product-normal_product { width: 50%; height: 370px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media { margin: 20px auto 20px; } .vid-block { padding: 0px; } .vid-block .mdlh-card-news { margin: 0 auto; float: none; clear: both; width: 95%; height: 320px; text-align: left; } .vid-block .mdlh-card-news .mdl-card__supporting-text { padding: 20px; } } @media only screen and (max-width: 690px) { .mdlh-card-product-top .mdl-card__media .highlight-txt { right: 16%; } } @media only screen and (max-width: 600px) { .mdlh-card-product-top .card-wide { padding: 45px 15px 70px 0%; } .mdlh-card-product-top .card-wide .mdl-card__actions { bottom: 110px; } .mdlh-card-product-top .mdl-card__media img { height: 339px; width: 339px; } .pts-payment-paynow .mdl-card-padding .mdl-cell--2-col { width: calc(50% - 50px); } .pts-payment-paynow .mdl-card-padding .mdl-cell--4-col { margin-top: -20px; width: calc(50% - 0px); margin-left: 50%; } .pts-payment-paynow .mdl-card-margin .mdl-cell--2-col { width: calc(50% - 50px); } .pts-payment-paynow .mdl-card-margin .mdl-cell--4-col { width: calc(50% - 50px); margin-left: 50%; } } @media only screen and (max-width: 480px) { .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .line2 { padding-top: 2px; } .mdlh-card-product-top { height: 350px; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text { font-size: 14px; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .special-content { margin-top: 10px; padding: 5px 0px; } .mdlh-card-product-top .card-wide .mdl-card__actions { bottom: 175px; } .mdlh-card-product-top .card-wide .mdl-card__price { bottom: 0px; } .mdlh-card-product-top .mdl-card__media .highlight-txt { top: 5%; right: 20%; } .mdlh-card-product-top .mdl-card__media img { height: 226px; width: 226px; left: 0px; top: 30px; left: -40px; } .vid-block { padding: 0px; } .vid-block .mdlh-card-news { width: 320px; height: 310px; } .mdlh-card-product-normal { padding-top: 45px; } .mdlh-card-product-normal .mdlh-card-product-normal_product { width: 100%; height: 370px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media { margin: 20px auto 20px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media img { position: relative; left: 0px; } } @media only screen and (max-width: 470px) { .mdlh-card-product-top { height: 320px; } .mdlh-card-product-top .mdl-card__media .highlight-txt { right: 10%; } .mdlh-card-product-top .mdl-card__actions { bottom: 150px; } .mdlh-card-product-top .mdl-card__actions .mdl-button { bottom: 0px; } .mdlh-card-product-normal .mdlh-card-product-normal_product { height: 420px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media .highlight-txt { right: 7%; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media img { height: 83%; position: relative; } .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .slick-next { top: 98%; } .vid-block .mdlh-card-news { height: 265px; } .mdlh-card-product-normal { padding-top: 45px; } .mdlh-card-product-normal .mdlh-card-product-normal_product { width: 100%; height: 370px; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media { margin: 5px auto 0px auto; } .pts-payment-paynow .mdl-card-margin { /*.mdl-cell--8-col { width: calc(50% - 50px); margin-left: 50%; }*/ } .pts-payment-paynow .mdl-card-margin .mdl-cell--2-col { width: calc(50% - 50px); } .pts-payment-paynow .mdl-card-margin .mdl-cell--8-col { width: calc(100% - 16px); } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 90px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 115px; } } @media only screen and (max-width: 380px) { .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .icon1st-text .special-content-icon { width: 17%; vertical-align: top; } .mdlh-card-product-top .card-wide .mdl-card__subtitle-text .icon1st-text .special-content-icon img { width: 34px; } .mdlh-card-product-top .card-wide { width: 70%; } .mdlh-card-product-top .mdl-card__media { width: 30%; } .mdlh-card-product-top .mdl-card__media img { height: 160px; width: 160px; } } @media only screen and (max-width: 330px) { .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__media img { height: 83%; } .mdlh-card-product-normal .mdlh-card-product-normal_product .mdl-card__price .price-box .old-price { margin: 0px 0px 0.5em; } } .mdlh-addressform-card { display: flex; flex-direction: column; font-size: 16px; font-weight: 400; overflow: hidden; padding: 30px 30px 30px 30px; z-index: 2; position: relative; box-sizing: border-box; } .mdlh-addressform-card select { width: 100%; } .mdlh-addressform-card .add-address-shipbtn { padding: 15px 0 15px 0; clear: both; float: left; } .mdl-textfield__error#advice-required-entry-invoice_file { display: block; } .email-float-left { float: left; padding: 0px 3px 0px 0px; } .new-address-container { float: right; } .new-address-container .address-arrow { margin: 0px -11px 0 0; cursor: pointer; } address { text-align: left; } address .address-edit { cursor: pointer; position: absolute; right: 20px; top: 21px; } address .new-address-plus { color: rgb(33,33,33); cursor: pointer; margin-top: 24%; text-align: center; } address .new-address-plus i { margin: 0 10px 0 0; } address .tel-padding .tel-float-left { float: left; padding: 0px 3px 0px 0px; } address .tel-padding .fax-float-left { float: left; padding: 0px 3px 0px 0px; } address .icon-honor2-pencil { color: rgb(117,117,117); float: left; margin-left: 7px; margin-top: -2px; } address .address-format-type-normal { color: rgb(33,33,33); min-height: 60px; overflow-y: auto; width: 100%; } address .mdlh-card__title-text { align-self: flex-end; display: block; display: flex; /*color: $text-color-primary;*/ overflow: hidden; word-wrap: break-word; transform-origin: 149px 48px; margin: 0 0 0 0; } address .mdl-card__supporting-text { min-height: 132px; } address:hover { color: #0DB5D7; background-color: #f7f7f8; } address .setasdefault { display: none; } address .mdl-add-height { height: 93px; overflow: hidden; } .customer-address-index .mdl-card-spacing { padding: 15px 30px; } .customer-address-index .mdlh-address-card-select { background: none; } .customer-address-index address { min-height: 260px; border: 1px solid rgb(189,189,189); } .customer-address-index address .bottom-text { color: #0DB5D7; float: right; } .customer-address-index address .icon-honor2-trash { color: rgb(117,117,117); float: left; margin-top: -2px; margin-left: 8px; } .customer-address-index address .mdl-card__supporting-text { color: rgb(117,117,117); } .customer-address-index address .mdl-card__supporting-text .tel-padding { color: rgb(33,33,33); } .customer-address-index address .address-edit { top: 8px; } .customer-address-index .mdl-popup__actions { width: 100%; float: right; padding-bottom: 10px; } .customer-address-index .select-address-opt { width: 35%; float: left; margin-top: 10px; } .customer-address-index .mdl-card__title { margin-right: 65px; } .customer-address-index .delete-adress-confirmation-dialog .fancybox-skin { border-radius: 0px; } .customer-address-index .delete-adress-confirmation-dialog .fancybox-skin .fancybox-outer { padding: 26px 0px 10px 0px; } .customer-address-index .delete-adress-confirmation-dialog .fancybox-skin .fancybox-outer .fancybox-inner .mdl-popup { padding: 0px 50px 0px 50px; } .customer-address-index .delete-adress-confirmation-dialog .fancybox-skin .fancybox-outer .fancybox-inner .mdl-popup .mdl-popup__content { text-align: center; } .customer-address-index .delete-adress-confirmation-dialog .fancybox-skin .fancybox-outer .fancybox-inner .mdl-popup .mdl-popup__content .mdl-popup__actions { padding: 44px 8px 45px 8px; text-align: center; } address:hover .mdl-card__menu { display: block; } address:hover .setasdefault { display: block; text-decoration: none; float: right; color: #0DB5D7; } .mdlh-address-card-select { position: relative; overflow: hidden; background-color: #f7f7f8; border-radius: 2px; white-space: normal; width: 100%; word-wrap: break-word; } .mdlh-address-card-select .default-tick { border-bottom: 32px solid transparent; border-left: 32px solid rgb(76,175,80); height: 0; left: 0; position: absolute; top: 0; width: 0; } .mdlh-address-card-select .default-tick i { color: rgb(255,255,255); float: left; margin: 3px 0px 0px -29px; } .mdlh-address-card-plain { position: relative; overflow: hidden; background-color: rgb(255,255,255); white-space: normal; width: 100%; word-wrap: break-word; color: rgb(117,117,117); } .mdlh-newaddress-card-plain { position: relative; overflow: hidden; background-color: rgb(255,255,255); white-space: normal; width: 100%; word-wrap: break-word; min-height: 201px; } .mdlh-newcustaddress-card-plain { position: relative; overflow: hidden; background-color: rgb(255,255,255); white-space: normal; width: 100%; word-wrap: break-word; min-height: 240px; } .form-space { float: left; margin: 20px 0 5px 0; text-align: left; width: 100%; } .add-new-address a { color: #0DB5D7; text-decoration: none; } .add-new-address .new-address-plus { color: rgb(117,117,117); } .new-address-plus:before { line-height: 18px; } @media only screen and (max-width: 770px) { .form-list .mdl-cell--1-colphone { width: 14%; } .form-list .mdl-cell--5-colphone { width: 74%; vertical-align: top; } .form-list .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.card_name.mdl-cell.mdl-cell--6-col.is-upgraded { width: 98%; } .form-list .mdl-cell--6-col { width: 45%; } .form-list .mdl-cell--4-col { width: 100%; } .form-list input#pts_cc_cc_number, .form-list #card_owner_name { width: 357px; } .form-list select.default-dropdown { position: relative; cursor: pointer; color: #F6F6F6; background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; line-height: 2rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.875rem; width: 100%; margin: 0px; padding: 0 15px 0 0; display: block !important; z-index: 99; text-overflow: ellipsis; } } @media only screen and (max-width: 770px) and (-ms-high-contrast: active) { .form-list select.default-dropdown { line-height: 14px; height: 22px; } } @media only screen and (max-width: 770px) { .mdl-textfield__error#advice-required-entry-invoice_file { display: inline-block; } address .mdl-card__menu { display: block; } address .setasdefault { display: block; text-decoration: none; float: right; color: #0DB5D7; } address:hover { background-color: rgb(255,255,255); } .form-list .mdl-textfield__error { font-size: 11px; line-height: 11px; } #payment-method #payment_form_pts_cc div#cc-div { width: 100%; } #payment-method .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } #payment-method .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #payment-method .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } #payment-method .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } #payment-method .exp-date { float: left; vertical-align: top; width: auto; } #payment-method .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } #payment-method .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } #payment-method .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } } .ipad input#pts_cc_cc_number, .ipad #card_owner_name { width: 525px; } .ipad .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.card_name.mdl-cell.mdl-cell--6-col.is-upgraded { width: 510px; } .ipad #payment-method input#pts_cc_cc_number, .ipad #payment-method #card_owner_name { width: 525px; } .ipad #payment-method .cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .ipad #payment-method #cc-div li.fields { float: left; } .ipad #payment-method .form-list div#cc-div { width: 100%; } .ipad #payment-method #cc-div .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 150px; } .ipad #payment-method .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 150px; } .ipad #payment-method .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 200px; } .ipad #payment-method .cvv-parent .cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } .ipad #payment-method #cc-div.input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.mdl-cell.mdl-cell--6-col.exp-date { position: relative; color: #F6F6F6; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .customer-address-index .form-list select.default-dropdown, new-address-container .form-list select.default-dropdown { position: relative; cursor: pointer; color: rgba(0, 0, 0, 0.87); background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; line-height: 2rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1rem; width: 100%; margin: 0px; padding: 0 15px 0 0; display: block !important; z-index: 99; text-overflow: ellipsis; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-ms-high-contrast: active) { .customer-address-index .form-list select.default-dropdown, new-address-container .form-list select.default-dropdown { line-height: 14px; height: 22px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .customer-address-index input#pts_cc_cc_number, .customer-address-index input#card_owner_name, new-address-container input#pts_cc_cc_number, new-address-container input#card_owner_name { width: 513px; } } @media only screen and (max-width: 470px) { #payment-method .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.card_name.mdl-cell.mdl-cell--6-col.is-upgraded { width: 315px; } #payment-method ul#payment_form_pts_cc { width: 380px; margin: 0px; } #payment-method .form-list .mdl-cell--6-col { width: 95%; } #payment-method .form-list div#cc-div { width: 100%; } #payment-method .form-list div#cc-div li.fields { float: left; } #payment-method .form-list input#pts_cc_cc_number, #payment-method .form-list input#pts_cc_cc_owner { width: 315px; } #payment-method .form-list .input-box.v-fix:first-child { margin-right: 4px; } #payment-method .form-list .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 66px; float: left; } #payment-method .cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #payment-method input#pts_cc_cc_cid { background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; } #payment-method .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 200px; } #payment-method .cvv-parent .cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } #payment-method .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } #payment-method .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } #payment-method .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } #payment-method .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label card_name .mdl-cell.mdl-cell--6-col.exp-date { width: 95%; } #co-payment-form ul#payment_form_pts_cc { width: 380px; margin: 0px; } .form-list .mdl-cell--6-col { width: 95%; } .form-list div#cc-div { width: 100%; } .form-list div#cc-div li.fields { float: left; } .form-list input#pts_cc_cc_number, .form-list input#pts_cc_cc_owner { width: 360px; } .form-list .input-box.v-fix:first-child { margin-right: 4px; } .form-list .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 66px; float: left; } .cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } input#pts_cc_cc_cid { background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; } .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 200px; } .cvv-parent .cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } } @media only screen and (max-width: 380px) { #co-payment-form ul#payment_form_pts_cc { width: 375px; margin: 0px; } .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.card_name.mdl-cell.mdl-cell--6-col.is-upgraded { width: 315px; } #co-payment-form input#pts_cc_cc_number, #co-payment-form input#pts_cc_cc_owner { width: 315px; } #co-payment-form .cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #co-payment-form #cc-div li.fields { float: left; } #co-payment-form .form-list div#cc-div { width: 100%; } #co-payment-form #cc-div .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } #co-payment-form .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 200px; } #co-payment-form .cvv-parent .cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } #co-payment-form #cc-div.input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.mdl-cell.mdl-cell--6-col.exp-date { position: relative; color: #F6F6F6; } } @media only screen and (max-width: 330px) { #payment-method .form-list input#pts_cc_cc_number, #payment-method .form-list input#pts_cc_cc_owner { width: 277px; } #payment-method #cc-div li.fields { float: left; } #payment-method .form-list .mdl-cell--6-col { width: 95%; } #payment-method .cvv-parent .mdl-cell--6-col { display: inline-block; position: relative; vertical-align: top; width: 105px; } #payment-method .input-box.v-fix:first-child { margin-right: 4px; } #payment-method .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 68px; } #payment-method .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 115px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } #payment-method .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } #payment-method .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } #payment-method .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } #payment-method .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } #payment-method .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } #co-payment-form ul#payment_form_pts_cc { width: 300px; margin: 0px; } .input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.card_name.mdl-cell.mdl-cell--6-col.is-upgraded { width: 265px; } #co-payment-form input#pts_cc_cc_number, #co-payment-form input#pts_cc_cc_owner { width: 265px; } #co-payment-form .cc_type_icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png) no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } #co-payment-form #cc-div li.fields { float: left; } #co-payment-form .form-list div#cc-div { width: 100%; } #co-payment-form #cc-div .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 64px; } #co-payment-form .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 200px; } #co-payment-form .cvv-parent .cvv-img { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png) no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } #co-payment-form #cc-div.input-box.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.mdl-cell.mdl-cell--6-col.exp-date { position: relative; color: #F6F6F6; } } @media only screen and (max-width: 599px) { .customer-address-index .select-address-opt { width: 100%; } } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* User Select */ /* Product overview Mixin(Shivanshu) first UI and second UI*/ .twostepcheckout-twostep-success .mdl-order-table .mdl-order-table__cell--non-numeric.last { text-align: right; } .twostepcheckout-twostep-success .discount .a-right { text-align: right; } .twostepcheckout-twostep-index .mdl-order-table tr.first td { border-top: none; } .twostepcheckout-twostep-index .mdl-order-table tr.last td { border-bottom: none; } .twostepcheckout-twostep-index .mdl-order-table .child-bundle .bundle-image { width: 30%; } .twostepcheckout-twostep-index .mdl-order-table .child-bundle .bundle-image img { margin: 0 20px 0 0; } .twostepcheckout-twostep-index .mdl-order-table .child-bundle .bundle-description { margin-left: 30%; } .mdl-order-table { position: relative; border-collapse: collapse; white-space: nowrap; font-size: 1rem; background-color: rgb(255,255,255); width: 100%; } .mdl-order-table .sku-float-left { float: left; } .mdl-order-table .sku-float-left2 { float: left; } .mdl-order-table .mdl-order-table__select { width: 16px; } .mdl-order-table .mdl-order-table__cell--non-numeric.mdl-order-table__cell--non-numeric { text-align: left; } .mdl-order-table .mdl-order-table__cell--item-img { text-align: left; width: 5%; } .mdl-order-table .mdl-order-table__cell--item-desc { width: 62%; } .mdl-order-table .mdl-order-table__cell--item-price { width: 10%; text-align: left; } .mdl-order-table .mdl-order-table__cell--item-qty { width: 12%; text-align: left; } .mdl-order-table .mdl-order-table__cell--item-total { width: 10%; } .mdl-order-table .mdl-order-table__cell--item-action { width: 5%; } .mdl-order-table .mdl-order-table__cell--non-numeric.td_first { width: 20%; } .mdl-order-table .mdl-order-table__cell--non-numeric.td_middle { width: 60%; } .mdl-order-table .mdl-order-table__cell--non-numeric.td_middle .product-name { white-space: pre-line; } .mdl-order-table .mdl-order-table__cell--non-numeric.last { width: 20%; } .mdl-order-table thead { padding-bottom: 3px; } .mdl-order-table thead .mdl-order-table__select { margin-top: 0; } .mdl-order-table tbody tr { position: relative; height: 48px; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; /*&:hover { background-color: $data-table-hover-color; }*/ } .mdl-order-table tbody tr.is-selected { background-color: #e0e0e0; } .mdl-order-table tbody tr .item-options { float: left; width: 100%; } .mdl-order-table tbody tr .item-options:after { overflow: hidden; *zoom: 1; } .mdl-order-table tbody tr .item-options dt { float: left; clear: left; padding-right: 5px; margin-top: -4px; } .mdl-order-table tbody tr .item-options dt:after { content: ': '; } .mdl-order-table tbody tr .item-options dd { float: left; margin-top: -4px; } .mdl-order-table td, .mdl-order-table th { padding: 0px; text-align: center; } .mdl-order-table td:last-of-type, .mdl-order-table th:last-of-type { padding-right: 30px; } .mdl-order-table td { position: relative; vertical-align: top; height: 48px; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); padding: 30px 0 30px 0; vertical-align: middle; box-sizing: border-box; } .mdl-order-table td:first-of-type { padding-left: 10px; padding-right: 19px; } .mdl-order-table td .mdl-order-table__select { vertical-align: top; position: absolute; left: 24px; } .mdl-order-table td img { border: 1px solid rgb(224,224,224); margin-left: 20px; } .mdl-order-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; height: 48px; padding-bottom: 8px; box-sizing: border-box; } .mdl-order-table th:first-of-type { padding-left: 32px; } .mdl-order-table th .mdl-order-table__select { position: relative; } .mdl-order-table .price-box .old-price { float: right; } .mdl-order-table .product-name { display: inline-block; float: left; width: 100%; line-height: 14px; } .mdl-order-table .product-code { color: rgb(117,117,117); float: left; white-space: pre-line; display: inline-flex; word-wrap: break-word; } .mdl-order-table .quantity { color: rgb(117,117,117); float: left; width: 100%; } .mdl-order-table .quantity .price { /*color: $text-color-secondary;*/ } .mdl-order-table .bundlehead td { padding-top: 15px; padding-bottom: 15px; } .mdl-order-table .child-bundle td { padding-top: 15px; padding-bottom: 15px; } .mdl-order-table .bundle.first td { border-top: 1px solid rgba(0, 0, 0, 0.12); } .mdl-order-table .bundle td { border: none; } .mdl-order-table .bundle .bundle-image { position: relative; float: left; } .mdl-order-table .bundle .bundle-image img { display: inline-block; width: 60px; height: 60px; } .mdl-order-table .bundle .bundle-image .bundle-tag-image { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/products_sprite.png) no-repeat 0px 0px; height: 57px; position: absolute; width: 42px; z-index: 2; margin-left: 20px; left: 0px; } .mdl-order-table .bundle .bundle-product-heading { color: rgb(33,33,33); padding-left: 20px; } .mdl-order-table .product-cart-info-gift.first td { padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .mdl-order-table .product-cart-info-gift td { border: none; padding-top: 15px; padding-bottom: 15px; } .mdl-order-table .product-cart-info-gift .promotional-image { position: relative; float: left; } .mdl-order-table .product-cart-info-gift .promotional-image img { display: inline-block; width: 60px; height: 60px; } .mdl-order-table .product-cart-info-gift .promotional-image .promotional-tag-image { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/products_sprite.png) no-repeat -43px 0px; height: 57px; margin-left: 20px; position: absolute; width: 42px; z-index: 2; left: 0px; } .mdl-order-table .product-cart-info-gift .bundle-product-heading { color: rgb(33,33,33); padding-left: 20px; } .mdl-order-table .total-amount-price .total-amount { color: rgb(33,33,33); } .mdl-order-table .cost-detail { float: left; } .checkout-cart-index .mdl-order-table td:last-of-type { padding-right: 16px; } .checkout-cart-index .mdl-order-table .bundle-child .product-description-wrapper, .checkout-cart-index .mdl-order-table .bundle-last .product-description-wrapper { margin-left: 70px; } .checkout-cart-index .mdl-order-table .bundle-child .product-description-wrapper .product-name, .checkout-cart-index .mdl-order-table .bundle-last .product-description-wrapper .product-name { height: auto; padding: 10px; } .checkout-cart-index .mdl-order-table .bundle-child .product-description-wrapper .quantity, .checkout-cart-index .mdl-order-table .bundle-last .product-description-wrapper .quantity { padding: 0px 10px; } .checkout-cart-index .cart-table .mdl-product-cart-info .mdl-btn-action-remove { display: none; } .checkout-cart-index .cart-table .mdl-product-cart-info .product-name a { text-decoration: none; color: rgb(33,33,33); } .checkout-cart-index .cart-table .mdl-product-cart-info .product-name a:hover { color: #0DB5D7; transition: 0.2s; } .checkout-cart-index .cart-table .mdl-product-cart-total { padding: 0 15px 0 0; /*@include text-align($bi-app-text-align-right);*/ text-align: right; } .checkout-cart-index .cart-table .product-cart-actions { text-align: center; } .checkout-cart-index .cart-table .product-cart-actions .ajax-submit-qty { display: none; } .checkout-cart-index .cart-table .bundle { border-bottom: none; } .checkout-cart-index .cart-table .bundle td:first-of-type { padding-left: 10px; padding-right: 19px; } .checkout-cart-index .cart-table .bundle td .bundle-highlight { padding-left: 20px; margin-top: 20px; } .checkout-cart-index .cart-table .bundle .product-cart-info .product-name { text-decoration: none; } .checkout-cart-index .cart-table .bundle .product-cart-info .product-name:hover { cursor: default; } .checkout-cart-index .cart-table .bundle .product-cart-image { padding: 10px 0 0 16px; } .checkout-cart-index .cart-table .bundle .product-cart-info { padding: 15px 0 0 0; } .checkout-cart-index .cart-table .bundle-child td { border-top: none; padding: 15px 0 15px 0; } .checkout-cart-index .cart-table .bundle-child .product-cart-price .price-box .regular-price .price { /*color: $text-color-secondary;*/ } .checkout-cart-index .cart-table .bundle-last td { border-top: none; } .checkout-cart-index .cart-table .bundle-last .product-cart-price .price-box .regular-price .price { color: rgb(117,117,117); } .checkout-cart-index .cart-table .bundle-title span { padding: 4px 9px 4px 9px; } .checkout-cart-index .cart-table .bundle-inner td:first-child { padding-left: 80px; } .checkout-cart-index .cart-table .bundle-inner .bundle-price { text-align: center; } .checkout-cart-index .cart-table .bundle-inner .bundle-price div { display: inline; } .checkout-cart-index .cart-table .bundle-inner img { float: left; } .checkout-cart-index .cart-table .bundle-inner td { padding: 8px 8px 20px 8px; } .checkout-cart-index .cart-table .bundle-inner .product-name:hover { cursor: pointer; } .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price #grand-total { margin-right: 15px; } @inclide rtl { .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price #grand-total { @inlcude margin-left(0px); } } .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .mdl-cart-totals .cart-total ul li .list-outer.cart-discount-coupon { position: relative; padding: 18px 0px; border-bottom: 1px solid #e0e0e0; } .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .mdl-cart-totals .cart-total ul li #list-discount-coupon #discount-coupon { @inlcude margin-right(-13px); @inlcude padding-right(11px); } .twostepcheckout-twostep-index .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .price { /*color:$color-primary;*/ } .twostepcheckout-twostep-index .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail { width: 60%; word-wrap: break-word; } .cart-totals-wrapper .cart-totals .rows { width: 100%; } .cart-totals-wrapper .cart-totals .rows ul { float: right; width: 100%; } .cart-totals-wrapper .cart-totals .rows ul li { padding-bottom: 8px; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer { float: left; width: 92%; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .user-discount-coupon { padding: 15px 0; margin-top: -20px; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer div#user-applied-coupon-text { float: left; color: #10B514; padding: 20px 0px; position: relative; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail { float: left; min-width: 10%; margin-right: 10px; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .zipcode { min-width: 20%; float: left; cursor: pointer; color: rgb(209,8,22); } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price-coupon-discount { float: right; margin-right: 15px; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price-coupon-discount .cost-details-price { float: left; margin-right: -10px; padding: 20px 0px; position: relative; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price-coupon-discount #remove-coupon { float: left; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail-coupon-discount { float: left; color: rgb(117,117,117); width: 43%; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price { float: right; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price #discount-amount { float: left; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer div#auto-applied-coupon-text { float: left; color: #10B514; position: relative; } .cart-totals-wrapper .cart-totals .rows ul li .outer-div { float: right; width: 30%; } .cart-totals-wrapper .cart-totals .rows ul li .outer-div .list-outer { float: left; margin-right: 0; width: 86%; } .cart-totals-wrapper .cart-totals .rows ul li .outer-div .product-remove { float: right; display: inline-block; width: 10%; } .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable { padding-top: 20px; } .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .total-amount { float: left; } .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price .price { float: right; color: #01B4E1; position: relative; right: 20px; } .cart-totals-wrapper .cart-totals .rows .checkout-cost-display { padding: 15px 0 0px 0; border-top: 1px solid rgb(224,224,224); } #checkout-agreements { float: left; padding-top: 15px; width: 100%; } #checkout-agreements .checkout-agreements .agreement-content { padding: 10px 10px 10px 10px; background: none repeat scroll 0 0 rgb(255,255,255); margin-bottom: 10px; overflow-y: none; width: 100%; } #checkout-review-submit { bottom: 0; min-height: 120px; float: left; padding: 20px 30px 10px 0px; position: absolute; width: 100%; } #checkout-review-submit .info-under-pay { padding: 15px 0 0 0; color: rgb(189,189,189); width: 100%; } .order-summary-price li { float: left; padding: 10px 0px 8px 30px; width: 100%; } .order-summary-price .order-summary-amount-payable { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 15px 0 0 0; padding: 25px 12px 30px 30px; } .checkout-review-table-container { display: block; max-height: 273px; overflow: auto; } #checkout-review-table { border-top: 1px solid rgba(0, 0, 0, 0.12); position: static; } #checkout-review-table-wrapper .cost-details-price { padding: 0px; } #checkout-step-review .regular-price { text-align: right; float: right; } #checkout-step-review .regular-price .price { color: rgb(33,33,33); } #checkout-step-review tr:first-child > td { border-top: 0; } #checkout-step-review tr:last-child > td { border-bottom: 0; } /*****************************Minicart*************************/ .cms-index-index .main-header-container .header-right .cart-icon-desktop .mdl-menu__container { height: auto !important; } .cms-index-index .main-header-container .header-right .cart-icon-desktop .mdl-menu__container .cart-menu-desktop { /*max-height: 470px !important; overflow-y: auto;*/ } .main-header-container .cart-icon-desktop { /*display: inline-block !important;*/ } .main-header-container .cart-icon-mobile { display: none !important; } .main-header-container .cart-menu.mdl-menu { width: 304px; overflow: hidden; } .main-header-container .minicart-wrapper .empty-cart-header { padding-top: 12px !important; } .main-header-container .minicart-wrapper .cart-title { padding: 10px 20px 0px 20px; } .main-header-container .minicart-wrapper .cart-items { margin-top: 7px; text-align: center; color: #999; } .main-header-container .minicart-wrapper .mini-products-list { margin-bottom: 15px; } .main-header-container .minicart-wrapper .mini-products-list li { padding: 20px 20px 40px 20px; } .main-header-container .minicart-wrapper .mini-products-list .items { width: 87%; float: left; } .main-header-container .minicart-wrapper .mini-products-list .items .product-image, .main-header-container .minicart-wrapper .mini-products-list .items .img-description { float: left; } .main-header-container .minicart-wrapper .mini-products-list .items .product-image { width: 24%; } .main-header-container .minicart-wrapper .mini-products-list .items .product-image img { border: 1px solid rgb(224,224,224); } .main-header-container .minicart-wrapper .mini-products-list .items .img-description { width: 73%; padding-left: 10px; } .main-header-container .minicart-wrapper .mini-products-list .items .img-description .qty-cart-price .quantity, .main-header-container .minicart-wrapper .mini-products-list .items .img-description .qty-cart-price .cart-price { float: left; color: rgb(117,117,117); } .main-header-container .minicart-wrapper .mini-products-list .items .img-description .notification-quantity { display: none; } .main-header-container .minicart-wrapper .mini-products-list .items .img-description .product-name { margin-bottom: 0; color: rgb(33,33,33); } .main-header-container .minicart-wrapper .mini-products-list .status { width: 13%; padding-top: 12px; float: left; } .main-header-container .minicart-wrapper .mini-products-list .status .icon-honor2-close { color: rgb(117,117,117); text-decoration: none; display: block; vertical-align: baseline; } .main-header-container .minicart-wrapper .mini-products-list .status .icon-honor2-close::before { position: absolute; top: 10px; right: 9px; } .main-header-container .minicart-wrapper .mini-products-list .minicart-close-btn { padding-top: 0px; padding-left: 12px; } .main-header-container .minicart-wrapper .minicart-actions { border-top: 1px solid rgba(0, 0, 0, 0.12); margin-top: 0px; padding: 20px 20px 20px 20px; } .main-header-container .minicart-wrapper .minicart-actions .subtotal { margin-bottom: 40px; } .main-header-container .minicart-wrapper .minicart-actions .subtotal .label { float: left; color: rgb(33,33,33); } .main-header-container .minicart-wrapper .minicart-actions .subtotal .price { float: right; color: rgb(33,33,33); } .main-header-container .minicart-wrapper .minicart-actions .view-cart-btn { padding-top: 4px; } .main-header-container .minicart-wrapper .empty-cart { width: 300px; padding: 30px 30px 30px 30px; text-align: center; } .main-header-container .minicart-wrapper .empty-cart p { color: #999; } .main-header-container .minicart-wrapper .empty-cart a { color: #0DB5D7; text-decoration: none; } .main-header-container .header-right .icon-honor2-close { right: 3px; } /*@include bp(max-width, $bp-small) { .mobile-header { .cart-icon-desktop { display: none !important; } .cart-icon-mobile { display: block !important; } } .mdl-order-table{ .product-name { font-size:12px; direction:ltr; } } }*/ @media only screen and (max-width: 599px) { .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .mdl-cart-totals .cart-total ul li { width: 100%; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-details-price #discount-amount { float: left; } } @media only screen and (max-width: 770px) { .twostepcheckout-twostep-index .mdl-order-table__cell--non-numeric.td_middle { width: 64%; } .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .mdl-cart-totals .cart-total ul li { width: 100%; } } .twostepcheckout-twostep-index .mdl-order-table td { padding-bottom: 15px; padding-top: 15px; vertical-align: top; } .twostepcheckout-twostep-index .mdl-order-table .product-name { line-height: 24px; } * { box-sizing: border-box; } @font-face { font-family: 'gess-light-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.svg#gess-light") format("svg"); font-display: fallback; } @font-face { font-family: 'gess-bold-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.svg#gess-bold") format("svg"); font-display: fallback; } .font-gess-light { font-family: "gess-light-font" !important; } .font-gess-bold { font-family: "gess-bold-font" !important; } *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .cms-home nav { position: fixed; } .cms-home nav .nav-main-container .nav-menu-container { /*background: rgba(0,0,0,0.5);*/ background: white; } .cms-home nav .nav-main-container .nav-menu-container.background-white { transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); position: relative; } .cms-home nav .nav-main-container .nav-menu-container .row .nav-primary li a { color: #e2e2e2; /*&:hover{ color:$sky-blue-light !important; }*/ } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search { color: #e2e2e2; cursor: pointer; padding: 4px 0px 0px 0px; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search.circle-hover { color: #07B6E2 !important; border-radius: 50%; padding: 4px 0px 4px 8px; background-color: #F6F6F6; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search::before { position: relative; top: 1px; right: 1px; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .icon-honor2-cart { color: #e2e2e2; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart a { color: transparent; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .view-cart-btn { color: #FFFFFF; } .cms-home nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart.no-count span.count-cart { display: none; } .cms-home nav .nav-main-container .nav-menu-container.mouse-in-anim { transition-property: all; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease; } .cms-home nav .nav-main-container .nav-menu-container.mouse-out-anim { transition-property: all; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease; } /* Starts : Language selection */ .nav-main-container .nav-top-container .nav-top-menu .language-selector .dropdown-content li > a, .nav-main-container .nav-top-container .nav-top-menu .language-selector .dropdown-content li > span { text-align: center; padding: 14px 5px 14px 5px; text-transform: uppercase; } /* Ends : Language selection */ /*common nav css start*/ .catalog-product-view nav .nav-main-container .nav-top-container { -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .catalog-product-view nav .f-nav { -webkit-transition: all 300ms; transition: all 300ms; position: fixed; top: 0; } .s-nav { -webkit-transition: all 300ms; transition: all 300ms; position: fixed !important; top: 0 !important; } .f-nav { -webkit-transition: all 300ms; transition: all 300ms; position: fixed !important; top: 0 !important; } nav { width: 100%; position: relative; top: 0; right: 0; left: 0; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*checkout header css start*/ /*checkout header css end*/ } nav .nav-main-container .nav-top-container { display: block; margin: 0 0 0 0; width: 100%; height: 35px; background: black; } nav .nav-main-container .nav-top-container.menu-animation { margin-top: -35px; -webkit-transition: all 300ms; transition: all 300ms; } nav .nav-main-container .nav-top-container.menu-show1 { -webkit-transition: all 600ms; transition: all 600ms; } nav .nav-main-container .nav-top-container.menu-show2 { -webkit-transition: all 300ms; transition: all 300ms; } nav .nav-main-container .nav-top-container.menu-show { margin-top: 0px; -webkit-transition: all 300ms; transition: all 300ms; } nav .nav-main-container .nav-top-container .row { width: 100%; max-width: 1600px; margin: 0 auto 0 auto; padding: 0px 20px 0px 20px; } nav .nav-main-container .nav-top-container .row .nav-top-menu { /*li.account-wrap:after{ content: ""; height: 0px; width: 0px; }*/ } nav .nav-main-container .nav-top-container .row .nav-top-menu li ul li { padding: 0px 0px 0px 0px; } nav .nav-main-container .nav-top-container .row .nav-top-menu .icon-honor2-filled-arrow-down { position: absolute; margin-top: 10px; color: #e2e2e2; font-size: 8px; } nav .nav-main-container .nav-top-container .row ul { float: right; } nav .nav-main-container .nav-top-container .row ul li { float: left; padding: 0px 15px 0px 15px; vertical-align: middle; /*&.hide-border{ &:after{ opacity:0; } } &:after{ content: ""; height: 10px; width: 1px; @include margin (10px, 10px, 10px, 10px); background: #656565; display: inline; position: absolute; top: 4px; } &:last-child:after{ content: ""; height: 0px; width: 0px; }*/ } nav .nav-main-container .nav-top-container .row ul li:first-child { padding-left: 0; border-left: 0; } nav .nav-main-container .nav-top-container .row ul li a { line-height: 36px; color: #e2e2e2; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row ul li:last-child { padding: 0px 0px 0px 10px; } nav .nav-main-container .nav-top-container .row ul li.menu-border { width: 1px; height: 10px; position: relative; top: 13px; background: #656565; padding: 0px; } nav .nav-main-container .nav-top-container .row ul ul.menu-items li.user-name { padding: 0px 16px 0px 6px; cursor: pointer; } nav .nav-main-container .nav-top-container .row ul ul.menu-items li.user-name:hover { background: #eeeeee; color: #07B6E2; } nav .nav-main-container .nav-top-container .row ul ul.menu-items li.user-name a:hover { color: #07B6E2; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper { min-width: 130px; max-width: 190px; width: auto; height: auto; background: #fff; position: absolute; margin-left: -6px; z-index: 1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12); display: none; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper ul { float: none; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper ul li { padding: 0px 0px 0px 0px; display: block; float: none; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper ul li:after { width: 0px; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper ul li a { text-transform: initial; color: #212121; padding: 10px 0px 10px 20px; display: block; line-height: 21px; } nav .nav-main-container .nav-top-container .row ul ul.menu-items .slide-wrapper ul li a:hover { color: #07B6E2; } nav .nav-main-container .nav-top-container .row .language-selector { float: left; width: 44px; min-height: 20px; text-transform: uppercase; margin: 7px 0px 0px 15px; } nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper { background: transparent; } nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper .mdi-navigation-arrow-drop-down { right: 16px; top: 0px; color: #e2e2e2; margin: 3px 0px 0px 0px; line-height: 22px; } nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper input.select-dropdown { color: #e2e2e2; height: auto; line-height: 22px; border-bottom: 0px; padding: 0 0 0 0; box-shadow: none; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper ul li { padding: 0 0 0 0; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper ul li:after { width: 0px; } nav .nav-main-container .nav-top-container .row .country-wrapper { float: left; width: 32px; height: 35px; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main { position: relative; top: 7px; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main .select-wrapper { background: transparent; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main .mdi-navigation-arrow-drop-down { right: 10px; top: 3px; color: #e2e2e2; display: none; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main input.select-dropdown { color: #e2e2e2; height: auto; line-height: 20px; border-bottom: 0px; padding: 0 0 0 0; box-shadow: none; opacity: 0; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main ul li { padding: 0 0 0 0; text-transform: uppercase; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main ul li:after { width: 0px; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main ul li span:hover { color: #07B6E2; } nav .nav-main-container .nav-top-container .row .country-wrapper .country-main .dropdown-content { width: 190px !important; margin-left: -140px; left: -18px !important; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry { display: inline-block; margin-right: 10px; height: 12px; width: 19px; overflow: hidden; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flagglobal { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -8px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flagru { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -32px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flagmy { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -54px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flagmx { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -75px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flagcn { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -98px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flag-sa { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -8px -120px; } nav .nav-main-container .nav-top-container .row .country-wrapper .spr-ctry.flag-ae { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -32px -120px; } nav .nav-main-container .nav-menu-container { width: 100%; height: 65px; background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); position: relative; } nav .nav-main-container .nav-menu-container .row { width: 100%; max-width: 1600px; margin: 0 auto 0 auto; clear: both; padding: 0px 20px 0px 20px; } nav .nav-main-container .nav-menu-container .row h1 { display: inline; } nav .nav-main-container .nav-menu-container .row .honor-logo { float: left; margin-top: 12px; } nav .nav-main-container .nav-menu-container .row .nav-primary { float: left; padding: 0px 0px 0px 65px; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container { width: 100%; height: auto; background: #fff; display: none; position: fixed; top: 100px; left: 0px; box-shadow: 0 5px 5px -5px #333; border-top: 1px solid #eee; z-index: 9; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul { width: 1126px; height: auto; margin: 0 auto; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li { background: none; float: left; width: auto; padding: 25px 10px 25px 10px; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li a { text-align: center; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li a img { margin: 0px auto 0px auto; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li .product-text { text-align: center; color: rgb(117,117,117); } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li:first-child { padding-left: 55px; width: 224px; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li.sub-menu-view-all { padding: 25px 10px 25px 10px; text-transform: uppercase; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li.sub-menu-view-all a { font-weight: bold; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul li.sub-menu-view-all .icon-honor2-filled-arrow-right { padding: 0px 0px 0px 5px; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul .sub-menu-view-all { margin-top: 50px; margin-left: 0px; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container ul .product-text { text-align: center; width: 160px; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 46px; text-overflow: ellipsis; } nav .nav-main-container .nav-menu-container .row .nav-primary .cat-product-container.mouse-out-anim-level2 { border: 0; box-shadow: none; background: transparent; transition-property: background; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease; } nav .nav-main-container .nav-menu-container .row .nav-primary li { display: table; float: left; padding: 21px 35px 20px 35px; } nav .nav-main-container .nav-menu-container .row .nav-primary li a { text-decoration: none; cursor: pointer; } nav .nav-main-container .nav-menu-container .row .nav-primary li a span:first-child { background: #e42635; border-radius: 2px; padding: 0px 5px 2px 5px; margin-right: 5px; position: relative; top: -2px; } nav .nav-main-container .nav-menu-container .row .nav-primary li a:hover { color: #07B6E2 !important; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container { width: 100%; height: auto; background: #fff; display: none; position: fixed; top: 100px; left: 0px; border-top: 1px solid #eee; box-shadow: 0 5px 5px -5px #333; z-index: 9; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul { width: 1200px; min-height: 200px; height: auto; margin: 0 auto; position: relative; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li { width: 160px; float: none; padding: 20px 0px 2px 20px; background: #f8f8f8; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li a { cursor: pointer; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li a.active { color: #07B6E2 !important; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul { position: absolute; left: 160px; top: 0px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul li { background: none; float: left; width: auto; padding: 25px 10px 25px 10px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul li:first-child { padding-left: 55px; width: 224px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul li.sub-menu-view-all { text-transform: uppercase; padding: 25px 25px 25px 25px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul li.sub-menu-view-all a { font-weight: bold; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul li.sub-menu-view-all .icon-honor2-filled-arrow-right { padding: 0px 0px 0px 5px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li ul .product-text { text-align: center; width: 160px; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 46px; text-overflow: ellipsis; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li:last-child { padding-bottom: 20px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li.level2-container-menu-padding { padding-bottom: 73px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li.level2-container-menu-padding1 { padding-bottom: 116px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li .sub-menu-view-all { margin-top: 50px; margin-left: 20px; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container ul li.mouse-out-anim-level2 { border: 0; box-shadow: none; background: transparent; transition-property: all; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease; } nav .nav-main-container .nav-menu-container .row .nav-primary li .level2-container.mouse-out-anim-level2 { border: 0; box-shadow: none; background: transparent; transition-property: background; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease; } nav .nav-main-container .nav-menu-container .row .nav-primary li.drop a { cursor: default; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container { float: right; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .sb-search-submit, nav .nav-main-container .nav-menu-container .row ul.search-cart-container .sb-icon-search { display: none; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form { float: left; display: inline-block; padding: 22px 15px 12px 0px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search { cursor: pointer; padding: 4px 0px 0px 0px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search.circle-hover { color: #07B6E2 !important; border-radius: 50%; padding: 4px 0px 4px 8px; background-color: #F6F6F6; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .icon-honor2-search::before { position: relative; top: 1px; right: 1px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form .search-close { display: none; cursor: pointer; float: right; padding-right: 4px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap { float: left; display: inline-block; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart { float: left; display: inline-block; padding: 22px 15px 0px 15px; position: relative; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart:hover { background-color: #F6F6F6; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .cart-count { width: 20px; height: 20px; border-radius: 50%; background: #E12848; display: inline; position: absolute; top: 10px; right: 6px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .cart-count.count-cart { font-size: 11px; text-align: center; display: block; line-height: 22px; color: #FFFFFF; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart a { color: transparent; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart .view-cart-btn { color: #FFFFFF; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container .minicart-wrap .cart.no-count span.count-cart { display: none; } nav .nav-menu-checkout-container { background: #fff; width: 100%; height: 85px; box-shadow: 0px 0px 4px #ccc; } nav .nav-menu-checkout-container .row { width: 1600px; max-width: 100%; margin: 0 auto 0 auto; clear: both; position: relative; padding: 0px 20px 0px 20px; } nav .nav-menu-checkout-container .row h1 { display: inline; } nav .nav-menu-checkout-container .row .honor-logo { float: left; margin-top: 20px; } nav .nav-menu-checkout-container .row .secure-checkout-text { float: left; line-height: 90px; margin-left: 34%; } nav .nav-menu-checkout-container .row .secure-checkout-text.icon-honor2-lock:before { padding-right: 6px; font-size: 1.5rem; } nav .nav-menu-checkout-container .row .checkout-menu-container { float: right; padding-top: 28px; } nav .nav-menu-checkout-container .row .checkout-menu-container li { float: left; padding: 0px 10px 0px 10px; vertical-align: middle; list-style: none; } nav .nav-menu-checkout-container .row .checkout-menu-container li a { text-decoration: none; } nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector { float: left; width: 50px; min-height: 20px; text-transform: uppercase; margin: 3px 0px 0px 15px; } nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector .select-wrapper { background: transparent; } nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector .select-wrapper .mdi-navigation-arrow-drop-down { right: 20px; top: 8px; color: #212121; font-size: 8px; } nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector .select-wrapper input.select-dropdown { color: #000000; height: auto; border-bottom: 0px; padding: 0 0 0 0; box-shadow: none; text-transform: uppercase; } nav .nav-menu-checkout-container .row .checkout-menu-container .language-selector .select-wrapper ul li { padding: 0 0 0 0; text-transform: uppercase; } nav .nav-menu-checkout-container .row .menu-items .user-name { padding: 0px 16px 0px 6px; width: 190px; cursor: pointer; text-align: right; position: relative; } nav .nav-menu-checkout-container .row .menu-items .user-name:hover { background: #eeeeee; color: #07B6E2; } nav .nav-menu-checkout-container .row .menu-items .user-name a:hover { color: #07B6E2; } nav .nav-menu-checkout-container .row .menu-items .user-name .icon-honor2-filled-arrow-down { position: absolute; top: 4px; color: #212121; font-size: 8px; } nav .nav-menu-checkout-container .row .menu-items .user-name a:first-child:hover { color: #07B6E2; background: none; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper { width: 190px; height: auto; background: #fff; position: absolute; right: 0px; z-index: 1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12); display: none; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper ul { float: none; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper ul li { padding: 0px 0px 0px 0px; display: block; float: none; text-align: left; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper ul li:after { width: 0px; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper ul li a { text-transform: initial; color: #212121; padding: 0px 0px 0px 20px; display: block; line-height: 36px; } nav .nav-menu-checkout-container .row .menu-items .slide-wrapper ul li a:hover { color: #07B6E2; } /*common nav css end*/ .search-deskrch-out .nav-menu-container ul > li { -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } nav .nav-main-container .nav-menu-container .row { position: relative; } .search-wrapper { position: absolute; top: 20px; left: 0px; opacity: 0; width: 78.8%; margin-left: 13.2%; display: none; } .search-wrapper.anim-search { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .search-wrapper .search-desk { width: 96%; padding: 6px 6px 6px 6px; float: left; border: none; outline: none; -webkit-appearance: none; background: transparent; } .search-wrapper span { float: left; } .search-wrapper .icon-honor2-search { color: rgb(117,117,117) !important; visibility: visible !important; cursor: default; } .search-wrapper .search-close { cursor: pointer; } .search-autocomplete { position: absolute !important; left: 170px !important; top: 64px !important; width: 85% !important; height: auto; display: block; background-color: #fff; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; box-shadow: 0 5px 5px -5px #333333; z-index: 1; /* Added for header to fix buy now overlapping issue */ } .search-autocomplete .ajaxsearch li { line-height: 200%; padding-left: 70px; padding-right: 70px; } .search-autocomplete .ajaxsearch li a { text-decoration: none; } .search-autocomplete .ajaxsearch li a:hover { color: #07B6E2; } .search-autocomplete .ajaxsearch li:nth-child(2) { margin-top: 20px; } .search-autocomplete .ajaxsearch li:last-child { margin-bottom: 20px; } .search-autocomplete .ajaxsearch li.selected { background-color: #f7f7f7; } .search-autocomplete .ajaxsearch li.quickLinks { padding-left: 60px; padding-right: 60px; } .quick-links { position: absolute !important; left: 170px !important; top: 64px !important; width: 85% !important; height: auto; display: block; background-color: #fff; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; box-shadow: 0 5px 5px -5px #333333; z-index: 1; /* Added for header to fix buy now overlapping issue */ } .quick-links .ajaxsearch li { line-height: 200%; padding-left: 70px; padding-right: 70px; } .quick-links .ajaxsearch li a { text-decoration: none; } .quick-links .ajaxsearch li a:hover { color: #07B6E2; } .quick-links .ajaxsearch li:nth-child(2) { margin-top: 20px; } .quick-links .ajaxsearch li:last-child { margin-bottom: 20px; } .quick-links .ajaxsearch li.selected { background-color: #f7f7f7; } .quick-links .ajaxsearch li.quickLinks { padding-left: 60px; padding-right: 60px; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .anim-search-out { animation-name: color_change; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes color_change { to { background-color: white; } } @keyframes color_change { to { background-color: white; } } .header-minicart { margin-right: 20px; position: relative; } .header-minicart #header-cart { background: rgb(255,255,255); border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.12); position: absolute; right: -10px; top: 20px; width: 316px; } .header-minicart #header-cart .cart-arrow { border-bottom: 5px solid rgba(0, 0, 0, 0.12); border-left: 5px solid transparent; border-right: 5px solid transparent; display: none; height: 0; position: absolute; right: 28px; top: -6px; } .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .empty { text-align: center; } .header-minicart .empty a { margin: 0px 5px 0px 5px; color: #212121; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .minicart-wrapper .cart-items { margin: 20px 0px 20px 0px; text-align: center; width: 100%; } .header-minicart .minicart-wrapper .cart-items span { color: #0DB5D7; } .header-minicart .minicart-wrapper .cart-items-without-login { margin: 20px 0px 0px 0px; text-align: center; width: 100%; } .header-minicart .minicart-wrapper .cart-items-without-login span { color: #0DB5D7; } .header-minicart .minicart-wrapper .orange-btn { border-radius: 3px; cursor: pointer; display: inline-block; height: 23px; line-height: 17px; padding: 0px 15px 0px 15px; position: relative; text-decoration: underline; transition: all 0.5s; } .header-minicart .minicart-wrapper .orange-btn span { background: #e18700; display: inline-block; left: 0px; margin-right: 10px; padding: 15px 10px; position: absolute; top: 0; } .header-minicart .minicart-wrapper .orange-btn a { padding: 6px 20px 6px 20px; } .header-minicart .minicart-wrapper .orange-btn:hover { color: #0DB5D7; } .header-minicart .minicart-wrapper .minicart-actions { /*.orange-btn { display: block; text-align: left; }*/ } .header-minicart .minicart-wrapper .minicart-actions .subtotal { margin-bottom: 15px; } .header-minicart .minicart-wrapper .minicart-actions .subtotal .label { float: left; } .header-minicart .minicart-wrapper .minicart-actions .subtotal .price { float: right; } .header-minicart .minicart-wrapper #minicart-error-message { color: #f00; display: none; text-align: center; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle { color: #0DB5D7; font-size: 10px; font-weight: bold; line-height: 1.4; margin-bottom: 0px; padding: 5px 5px 5px 5px; text-align: center; text-transform: uppercase; } .header-minicart .block-subtitle .close { color: rgb(189,189,189); display: block; float: right; font-weight: normal; position: absolute; right: -3px; text-decoration: none; top: -8px; width: 40px; } .header-minicart .mini-products-list { max-height: 250px; overflow-y: auto; padding: 21px 26px 21px 26px; } .header-minicart .mini-products-list li { padding: 8px 5px 8px 0px; position: relative; width: 100%; } .header-minicart .mini-products-list li.last { border: 0; } .header-minicart .mini-products-list li .product-details { position: relative; } .header-minicart .mini-products-list li .items img { float: left; } .header-minicart .mini-products-list #cart-sidebar { float: left; width: 100%; margin-top: 13px; /*.icon-honor2-close { opacity: 0.5; }*/ } .header-minicart .img-description .product-name .product-ttl { display: block; } .header-minicart .img-description .qty-cart-price { margin-top: 5px; } .header-minicart .img-description .qty-cart-price .cart-price .price { margin-left: 5px; } .header-minicart .info-wrapper { margin-bottom: .5em; } .header-minicart .info-wrapper th { /*padding-right: $gap;*/ padding-right: 10px; text-transform: uppercase; } .header-minicart .info-wrapper td { clear: right; color: rgb(0,136,170); } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { margin-right: 2px; padding-left: 4px; padding: 0px 4px 0px 4px; width: 30px; } .header-minicart .info-wrapper .quantity-button { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; -webkit-transition-duration: 100ms; transition-duration: 100ms; opacity: 0; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { display: block; } .header-minicart .minicart-actions { background: none; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; margin-top: 0px; overflow: hidden; /*padding: 0px 26px 27px;*/ padding: 0px 26px 27px 26px; position: relative; text-align: left; } .header-minicart #minicart-error-message { color: #f00; display: none; text-align: center; } .header-minicart #minicart-success-message { color: #008000; display: none; text-align: center; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .minicart-wrapper { /*.cart-price { .price { @extend .mdl-typo-body2-reg1; @include margin-left (10px); &:first-child { @include margin-left (0px); } } } .status { position: absolute; @include right (2px); top: 3px; a { display: inline-block; &:hover { color: $color-primary-dark; } } } */ } .minicart-wrapper .mini-products-list { overflow: hidden; } .minicart-wrapper .mini-products-list h1 { float: left; } .minicart-wrapper .mini-products-list .total-item { float: right; } .minicart-wrapper .img-description { float: left; width: 170px; } .minicart-wrapper .img-description p { text-transform: capitalize; } .minicart-wrapper .img-description p a.product-ttl { display: block; line-height: 14px; } .minicart-wrapper .img-description p a.product-ttl:hover { color: #0DB5D7; } .minicart-wrapper .img-description p .prod-detail { padding-right: 6px; } .minicart-wrapper .qty-cart-price { line-height: 10px; } .minicart-wrapper .qty-cart-price .quantity { display: inline-block; margin-right: 1px; } .minicart-wrapper .qty-cart-price .cart-price { display: inline-block; } .catalog-product-view .minicart-wrapper .mini-products-list .product-image:hover { border: 1px solid #0DB5D7; } .header-minicart.skip-active .block-cart.skip-active, .block-cart.skip-active { display: block; } .minicart-wrapper .empty-cart-header { /*padding-top: 12px !important;*/ } .minicart-wrapper .empty-cart-header .items-container { display: inline-block; float: right; color: #000000; } .minicart-wrapper .cart-title { padding: 22px 20px 0px 20px; color: #000000; } .minicart-wrapper .cart-items { margin-top: 7px; text-align: center; color: #999; } .minicart-wrapper .mini-products-list { margin-bottom: 30px; } .minicart-wrapper .mini-products-list li { padding: 20px 20px 40px 20px; } .minicart-wrapper .mini-products-list .items { width: 87%; float: left; } .minicart-wrapper .mini-products-list .items .product-image, .minicart-wrapper .mini-products-list .items .img-description { float: left; } .minicart-wrapper .mini-products-list .items .product-image { width: 28%; } .minicart-wrapper .mini-products-list .items .product-image img { border: 1px solid rgb(224,224,224); } .minicart-wrapper .mini-products-list .items .product-image:hover img { border: 1px solid #0DB5D7; } .minicart-wrapper .mini-products-list .items .img-description { width: 72%; padding: 0px 0px 0px 12px; } .minicart-wrapper .mini-products-list .items .img-description .qty-cart-price .quantity, .minicart-wrapper .mini-products-list .items .img-description .qty-cart-price .cart-price { float: left; color: rgb(33,33,33); } .minicart-wrapper .mini-products-list .items .img-description .notification-quantity { display: none; } .minicart-wrapper .mini-products-list .items .img-description .product-name { margin-bottom: 6px; color: rgb(33,33,33); } .minicart-wrapper .mini-products-list .status { width: 13%; padding-top: 12px; float: left; } .minicart-wrapper .mini-products-list .status .icon-honor2-close { color: rgb(117,117,117); text-decoration: none; display: block; vertical-align: baseline; } .minicart-wrapper .mini-products-list .status .icon-honor2-close::before { position: absolute; top: 10px; right: 9px; color: rgb(117,117,117); /*font-family: "honor2-icons-v1";*/ } .minicart-wrapper .mini-products-list .minicart-close-btn { padding: 10px 0px 0px 10px; } .minicart-wrapper .minicart-actions { border-top: 1px solid rgba(0, 0, 0, 0.12); margin-top: 0px; padding: 15px 20px 20px 20px; } .minicart-wrapper .minicart-actions .subtotal { margin-bottom: 37px; } .minicart-wrapper .minicart-actions .subtotal .label { float: left; } .minicart-wrapper .minicart-actions .subtotal .price { float: right; color: #01B4E1; } .minicart-wrapper .minicart-actions .view-cart-btn { padding-top: 4px; } .minicart-wrapper .empty-cart { width: 300px; padding: 30px 30px 30px 30px; text-align: center; } .minicart-wrapper .empty-cart p { color: #999; } .minicart-wrapper .empty-cart a { color: #212121 !important; text-decoration: none; } .minicart-wrapper .empty-cart a:hover { color: #01B4E1 !important; } .cart-menu { width: 296px; display: none; position: absolute; right: 0px; border-radius: 2px 0px 2px 2px; } .catalog-product-view #mini-cart .mdl-card { width: 304px; } .anim-nav-out-new .nav > li:nth-child(1) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(2) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(3) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(4) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(5) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(6) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-out-new .nav > li:nth-child(7) a.level0 { -webkit-animation-name: navOut; animation-name: navOut; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes navOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes navOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .anim-nav-in-new .nav > li:nth-child(1) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(2) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(3) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(4) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(5) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(6) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .anim-nav-in-new .nav > li:nth-child(7) a.level0 { -webkit-animation-name: navIn; animation-name: navIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes navIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes navIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } .nav > li a.level0 { display: inline-block; } .cart-green { color: #02A1C9 !important; } .cms-home .nav-top-space { display: none; } .overlay-curtain { background: #212121; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 998; opacity: 0.7; } .Safari-5 .anim-search-out { background: #fff !important; } .fixed { position: fixed; top: 0px; width: 100%; transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); -webkit-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); } .pts-payment-redirect .col-main { width: 99.2%; } /*Media query*/ @media only screen and (max-width: 1600px) { nav .nav-main-container .row { padding: 0px 20px 0px 20px; } } @media only screen and (max-width: 1440px) { .search-wrapper { width: 76.8%; } .search-wrapper .search-desk { width: 97%; } .search-autocomplete { width: 82% !important; } .search-autocomplete .ajaxsearch { padding-left: 50px; } .quick-links { width: 82% !important; } .quick-links .ajaxsearch { padding-left: 50px; } } @media only screen and (max-width: 1441px) { .search-wrapper .search-desk { width: 97%; } } @media only screen and (max-width: 1280px) { nav .nav-main-container .nav-menu-container .row .nav-primary { padding: 0px 0px 0px 40px; } .search-autocomplete { left: 160px !important; } .search-autocomplete .ajaxsearch { padding-left: 30px; } .quick-links { left: 160px !important; } .quick-links .ajaxsearch { padding-left: 30px; } } @media only screen and (max-width: 1199px) { nav .nav-main-container .nav-menu-container .row .nav-primary { padding: 0px 0px 0px 40px; } nav .nav-main-container .nav-menu-container .row .nav-primary li { padding-right: 30px; } nav .nav-main-container .nav-menu-container .row ul.search-cart-container #search_mini_form { padding: 20px 5px 20px 0px; } .search-wrapper { width: 72.4%; margin-left: 17%; } .search-wrapper .search-desk { width: 95%; } .search-autocomplete { width: 81% !important; } .search-autocomplete .ajaxsearch { padding-left: 60px; } .quick-links { width: 81% !important; } .quick-links .ajaxsearch { padding-left: 60px; } } @media only screen and (max-width: 960px) { .search-autocomplete { width: 78% !important; left: 150px !important; } .search-autocomplete .ajaxsearch { padding-left: 40px; } .quick-links { width: 78% !important; left: 150px !important; } .quick-links .ajaxsearch { padding-left: 40px; } } .icon-honor2-free-delivery:before { content: "\f13d"; vertical-align: bottom; } .icon-honor2-logistic1:before, .icon-honor2-refresh1:before, .icon-honor2-lock2:before, .icon-honor2-warranty1:before { display: inline-block; font-family: "honor2-icons-v3"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .honor-view-popup h4 { text-align: center; font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: normal; font-weight: 600; color: #212121; font-size: 1.2rem; margin-bottom: 25px; } .honor-view-popup .honor-promotion { width: 50%; float: left; margin-bottom: 20px; } .honor-view-popup .honor-promotion ul li { margin-bottom: 20px; padding-right: 15px; } .honor-view-popup .honor-promotion ul li i { font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: normal; font-weight: 600; color: #757575; font-size: 1.25rem; } .honor-view-popup .honor-promotion ul li i + span { font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: normal; font-weight: 600; color: #000; font-size: .875rem; margin: 0 5px 0 5px; vertical-align: text-bottom; display: inline-block; } .honor-view-popup .honor-promotion ul li i + span + span { font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: .875rem; } .honor-view-popup .honor-agree { margin: 0px auto; text-align: center; } .honor-view-popup .honor-agree button { margin-top: 20px; min-width: 150px; } .honor-view-popup .honor-promotion.border-right { border-right: 1px solid #ccc; } .honor-view-popup .honor-promotion { width: 50%; float: left; margin-bottom: 20px; } .honor-view-popup .honor-agree a { font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: normal; font-weight: normal; color: #0db5d7; font-size: .875rem; text-decoration: none; } .honor-view-popup .honor_promote_right { float: right; } .txt-vat { font-size: 14px; color: #B6B6B6; line-height: 36px; } .total-txt-vat { font-size: 14px; color: #B6B6B6; float: right; } /***********Home page coupons ********************/ .std .home_coupons ul li { margin-right: 15px; } .cms-home .std ul li { margin-left: 0px; } .home_coupons { padding: 15px; background: #E9E9E9; margin-top: -70px; } .home_coupons ul { padding: 0px; width: 80%; margin: 5px auto 0 auto; text-align: center; } .home_coupons li { padding: 10px 0px 0 0px; list-style: none; display: inline-block; margin-right: 12px; border: 1px solid #DDDDDD; vertical-align: top; } .coupon_details { background: #FFCE81 url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/coupon.png) top right no-repeat; width: 28.68%; margin: 0px 15px 15px 0px; } .box_count_1.coupon_details { width: 530px; } .coupon_price { font-size: 46px; font-weight: bold; float: left; } .couponInfo { display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .coupon_percent { float: left; font-size: 28px; font-weight: bold; padding-top: 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; margin-top: -7px; } .more a:link, .more a:visited { color: #fff; text-decoration: underline; float: right; font-size: 10px; } .addto_coupons { float: right; margin-top: -1px; } .addto_coupons a:link, .addto_coupons a:visited { color: #07BADB; text-decoration: none; } .addto_coupons img { vertical-align: middle; display: inline-block; } .soldout_coupon { color: #ef2a2a; } .clr { clear: both; } .row_2 { display: none; } .more_info_popup .title { font-size: 20px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; text-align: center; font-weight: 500; } .more_info_popup { max-width: 900px; padding: 25px; } .content.more_info { font-size: 14px; margin-top: 15px; line-height: 20px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; } .home_coupons .centercontainer a:link, .home_coupons .centercontainer a:visited { color: #07BADB; font-size: 12px; text-decoration: none; } .home_coupons .centercontainer { width: 70%; margin: auto; text-align: right; margin-top: -10px; } .coupon_signin { float: right; font-weight: 600; } .coupon_signin a:link, .coupon_signin a:visited { color: #07BADB; text-decoration: none; font-size: 11px; } .coupon_validy { float: left; width: auto; } .coupon_btmsection { background: #fff; border-top: 3px dotted #FFCE81; padding: 0 10px; color: #9D9D9D; font-size: 12px; } .coupon_terms { background: #FFC579; color: #FFF; padding: 3px 10px 0 10px; font-size: 12px; text-align: left; height: 30px; } .coupon_discount { padding: 20px 10px; color: #FD5E87; font-family: "BigNoodleTitling", "Impact", "Charcoal", sans-serif; } .Rupee_symbol { font-size: 22px; float: left; padding-right: 2px; margin-top: -6px; } .coupon_price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: bold; letter-spacing: 0px; font-size: 50px; float: left; } .coupon_label { float: left; font-size: 24px; font-weight: normal; padding-top: 6px; padding-left: 5px; /* font-weight: 600; */ } .cms-home nav .nav-main-container .nav-menu-container .row .nav-primary li a { color: #212121 !important; } .recommended-slider-product .product-image img { width: 100%; } .recommended-slider-product .product-name { margin-top: 20px; } .imei_form { max-width: 450px; margin: 0 auto; } .imei_input { width: 70%; float: left; } .imei_input input { background-color: #fff; height: 37px; padding: 0 0 0 10px; text-align: left; font-size: 12px; background-size: 20px 20px; border: 1px solid #c42c41; border-right: 0px; } .imei_input input:focus { border-color: #c42c41; } .imei_input .validation-advice { position: relative !important; left: -30% !important; } .imei_input #formLoader img { position: absolute; left: 54%; bottom: 19%; height: 20px; } .imei_button { width: 25%; float: left; width: 30%; float: left; text-decoration: none; background: #c42c41; height: 37px; display: inline-block; text-align: center; line-height: 34px; text-align: left; } .imei_button a { text-decoration: none; color: #fff; text-align: center; display: block; } .imei_button button { background: none; border: none; color: #fff; text-align: center; width: 100%; cursor: pointer; } .imei_containers { text-align: center; } .imei_containers h5 { font-weight: bold; font-size: 20px; color: #212121; } .imei_containers p { font-size: 14px; color: #757575; margin: 5px auto; } .imei_verify { clear: both; overflow: hidden; margin: 20px auto; } .formMsg { color: #c42c41; font-size: 12px; } .formMsg.success { color: green; font-size: 16px; text-align: center; line-height: 25px; } .success_tick { display: inline-table; margin: 10px 0 20px 0; } #formLoader { color: #1abfe5; } @media screen and (max-width: 480px) { .imei_form { max-width: 320px; } .imei_input input { font-size: 8px; } .imei_containers h5 { font-size: 20px; } .imei_containers p { font-size: 12px; } } .checkout-cart-index .cart-table .mdl-product-cart-info .product-name a { font-weight: 400; } .share_fb { display: inline; } .trackorder-popup #order-tracking-form #track-order .button-wrapper .verifiy-otp-block button { margin-top: 20px; } #order-tracking-form .jsloader { position: absolute; bottom: 40%; left: 50%; } .checkout-cart-index .mdl-order-table .product-cart-actions-qty #mdl-spinner-cart { display: none; position: absolute; top: 50px; left: 190px; } .cms-home { font-family: "Roboto", "Helvetica", "Arial", sans-serif; /* Hero banner store section */ /* Smart Phone section */ /* Rush Buy section */ /* Accessories */ /* Accessories Brand */ /* Video Section */ /* News Section */ /* Video Fancy box */ /* Caroual Content Block */ /* Banner Animation */ /* Mouse over text animation */ /* Mouse over text animation */ /*.carasoulContent:hover{ filter: alpha(opacity=60); opacity: 0.6; }*/ /* The animation code */ /* The element to apply the animation to */ /* News Section Hover */ /* News Section Hover */ /* Homepage Newsfeed CSS Changes */ /* News Section new changes */ /* new product changes */ /* Youtube Video Icon alignment change .fancybox-iframe .ytp-chrome-top-buttons{ position: absolute; top: -5px !important; right: 20px !important; } .fancybox-iframe .ytp-share-panel-close{ position: absolute; top: 20px !important; right: 25px !important; } */ } .cms-home .banner-content-left { position: absolute; left: 256px; min-width: 22%; max-width: 26%; top: 100px; bottom: 0; } .cms-home .banner-content-left div { width: 100%; display: inline-block; } .cms-home .banner-content-left .bannerNewTimer { margin-bottom: 40px; } .cms-home .banner-content-left .bannerNewTimer > p { margin-bottom: 5px; } .cms-home .banner-content-left .bannerNewTimer > p.expired { display: inline-block; padding: 15px 20px 16px 20px; background: rgba(9, 9, 9, 0.4); color: rgb(255,255,255); border: 1px solid rgba(136, 136, 136, 0.4); } .cms-home .banner-content-left .bannerNewTimer section .rushBuyTimer { margin-right: 10px; background: #000000; } .cms-home .banner-content-left .bannerNewTimer section .rushBuyTimer:last-child { margin-right: 0px; } .cms-home .banner-content-left .bannerNewTimer section .rushBuyTimer p { color: rgb(255,255,255); } .cms-home .banner-content-left .mainbannerContent { display: table; height: 100%; } .cms-home .banner-content-left .submainbannerContent { display: table-cell; vertical-align: middle; } .cms-home .banner_img { width: 100%; height: 100%; } .cms-home .banner-content-right { position: absolute; right: 254px; min-width: 22%; max-width: 26%; top: 100px; bottom: 0; } .cms-home .banner-content-right div { width: 100%; display: inline-block; } .cms-home .banner-content-right .bannerNewTimer { margin-bottom: 40px; } .cms-home .banner-content-right .bannerNewTimer > p { margin-bottom: 5px; } .cms-home .banner-content-right .bannerNewTimer > p.expired { display: inline-block; padding: 15px 20px 16px 20px; background: rgba(9, 9, 9, 0.4); color: rgb(255,255,255); border: 1px solid rgba(136, 136, 136, 0.4); } .cms-home .banner-content-right .bannerNewTimer section .rushBuyTimer { margin-right: 10px; background: #000000; } .cms-home .banner-content-right .bannerNewTimer section .rushBuyTimer:last-child { margin-right: 0px; } .cms-home .banner-content-right .bannerNewTimer section .rushBuyTimer p { color: rgb(255,255,255); } .cms-home .banner-content-right .mainbannerContent { display: table; height: 100%; } .cms-home .banner-content-right .submainbannerContent { display: table-cell; vertical-align: middle; } .cms-home .banner-heading { margin: 0px 0px 10px 0px; color: #F5D62D; } .cms-home .banner-title { margin: 0px 0px 10px 0px; } .cms-home .banner-desc { margin: 0px 0px 60px 0px; color: #DFDFDF; } .cms-home .banner-price { margin: 0px 0px 20px 0px; color: rgb(255,255,255); } .cms-home .banner-btn { background-color: rgb(255,255,255); } .cms-home .dark-coloured-text .banner-heading { color: #C71755; } .cms-home .dark-coloured-text .banner-title { color: rgb(33,33,33); } .cms-home .dark-coloured-text .banner-desc { margin: 0px 0px 60px 0px; color: rgb(33,33,33); } .cms-home .dark-coloured-text .banner-price { color: rgb(33,33,33); } .cms-home .dark-coloured-text #booknow { background-color: #3D3D3D; padding: 10px 10px 9px 10px; } .cms-home .dark-coloured-text .sale-text { margin-bottom: 15px; color: rgb(33,33,33); font-weight: 200; } .cms-home .dark-coloured-text .sale-text span { color: #C71755; font-weight: 400; } .cms-home .dark-coloured-text .bannerNewTimer > p { color: rgb(33,33,33); font-weight: 200; } .cms-home .dark-coloured-text .bannerNewTimer > p span { color: #C71755; font-weight: 400; } .cms-home .light-coloured-text .sale-text { margin-bottom: 15px; color: rgb(255,255,255); font-weight: 200; } .cms-home .light-coloured-text .sale-text span { color: #ffff41; font-weight: 400; } .cms-home .light-coloured-text .bannerNewTimer > p { color: rgb(255,255,255); font-weight: 200; } .cms-home .light-coloured-text .bannerNewTimer > p span { color: #ffff41; font-weight: 400; } .cms-home .mdl-button--primary .mdl-button--primary { baground-color: rgb(255,255,255); min-width: 150px; } .cms-home .pos-right { float: right; } .cms-home .pos-left { float: left; } .cms-home .saleTextCirle { position: absolute; top: 49.5%; color: white; text-align: center; display: flex; left: 43%; text-transform: uppercase; } .cms-home .saleTextCirle p { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png); background-repeat: no-repeat; } .cms-home .saleTextCirle .salesCircleText { background-position: -5px -143px; width: 149px; height: 156px; } .cms-home .salesBannerTxt { width: 112px; position: absolute; left: 11%; } .cms-home .salesBannerTxt span { color: #F5D62D; } .cms-home .bannerClick { text-decoration: none; } .cms-home .salesCircleText { width: 100px; } .cms-home .positn-left { float: left; } .cms-home .newStoreSection_fourColmn { margin: 0px auto 0px auto; } .cms-home .newStoreSection_twoColmn { margin: 0px auto 0px auto; } .cms-home .newStoreSection_threeColmn { margin: 0px auto 0px auto; } .cms-home .newStoreHeading { text-align: center; } .cms-home .newStoreHeading .heading { margin: 0px 0px 0px 0px; } .cms-home .newStoreHeading .description { margin: 0px 0px 30px 0px; } .cms-home .heroProdOne, .cms-home .heroMultiProd { margin: 0px 5px 0px 0px; } .cms-home .heromultiImgMar { margin: 0px 0px 5px 0px; } .cms-home .heromultiHover:hover { background-color: gray; } .cms-home .heroMultiProd .heromultiHover { margin-top: 6px; } .cms-home #heromultiImg { margin: 0px 0px 5px 0px; } .cms-home .smartPhoneContent { width: 24.7%; margin: 0px 0px 0px 0px; position: relative; display: inline-block; } .cms-home .smartPhoneContent { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .cms-home .accessoryBrandContent { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .cms-home .smartPhoneContent:hover { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18); transform: translate3d(0, -2px, 0); } .cms-home .accessoryBrandContent:hover { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18); transform: translate3d(0, -2px, 0); } .cms-home a.smartPhoneImg img { margin: 0px auto 0px auto; width: 260px; height: 260px; /*-webkit-transition: 200ms; transition: 200ms; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);*/ } .cms-home a.smartPhoneImg img:hover { /*transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);*/ } .cms-home .smartPhoneContent:last-child { padding-right: 0px; } .cms-home .smartPhoneBg a.smartPhoneImg { text-decoration: none; } .cms-home .smartPhoneImg { text-decoration: none; } .cms-home p.smartphoneTitle, .cms-home p.smartphonetitle { text-align: center; margin: 10px 10px 5px 10px; } .cms-home p.smartphoneTitle a, .cms-home p.smartphonetitle a { text-align: center; } .cms-home p.smartphonePrice, .cms-home p.smartphoneprice { text-align: center; color: #02A1C9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cms-home .newSmartPhoneSection { max-height: 610px; margin: 0px auto 0px auto; text-align: center; } .cms-home .smartPhoneImg { width: 320px; } .cms-home .smartPhoneLink { text-decoration: none; } .cms-home .newSmartPhoneSection .heading { margin: 64px 0px 40px 0px; text-align: center; } .cms-home .smartphoneDesc { background-color: rgb(255,255,255); } .cms-home .smartPhoneBg { position: relative; } .cms-home .smartPhoneBg .giftimg-container, .cms-home .accessoryBrandContentBg .giftimg-container { bottom: 0; position: absolute; right: 30%; } .cms-home .smartPhoneBg .giftimg-container .giftimg, .cms-home .accessoryBrandContentBg .giftimg-container .giftimg { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png); background-position: -176px -193px; width: 57px; height: 65px; } .cms-home .rushBuy { position: relative; margin: 0px 0px 10px 0px; } .cms-home .rushBuyDesc { position: absolute; right: 75px; } .cms-home .rushBuyDesc { position: absolute; right: 75px; } .cms-home .rushBuyDesc.salesStart p.rushBuySaleon { margin: 0px 0px 0px 0px; } .cms-home .rushBuyTime { width: 54px; height: 60px; background-color: rgb(255,255,255); margin-right: 10px; } .cms-home .rushBuySale { color: #FFE993; } .cms-home .rushBuyTime p { text-align: center; margin: 0px 0px 0px 0px; } .cms-home .rushBuyNum { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; } .cms-home .rushBuyDescs { margin: 0px 0px 0px 0px; text-transform: uppercase; } .cms-home .rushBuyTime p { text-align: center; margin: 0px 0px 0px 0px; } .cms-home .rushBuyTimer { width: 70px; height: 70px; } .cms-home .rushBuyTimer .rushBuyNum { height: 45px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .rushBuyTimer .rushBuyDescs { text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cms-home .rushBuyTimer p { text-align: center; margin: 0px 0px 0px 0px; } .cms-home .rushbuyRegist { clear: both; padding: 10px 0px 0px 0px; } .cms-home .rushBuyReg { text-decoration: none; text-transform: uppercase; } .cms-home .rushbuyImage { margin: 0px auto 0px auto; } .cms-home .accessoriesSection { margin: 0px auto 0px auto; } .cms-home .accessoriesSectionContent { display: inline-block; } .cms-home .accessoriesSection .heading { color: rgb(33,33,33); margin: 70px 0px 40px 0px; text-align: center; } .cms-home .accessoryBrandSection { margin: 0px 0px 80px 0px; text-align: center; } .cms-home .accessoryBrandContent { width: 24.7%; margin: 0px 0px 5px 0px; background: rgb(255,255,255); position: relative; display: inline-block; padding: 19px 0px 0px 0px; } .cms-home .accessoryBrandContent .accessoryBrandContentBg img { margin: 0px auto 0px auto; width: 260px; height: 260px; } .cms-home .accessoryBrandBg { background-color: rgb(255,255,255); } .cms-home .accessoryBrandImg { width: 320px; text-decoration: none; } .cms-home .accessoryBrandprice { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .cms-home .videoSection { margin: 0px 0px 52px 0px; position: relative; } .cms-home .videoContent { position: relative; width: 50%; float: left; } .cms-home .videoLayer:hover .bg { background: rgba(0, 0, 0, 0.7); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .cms-home .videoLayer:hover .ViewDetails { display: block; position: absolute; top: 59%; text-align: center; width: 100%; padding: 0px 0px 5px 0px; } .cms-home p.accessorybrandtitle { text-align: center; } .cms-home p.accessorybrandtitle, .cms-home p.accessorybrandprice, .cms-home p.accessorybrandTitle, .cms-home p.accessorybrandPrice { text-align: center; } .cms-home p.accessorybrandtitle, .cms-home p.accessorybrandTitle { margin: 10px 10px 5px 10px; } .cms-home p.accessorybrandprice, .cms-home p.accessorybrandPrice { color: #02A1C9; } .cms-home .mr5 { padding-right: 5px; } .cms-home .youtube_video { opacity: 0.9; filter: alpha(opacity=90); color: #FFFFFF; text-decoration: none; position: absolute; text-align: center; top: 35%; left: 0; right: 0; width: 100%; background-color: transparent; padding: 8px 8px 8px 8px; box-sizing: border-box; } .cms-home .youtube_video:before { content: "\f14d"; } .cms-home .youtube_video:hover { color: #0DB5D7; opacity: 0.8; transform: scale(1.05); transition: 0.3s; } .cms-home .socialMedia .mdl-button--icon { margin-right: 10px; padding: 0px 0px 0px 5px; height: 50px; width: 50px; min-width: 50px; } .cms-home .top-section { position: relative; color: white; top: 245px; text-align: center; } .cms-home .follow-us { margin: 0px 0px 30px 0px; } .cms-home .footer-followus { margin-left: 25px; } .cms-home .price-box { text-align: center; } .cms-home .heromultiImg, .cms-home .heroProdOne, .cms-home .heromultiHover, .cms-home .heroProdLast { width: 100%; height: 100%; position: relative; display: block; left: 0; top: 0; } .cms-home .heroProdOne, .cms-home .heroProdLast, .cms-home .heromultiHover, .cms-home .heromultiImg { width: auto; } .cms-home .heroProdLast { display: inline-block; } .cms-home .ViewDetails { display: none; } .cms-home .heromultiImg:hover .bg, .cms-home .heroProdOne:hover .bg, .cms-home .heroMultiProd .heromultiHover:hover .bg, .cms-home .heroProdLast:hover .bg, .cms-home .heroMultiProd .heromultiImg:hover .bg { background: rgba(0, 0, 0, 0.7); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .cms-home .heromultiImg:hover .ViewDetails { display: block; position: absolute; top: 30%; text-align: center; width: 100%; padding: 0px 0px 5px 0px; } .cms-home .heroProdOne:hover .ViewDetails { display: block; position: absolute; top: 40%; text-align: center; width: 100%; } .cms-home .heroMultiProd .heromultiHover:hover .ViewDetails { display: block; position: absolute; top: 25%; text-align: center; width: 100%; } .cms-home .heroProdLast:hover .ViewDetails { display: block; position: absolute; top: 40%; text-align: center; width: 100%; } .cms-home .heroMultiProd.heromultiImg:hover .ViewDetails { display: block; position: absolute; top: 25%; text-align: center; width: 100%; } .cms-home .fa-arrow-right { width: 30px; height: 30px; content: ">"; border: 1px solid gray; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ position: absolute; text-align: center; color: #000000; left: 13%; top: 92%; } .cms-home .fa-arrow-left { width: 30px; height: 30px; content: "<"; border: 1px solid gray; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ position: absolute; text-align: center; color: #000000; left: 17%; top: 92%; } .cms-home .arrow-right { content: "<"; color: gray; position: relative; top: 2px; left: 0; } .cms-home .arrow-left { content: ">"; color: gray; position: relative; top: 2px; left: 0; } .cms-home .CountVal { position: absolute; text-align: center; color: #A9A9A9; left: 15.3%; top: 92.6%; } .cms-home .mdl-card__actions { opacity: 0.9; filter: alpha(opacity=90); color: #FFFFFF; text-decoration: none; position: absolute; text-align: center; top: 35%; left: 0; right: 0; } .cms-home .mdl-card__actions:hover { color: #0DB5D7; opacity: 0.8; transform: scale(1.05); transition: 0.3s; } .cms-home .videoContentIcon { text-decoration: none; color: rgb(255,255,255); margin: 0 auto; position: static; display: inline-block; vertical-align: middle; } .cms-home .videoContentIconText { text-decoration: none; color: white; margin: 0px auto 0px auto; position: relative; display: block; vertical-align: middle; top: 15px; padding: 0px 20px 0px 20px; } .cms-home .carasoulContent { position: absolute; color: rgb(255,255,255); width: 63%; top: 30%; height: 49%; left: 18%; background: rgba(255, 255, 255, 0.8); padding: 40px 40px 40px 40px; } .cms-home .carasoulTitle { color: rgb(33,33,33); text-align: left; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; margin: 0px 0px 10px 0px; } .cms-home p.carasoulDesc { text-align: left; } .cms-home .Readmore { text-align: left; } .cms-home .Readmore a { text-transform: uppercase; text-decoration: none; } .cms-home .Readmore a:hover { color: #07B6E2; } .cms-home .Viewheading { margin: 0px 0px 5px 0px; } .cms-home .ViewDesc { margin: 0px 0px 30px 0px; } .cms-home .ViewLink { max-width: 120px; min-width: 40px; background: rgb(255,255,255); color: #000000; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; text-transform: uppercase; font-weight: bold; padding: 10px 10px 10px 10px; text-decoration: none; } .cms-home .accessoriesSectionContent:last-child { display: inline-block; } .cms-home .accessoriesSectionContent .Viewheading { text-transform: uppercase; margin: 0px 100px 5px 100px; text-align: center; } .cms-home .accessoriesSectionContent .ViewDesc { margin: 0px 100px 35px 100px; text-align: center; } .cms-home .accessoriesSectionContent .ViewLink { max-width: 200px; min-width: 40px; padding: 10px 10px 10px 10px; background: rgb(255,255,255); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; text-transform: uppercase; font-weight: bold; } .cms-home .accessoriesSectionContent { width: auto; height: 100%; position: relative; display: inline-block; left: 0; top: 0; } .cms-home .accessoriesSectionContent:hover .bg { background: rgba(0, 0, 0, 0.7); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .cms-home .currentView { background: #18bae3; opacity: 0.9; filter: alpha(opacity=90); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .cms-home .accessoriesSectionContent:hover .ViewDetails { display: block; position: absolute; top: 110px; text-align: center; width: 100%; padding: 0px 0px 5px 0px; } .cms-home .accessoriesSection .heading a { text-decoration: none; } .cms-home .salesCircleImg { width: 46px; height: 44px; background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png") 0 0; } .cms-home .banner-outer-container .slick-prev, .cms-home .banner-outer-container .slick-next { cursor: pointer; } .cms-home .banner-outer-container .slick-prev:hover, .cms-home .banner-outer-container .slick-next:hover { color: #01B4E1; } .cms-home .banner-outer-container .slick-prev { left: 83%; position: absolute; } .cms-home .accessoryBrandSection .accessoryBrandContent .offer { background: #000000; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .accessoryBrandSection .accessoryBrandContent .coming-soon { background: red; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .accessoryBrandSection .accessoryBrandContent .new { background: red; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .smartPhoneContent { background-color: rgb(255,255,255); padding: 19px 0px 0px 0px; } .cms-home .smartphoneWrapper { max-width: 100%; min-height: 402px; } .cms-home .smartPhoneContent .new { background: red; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .smartPhoneContent .offer { background: #000000; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .smartPhoneContent .coming-soon { background: red; color: rgb(255,255,255); text-align: center; position: absolute; right: 0px; top: 0px; padding: 4px 15px 4px 15px; margin: 0px 10px 0px 0px; z-index: 1; height: 24px; } .cms-home .icon-honor2-arrow1l { background: none; border: none; position: absolute; left: 100px; color: rgb(255,255,255); } .cms-home .icon-honor2-arrow1 { background: none; border: none; position: absolute; right: 9.4%; color: rgb(255,255,255); } .cms-home .Carosoul-Icons { clear: both; display: block; position: relative; bottom: 70px; left: 158px; } .cms-home .circleBorder { width: 30px; height: 30px; border: 1px solid rgba(169, 169, 169, 0.9); border-radius: 15px; position: absolute; text-align: center; color: #A9A9A9; left: 100px; top: 92%; background: none; padding-left: 5px; cursor: pointer; background: rgba(0, 0, 0, 0.07); } .cms-home .circleBorderRight { width: 30px; height: 30px; border: 1px solid rgba(169, 169, 169, 0.9); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ position: absolute; text-align: center; color: #A9A9A9; left: 180px; top: 92%; background: none; padding-left: 9px; cursor: pointer; background: rgba(0, 0, 0, 0.07); } .cms-home .bannerCount { margin: 0px 0px 0px 0px; position: absolute; left: 145px; top: 4px; color: #A9A9A9; } .cms-home #booknow { background: rgb(255,255,255); color: #000000; padding: 10px 10px 9px 10px; text-align: center; min-width: 40px; height: auto; margin-left: 2px; max-width: 300px; } .cms-home .main-banner-carasoul .mdl-button { height: auto; } .cms-home .price-box .special-price .price { color: #02A1C9; } .cms-home .price-box .regular-price .price { color: #02A1C9; } .cms-home .price-box p { margin: 0px 0px 0px 0px; } .cms-home .price-box { margin: 10px 10px 10px 10px; } .cms-home .newsBgSection { color: rgb(33,33,33); } .cms-home .mdl-button:hover { color: #F6F6F6; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .cms-home .mdl-button:hover i { color: #01B4E1; } .cms-home .videoContent .Viewheading { text-align: center; } .cms-home .moreIcon { vertical-align: middle; } .cms-home .mainContentWrapper { margin: 0px auto 0px auto; width: 1600px; } .cms-home .home-video-fancybox-close { position: absolute; top: 2px; right: 20px; cursor: pointer; z-index: 8040; color: rgba(255, 255, 255, 0.5); } .cms-home .home-video-close-btn { width: 100%; height: 25px; position: absolute; background: #000000; top: -20px; right: 0px; } .cms-home .home-video-close-btn.mobile-nav { top: -5px; position: absolute; right: -5px; background: #555; border-radius: 50%; width: 20px; height: 20px; text-align: center; } .cms-home .cms-home a.home-video-fancybox-close { color: #fff; } .cms-home .newsBgSection .newsImg { text-decoration: none; cursor: default; } .cms-home .accessoriesBrandWrapper { max-width: 100%; min-height: 402px; padding: 10px 0px 35px 0px; } .cms-home .banner-heading, .cms-home .banner-title, .cms-home .banner-desc, .cms-home .banner-price, .cms-home #booknow, .cms-home .sale-text { opacity: 0; } .cms-home .carasoulTitle, .cms-home .carasoulDesc, .cms-home .Readmore { opacity: 0; } @-webkit-keyframes bannerFadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bannerFadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .cms-home .bannerFadeInRightBig { -webkit-animation-name: bannerFadeInRightBig; animation-name: bannerFadeInRightBig; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes textFadeInBottomBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes textFadeInBottomBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .cms-home .textFadeInBottomBig { -webkit-animation-name: textFadeInBottomBig; animation-name: textFadeInBottomBig; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes textFadeInBottomBigtest { 0% { opacity: 0.4; } 100% { opacity: 0.6; } } @keyframes textFadeInBottomBigtest { 0% { opacity: 0.4; } 100% { opacity: 0.6; } } .cms-home .textFadeInBottomBigtest { -webkit-animation-name: textFadeInBottomBigtest; animation-name: textFadeInBottomBigtest; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .cms-home .newsBgSection:hover { filter: alpha(opacity=90); opacity: 0.9; } @keyframes bgColorChange { 0% { background-color: transparent; } 100% { background-color: rgba(0, 0, 0, 0.7); } } .cms-home .heroProdOne:hover .bg, .cms-home .heromultiImg:hover .bg, .cms-home .heroMultiProd .heromultiHover:hover .bg, .cms-home .heroProdLast:hover .bg, .cms-home .accessoriesSectionContent:hover .bg, .cms-home .videoLayer:hover .bg { animation-name: bgColorChange; -webkit-animation-duration: .3s; animation-duration: .3s; } .cms-home .heroProdOne .Viewheading { margin: 0px 100px 5px 100px; } .cms-home .heroProdOne .ViewDesc { margin: 0px 50px 30px 50px; } .cms-home .heroProdLast .Viewheading { margin: 0px 100px 5px 100px; } .cms-home .heroProdLast .ViewDesc { margin: 0px 50px 30px 50px; } .cms-home .heroMultiProd .heromultiImg .Viewheading { margin: 0px 100px 0px 100px; } .cms-home .heroMultiProd .heromultiImg .ViewDesc { margin: 0px 30px 20px 30px; } .cms-home .heroMultiProd .heromultiHover .Viewheading { margin: 0px 100px 0px 100px; } .cms-home .heroMultiProd .heromultiHover .ViewDesc { margin: 0px 30px 20px 30px; } .cms-home .newsBgSection { color: rgb(33,33,33); display: inline-block; width: 100%; float: none; } .cms-home .category-section-3 { margin-bottom: 70px; clear: both; } .cms-home .carasoul-item { width: 100%; } .cms-home .newsHoverSection { width: 100%; float: none; display: inline-block; } .cms-home .main-banner-carasoul .slick-prev { left: 95.8%; position: absolute; top: -400px; background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/arrow.png); background-repeat: no-repeat; background-position: -35px -4px; width: 50px; height: 60px; background-color: initial; border: none; } .cms-home .main-banner-carasoul .slick-next { right: 30px; position: absolute; top: -400px; left: 30px; background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/arrow.png); background-repeat: no-repeat; background-position: 10px -4px; width: 50px; height: 60px; background-color: initial; border: none; } .cms-home .news-banner-container .slick-prev { left: 83%; background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/arrow.png); background-repeat: no-repeat; background-position: -35px -4px; width: 50px; height: 60px; background-color: initial; border: none; } .cms-home .news-banner-container .slick-next { left: 95px; background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/arrow.png); background-repeat: no-repeat; background-position: 10px -4px; width: 50px; height: 60px; background-color: initial; border: none; position: absolute; } .cms-home .bannerCursor { cursor: pointer; } .cms-home .NewsWrapper.all_videos { width: 100%; } .cms-home .all_videos .videoWrapper { width: 100%; } .cms-home .videoWrapper { width: 50%; } .cms-home .NewsWrapper.all_videos .videoContent { width: 25%; } .cms-home .NewsWrapper.all_news { width: 100%; } .cms-home .all_news .carasoul-item { width: 50%; float: left; } .cms-home .mainNewsWrapper { width: 100%; height: auto; overflow: hidden; font-size: 0px; vertical-align: top; position: relative; } .cms-home .mainNewsWrapper img { max-width: 100%; width: 100%; } .cms-home .NewsWrapper { width: 50%; float: none; vertical-align: top; display: inline-block; position: relative; } .cms-home .videoWrapper { width: 50%; float: none; display: inline-block; vertical-align: top; } .cms-home .videoWrapper .videoContent img { max-width: 100%; width: 100%; } .cms-home .socialWrapper { width: 28.4%; float: right; display: inline-block; background: #000000; } .cms-home .newaccessoryElem { float: left; } .cms-home .newCategory { float: right; width: 50%; overflow: hidden; clear: both; } .cms-home .newCategory .accessoryBrandContent { width: 49.7%; } .cms-home .smartPhoneContentSection { min-height: 75px; position: absolute; left: 0; right: 0; } .cms-home .accessoriesContentSection { min-height: 75px; position: absolute; left: 0; right: 0; } .cms-home .accessoryBrandContentBg { position: relative; top: 20px; } .cms-home .smartPhoneContent.smartPhoneThreeProd { width: 33%; } .cms-home .accessoryBrandContent.accessoryThreeProd { width: 33%; } .cms-home .banner-outer-container.main-banner-carasoul { margin: 97px 0px 50px 0px; } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots { background: transparent; bottom: 0px; display: inline-block; position: static; } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots li { color: rgb(117,117,117); } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots li button { background: rgb(117,117,117); opacity: 0.8; color: transparent; } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots li.slick-active { color: #0DB5D7; } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots li.slick-active button { background: #0DB5D7; } .cms-home .singleVideoElemt { width: 100%; } .cms-home .center-align-banner { /*position: absolute;*/ position: relative; left: 0px; right: 0px; bottom: 0px; text-align: center; background-color: #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); } .cms-home .mainBannerContent { display: table; height: 100%; } .cms-home .subBannerContent { display: table-cell; vertical-align: middle; } .cms-home .videoImgWrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .cms-home .videoImgSubWrapper { display: table; text-align: center; width: 100%; vertical-align: middle; height: 100%; } .cms-home .videoImgSubWrapperContent { display: table-cell; vertical-align: middle; } .cms-home .NewsImgWrapper { /*position: absolute;*/ position: static; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .cms-home .NewsImgSubWrapper { display: table; text-align: center; width: 100%; vertical-align: middle; height: 100%; } .cms-home .NewsImgSubWrapperContent { display: table-cell; vertical-align: middle; } .cms-home .messages { margin-bottom: 10px; width: 100%; padding: 0 30px; display: inline-block; position: absolute; top: 111px; z-index: 1; } @media screen and (max-width: 1150px) { .cms-home .banner-outer-container.main-banner-carasoul { margin: 97px 0px 50px 0px; } .cms-home .mainContentWrapper { width: 100%; } .cms-home .banner-outer-container { position: relative; } .cms-home .banner-outer-container .banner_img { width: 100%; height: 100%; } .cms-home .banner-outer-container .Carosoul-Icons { left: 0; bottom: 40px; } .cms-home .mainContentWrapper { width: 100%; } .cms-home .mainContentWrapper .newSmartPhoneSection .smartPhoneContent { width: 24.5%; } .cms-home .mainContentWrapper .newSmartPhoneSection .smartPhoneContent.smartPhoneThreeProd { width: 33%; } .cms-home .mainContentWrapper .accessoriesSection .accessoriesSectionContent { width: 49.5%; } .cms-home .mainContentWrapper .videoSection #videoContent { width: 24.5%; } .cms-home .mainContentWrapper .accessoryBrandContent.accessoryThreeProd { width: 33%; } .cms-home .rushBuyDesc { right: 45px; } .cms-home .rushBuyDesc .rushBuySaleon { margin: 0px 0px 10px 0px; } .cms-home .rushBuyDesc .rushBuyTime { width: 45px; height: 45px; } .cms-home .rushBuyDesc .rushBuyNum { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } } @media screen and (max-width: 1600px) { .cms-home { /* New Store Product category */ } .cms-home .banner-outer-container.main-banner-carasoul { margin: 0px 0px 70px 0px; } .cms-home .banner-outer-container { position: relative; overflow: hidden; } .cms-home .mainContentWrapper { margin: 0px auto 0px auto; width: 1226px; padding: 0px 20px 0px 20px; } .cms-home .banner_img { width: 100%; height: 100%; } .cms-home .rushbuyImage { max-width: 100%; max-height: 205px; } .cms-home .rushBuyDesc { position: absolute; right: 50px; top: 25px; } .cms-home .rushBuyDesc.salesStart { top: 30px; } .cms-home .accessoriesBrandWrapper { position: relative; min-height: 392px; } .cms-home .main-container-block { width: 100%; } .cms-home .smartphoneWrapper { max-width: 100%; min-height: 392px; } .cms-home .newSmartPhoneSection { width: 100%; } .cms-home .newSmartHeading { text-align: center; } .cms-home .accessoriesSection { width: 100%; } .cms-home .accessoriesHeading { text-align: center; } .cms-home .accessoriesHeading .heading { color: rgb(33,33,33); } .cms-home .accessoriesSectionContent { width: 49.8%; } .cms-home .accessoriesSectionContent { display: inline-block; } .cms-home .accessoriesSectionContent .Viewheading { color: rgb(255,255,255); text-transform: uppercase; margin: 0px 50px 5px 50px; } .cms-home .accessoriesSectionContent .ViewDesc { margin: 0px 20px 35px 20px; } .cms-home .accessoriesSectionContent .ViewLink { width: 120px; height: 40px; background: rgb(255,255,255); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; text-transform: uppercase; font-weight: bold; } .cms-home .accessoriesResponsive { display: inline-block; } .cms-home .accessoriesImg img { width: 100%; } .cms-home .accessoryBrandtitle { text-align: center; } .cms-home .videoSection { width: 100%; } .cms-home .mr5 { padding-right: 5px !important; } .cms-home .videoContent:last-child { float: right; } .cms-home .accessoryBrandSection { width: 100%; } .cms-home .accessoryBrandContent { width: 24.6%; padding: 0px 0px 0px 0px; } .cms-home .videoImg img { width: 100%; } .cms-home .videoContent img { max-width: 100%; } .cms-home .videoWrapper .videoContent img.VideoImgElemt { width: auto; max-width: inherit; margin: 0 auto; display: inline-block; } .cms-home .mainNewsWrapper .videoContent img.VideoImgElemt { width: auto; max-width: inherit; margin: 0 auto; display: inline-block; } .cms-home .videoContent .Viewheading { text-align: center; } .cms-home .banner-outer-container { width: 100%; } .cms-home .top-section { position: relative; color: white; top: 200px; text-align: center; } .cms-home .newsImg img { width: 100%; } .cms-home #videoContent { padding-left: 5px; text-align: left; } .cms-home .accessoryBrandContent .accessoryBrandtitle { text-align: center; color: rgb(33,33,33); } .cms-home .carasoul-item .icon-honor2-arrow1l { background: none; border: none; position: absolute; left: 80px; color: rgb(255,255,255); } .cms-home .carasoul-item .icon-honor2-arrow1 { background: none; border: none; position: absolute; color: rgb(255,255,255); } .cms-home .carasoul-item .carasoulContent { position: absolute; color: #FFFFFF; width: 60%; top: 31%; left: 20%; } .cms-home .Carosoul-Icons { left: -38px; bottom: 63px; } .cms-home .circleBorderRight { top: 88%; } .cms-home .circleBorder { top: 88%; } .cms-home .banner-outer-container { position: relative; } .cms-home .bannerCount { margin: 0px 0px 0px 0px; position: absolute; left: 145px; top: 0; color: #A9A9A9; } .cms-home .accessoryBrandContent img { max-width: 100%; } .cms-home .video-fancybox-close { position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 8040; color: #FFFFFF; } .cms-home .smartPhoneContent { width: 24.7%; padding: 0px 0px 0px 0px; } .cms-home a.smartPhoneImg img { max-width: 100%; } .cms-home .smartPhoneBg .giftimg-container, .cms-home .accessoryBrandContentBg .giftimg-container .giftimg { bottom: 0%; position: absolute; right: 24%; } .cms-home .smartphoneWrapper .smartPhoneBg .giftimg-container p, .cms-home .accessoriesBrandWrapper .accessoryBrandContentBg .giftimg-container p { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/sprite1.png) no-repeat; background-position: -176px -193px; width: 57px; height: 65px; } .cms-home .heromultiImg:hover .ViewDetails { width: 100%; } .cms-home .heroProdOne:hover .ViewDetails { width: 100%; } .cms-home .heroMultiProd .heromultiHover:hover .ViewDetails { width: 100%; } .cms-home .heroProdLast:hover .ViewDetails { width: 100%; } .cms-home .heroMultiProd .heromultiImg:hover .ViewDetails { width: 100%; } .cms-home .heroMultiProd .heromultiImg { margin: 0px 0px 5px 0px; } .cms-home .videoLayer:hover .ViewDetails { width: 100%; top: 63%; } .cms-home .accessoriesSectionContent:hover .ViewDetails { width: 100%; } .cms-home .videoContentIcon { left: 42%; } .cms-home .smartPhoneBg a.smartPhoneImg { top: 0; } .cms-home .saleTextCirle.image-left { left: 31.5%; top: 40%; } .cms-home .saleTextCirle.image-right { left: 42%; top: 48%; } .cms-home .heromultiImg { margin: 0px 0px 5px 0px; } .cms-home .bannerCount { margin: 4px 0px 0px 0px; } .cms-home #videoContent { width: 25%; position: relative; display: inline-block; text-align: left; padding-left: 0px; } .cms-home .newStoreSection_fourColmn { width: 100%; } .cms-home .newStoreSection_fourColmn .heroProdOne, .cms-home .newStoreSection_fourColmn .heroMultiProd, .cms-home .newStoreSection_fourColmn .heroProdLast { width: 33%; } .cms-home .newStoreSection_fourColmn .heroProdLast { display: inline-block; } .cms-home .newStoreSection_fourColmn .responsiveImg { width: 100%; } .cms-home .newStoreSection_fourColmn .heroMultiProd #baseHeroImg3 { width: 100%; } .cms-home .newStoreSection_fourColmn .heroProdOne, .cms-home .newStoreSection_fourColmn .heroMultiProd { margin-right: 4px; } .cms-home .newStoreSection_fourColmn .heroMultiProd .heromultiImg { margin: 0px 0px 5px 0px; } .cms-home .newStoreSection_twoColmn { width: 100%; } .cms-home .newStoreSection_twoColmn .heroProdOne, .cms-home .newStoreSection_twoColmn .heroProdLast { width: 49%; } .cms-home .newStoreSection_twoColmn .responsiveImg { width: 100%; } .cms-home .newStoreSection_twoColmn .heroProdLast { display: inline-block; } .cms-home .newStoreSection_threeColmn { width: 100%; } .cms-home .newStoreSection_threeColmn .heroProdOne, .cms-home .newStoreSection_threeColmn .heroProdLast { width: 32.9%; } .cms-home .newStoreSection_threeColmn .responsiveImg { width: 100%; } .cms-home .newStoreSection_threeColmn .heroProdLast { display: inline-block; } .cms-home .heroProdOne .Viewheading { margin: 0px 50px 0px 50px; } .cms-home .heroProdOne .ViewDesc { margin: 0px 20px 20px 20px; } .cms-home .heroProdLast .Viewheading { margin: 0px 50px 0px 50px; } .cms-home .heroProdLast .ViewDesc { margin: 0px 20px 20px 20px; } .cms-home .heroMultiProd .heromultiImg .Viewheading { margin: 0px 50px 0px 50px; } .cms-home .heroMultiProd .heromultiImg .ViewDesc { margin: 0px 20px 20px 20px; } .cms-home .heroMultiProd .heromultiHover .Viewheading { margin: 0px 50px 0px 50px; } .cms-home .heroMultiProd .heromultiHover .ViewDesc { margin: 0px 20px 20px 20px; } .cms-home .newsBgSection { color: rgb(33,33,33); } .cms-home .carasoul-item .slick-track { opacity: 1.6; background-color: #000000; } } @media screen and (max-width: 960px) { .cms-home { /*.heroMultiProd .heromultiImg .ViewDesc{ line-height: 1.3; } .heroMultiProd .heromultiHover .ViewDesc{ line-height: 1.3; }*/ } .cms-home .banner-outer-container.main-banner-carasoul { margin: 0px 0px 80px 0px; } .cms-home .banner-outer-container { position: relative; } .cms-home .banner-outer-container .banner_img { width: 100%; height: 100%; } .cms-home .banner-outer-container .Carosoul-Icons { left: 0; bottom: 40px; } .cms-home .mainContentWrapper { width: 100%; } .cms-home .mainContentWrapper .newSmartPhoneSection .smartPhoneContent { width: 24.5%; } .cms-home .mainContentWrapper .accessoriesSection .accessoriesSectionContent { width: 49.5%; } .cms-home .mainContentWrapper .videoSection #videoContent { width: 24.5%; } .cms-home .mainContentWrapper .videoSection .videoContent .videoContentIcon { top: 38%; } .cms-home .mainContentWrapper .videoSection .videoLayer:hover .ViewDetails { top: 62%; } .cms-home .newStoreSection_threeColmn .heroProdOne, .cms-home .cms-home .newStoreSection_threeColmn .heroProdLast { width: 32.9%; } .cms-home .top-section { top: 100px; } .cms-home .accessoriesSectionContent:hover .ViewDetails { top: 50px; } .cms-home heroMultiProd .heromultiImg:hover .ViewDetails { top: 15%; } .cms-home .heroMultiProd .heromultiHover:hover .ViewDetails { top: 15%; } .cms-home .ViewLink { padding: 8px 12px 8px 12px; } .cms-home .rushBuySaleon { margin: 0px 0px 10px 0px; } .cms-home .rushBuyTime { width: 54px; height: 50px; } .cms-home .rushBuyNum { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } } @media screen and (max-width: 1280px) { .cms-home { /*.heroMultiProd .heromultiImg .ViewDesc{ line-height: 1.3; } .heroMultiProd .heromultiHover .ViewDesc{ line-height: 1.3; }*/ } .cms-home .banner-content-left { left: 60px; min-width: 22%; max-width: 34%; } .cms-home .banner-content-right { right: 40px; width: 32%; } .cms-home .mainContentWrapper { width: 100%; } .cms-home .accessoriesSectionContent:hover .ViewDetails { top: 50px; } .cms-home .top-section { top: 100px; } .cms-home .carasoulDesc { margin: 0px 0px 20px 0px; } .cms-home .carasoulTitle { margin: 0px 0px 0px 0px; } .cms-home .smartphoneWrapper { min-height: 382px; } .cms-home .accessoriesBrandWrapper { min-height: 382px; } .cms-home .rushBuyTimer { width: 60px; height: 70px; } } @media screen and (max-width: 1920px) { .cms-home .banner-outer-container.main-banner-carasoul { margin: 97px 0px 50px 0px; } .cms-home .banner-outer-container { position: relative; overflow: hidden; } .cms-home .main-container-block { margin: 0px auto 0px auto; } .cms-home .banner-content-left { position: absolute; } .cms-home .banner_img { width: 100%; height: 100%; } .cms-home .banner-content-right { position: absolute; } .cms-home .heroMultiProd .heromultiImg { margin: 0px 0px 5px 0px; } .cms-home .rushBuyDesc { position: absolute; right: 75px; top: 25px; } .cms-home .rushBuyDesc.salesStart .rushbuyRegist { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cms-home .rushBuyDesc.salesStart { top: 30px; } .cms-home .accessoryBrandContent .accessoryBrandtitle { text-align: center; color: rgb(33,33,33); margin: 10px 0px 5px 0px; } .cms-home .videoContent:last-child { float: right; } .cms-home #videoContent { position: relative; text-align: left; } .cms-home .accessoriesSectionContent { display: inline-block; } .cms-home .smartphoneWrapper { padding: 20px 0px 45px 0px; } } @media screen and (max-width: 1200px) { a.smartPhoneImg img { margin: 20px 0px 0px 0px; } .smartphoneWrapper { min-height: 372px; } .accessoriesBrandWrapper { min-height: 372px; } } @media screen and (max-width: 1000px) { a.smartPhoneImg img { margin: 30px 0px 0px 0px; } .smartphoneWrapper { min-height: 362px; } .accessoriesBrandWrapper { min-height: 362px; } } @media screen and (max-width: 960px) { a.smartPhoneImg img { margin: 30px 0px 0px 0px; } .smartphoneWrapper { min-height: 352px; } .accessoriesBrandWrapper { min-height: 352px; } } /* Font Size for Banner Content */ @media screen and (max-width: 1850px) { .cms-home .banner-outer-container .banner-content-left { left: 225px; min-width: 12%; max-width: 24%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.5rem; } .cms-home .banner-outer-container .banner-content-right { right: 290px; min-width: 12%; max-width: 24%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.5rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { margin: 0px 0px 30px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { margin: 0px 0px 50px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { margin: 0px 0px 20px 0px; } .cms-home .banner-heading { margin: 0px 0px 10px 0px; } .cms-home .banner-title { margin: 0px 0px 30px 0px; } .cms-home .banner-desc { margin: 0px 0px 50px 0px; } .cms-home .banner-price { margin: 0px 0px 20px 0px; } .cms-home .Carosoul-Icons { left: 125px; } .cms-home .carasoulContent { width: 60%; } .cms-home .carasoulTitle { width: 100%; } } @media screen and (max-width: 1700px) { .cms-home .banner-outer-container .banner-content-left { left: 200px; min-width: 12%; max-width: 23%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .banner-content-right { right: 270px; min-width: 12%; max-width: 23%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { margin: 0px 0px 20px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { margin: 0px 0px 20px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { margin: 0px 0px 40px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { margin: 0px 0px 20px 0px; } .cms-home .banner-heading { margin: 0px 0px 20px 0px; } .cms-home .banner-title { margin: 0px 0px 20px 0px; } .cms-home .banner-desc { margin: 0px 0px 40px 0px; } .cms-home .banner-price { margin: 0px 0px 20px 0px; } .cms-home .Carosoul-Icons { left: 100px; } .cms-home .carasoulContent { width: 60%; } .cms-home .carasoulTitle { width: 100%; } .cms-home .carasoul-item .icon-honor2-arrow1l { left: 80px; } } @media screen and (max-width: 1600px) { .cms-home .banner-outer-container .banner-content-left { left: 100px; min-width: 12%; max-width: 24%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .banner-content-right { right: 250px; min-width: 12%; max-width: 24%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { margin: 0px 0px 15px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { margin: 0px 0px 15px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { margin: 0px 0px 30px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { margin: 0px 0px 15px 0px; } .cms-home .banner-heading { margin: 0px 0px 15px 0px; } .cms-home .banner-title { margin: 0px 0px 15px 0px; } .cms-home .banner-desc { margin: 0px 0px 30px 0px; } .cms-home .banner-price { margin: 0px 0px 15px 0px; } .cms-home .banner-btn { margin: 0px 0px 10px 0px; } .cms-home .Carosoul-Icons { left: 0px; } .cms-home .carasoulContent { width: 60%; padding: 20px 30px 30px 30px; } .cms-home .carasoulContent p.carasoulDesc { margin: 0px 0px 10px 0px; } .cms-home .carasoulTitle { width: 100%; } .cms-home .news-banner-container .slick-next { left: 75px; } } @media screen and (max-width: 1400px) { .cms-home .banner-outer-container .banner-content-left { left: 100px; min-width: 12%; max-width: 24%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer { margin-bottom: 20px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer { width: 60px; height: 70px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyNum { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .banner-content-right { right: 220px; min-width: 12%; max-width: 25%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer { margin-bottom: 20px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer { width: 60px; height: 70px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyNum { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { margin: 0px 0px 10px 0px; } .cms-home .banner-heading { margin: 0px 0px 10px 0px; } .cms-home .banner-title { margin: 0px 0px 10px 0px; } .cms-home .banner-desc { margin: 0px 0px 10px 0px; } .cms-home .banner-price { margin: 0px 0px 10px 0px; } .cms-home .carasoulContent { width: 60%; padding: 10px 30px 30px 30px; } .cms-home .carasoulContent p.carasoulDesc { margin: 0px 0px 0px 0px; } .cms-home .carasoulTitle { width: 100%; } .cms-home .news-banner-container .slick-next { left: 60px; } } @media screen and (max-width: 1280px) { .cms-home .banner-outer-container .banner-content-left { left: 100px; min-width: 12%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer { width: 55px; height: 65px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 40px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.75rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.625rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .banner-content-right { right: 200px; min-width: 12%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer { width: 55px; height: 65px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 40px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.75rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.625rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #C71755; font-size: 1rem; margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: rgb(33,33,33); font-size: 2.5rem; margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 0.75rem; margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 1.25rem; margin: 0px 0px 10px 0px; } .cms-home .banner-outer-container .dark-coloured-text #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .cms-home .banner-outer-container .dark-coloured-text .bannerNewTimer > p span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #C71755; font-size: 0.875rem; } .cms-home .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #F5D62D; font-size: 1rem; margin: 0px 0px 10px 0px; } .cms-home .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #FFFFFF; font-size: 2.5rem; margin: 0px 0px 10px 0px; } .cms-home .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; margin: 0px 0px 10px 0px; } .cms-home .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.25rem; margin: 0px 0px 10px 0px; } .cms-home #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #3D3D3D; font-size: 0.75rem; } .cms-home .carasoulContent { width: 60%; padding: 10px 30px 10px 30px; } .cms-home .carasoulContent p.carasoulDesc { margin: 0px 0px 5px 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.7rem; } .cms-home .carasoulTitle { width: 100%; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.15rem; margin: 0px 0px 5px 0px; } .cms-home .carasoul-item .icon-honor2-arrow1l { left: 60px; } .cms-home .news-banner-container .slick-next { left: 50px; } .cms-home .Readmore a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #212121; font-size: 0.75rem; } } @media screen and (max-width: 1150px) { .cms-home .banner-outer-container .banner-content-left { left: 100px; min-width: 12%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer { width: 50px; height: 60px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 35px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.5rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5625rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .cms-home .banner-outer-container .banner-content-left .sale-text { margin-bottom: 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .banner-content-right { right: 170px; min-width: 12%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer { width: 50px; height: 60px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 35px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.5rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5625rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; } .cms-home .banner-outer-container .banner-content-right .sale-text { margin-bottom: 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #C71755; font-size: 0.875rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: rgb(33,33,33); font-size: 1.875rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 0.75rem; margin: 0px 0px 0px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 1.15rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .dark-coloured-text .bannerNewTimer > p span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #C71755; font-size: 0.75rem; } .cms-home .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #F5D62D; font-size: 0.875rem; margin: 0px 0px 5px 0px; } .cms-home .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #FFFFFF; font-size: 1.875rem; margin: 0px 0px 5px 0px; } .cms-home .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; margin: 0px 0px 5px 0px; } .cms-home .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1.15rem; margin: 0px 0px 5px 0px; } .cms-home #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #3D3D3D; font-size: 0.65rem; } .cms-home .rushBuyDesc { right: 45px; } .cms-home .carasoulContent { width: 60%; padding: 5px 30px 10px 30px; } .cms-home .carasoulContent p.carasoulDesc { margin: 0px 0px 2px 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.65rem; } .cms-home .carasoulTitle { width: 100%; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.15rem; } .cms-home .carasoul-item .icon-honor2-arrow1l { left: 50px; } .cms-home .carasoul-item .icon-honor2-arrow1 { right: 6.4%; } .cms-home .news-banner-container .slick-next { left: 40px; } .cms-home .rushBuyTimer { width: 50px; height: 70px; } .cms-home .Readmore a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #212121; font-size: 0.65rem; } } @media screen and (max-width: 960px) { .cms-home .banner-outer-container .banner-content-left { left: 100px; min-width: 10%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer { width: 45px; height: 55px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 30px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5rem; } .cms-home .banner-outer-container .banner-content-left .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .banner-content-left .sale-text { margin-bottom: 0px; } .cms-home .banner-outer-container .banner-content-right { right: 140px; min-width: 10%; max-width: 26%; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer { margin-bottom: 10px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer { width: 45px; height: 55px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyNum { height: 30px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer section .rushBuyTimer .rushBuyDescs { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5rem; } .cms-home .banner-outer-container .banner-content-right .bannerNewTimer > p.expired span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.65rem; } .cms-home .banner-outer-container .banner-content-right .sale-text { margin-bottom: 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #C71755; font-size: 0.75rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: rgb(33,33,33); font-size: 1.5rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 0.75rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: rgb(33,33,33); font-size: 1rem; margin: 0px 0px 5px 0px; } .cms-home .banner-outer-container .dark-coloured-text #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.5rem; } .cms-home .banner-outer-container .dark-coloured-text .bannerNewTimer > p span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #C71755; font-size: 0.75rem; } .cms-home .banner-heading { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #F5D62D; font-size: 0.75rem; margin: 0px 0px 5px 0px; } .cms-home .banner-title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 200; color: #FFFFFF; font-size: 1.5rem; margin: 0px 0px 5px 0px; } .cms-home .banner-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.75rem; margin: 0px 0px 5px 0px; } .cms-home .banner-price { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 1rem; margin: 0px 0px 5px 0px; } .cms-home #booknow { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #3D3D3D; font-size: 0.5rem; } .cms-home .carasoulContent { width: 60%; padding: 10px 30px 10px 30px; } .cms-home .carasoulContent p.carasoulDesc { margin: 0px 0px 2px 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.65rem; } .cms-home .carasoulTitle { width: 100%; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.15rem; } .cms-home .carasoul-item .icon-honor2-arrow1l { left: 30px; } .cms-home .carasoul-item .icon-honor2-arrow1 { right: 6.4%; } } /* IE 10+ CSS */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cms-home .main-banner-carasoul .slick-next, .cms-home .main-banner-carasoul .slick-prev, .cms-home .news-banner-container .slick-prev, .cms-home .news-banner-container .slick-next { background-color: transparent; } .cms-home .smartPhoneContent { width: 24.7%; } .cms-home .accessoryBrandContent { width: 24.7%; } } /* MAC MACHINE CSS MORE THAN 1920PX */ @media screen and (min-width: 1921px) { .cms-home .smartPhoneContent { width: 24.6%; } .cms-home .accessoryBrandContent { width: 24.6%; } } /* MAC MACHINE CSS MORE THAN 1920PX */ .cms-home .center-align-banner .slick-dots { margin-bottom: 0px; width: 100%; } .cms-home .center-align-banner .slick-dots li { height: 64px; width: 16%; background-color: #FFFFFF; text-align: center; font-size: 12px; border-left: 1px solid rgba(0, 0, 0, 0.12); display: inline-block; } .cms-home .center-align-banner .slick-dots li span.label { padding-top: 10px; padding-bottom: 5px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 500; color: #212121; font-size: 1rem; } .cms-home .center-align-banner .slick-dots li span { display: block; text-align: center; } .cms-home .center-align-banner .slick-dots li span.description { padding-bottom: 10px; color: #757575; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; font-size: 0.875rem; } .cms-home .center-align-banner .slick-dots li:last-child { border-right: 1px solid rgba(0, 0, 0, 0.12); } .cms-home .center-align-banner .slick-dots li.slick-active .label { color: #212121 !important; } .cms-home .center-align-banner .slick-dots li.slick-active .description { color: #fe6630; } .cms-home .banner-outer-container.main-banner-carasoul .slick-dots li.slick-active { border-bottom: 4px solid #0DB5D7; } .cms-page-view { /***************************store-locator-desktop-----------------*/ /***************************store-locator-desktop-End-----------------*/ /***************************sitemap-desktop-start-----------------*/ /***************************sitemap-desktop-End-----------------*/ } .cms-page-view .store-locator-page { width: 100% !important; padding: 10px 10px 10px 10px; } .cms-page-view .store-locator-page .page-title { margin: 8px 0 15px 4px !important; } .cms-page-view .store-locator-page .page-title .img-wraper { width: 100%; } .cms-page-view .store-locator-page .page-title .img-wraper .store-locator-img { width: 100%; height: 370px; } .cms-page-view .store-locator-page .store-locator-form { width: 100%; } .cms-page-view .store-locator-page .service-center-list { padding-top: 40px; } .cms-page-view .store-locator-page .service-center-list .service-center-name, .cms-page-view .store-locator-page .service-center-list .service-center-phone { color: rgb(33,33,33); font-weight: 500; } .cms-page-view .store-locator-page .service-center-list .service-center-add { padding-top: 10px; } .cms-page-view .store-locator-page .service-center-list .service-center-phone { padding-top: 15px; } .cms-page-view .store-locator-page .service-center-list .service-center-no { display: inline-block; float: left; } .cms-page-view .store-locator-page .service-center-list .circle { height: 20px; width: 20px; display: table-cell; text-align: center; vertical-align: middle; border-radius: 50%; background: rgb(209,8,22); color: rgb(255,255,255); } .cms-page-view .store-locator-page .service-center-list .add-box { position: relative; left: 15px; margin-left: 20px; } .cms-page-view .store-locator-page .service-center-list .red-msg { border: 1px solid #f0f0f0; padding: 40px 0 40px 0; text-align: center; } .cms-page-view .store-locator-page .service-center-list .icon-honor2-exclamation { margin-right: 8px; } .cms-page-view .store-locator-page .store-locator-container { width: 100%; clear: both; } .cms-page-view .store-locator-page .store-locator-container .mapContainer { width: 60% !important; float: right; height: 370px !important; } .cms-page-view .store-locator-page .store-locator-container .locator-box > .column-layout { width: 30%; margin-right: 36px; display: inline-block; vertical-align: top; margin-bottom: 60px; } .cms-page-view .store-locator-page .store-locator-container .droplocator { width: 40%; float: left; height: 370px; background: #f5f5f5; } .cms-page-view .store-locator-page .store-locator-container .droplocator .service-center-option { padding: 30px 30px 45px 30px; color: #212121; } .cms-page-view .store-locator-page .store-locator-container .droplocator .form-inline { padding: 0 30px 0 30px; } .cms-page-view .store-locator-page .store-locator-container .dropdown-content li { margin-left: 0px; } .cms-page-view .store-locator-page .store-locator-container .form-inline .form-group { margin-left: 0px; padding-bottom: 30px; } .cms-page-view .site-map .mdl-card-padding { padding: 0 !important; } .cms-page-view .site-map .st_payment .page-title { padding: 45px 30px 35px 30px !important; } .cms-page-view .site-map .st_payment .site-map-section { padding: 40px 30px 32px 30px; } .cms-page-view .site-map .st_payment .site-map-section .section-title .site-map-list-heading { color: rgb(33,33,33); font-weight: 500; padding-bottom: 15px; } .cms-page-view .site-map .st_payment .site-map-section .section-items-list { margin-bottom: 0 !important; } .cms-page-view .site-map .st_payment .site-map-section .section-items-list li { width: 24%; display: inline-block; margin-left: 0; } .cms-page-view .site-map .st_payment .site-map-section .section-items-list .site-map-links { text-decoration: none; margin: 0; cursor: pointer; display: inline-block; padding: 7px 0; vertical-align: top; } .cms-page-view .site-map .st_payment .site-map-section .section-items-list .site-map-links:hover { text-decoration: none; color: #0DB5D7; } .cms-page-view .site-map .st_payment .site-map-border { border-top: 1px solid #f0f0f0; height: 0; } .cms-page-view .site-map .st_payment .site-map-footer-content h2 { color: rgb(33,33,33); font-weight: 500; padding-bottom: 15px; } .cms-page-view .site-map .st_payment .site-map-footer-content .icon-honor2-filled-arrow-right:before { content: ""; } .cms-page-view .site-map .st_payment .site-map-footer-content ul li { width: 24%; display: inline-block; margin-left: 0; } .cms-page-view .site-map .st_payment .site-map-footer-content ul li a { color: rgb(117,117,117); text-decoration: none; font-weight: 400; font-size: 13px; margin: 0; cursor: pointer; display: inline-block; padding: 7px 0; vertical-align: top; } .cms-page-view .site-map .st_payment .site-map-footer-content ul li a:hover { text-decoration: none; color: #0DB5D7; } .cms-page-view.cms-about-contact-us .cont-main dropdown-content li > a, .cms-page-view.cms-about-contact-us .cont-main .dropdown-content li > span { padding: 8px 14px; } .cms-page-view.cms-about-contact-us .cont-main li { padding-left: 15px; } .cms-page-view .help-topics-dropdown { position: absolute; right: 15px; top: 35px; } .cms-page-view .col-left { width: 22%; } .cms-page-view .col-left #help-topics-title { cursor: pointer; } .cms-page-view .col-left .topics-dropdown { visibility: hidden; } .cms-page-view .clear-my-ac { clear: both; } .cms-page-view .list-heading { list-style: outside none !important; margin-left: 40px !important; } .cms-page-view .blue-bullet { list-style: outside none !important; min-height: 65px; background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/blue-bullet.png") no-repeat; padding-left: 20px; margin: 0px !important; padding-left: 40px; height: 100%; padding-bottom: 15px; } .cms-page-view .blue-bullet-dot { list-style: outside none !important; min-height: 65px; background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/blue-bullet-dot.png") no-repeat; padding-left: 20px; margin: 0px !important; padding-left: 40px; height: 100%; } .cms-page-view .manage-orgder-blue-bullet { min-height: 20px; } .cms-page-view .shipping-table { border: 0px !important; width: 100% !important; } .cms-page-view .shipping-country-th { width: 33.3% !important; } .cms-page-view .shipping-country-td { width: 33.3% !important; } .cms-page-view .shipping-table-th { padding: 20px 15px 20px 0px !important; text-align: left; width: 50%; word-break: break-all; word-wrap: break-word; } .cms-page-view .shipping-table-td { padding: 20px 15px 20px 0px !important; text-align: left; width: 50%; word-break: break-all; word-wrap: break-word; } .cms-page-view .table-border-bottom th, .cms-page-view .table-border-bottom td { border-bottom: 1px solid rgb(224,224,224) !important; } .cms-page-view .list-style-alpha { list-style: lower-alpha !important; } .cms-page-view .list-style-number { list-style: decimal !important; } .cms-page-view .sub-content, .cms-page-view .page-title, .cms-page-view .block-sub-title { margin: 0 0 0 0; } .cms-page-view .sub-content { color: rgb(0,0,0); } .cms-page-view .help-content { float: right; width: 78%; } .cms-page-view .help-content.help-home-page { width: 100%; } .cms-page-view .help-content.help-home-page .block { width: 33.33%; float: left; } .cms-page-view .help-content.help-home-page .block .content-heading { margin: 0 0 12px 0; } .cms-page-view .help-content.help-home-page .block .content-heading a { text-decoration: none; color: rgb(0,0,0); } .cms-page-view .help-content.help-home-page .block .content-heading a:hover { transition: 0.2s; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon { height: 22px; width: 27px; display: inline-block; /*background: url('https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/help-sprite.png') no-repeat;*/ margin-right: 15px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon1 { background-position: -1px -5px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon2 { background-position: -43px -5px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon3 { background-position: -89px -5px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon4 { background-position: -2px -47px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon5 { background-position: -48px -49px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon6 { background-position: -90px -45px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon7 { background-position: -2px -82px; position: relative; top: 4px; } .cms-page-view .help-content.help-home-page .block .content-heading .content-heading-icon8 { background-position: -46px -82px; } .cms-page-view .help-content.help-home-page .block .content-heading:hover { color: #0DB5D7; } .cms-page-view .help-content.help-home-page .block .listing li { list-style: none; } .cms-page-view .help-content .listing-home { margin: 0 0 0 42px; line-height: 30px; } .cms-page-view .help-content .listing li { margin: 0 0 0 0; list-style: disc inside; } .cms-page-view .help-content .listing li li { list-style: none; } .cms-page-view .help-content.help-policies .no-margin { margin: 0 0 0 0; } .cms-page-view .help-content.help-policies .listing li { list-style: disc outside; } .cms-page-view .help-content.help-policies .listing li li { list-style: disc inside; } .cms-page-view .help-content .page-title { margin: 4px 0 6px 0; } .cms-page-view .help-content .sub-content-left { float: left; width: 65%; padding: 0 30px 0 0; } .cms-page-view .help-content .sub-content-left .note { display: inline-block; margin: 15px 0 0 0; } .cms-page-view .help-content .sub-content-right { float: left; width: 35%; padding: 20px 20px 20px 30px; background-color: rgb(250,250,250); } .cms-page-view .help-content .sub-content-right .heading { color: rgb(0,0,0); margin: 0 0 10px 0; } .cms-page-view .help-content .sub-content-right a { padding: 2px 0px 2px 0px; text-decoration: none; display: block; color: rgb(117,117,117); } .cms-page-view .help-content .sub-content { margin: 0 0 23px 0; } .cms-page-view .help-content .block { padding: 27px 0 0 0; margin: 0 0 0 0; overflow: hidden; } .cms-page-view .help-content .block .block-title { float: left; width: 33%; } .cms-page-view .help-content .block .content { float: right; margin: 0 3px 0 0; width: 66%; } .cms-page-view .help-content .block .content a { text-decoration: none; } .cms-page-view .help-content .block .content a:hover { text-decoration: underline; transition: 0.3s; } .cms-page-view .help-content .block .content .listing li { list-style: outside disc; margin: 7px 5px 7px 15px; } .cms-page-view .help-content .block .content .content-heading { margin: 0 0 23px 0; color: rgb(0,0,0); } .cms-page-view .help-content .block .content .block-sub-title { color: rgb(0,0,0); } .cms-page-view .help-content .block .content .block { margin: 0 0 20px 0; } .cms-page-view .col1-layout .help-content .block-title { padding-top: 0 !important; color: rgb(33,33,33); font-weight: 500; padding-left: 0; } .cms-page-view .col1-layout .help-content .sub-content-right a { color: rgb(33,33,33) !important; } .cms-page-view .col1-layout .help-content .sub-content-right a:hover { color: #0DB5D7 !important; } .cms-page-view .col1-layout .help-content .sub-content-right .heading { color: rgb(33,33,33); font-weight: 500; } .cms-page-view .col1-layout .help-content .block-content span strong { padding-left: 49px; } .cms-page-view .col1-layout .help-content .block-content .block-customer-service { color: rgb(33,33,33); } .cms-page-view .col1-layout .help-content .block-contact { margin-bottom: 10px; } /******* Page Not Found Start *********/ body.cms-index-noroute .main-container { text-align: center; max-width: 1600px; padding-top: 0px !important; padding-bottom: 0px !important; } body.cms-index-noroute .main-container a { color: #1976d2; } body.cms-index-noroute .main-container img { display: inline; } body.cms-index-noroute .static-template-container { margin: 12% auto; } /******* Page Not Found End *********/ .cms-about-contact-us .mdl-textfield__input { outline: none; } .cms-about-contact-us .help-content { width: 100%; } /***********about-us-my***********/ .cms-page-view .col1-layout .my-about-us .about-us-banner { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/about-us-banner.jpg") no-repeat; height: 300px; background-size: 100%; } .cms-page-view .col1-layout .my-about-us .my-about-icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/home-sprite.png") no-repeat; } .cms-page-view .col1-layout .my-about-us .clearer { background-position: -6px -136px; display: inline-block; height: 85px; width: 76%; } .cms-page-view .col1-layout .my-about-us .faster { background-position: -8px -221px; display: inline-block; height: 85px; width: 76%; } .cms-page-view .col1-layout .my-about-us .further { background-position: -6px -307px; display: inline-block; height: 85px; width: 76%; } .cms-page-view .col1-layout .my-about-us .my-company-information li { float: left; width: 33%; margin-left: 0; } .cms-page-view .col1-layout .my-about-us .my-company-information .block-title { float: none; } .cms-page-view .col1-layout .my-about-us .my-li-left { float: left; width: 26% !important; } .cms-page-view .col1-layout .my-about-us .my-li-right { float: left; width: 70% !important; } /***********about-us-my***********/ @media only screen and (max-width: 770px) { .cms-page-view .min-height { min-height: 80px; } .block, .col-left-first { margin-bottom: 0px; } .block-account { padding-top: 0px; } .mdlh-left-navigation { padding-bottom: 0px; } #help-topics-links { display: none; } .cms-page-view .col-left { width: 100%; } .cms-page-view .col-left .topics-dropdown { visibility: visible !important; position: absolute; right: 15px; top: 35px; } .cms-page-view .help-content { width: 100%; } .cms-page-view .help-content.help-home-page .block-clear { clear: both; } .cms-page-view .help-content.help-home-page .block { width: 50%; } } @media only screen and (max-width: 599px) { .cms-page-view .help-content .sub-content-left { width: 100%; } .cms-page-view .help-content .sub-content-right { width: 100%; } .cms-page-view .help-content .block { padding-left: 5px; } .cms-page-view .help-content .block .block-title { width: 100%; padding-bottom: 5px; margin-left: -5px; border-bottom: 1px solid rgb(224,224,224); margin-bottom: 10px; } .cms-page-view .help-content .block .content { width: 100%; } } @media only screen and (max-width: 479px) { .cms-page-view { /*********my-about-us*********/ } .cms-page-view .help-content.help-home-page .block { width: 100%; } .cms-page-view .col1-layout .col-main .my-about-us .about-us-banner { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/Head_Image_Mob.jpg") no-repeat; height: 190px !important; background-size: 100%; } } /*********my-about-us*********/ @media only screen and (max-width: 770px) { .cms-page-view .col1-layout .my-about-us .about-us-banner { height: 150px !important; } .cms-page-view .col1-layout .my-about-us .my-company-information li { float: none; width: 100%; margin-left: 0; } .cms-page-view .col1-layout .my-about-us .my-company-information .clearer { background-position: -20px -391px; display: inline-block; height: 58px; width: 89%; } .cms-page-view .col1-layout .my-about-us .my-company-information .faster { background-position: -20px -455px; display: inline-block; height: 58px; width: 89%; } .cms-page-view .col1-layout .my-about-us .my-company-information .further { background-position: -18px -519px; display: inline-block; height: 58px; width: 89%; } .cms-page-view .col1-layout .my-about-us .my-company-information .block-title { border: none; } } @media only screen and (max-width: 599px) { .cms-page-view.cms-about-contact-us .help-content .content { width: 100%; } .cms-page-view.cms-about-contact-us .help-content .content .cont-main li { padding-left: 0; } .cms-page-view.cms-about-contact-us .help-content .content .cont-main li .mdl-textfield { width: 100%; } .cms-page-view.cms-about-contact-us .help-content .content .cont-main li textarea { max-width: 100%; } .cms-page-view.cms-about-contact-us .help-content .content .cont-main li span { padding: 8px 14px; } .cms-page-view.cms-about-contact-us .help-content .content .cont-main li .validation-advice { padding: 0; } .cms-page-view.cms-about-contact-us .help-content .content .cont-buttons-set { padding: 0; } .cms-page-view.cms-about-contact-us .help-content .content .mdl-button { width: 100%; padding: 0; } } /*---------------------------store-locator-----------------*/ @media only screen and (max-width: 770px) { .cms-page-view { /*---------------------------site-map-start-----------------*/ /*---------------------------site-map-end-----------------*/ } .cms-page-view .store-locator-page .store-locator-container .locator-box > .column-layout { width: 40%; } .cms-page-view .site-map .st_payment .site-map-section .section-items .section-items-list li { width: 32% !important; } .cms-page-view .site-map .site-map-footer-content ul li { width: 32% !important; } } @media only screen and (max-width: 479px) { .cms-page-view { /*---------------------------store-locator-End-----------------*/ /*---------------------------site-map-start-----------------*/ /*---------------------------site-map-end-----------------*/ } .cms-page-view .store-locator-page .mdl-card-padding { padding: 0 0 0 0; } .cms-page-view .store-locator-page .mdl-card-padding .store-locator-container .droplocator { width: 100%; } .cms-page-view .store-locator-page .mdl-card-padding .store-locator-container .mapContainer { width: 100% !important; } .cms-page-view .store-locator-page .mdl-card-padding .store-locator-container .locator-box > .column-layout { width: 95%; padding: 0 15px 0 15px; } .cms-page-view .site-map .st_payment .page-title { padding: 30px 30px 20px 20px !important; } .cms-page-view .site-map .st_payment .site-map-section { padding: 30px 30px 20px 20px !important; } .cms-page-view .site-map .st_payment .site-map-section .section-items .section-items-list li { width: 49% !important; } .cms-page-view .site-map .st_payment .site-map-footer-content ul li { width: 49% !important; } } /*Registration Process Start*/ .cms-page-view .reg-content { width: 100%; } .cms-page-view .reg-content img { width: 100%; } .cms-page-view .reg-content .static-template-container { float: none; } .cms-page-view .reg-content .static-template-container .title-margin { margin: 0px 0px 50px 0px; } .cms-page-view .reg-content .static-template-container .st_content { margin: 0px 0px 20px 0px; display: table; color: rgb(117,117,117); } .cms-page-view .reg-content .static-template-container .st_content .st_box { width: 180px; height: 86px; border: 1px solid rgb(189,189,189); border-radius: 4px; float: left; display: table; text-align: center; color: rgb(33,33,33); } .cms-page-view .reg-content .static-template-container .st_content .st_box p { display: table-cell; vertical-align: middle; } .cms-page-view .reg-content .static-template-container .st_content .st_box_line { width: 78px; height: 1px; border: 1px solid rgb(189,189,189); float: left; margin: 42px 8px 42px 8px; } .cms-page-view .reg-content .static-template-container .st_content.heading-margin { margin: 40px 0px 20px 0px; color: rgb(33,33,33); font-weight: 500; } @media (max-width: 767px) { .cms-page-view .reg-content .static-template-container .st_content { width: 100%; } .cms-page-view .reg-content .static-template-container .st_content .st_box { float: none; margin: 0 auto 0 auto; clear: both; } .cms-page-view .reg-content .static-template-container .st_content .st_box_line { width: 1px; height: 60px; border-right: 1px solid rgb(189,189,189); margin: 10px auto 10px auto; float: none; } } @media screen and (min-width: 768px) and (max-width: 850px) { .cms-page-view .reg-content .static-template-container .st_content .st_box { width: 164px; } .cms-page-view .reg-content .static-template-container .st_content .st_box_line { width: 60px; } } /*Registration Process End*/ /*terms of use Start*/ .cms-page-view .terms-of-use-content { width: 100%; } .cms-page-view .terms-of-use-content .static-template-container { float: none; } .cms-page-view .terms-of-use-content .static-template-container .st_content { margin: 0px 0px 20px 0px; display: table; color: rgb(117,117,117); } .cms-page-view .terms-of-use-content .static-template-container .st_content.heading-margin { margin: 34px 0px 10px 0px; color: rgb(33,33,33); font-weight: 500; } /*terms of use End*/ .cms-about-contact-us .contact-info { margin-top: 15px; } .cms-about-contact-us .std ul li { margin-left: auto; } /*warranty policy Start*/ .cms-page-view .warranty-register-content { width: 100%; } .cms-page-view .warranty-register-content .static-template-container { float: none; } .cms-page-view .warranty-register-content .static-template-container .title-margin { margin: 0px 0px 22px 0px; } .cms-page-view .warranty-register-content .static-template-container p { margin: 0px 0px 0px 0px; color: rgb(117,117,117); } .cms-page-view .warranty-register-content .static-template-container h2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; color: rgb(33,33,33); margin: 50px 0px 0px 0px; display: table; } .cms-page-view .warranty-register-content .static-template-container .st_content { margin: 0px 0px 20px 0px; display: table; color: rgb(117,117,117); } .cms-page-view .warranty-register-content .static-template-container .st_content.heading-margin { margin: 34px 0px 10px 0px; color: rgb(33,33,33); font-weight: 500; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block { width: 100%; display: inline-block; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-left-col { width: 52%; float: left; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-left-col button { width: 100px; display: table; margin: 10px 0px 0px 0px; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-right-col { width: 48%; float: left; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-right-col .reg-text-box { height: 118px; border: 1px solid rgb(189,189,189); text-align: center; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-right-col .reg-text-box h2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; color: rgb(33,33,33); margin: 20px 0px 8px 0px; display: block; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-right-col .reg-text-box p { color: #0DB5D7; } @media (max-width: 480px) { .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-left-col { width: 100%; } .cms-page-view .warranty-register-content .static-template-container .reg-form-block .reg-form-right-col { width: 100%; margin: 20px 0px 0px 0px; } } /*warranty policy End*/ .product-ecom-nav-bar { /*@extend .mdl-typography--body-1; color: $text-color-primary;*/ background: #FFFFFF; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; height: 56px; line-height: 50px; text-transform: capitalize; width: 100%; margin: 0 auto; } .product-ecom-nav-bar .nav-wrap { width: 1600px; max-width: 100%; margin: 0 auto; clear: both; padding: 0 20px; } .product-ecom-nav-bar .product-title { display: inline-block; } .product-ecom-nav-bar .product-ecom-nav { margin: 4px 0px 0px 0px; display: inline-block; float: right; } .product-ecom-nav-bar .product-ecom-nav h3 { display: inline; font-size: .875rem; line-height: normal; letter-spacing: 0px; } .product-ecom-nav-bar .product-ecom-nav .pd-cms-tab { /*@extend .mdl-typography--body-1; color: $black-partial;*/ text-decoration: none; padding: 0 0 0 50px; } .product-ecom-nav-bar .product-ecom-nav .pd-cms-tab.selected { /*@extend .mdl-typography--body-1-medium;*/ } .product-ecom-nav-bar .product-ecom-nav .pd-cms-tab:hover { color: #07B6E2; } .product-ecom-nav-bar .product-ecom-nav .bye-now-btn { display: inline-block; padding-left: 50px; vertical-align: top; margin-top: -1px; } .product-ecom-nav-bar .product-ecom-nav .bye-now-btn a, .product-ecom-nav-bar .product-ecom-nav .bye-now-btn button.buy-btn { text-transform: uppercase; padding: 6px 20px 6px 20px; text-decoration: none; display: inline-block; } .product-ecom-nav-bar .product-ecom-nav .bye-now-btn button.buy-btn { vertical-align: top; margin-top: 6px; } .product-ecom-nav-bar .product-ecom-nav .bye-now-btn button.buy-btn .mdl-spinner { left: 27%; top: 3px; } .red-lable-btn, .product-ecom-nav-bar .product-ecom-nav .bye-now-btn a, .product-ecom-nav-bar .product-ecom-nav .bye-now-btn button.buy-btn, .catalog-product-view .out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.coming-soon span.value, .catalog-product-view .product-view .product-shop .prod-state.pre-order span.value { background: #E42635; border-color: #E42635; /*color: $white; @extend .mdl-typography--body-1;*/ } .catalog-product-view { background: #FFFFFF; /*------START: popup css----*/ } .catalog-product-view .track3 { width: 6px; background: transparent; margin-right: 2px; border-radius: 6px; -webkit-transition: background 250ms linear; transition: background 250ms linear; } .catalog-product-view .track3:hover, .catalog-product-view .track3.dragging { background: #d9d9d9; /* Browsers without rgba support */ background: rgba(0, 0, 0, 0.15); } .catalog-product-view .track3:hover .handle3, .catalog-product-view .track3.dragging .handle3 { width: 4px; } .catalog-product-view .track3 .handle3 { width: 4px; right: 0; background: #999; background: rgba(0, 0, 0, 0.4); border-radius: 4px; -webkit-transition: width 250ms; transition: width 250ms; } .catalog-product-view .main-container { padding-bottom: 0px; } .catalog-product-view .mdl-textfield__error { left: 0; margin-top: 2px; line-height: 12px; } .catalog-product-view .out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.out-of-stock span.value, .catalog-product-view .product-view .product-shop .prod-state.coming-soon span.value, .catalog-product-view .product-view .product-shop .prod-state.pre-order span.value { text-transform: capitalize; padding: 4px 10px 4px 10px; } .catalog-product-view .product-ecom-page-wrap { max-width: 1280px; width: 100%; margin: 0 auto; } .catalog-product-view .main-container img { display: inline-block; } .catalog-product-view .box-section, .catalog-product-view .box-section-disabled, .catalog-product-view .product-view .product-shop .warranty-wrap.disable, .catalog-product-view .product-view .pd-free-gift-wrapper.disable, .catalog-product-view .product-view .product-shop .cod-wrapper .service-check, .catalog-product-view .product-view .product-shop .warranty-wrap, .catalog-product-view .product-view .pd-free-gift-wrapper, .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 20px 20px 20px 20px; margin-bottom: 40px; } .catalog-product-view .box-section .mdl-spinner, .catalog-product-view .box-section-disabled .mdl-spinner, .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .mdl-spinner, .catalog-product-view .product-view .product-shop .warranty-wrap .mdl-spinner, .catalog-product-view .product-view .pd-free-gift-wrapper .mdl-spinner, .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .mdl-spinner { width: 20px; height: 20px; left: 37%; } .catalog-product-view .bundle-product .bundle-product-block .options-list-wrapper.disabled-block:hover { background: #D9D9D9; } .catalog-product-view .box-section-disabled, .catalog-product-view .product-view .product-shop .warranty-wrap.disable, .catalog-product-view .product-view .pd-free-gift-wrapper.disable { background: #F1EFF0; } .catalog-product-view .close-box-section, .catalog-product-view .product-view .product-shop .cod-wrapper .close-service-check, .catalog-product-view .product-view .product-shop .cod-wrapper .close-delivery-info, .catalog-product-view .product-view #notify .notify-me-wrap .close-notify { border: 1px solid #CCCCCC; background: #BDBDBD; color: #FFFFFF; padding: 4px; line-height: 9px; position: absolute; top: -1px; right: -1px; text-align: center; cursor: pointer; text-decoration: none; } .catalog-product-view .blue-link { /*@extend .mdl-typography--subhead; color: $sky-blue-light;*/ text-decoration: none; } .catalog-product-view .pd-content-wrap { padding-top: 0px; } .catalog-product-view .product-view { /*----START:-Notify me css-----*/ /*----END:-Notify me css-----*/ /*----START:-Gift css-----*/ /*----END:-Gift css-----*/ /*----START:-bundle css-----*/ /*----END:-bundle css-----*/ } .catalog-product-view .product-view .product-image-box { float: left; width: 50%; padding-top: 26px; text-align: center; } .catalog-product-view .product-view .product-image-box .gallery-image { display: none; max-width: 590px; width: 100%; } .catalog-product-view .product-view .product-image-box .gallery-image.visible { display: inline-block; } .catalog-product-view .product-view .product-image-box .product-image.fixed-img { position: fixed; top: 30px; z-index: 9; background: transparent; } .catalog-product-view .product-view .product-image-box .product-image .fixe-bottom { position: absolute; bottom: 0; top: auto; } .catalog-product-view .product-view .product-shop { background: #F6F6F6; float: left; padding: 68px 50px 80px 50px; min-height: 750px; width: 50%; /*---START: COD CSS---*/ /*---END: COD CSS---*/ } .catalog-product-view .product-view .product-shop h3 { letter-spacing: 0px; } .catalog-product-view .product-view .product-shop .product-name { /*@extend .mdl-typography--headline-2; color: $text-color-primary;*/ margin-bottom: 25px; } .catalog-product-view .product-view .product-shop .avail-info-wrapper { margin-bottom: 0px; } .catalog-product-view .product-view .product-shop .cod-wrapper { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ margin-bottom: 50px; } .catalog-product-view .product-view .product-shop .cod-wrapper .default-msg { margin-left: -3px; } .catalog-product-view .product-view .product-shop .cod-wrapper .icon-honor2-check-circle { color: #10B514; margin-right: 10px; } .catalog-product-view .product-view .product-shop .cod-wrapper .icon-honor2-close-fancybox { color: #E12848; margin-right: 10px; } .catalog-product-view .product-view .product-shop .cod-wrapper p { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ margin-bottom: 5px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check { position: relative; padding: 8px 25px 10px 25px; margin-top: 10px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #zipcode-check { float: left; width: 82%; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #zipcode-check .mdl-textfield { width: 99%; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #zipcode-check + .button-box { margin-top: 20px; text-align: right; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check { float: left; width: 80%; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .mdl-textfield { width: 100%; margin-top: 0px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .mdl-textfield.is-disabled .mdl-textfield__input { border-style: solid; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check + .button-box .mdl-button { position: absolute; bottom: 30px; right: 25px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .select-wrapper .mdi-navigation-arrow-drop-down { top: 5px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .mdl-spinner { top: 26px; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check .floating-label { margin: 0; padding: 15px 0; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box { float: left; width: 17%; } .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box .mdl-button { height: 30px; line-height: 30px; padding: 1px 15px 0 15px; } .catalog-product-view .product-view .product-shop .cod-wrapper .delivery-info .icon-honor2-check-circle, .catalog-product-view .product-view .product-shop .cod-wrapper .delivery-info .icon-honor2-close-fancybox { float: left; } .catalog-product-view .product-view .product-shop .cod-wrapper .delivery-info .comon-spac { display: inline-block; width: 92%; vertical-align: top; } .catalog-product-view .product-view .product-shop .cod-wrapper .close-service-check.edit, .catalog-product-view .product-view .product-shop .cod-wrapper .close-delivery-info.edit { position: relative; float: right; top: 2px; display: none; } .catalog-product-view .product-view .product-shop .cod-wrapper .cod-status { margin-left: 28px; } .catalog-product-view .product-view .product-shop .cod-wrapper .cod-status .cod-available { color: #10B514; } .catalog-product-view .product-view .product-shop .cod-wrapper .cod-status .cod-not-available { color: #E12848; } .catalog-product-view .product-view .product-shop .prod-state { margin-bottom: 15px; } .catalog-product-view .product-view .product-shop .prod-state.pre-order span { display: inline-block; } .catalog-product-view .product-view .product-shop .prod-state.pre-order .ship-out-date { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ text-transform: capitalize; margin-left: 10px; } .catalog-product-view .product-view .product-shop .prod-state.pre-order .ship-out-date span { color: #757575; } .catalog-product-view .product-view .product-shop .prod-state .out-of-stock-date { font-weight: 500; } .catalog-product-view .product-view .product-shop .configu-wrapper { margin-bottom: 40px; margin-top: 33px; } .catalog-product-view .product-view .product-shop .configu-wrapper .attr-title { /*@extend .mdl-typography--subhead; color: $black-partial;*/ margin-bottom: 9px; text-transform: uppercase; } .catalog-product-view .product-view .product-shop .configu-wrapper .attr-title h4 { line-height: normal; font-size: 1rem; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap { margin-bottom: 34px; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle { width: 48px; height: 48px; cursor: pointer; margin-right: 10px; display: inline-block; vertical-align: top; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle .inner-color-circle { border: 1px solid #e0e0e0; border-radius: 50%; width: 48px; height: 48px; display: inline-block; line-height: 45px; text-align: center; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle .inner-color-circle .icon-honor2-check { display: none; color: #000000; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle .inner-color-circle.Black .icon-honor2-check, .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle .inner-color-circle.Grey .icon-honor2-check, .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle .inner-color-circle.Brown .icon-honor2-check { color: #FFFFFF; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .color-circle.selected .icon-honor2-check { display: inline-block; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip { position: relative; display: inline-block; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext { visibility: hidden; text-align: center; position: absolute; z-index: 1; bottom: 115%; left: 100%; margin-left: -60px; padding: 3px 15px; border: 1px solid #CCCCCC; background: #FFFFFF; color: #757575; border-radius: 0; /*font-size: 12px; */ } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext:after, .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext:after { border-color: transparent; border-top-color: #FFFFFF; border-width: 5px; margin-left: -5px; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip .pd-tooltiptext:before { border-color: transparent; border-top-color: #757575; border-width: 6px; margin-left: -6px; } .catalog-product-view .product-view .product-shop .configu-wrapper .color-wrap .pd-tooltip:hover .pd-tooltiptext { visibility: visible; } .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper input[type=text] { box-shadow: none; border: 1px solid #CCCCCC; height: 58px; /*@extend .mdl-typography--subhead; color: $black-partial;*/ padding: 0 20px; } .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper .mdi-navigation-arrow-drop-down { top: 20px; right: 20px; } .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper .dropdown-content li { /*@extend .mdl-typography--subhead; color: $black-partial;*/ padding: 10px 20px; } .catalog-product-view .product-view .product-shop .configu-wrapper .droupdown-box-border .select-wrapper .dropdown-content li span.additional-extra-price { float: right; color: #757575; } .catalog-product-view .product-view .product-shop .warranty-wrap.disabled { cursor: default; opacity: 0.4; pointer-events: none; position: relative; } .catalog-product-view .product-view .product-shop input.free-warranty { visibility: hidden; } .catalog-product-view .product-view .product-shop .warranty-wrap { display: block; color: #FFFFFF; } .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-icon-text { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ text-transform: uppercase; margin-bottom: 5px; } .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-icon-text span { color: #10B514; } .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-msg-content { /*@extend .mdl-typography--body-1;*/ } .catalog-product-view .product-view .product-shop .warranty-wrap.disable .warranty-msg-content span { /*@extend .mdl-typography--body-1-medium; color: $text-color-primary;*/ } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-icon { color: #757575; display: inline-block; vertical-align: top; width: 40px; padding-top: 0px; text-decoration: none; } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content { display: inline-block; vertical-align: top; padding-left: 5px; width: 89%; } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content a { text-decoration: none; color: #757575; } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-icon-text { /*@extend .mdl-typography--subhead-medium; color: $text-color-primary;*/ text-transform: capitalize; margin-bottom: 0px; } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-msg-content { /*@extend .mdl-typography--body-1; color: $gray-darker;*/ } .catalog-product-view .product-view .product-shop .warranty-wrap .warranty-content .warranty-msg-content span { /*@extend .mdl-typography--body-1-medium; color: $text-color-primary;*/ } .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .warranty-info { /*@extend .mdl-typography--subhead-medium; color: $text-color-primary;*/ margin-bottom: 0; } .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .remove-warranty { /*@extend .mdl-typography--body-1; color: $sky-blue-light;*/ cursor: pointer; display: inline-block; } .catalog-product-view .product-view .product-shop .warranty-wrap.warranty-added .warnty-price-info { /*@extend .mdl-typography--body-1; color: $gray-darker;*/ margin-right: 5px; display: inline-block; } .catalog-product-view .product-view .config-child-out-of-stock { display: none; } .catalog-product-view .product-view #notify { display: none; padding-top: 5px; } .catalog-product-view .product-view #notify .notify-text p { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ display: inline-block; margin-right: 7px; } .catalog-product-view .product-view #notify .notify-text a { display: inline-block; } .catalog-product-view .product-view #notify .notify-me-wrap { display: none; background: #FFFFFF; border: 1px solid #CCCCCC; position: relative; padding: 8px 25px 8px 25px; } .catalog-product-view .product-view #notify .notify-me-wrap .mdl-textfield.is-disabled .mdl-textfield__label, .catalog-product-view .product-view #notify .notify-me-wrap .mdl-textfield.is-disabled .mdl-textfield__input { color: #A9A9A9; } .catalog-product-view .product-view #notify .notify-me-wrap .notify-input { display: inline-block; margin-right: 15px; width: 74%; } .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap { display: inline-block; padding: 20px 0; vertical-align: top; } .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap .mdl-button { height: 30px; line-height: 30px; padding: 1px 15px 0 15px; } .catalog-product-view .product-view #notify .notify-me-wrap .notify-msg { /*@extend .mdl-typography--subhead; color: $black-partial;*/ padding: 10px 0; } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-free-gift-icon { display: inline-block; vertical-align: top; width: 40px; padding-top: 3px; } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text { display: inline-block; vertical-align: top; padding-left: 5px; width: 89%; } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .pd-gift-icon-text { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ text-transform: uppercase; margin-bottom: 0px; } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .pd-gift-icon-text span { color: #10B514; } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .gift-msg-content { /*@extend .mdl-typography--body-1;*/ } .catalog-product-view .product-view .pd-free-gift-wrapper .pd-gift-text .gift-msg-content span { /*@extend .mdl-typography--body-1-medium; color: $text-color-primary;*/ } .catalog-product-view .product-view .pd-gift-outOfStock { color: #E12848; margin-top: -38px; } .catalog-product-view .product-view .bundle-wrapper { position: relative; } .catalog-product-view .product-view .bundle-wrapper .title-heading { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ margin-bottom: 10px; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .default-selection { display: none; } .catalog-product-view .product-view .bundle-wrapper .bundle-product.bundle--select .mdl-textfield__error { right: 30px; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .mdl-textfield__error { position: absolute; top: 6px; right: 0; left: auto; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .bundle-product-block .options-list-wrapper.disabled-block { opacity: 0.4; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper { padding: 20px; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .options-checkbox { float: left; width: 40px; margin-top: 4%; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper.myclass .image img { cursor: default; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper.myclass .product-info .prod-titl, .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper.myclass .product-info .price-notice { cursor: default; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .image { float: left; margin-right: 20px; border: 1px solid #CCCCCC; width: 70px; height: 70px; line-height: 70px; text-align: center; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .image img { display: inline-block; cursor: pointer; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .product-info { margin-top: 4%; margin-left: 90px; width: auto; color: #212121; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .product-info .prod-titl { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ display: inline-block; width: 60%; cursor: pointer; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .product-info .price-notice { display: inline-block; width: 39%; text-align: right; float: right; cursor: pointer; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .options-droupdown { float: left; margin-top: 4%; width: 80%; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .droupdown-box-border .select-wrapper input[type=text] { border: none; box-shadow: none; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper.disabled-block { opacity: 0.4; } .catalog-product-view .product-view .bundle-wrapper .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px transparent; background-color: rgb(13,181,215); } .catalog-product-view .product-view .bundle-wrapper .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px transparent; background-color: transparent; } .catalog-product-view .product-view .price-box .old-price .price { color: #757575; line-height: 37px; } .catalog-product-view .product-view .price-box .special-price .price, .catalog-product-view .product-view .price-box .regular-price .price { /*@extend .mdl-typography--headline-roboto; color: $sky-blue-dark;*/ } .catalog-product-view .product-view .price-notice { /*@extend .mdl-typography--subhead;*/ } .catalog-product-view .product-view .price-notice .old-price .price { /*@extend .mdl-typography--subhead; color: $gray-darker;*/ line-height: 37px; } .catalog-product-view .product-view .add-to-box .mdl-button { height: 55px; } .catalog-product-view .product-view .add-to-box .mdl-button .mdl-spinner { top: 13px; left: 47%; } .catalog-product-view .myclass { position: relative; opacity: 1; text-align: center; height: auto; width: auto; font-size: 16px; } .catalog-product-view .myclass:after { content: "Out Of Stock"; left: 39%; position: absolute; top: 41%; text-decoration: none; font-size: 20px; cursor: default; } .catalog-product-view .price-highlight { margin: 48px 0 13px 0; } .catalog-product-view .price-highlight .price-box { margin-bottom: 14px; } .catalog-product-view .price-highlight .price-box p { display: inline-block; } .catalog-product-view .price-highlight .ec-tax-msg { /*@extend .mdl-typography--body-1; color: $gray-darker;*/ display: inline-block; margin-bottom: 9px; padding-left: 9px; } .catalog-product-view .mdl-popup .mdl-popup__title { /*@extend .mdl-typography--title-medium; color: $text-color-primary;*/ text-align: center; } .catalog-product-view .mdl-popup .mdl-popup_sub-title { /*@extend .mdl-typography--subhead; color: $text-color-primary;*/ text-align: center; } .catalog-product-view .mdl-popup .mdl-popup__actions { text-align: center; /*@extend .mdl-typography--subhead; color: $gray-darker;*/ } .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button { /*@extend .mdl-typography--subhead; color: $black-partial;*/ line-height: 35px; margin: 0 10px; padding: 0px 20px; } .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button.blue-link { background: #07B6E2; color: #FFFFFF; } .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button.disabled { background: #eeeeee; } .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button[disabled][disabled], .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button.mdl-button--disabled.mdl-button--disabled { background: #D1D3D4; color: #FFFFFF; cursor: default; } .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button[disabled][disabled].confirm-btn, .catalog-product-view .mdl-popup .mdl-popup__actions .mdl-button.mdl-button--disabled.mdl-button--disabled.confirm-btn { background: #07B6E2; color: #FFFFFF; opacity: 0.3; } .catalog-product-view .gift-popup .gift-carousel-wrap { background: #F6F6F6; padding: 40px 40px 10px 40px; width: 920px; } .catalog-product-view .gift-popup .gift-items { text-align: center; padding: 10px; } .catalog-product-view .gift-popup .gift-items .gift-product-img { background: #FFFFFF; border: 1px solid #e0e0e0; height: 130px; } .catalog-product-view .gift-popup .gift-items .gift-product-img img { display: inline-block; } .catalog-product-view .gift-popup .gift-items .gift-product-detail { margin-top: 20px; } .catalog-product-view .gift-popup .gift-items .gift-product-detail .product-name { /*@extend .mdl-typography--body-1-medium; color: $text-color-primary;*/ margin-bottom: 8px; } .catalog-product-view .gift-popup .gift-items .gift-product-detail .product-price { /*@extend .mdl-typography--body-1-medium;*/ color: #757575; margin-bottom: 8px; } .catalog-product-view .gift-popup .slick-prev { left: 10px; color: #757575; position: absolute; top: 50%; cursor: pointer; } .catalog-product-view .gift-popup .slick-prev.slick-disabled { color: #D1D3D4; } .catalog-product-view .gift-popup .slick-next { right: 10px; color: #757575; position: absolute; top: 50%; cursor: pointer; } .catalog-product-view .gift-popup .slick-next.slick-disabled { color: #D1D3D4; } .catalog-product-view .gift-popup .mdl-popup__actions { text-align: right; } .catalog-product-view .warranty-popup .title { /*color:$text-color-primary;*/ margin-bottom: 15px; text-align: center; } .catalog-product-view .warranty-popup .mdl-card__menu { display: none; } .catalog-product-view .warranty-popup .warranty-packages { max-width: 910px; width: 100%; margin: 20px 0 0 0; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper { width: 30%; min-width: 270px; margin-right: 20px; float: left; border: 1px solid rgba(0, 0, 0, 0.12); height: 150px; margin-bottom: 20px; position: relative; padding: 20px 20px 20px 20px; overflow: auto; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper.selected .options-checkbox { border-left: 40px solid #10B514; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info { text-align: center; cursor: pointer; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info .icon-honor2-warranty { display: inline-block; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info .product-name { /*color: $text-color-primary; @extend .mdl-typography--subhead;*/ text-transform: uppercase; display: inline-block; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info label { display: block; /*color: $black-partial; @extend .mdl-typography--subhead-bold;*/ text-transform: uppercase; cursor: pointer; margin-top: 10px; } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info label .price { display: block; /*@extend .mdl-typography--subhead-bold; color: $gray-darker;*/ } .catalog-product-view .warranty-popup .warranty-packages .options-list-wrapper .warranty-info .icon-honor2-warranty-icon { color: #757575; } .catalog-product-view .warranty-popup .t-A-c { margin-top: 5px; } .catalog-product-view .warranty-popup .t-A-c .title { text-align: left; } .catalog-product-view .warranty-popup .t-A-c .TC-content { max-width: 100%; width: 900px; height: 260px; overflow-x: auto; } .catalog-product-view .warranty-popup .t-A-c .TC-agree { margin-top: 10px; margin-bottom: 15px; padding-top: 10px; border-top: 1px solid #CCCCCC; } .catalog-product-view .warranty-popup.mdl-popup .mdl-popup__actions { margin: 0px auto 20px auto; } .catalog-product-view .warranty-popup .options-checkbox { border-bottom: 40px solid transparent; border-left: 40px solid #BCBCBC; height: 0; left: 0; position: absolute; top: 0; width: 0; } .catalog-product-view .warranty-popup .options-checkbox .icon-honor2-check { position: absolute; left: -35px; top: 3px; color: rgb(255,255,255); } .catalog-product-view .warranty-popup .options-checkbox .radio { visibility: hidden; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part h4 { color: #313131; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 36px; padding: 0 0 30px 0; } .catalog-product-view .bundle-wrapper .bundle--radio { padding-bottom: 25px; padding-bottom: 25px; border: 1px solid #CCCCCC; background: #fff; margin-bottom: 12px; padding: 20px; } .catalog-product-view .product-view .product-shop .bundle-wrapper .bundle-product .bundle-product-block ul li { width: 100%; display: inline-block; vertical-align: top; padding: 10px 8px 10px 0px; } .bundle-product-block .options-radio .options-list .mdl-radio { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 20px 20px 20px 45px; width: 100%; } .bundle-product-block .options-radio .options-list .mdl-radio .mdl-radio__outer-circle { top: 22px; left: 18px; } .bundle-product-block .options-radio .options-list .mdl-radio .mdl-radio__inner-circle { top: 25.5px; left: 22px; } .bundle-product .options-radio .mdl-radio__label { padding-left: 10px; } .bundle-product .options-radio .mdl-radio__outer-circle { margin-top: 22px; } .bundle-product .options-radio .mdl-radio__inner-circle { margin-top: 22px; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper { padding: 0px !important; margin-bottom: 10px !important; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .options-droupdown .select-wrapper .mdi-navigation-arrow-drop-down { top: -22px !important; background: #ececec; width: 30px; height: 70px; right: -18px; cursor: pointer; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .options-droupdown .select-wrapper .mdi-navigation-arrow-drop-down:before { margin-top: 31px; margin-left: 9px; } .catalog-product-view .product-view .bundle-wrapper .bundle-product .options-list-wrapper .image { border: 0px solid #CCCCCC; } .cod-wrapper .seller_name { margin-bottom: 25px !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill { -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset; transition: background-color 5000s ease-in-out 0s; } .cart-totals .rows .cart-total ul li .list-outer .cost-detail.tax-amount { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.25rem; margin-top: 5px; } .cart-totals .rows .cart-total ul li .list-outer #grand-total { float: right; } .cart-totals .rows .cart-total ul li .list-outer #grand-total .price { color: #01B4E1; } .gift-oos-main-div #promotional-shopping .cart-table { height: auto; margin-bottom: 0px; } .gift-oos-main-div .msg-outofstock { padding: 30px 30px 0px 30px; } .gift-oos-main-div .outofstock-desc { padding: 60px 100px 10px 100px; font-size: 1.429rem; text-align: center; } .gift-oos-main-div .gift-cart-slider { font-size: 1.143rem; } .gift-oos-main-div .gift-cart-slider .slick-slider { padding: 0px 40px; } .gift-oos-main-div .gift-cart-slider .gift-pro-name { color: rgb(117,117,117); } .gift-oos-main-div .btn-space { text-align: center; padding: 40px 60px 60px 60px; } .gift-oos-main-div .btn-space #update_cart { width: 250px; } .checkout-cart-index .cart-totals .rows .cart-total ul li .list-outer .cost-detail.tax-amount { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.25rem; margin-top: 5px; } .checkout-cart-index .cart-totals .rows .cart-total ul li .list-outer #grand-total { float: right; } .checkout-cart-index .cart-totals .rows .cart-total ul li .list-outer #grand-total .price { color: #01B4E1; } .checkout-cart-index .rec-outer h3 { margin: 10px auto 42px auto; } .checkout-cart-index .rec-outer .inner-content { height: 440px; } .checkout-cart-index .main-container-cart { padding: 20px 0px 12px 0px; } .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .block-related .gift-cart-slider { display: inline-block; } .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .block-related .gift-cart-slider .slick-list { padding: 0px 25px; } .checkout-cart-index #promotional-over #update_promotional_gift .free-gift-wrapper-cart .item-disabled .promotional-button { height: auto; } .checkout-cart-index .cart-warranty td { border-top: none; padding-top: 0px; } .checkout-cart-index .cart-warranty .warranty-icon-div, .checkout-cart-index .cart-warranty .warranty-icon-div1 { padding: 18px; border: 1px solid rgb(224,224,224); font-size: 2.143rem; float: left; width: 66px; height: 66px; } .checkout-cart-index .cart-warranty .warranty-icon-div { display: inline-block; padding-top: 9px; padding-left: 16px; } .checkout-cart-index .cart-warranty .warranty-icon-div1 { display: none; width: 60px; height: 60px; padding: 13px; } .checkout-cart-index .cart-warranty .product-name { display: inline-block; width: auto; vertical-align: middle; margin: auto 0; height: 66px; padding: 26px 10px; } .checkout-cart-index .cart-warranty .mdl-order-table td { border-top: none; } .checkout-cart-index .cart-warranty .product-cart-price .non-bundle-warranty { display: none; } .checkout-cart-index .cart-warranty .product-cart-price .price { color: #757575; } .checkout-cart-index .cart-bundle-warranty td { border-bottom: none; } .checkout-cart-index .bundle td { border-top: 1px solid rgb(224,224,224); } .checkout-cart-index .free-gift-wrapper-cart .mdl-button .mdl-spinner.is-upgraded.is-active { left: calc(50% - 14px); top: 4px; } .checkout-cart-index .crosssell-cart .block-related { margin-top: 15px; } .checkout-cart-index .crosssell-cart .block-related .rec-outer { padding-top: 15px; } .checkout-cart-index .fancybox-overlay { -webkit-transform: translateZ(0); } .checkout-cart-index .fancybox-wrap .mdl-popup__menu, .checkout-cart-index .fancybox-inner .mdl-popup__menu { display: none; } .checkout-cart-index .mdl-order-table__cell--item-total-sum { padding-right: 0px !important; } .checkout-cart-index .mdl-messages .message_icon .message_space { display: inline-block; float: none; width: 85%; } .checkout-cart-index .mdl-messages .error-msg ul { position: absolute; top: 0px; } .checkout-cart-index .mdl-messages .error-msg ul li { height: auto; } .checkout-cart-index .mdl-messages .error-msg ul li .icon-honor2-close-with-circle { position: absolute; top: 0px; } .checkout-cart-index .item-msg-td { position: absolute; border: 0px; left: 23px; bottom: -5px; } .checkout-cart-index .item-msg-td .item-msg { font-weight: 400; } .checkout-cart-index .bundle-child td { border-bottom: none; } .checkout-cart-index .bundle-last td { border-bottom: 1px solid rgb(224,224,224); padding: 15px 0 30px 0; } .checkout-cart-index .mdl-order-table .last td { border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table tbody tr { border: 1px solid transparent; } .checkout-cart-index .mdl-order-table tbody tr .product-cart-actions-qty .product-qty-column-error { position: absolute; bottom: 15px; } .checkout-cart-index .mdl-order-table .mdl-order-table__cell--item-total { text-align: right; padding-right: 18px; } .checkout-cart-index .mdl-order-table .gift-catalog-inner:last-child { border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table .gift-inner:last-child { border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table .product-error-msg { height: auto; } .checkout-cart-index .mdl-order-table .product-error-msg .product-item-msg { padding: 0px 30px; border: 0px; height: auto; text-align: left; } .checkout-cart-index .mdl-order-table td img { padding: 7px; margin-left: 0; } .checkout-cart-index .mdl-order-table .product-cart-image .product-image { margin-left: 20px; } .checkout-cart-index .mdl-order-table .gift-row .gift-cart-icon-container a { color: #07B6E2; text-decoration: none; } .checkout-cart-index .mdl-order-table .gift-row .gift-cart-icon-container a:hover { color: #02A1C9; } .checkout-cart-index .mdl-order-table #gift-change td { border-top: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table #gift-change td .gift-cart-icon-container span a.edit-gift { font-size: 1rem; } .checkout-cart-index .mdl-order-table .gift-row td, .checkout-cart-index .mdl-order-table .gift-heading td { border-top: none; border-bottom: none; text-align: left; padding: 26px 0 10px 30px; } .checkout-cart-index .mdl-order-table .gift-row td.gift-heading-inner, .checkout-cart-index .mdl-order-table .gift-heading td.gift-heading-inner { border-bottom: none !important; } .checkout-cart-index .mdl-order-table .gift-inner td, .checkout-cart-index .mdl-order-table .gift-catalog-inner td { border-bottom: none; border-top: none; padding: 15px 15px 30px 0px; } .checkout-cart-index .mdl-order-table .gift-inner td.product-cart-actions, .checkout-cart-index .mdl-order-table .gift-catalog-inner td.product-cart-actions { padding-right: 0px; margin-top: -28px; } .checkout-cart-index .mdl-order-table .gift-inner .product-cart-image-gift .product-image, .checkout-cart-index .mdl-order-table .gift-catalog-inner .product-cart-image-gift .product-image { position: relative; margin-left: 30px; width: 70%; overflow: hidden; } .checkout-cart-index .mdl-order-table .gift-inner .product-cart-image-gift .product-image .gift-icon-cart, .checkout-cart-index .mdl-order-table .gift-catalog-inner .product-cart-image-gift .product-image .gift-icon-cart { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/products_sprite.png) no-repeat -43px 0px; width: 40px; height: 55px; display: block; position: absolute; left: 0; top: -3px; z-index: 1; } .checkout-cart-index .mdl-order-table .gift-inner .product-cart-image-gift .product-image img, .checkout-cart-index .mdl-order-table .gift-catalog-inner .product-cart-image-gift .product-image img { padding: 7px; } .checkout-cart-index .mdl-order-table .bundle-last td .child-bundle-img, .checkout-cart-index .mdl-order-table .bundle-child td .child-bundle-img { margin-left: 30px; display: none; } .checkout-cart-index .mdl-order-table .bundle-last td .bundle-img, .checkout-cart-index .mdl-order-table .bundle-child td .bundle-img { float: left; width: 66px; } .checkout-cart-index .mdl-order-table .bundle-last td .product-name, .checkout-cart-index .mdl-order-table .bundle-child td .product-name { width: auto; height: 66px; padding: 26px 10px; } .checkout-cart-index .mdl-order-table .last { /* border-bottom: $data-table-dividers; */ } .checkout-cart-index .mdl-order-table .mdl-product-cart-total .price-box .regular-price #cart-subtotal { position: relative; } .checkout-cart-index .mdl-order-table .mdl-product-cart-total .price-box .regular-price #cart-subtotal #mdl-spinner-cart { display: none; position: absolute; top: -3px; left: 38px; } .checkout-cart-index .mdl-order-table .mdl-product-cart-action-remove .icon-honor2-close::before { position: absolute; top: 10px; left: 11px; } .checkout-cart-index .mdl-cart-margin { margin-left: 30px; margin-top: 30px; color: #212121; } .checkout-cart-index .learn-more-tooltip { position: relative; cursor: pointer; display: inline-block; } .checkout-cart-index .learn-more-tooltip .learn-more-block { display: none; bottom: 10px; padding-left: 10px; position: absolute; z-index: 99; max-height: 250px; width: 150px; left: 70px; margin-left: 10px; } .checkout-cart-index .learn-more-tooltip .learn-more-block .learn-more-block-txt { background: #FFFFFF; height: 100%; width: auto; border: 1px solid rgb(224,224,224); padding: 10px; word-break: break-word; box-shadow: 0px 0px 3px #A9A9A9; display: inline-block; } .checkout-cart-index .learn-more-tooltip .learn-more-block:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid rgb(224,224,224); bottom: 11px; left: 2px; } .checkout-cart-index .learn-more-tooltip .learn-more-block:after { border-right: 0px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-actions { width: 65%; float: left; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-actions .mdl-continue-shopping-btn { margin: 140px 0 0 18px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-totals { width: 33%; float: left; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-empty { width: 2%; float: left; } .checkout-cart-index .cart-totals-wrapper .cart-totals .list-outer .cost-details-price { /*@include margin-right(43px);*/ } .checkout-cart-index .cart-totals-wrapper .total-block { margin: 17px 0px 50px 0px; overflow: hidden; } .checkout-cart-index .cart-totals-wrapper .total-block .mdl-continue-shopping-btn { width: 63%; margin-left: 2%; float: left; } .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn { width: 30%; float: left; margin-right: 2%; } .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn #checkout_as_guest:hover { background-color: #DDDDDA; } .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn .mdl-button[disabled][disabled], .checkout-cart-index .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn .mdl-button.mdl-button--disabled.mdl-button--disabled { cursor: auto; background-color: #BDBDBD; } .checkout-cart-index .cart-totals-wrapper .total-block .mdl-continue-shopping-btn-mobile { display: none; } .checkout-cart-index .cart-totals-wrapper .cart-total { margin-top: 25px; width: 100%; } .checkout-cart-index .cart-totals-wrapper .cart-total #discount-coupon-form { padding-bottom: 5px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row { margin-top: 10px; position: relative; padding: 0px 0px 18px 0; border-bottom: 1px solid rgb(224,224,224); width: 91%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .cost-details-price .price { margin-right: -32px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block { display: none; position: relative; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping { padding: 20px 20px 25px 20px; background: #f7f7f7; float: left; width: 97%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .dropdown-content li { padding: 0px; width: 100%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode { width: 100%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .input-box { float: left; width: 65%; margin-top: 5px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .input-box .mdl-textfield { position: static; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .input-box .validation-advice { display: inline-block; padding: 0px 15px; line-height: 16px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .buttons-set { float: right; width: 25%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .buttons-set .mdl-button { width: 85px; float: right; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .buttons-set .mdl-button .mdl-spinner { top: 4px; left: 35%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .try-again-block { display: none; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .try-again-block .error-message { float: left; margin-top: 10px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-postcode .try-again-block .try-again-btn { float: right; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping .shipping-region .input-box .input-text { display: none; margin-top: 5px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { float: right; width: 0%; cursor: pointer; position: absolute; right: -27px; top: 0px; color: rgb(117,117,117); } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .tax-block .estimated-tax { padding-right: 10px; border-right: 1px solid rgb(224,224,224); } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .zipcode { pointer: cursor; } .checkout-cart-index .cart-totals-wrapper .cart-total .mdl-proceed-to-checkout-btn { margin-top: 15px; padding-right: 42px; } .checkout-cart-index .cart-totals-wrapper .cart-total ul li { padding: 0 0 20px 0; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block { width: 51%; padding: 15px 15px; float: left; margin: 44px 0 0 30px; border: 1px solid rgb(224,224,224); } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cart-info-message .icon-honor2-check-circle { color: #10B514; margin-right: 10px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cart-info-message .icon-honor2-close-fancybox { color: #E12848; margin-right: 10px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .icon-honor2-cod, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .icon-honor2-store_pickup { float: left; padding-right: 15px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cashondelivery .payment-title { padding-right: 5px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .storepickup .shipping-title { padding-right: 5px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block li { display: block; margin: 0 0 0 0; padding: 0 0 6px 0; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block a { margin: 0 0 0 5px; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .icon-honor2-check, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .icon-honor2-gift { color: rgb(76,175,80); margin-right: 10px; float: left; } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .icon-honor2-close { margin-right: 10px; float: left; color: rgb(244,67,54); } .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .storepickup, .checkout-cart-index .cart-totals-wrapper .mdl-cart-info-block .cashondelivery { float: left; } .checkout-cart-index .cart-totals-wrapper .mdl-apply-coupon-container { width: 91%; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .cart-totals-wrapper .mdl-apply-coupon-container .apply-coupon { padding: 15px 0px 15px 0; display: block; cursor: pointer; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container { display: none; position: relative; overflow: hidden; width: 102%; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner { width: 90%; float: left; background: #f7f7f7; overflow: hidden; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .apply-coupon-text { float: left; margin-top: 6px; /*margin-left: 15px;*/ margin-left: 15px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .apply-coupon-text.validation-passed { border-bottom: 1px solid #D1D3D4; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-apply-coupon-btn { width: 21%; margin: 20px 13px 20px 0px; float: right; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-apply-coupon-btn .mdl-spinner { left: 31%; top: 4px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-enter-coupon-container-inner-text-field { float: left; width: 67%; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-enter-coupon-container-inner-text-field .mdl-textfield__error { margin-top: 0px; left: 13px; bottom: 0px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-enter-coupon-container-inner-text-field .mdl-textfield__label { margin-top: 5px; margin-left: 15px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again { background: #f7f7f7; padding: 28px 0px 28px 15px; width: 91%; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again .coupon-code-error-msg { float: left; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again .mdl-apply-coupon-try-again-btn { width: 33%; margin-left: 30px; position: absolute; right: 14px; float: right; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-cart-coupon-close-btn { margin-top: 20px; cursor: pointer; position: absolute; top: 7px; right: 0px; padding-top: 8px; } .checkout-cart-index .cart-totals-wrapper .mdl-applied-coupon { padding: 15px 0 15px 0; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .no-items { margin: 0 0 0 0; text-align: center; min-height: 382px; padding: 20% 0; } .checkout-cart-index .no-items .messages { position: absolute; top: 10px; text-align: left; } .checkout-cart-index .no-items .no-items-inner { margin: 0 auto 0 auto; padding: 10px 0 0 0; width: 65%; } .checkout-cart-index .no-items .no-items-inner .page-title { padding-top: 20px; } .checkout-cart-index .no-items .no-items-inner .cart-empty { margin-top: 20px; } .checkout-cart-index .no-items .no-items-inner .cart-empty a { color: #0DB5D7; text-decoration: none; font-size: 1rem; } .checkout-cart-index .no-items .no-items-inner .no-items-sprite { margin: 0 auto 0 auto; display: block; height: 77px; width: 76px; } .checkout-cart-index .no-items .no-items-inner .no-items-sprite:before { font-size: 60px; } .checkout-cart-index .mdl-messages { padding: 0px; } .checkout-cart-index .promotional-over { overflow: hidden; } .checkout-cart-index .promotional-over .inner-content { width: 147px; float: left; min-height: 200px; } .checkout-cart-index .promotional-over .inner-content .product-wrapper { border: 1px solid rgb(224,224,224); padding: 5px 0 5px 0; width: 110px; margin: 0 auto; background: white; position: relative; } .checkout-cart-index .promotional-over .inner-content .product-wrapper .gift-check { width: 0; height: 0; border-top: 40px solid #10B514; border-right: 40px solid transparent; position: absolute; top: 0; z-index: 999; } .checkout-cart-index .promotional-over .inner-content .product-wrapper .product-image img { margin: 0 auto; } .checkout-cart-index .promotional-over .inner-content .product-wrapper .icon-honor2-check:before { position: absolute; top: -34px; left: 6px; color: #ffffff; } .checkout-cart-index .promotional-over .inner-content .promotional-button { height: auto; } .checkout-cart-index .promotional-over .inner-content .promotional-button input { display: none; } .checkout-cart-index .promotional-over .inner-content .product-name { padding: 10px 35px 5px 35px; margin-bottom: 0px; } .checkout-cart-index .promotional-over .inner-content .price-box { display: none; } .checkout-cart-index .promotional-over .inner-content .item { width: 175px; } .checkout-cart-index .promotional-over #update_promotional_gift { border: none; background-color: #F1EFF0; margin-bottom: 0; } .checkout-cart-index .promotional-over #update_promotional_gift .promotional-title { margin-top: 35px; margin-left: 30px; background: none; } .checkout-cart-index .promotional-over #update_promotional_gift .promotional-title .icon-honor2-gift { color: rgb(76,175,80); } .checkout-cart-index .promotional-over #update_promotional_gift .promotional-title .product-heading { margin-bottom: 25px; } .checkout-cart-index .promotional-over #update_promotional_gift .promotional-title .product-heading .icon-honor2-gift { margin-right: 5px; } .checkout-cart-index .promotional-over .gift-btn-div { margin-left: 30px; } .checkout-cart-index .promotional-over .slick-prev { left: 20px; position: absolute; top: 20%; } .checkout-cart-index .promotional-over .slick-prev::before { left: 3px; position: relative; top: -1px; } .checkout-cart-index .promotional-over .slick-next { position: absolute; right: 20px; top: 20%; } .checkout-cart-index .promotional-over .slick-next::before { left: 5px; position: relative; top: -1px; } .mdl-product-cart-info .item-msg.error { position: absolute; bottom: -7px; font-size: 12px; font-weight: normal; left: 0px; } .mdl-product-cart-info .item-msg:nth-child(2) { top: 25px !important; } .ipad .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping { width: 102%; } .ipad .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { right: -12%; } @media only screen and (min-width: 1015px) and (max-width: 1035px) { .checkout-cart-index .cart-totals-wrapper .cart-total .rows ul li .list-outer { float: left; width: 90%; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon { width: 94%; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon .list-outer { width: 99%; float: left; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { right: -30px; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon .mdl-cart-close-btn { position: relative; margin-top: -65px; float: right; right: -28px; } } @media only screen and (max-width: 979px) { .checkout-cart-index .promotional-over #update_promotional_gift .free-gift-wrapper-cart .block-related .gift-cart-slider { margin-left: 0px; } .checkout-cart-index .gift-btn-div { margin-left: 30px; } .checkout-cart-index .gift-btn-div #update_cart { margin-top: 10px; margin-bottom: 20px; } .checkout-cart-index .cart-warranty { border-top: 0px !important; border-bottom: 0px !important; } .checkout-cart-index .cart-warranty .warranty-icon-div1 { display: block; padding-top: 6px; margin: 0 auto; } .checkout-cart-index .cart-warranty .warranty-icon-div { display: none; } .checkout-cart-index .cart-warranty .product-name { padding: 0px; } .checkout-cart-index .cart-warranty .mdl-product-cart-info { margin-top: 16px; } .checkout-cart-index .mdl-order-table #gift-catalog-heading { border-bottom: none; } .checkout-cart-index .mdl-order-table #gift-catalog-heading td { border-top: none; } .checkout-cart-index .mdl-order-table #gift-change { border-bottom: none; } .checkout-cart-index .mdl-order-table #gift-change td { border-top: none; } .checkout-cart-index .mdl-order-table #gift-catalog-inner, .checkout-cart-index .mdl-order-table #gift-inner { border-top: none; border-bottom: none; } .checkout-cart-index .mdl-order-table #gift-catalog-inner:last-child, .checkout-cart-index .mdl-order-table #gift-inner:last-child { border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table .last td { border: none; } .checkout-cart-index .mdl-order-table .bundle-last td, .checkout-cart-index .mdl-order-table .bundle-child td { border: none; } .checkout-cart-index .mdl-order-table .bundle-last td .child-bundle-img, .checkout-cart-index .mdl-order-table .bundle-child td .child-bundle-img { display: block; } .checkout-cart-index .mdl-order-table .bundle-last td .bundle-img, .checkout-cart-index .mdl-order-table .bundle-child td .bundle-img { display: none; } .checkout-cart-index .mdl-order-table .bundle-last td .product-name, .checkout-cart-index .mdl-order-table .bundle-child td .product-name { width: auto; height: 66px; padding: 0px 0px 26px 0px; } .checkout-cart-index .mdl-order-table tbody tr.bundle .product-cart-price { padding-top: 20px; } .checkout-cart-index .mdl-order-table tbody tr.bundle .mdl-product-cart-info .product-description-wrapper .quantity { margin-top: -7px; } .checkout-cart-index .mdl-order-table tbody tr.bundle-child { border-top: 0px; border-bottom: 0px; } .checkout-cart-index .mdl-order-table tbody tr.bundle-child .product-cart-price { padding-top: 20px; } .checkout-cart-index .mdl-order-table tbody tr.bundle-last { border-top: 0px; } .checkout-cart-index .mdl-order-table tbody tr.bundle-last .mdl-product-cart-info .product-description-wrapper .quantity { margin-top: -7px; } .checkout-cart-index .mdl-order-table tbody tr.bundle-last .product-cart-price { padding-top: 20px; } .checkout-cart-index .mdl-order-table tbody tr .product-cart-actions-qty .product-qty-column-error { bottom: -4px; } .checkout-cart-index .mdl-order-table .bundle.first td { border: 0px; } .checkout-cart-index .mdl-order-table .bundle-child .product-description-wrapper, .checkout-cart-index .mdl-order-table .bundle-last .product-description-wrapper { margin-left: -10px; } .checkout-cart-index .product-cart-actions-qty { height: 50px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping { width: 102%; } .checkout-cart-index .gift-catalog-inner .mdl-btn-action-remove { display: none !important; } .checkout-cart-index .cart-table .gift-inner .mdl-product-cart-info .mdl-btn-action-remove { display: none; } .checkout-cart-index .cart-table .bundle td .bundle-highlight { padding-left: 0px; } .checkout-cart-index .cart-table .bundle td .bundle-highlight .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon .list-outer, .checkout-cart-index .cart-table .bundle td .bundle-highlight .checkout-cart-index .cart-totals-wrapper .cart-totals .rows .mdl-cart-totals .cart-total ul li { width: 89%; } .checkout-cart-index .mdl-product-cart-info .item-msg.error { left: 10px; position: absolute; top: 138px !important; } .checkout-cart-index .mdl-cart-margin { margin-left: 0px; } .checkout-cart-index .mdl-messages { padding: 0; } .checkout-cart-index .mdl-messages .success-msg li { height: auto; } .checkout-cart-index .mdl-messages .message_icon .icon-honor2-check-with-circle { float: left; width: 2%; margin-right: 10px; } .checkout-cart-index .mdl-messages .message_icon .message_space { float: left; width: 85%; } .checkout-cart-index .mdl-messages .message_icon .close-btn { width: 8%; } .checkout-cart-index .mdl-messages .message_icon .close-btn .icon-honor2-close { float: right; } .checkout-cart-index .mdl-cart-margin { margin-bottom: 5px; margin-left: 0; } .checkout-cart-index .main-container-cart { padding: 10px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper { padding: 0; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-actions, .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-info-block, .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-totals { width: 100%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-actions { float: none; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-info-block { margin: 0; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-cart-totals { float: none; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .total-block .mdl-continue-shopping-btn { text-align: center; display: none; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .total-block .mdl-proceed-to-checkout-btn { width: 100%; margin-right: 0; float: none; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .total-block .mdl-continue-shopping-btn-mobile { text-align: center; display: block; margin-top: 20px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .order-summary-amount-payable .total-amount-price #grand-total { float: right; margin-right: 0px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total #list-discount-coupon #list-discount-coupon { width: 104%; padding: 0; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total #list-discount-coupon #list-discount-coupon #discount-coupon .list-outer { width: 91%; float: left; padding: 15px 0; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total #list-discount-coupon #list-discount-coupon #discount-coupon .list-outer .cost-details-price-coupon-discount { margin-right: 10px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total #list-discount-coupon #list-discount-coupon #discount-coupon .mdl-cart-close-btn { display: inline-block; margin-top: 8px; right: -3px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total .mdl-proceed-to-checkout-btn { padding-right: 0; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total .list-outer .cost-details-price { margin-right: 0px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows .cart-total .list-outer .cost-details-price #cart-discount-amount { margin-right: 20px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container { overflow: hidden; width: 100%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again { width: 93%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again .mdl-apply-coupon-try-again-btn { width: 38%; margin-left: 12px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-enter-coupon-container-inner-text-field { width: 66%; } .checkout-cart-index .main-container-cart .cart { padding: 10px; } .checkout-cart-index .main-container-cart .col-main { margin-bottom: 0px; } .checkout-cart-index .main-container-cart .col-main .mdl-shadow--2dp { box-shadow: none; } .checkout-cart-index .mdl-order-table td { padding: 20px 0 0 0; } .checkout-cart-index .mdl-order-table td img { margin: 7px 0 0 0; width: 60px; } .checkout-cart-index .mdl-order-table tbody tr { border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .checkout-cart-index .mdl-order-table tbody tr .product-cart-image .product-image { margin-left: 0; } .checkout-cart-index .mdl-order-table tbody tr .product-cart-image .product-image img { width: 60px; height: 60px; } .checkout-cart-index .mdl-order-table tbody tr .mdl-product-cart-info, .checkout-cart-index .mdl-order-table tbody tr .product-cart-price, .checkout-cart-index .mdl-order-table tbody tr .product-cart-actions { padding-left: 10px !important; } .checkout-cart-index .mdl-order-table .gift-inner .product-cart-image-gift .product-image, .checkout-cart-index .mdl-order-table .gift-catalog-inner .product-cart-image-gift .product-image { margin-left: 0; overflow: visible; } .checkout-cart-index .mdl-order-table .product-code { margin-top: 5px; } .checkout-cart-index .cart-table tbody .mdl-product-cart-info .product-name { float: left; padding-top: 7px; } .checkout-cart-index .cart-table tbody .mdl-product-cart-info .mdl-btn-action-remove { margin-top: 40px; position: absolute; right: 10px; } .checkout-cart-index .cart-table .product-cart-image { width: 22%; float: left; padding-bottom: 0; } .checkout-cart-index .cart-table .mdl-product-cart-info .product-name { width: 90%; } .checkout-cart-index .cart-table .product-cart-actions { text-align: left; padding: 0 !important; position: relative; } .checkout-cart-index .cart-table .product-cart-actions .mdl-quantity-container { width: 50%; left: 50px; position: absolute; top: 0; } .checkout-cart-index .cart-table .product-cart-actions .mdl-quantity-container .no { width: 50%; text-align: center; } .checkout-cart-index .cart-table .mdl-product-cart-info, .checkout-cart-index .cart-table td[data-rwd-label] { float: right; width: 78%; } .checkout-cart-index .cart-table .mdl-product-cart-info .mdl-btn-action-remove, .checkout-cart-index .cart-table td[data-rwd-label] .mdl-btn-action-remove { display: block; color: rgb(117,117,117); text-decoration: none; float: right; z-index: 1; } .checkout-cart-index .cart-table .mdl-product-cart-action-remove, .checkout-cart-index .cart-table .mdl-product-cart-total, .checkout-cart-index .cart-table .product-cart-actions .cart-links { display: none; } .checkout-cart-index .cart-table .bundle .product-cart-image { padding: 0; } .checkout-cart-index .cart-table .bundle-child td { padding: 5px; } .checkout-cart-index .cart-table .bundle-child .product-cart-actions { display: none; } .checkout-cart-index .cart-table .bundle-last .product-cart-actions { display: none; } .checkout-cart-index .cart-table colgroup, .checkout-cart-index .cart-table thead { display: none; } .checkout-cart-index .cart-table td { border: 0; display: block; } .checkout-cart-index .cart-table td[data-rwd-label] { margin: 0 0 6px 0; padding: 0 0 0 5px; } .checkout-cart-index .cart-table td[data-rwd-label]:before { padding: 0 5px 0 0; content: attr(data-rwd-label) ":"; text-transform: uppercase; float: left; } } @media only screen and (max-width: 770px) { .checkout-cart-index .gift-btn-div { width: 92%; margin: 0 auto; text-align: center; margin-bottom: 10px; } .checkout-cart-index .gift-btn-div #update_cart { width: 100%; } .checkout-cart-index .mdl-cart-margin { padding-left: 20px; } .checkout-cart-index .main-container-cart { padding: 0px; } .checkout-cart-index .main-container-cart .cart { padding: 0px; } .checkout-cart-index .promotional-over .inner-content .product-name { text-align: left; } .checkout-cart-index .fancybox-wrap, .checkout-cart-index .fancybox-inner { width: auto; } .checkout-cart-index .free-gift-wrapper-cart .btn-space .update_cart { margin-top: 10px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { right: -12%; } .checkout-cart-index .cart-totals-wrapper .cart-total .rows ul li .list-outer .cost-details-price #discount-amount { float: left; margin-right: 10px; } .checkout-cart-index .cart-table .product-cart-actions .mdl-quantity-container { top: -5px; } .checkout-cart-index .cart-table .product-cart-actions .mdl-quantity-container .no { width: 35px; } .checkout-cart-index .mdl-order-table .bundle .mdl-product-cart-action-remove { display: inline-block; position: absolute; right: -58px; } .checkout-cart-index .mdl-order-table .product-code { margin-top: 9px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-apply-coupon-btn .mdl-spinner { left: 40%; } .checkout-cart-index #shopping-cart-table.mdl-order-table tbody tr td:first-child { padding-left: 15px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper { padding: 15px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .rows ul li .list-outer { float: left; width: 94%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .cart-total .tax-row .cost-details-price .price { margin-right: 0px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .cart-total #list-discount-coupon #discount-coupon .list-outer { width: 100%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .cart-totals .cart-total #list-discount-coupon #discount-coupon .list-outer .cost-details-price-coupon-discount { margin-right: 33px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-apply-coupon-container { width: 100%; } .checkout-cart-index .gift-btn-div { width: 92%; margin: 0 auto; text-align: center; margin-bottom: 10px; } .checkout-cart-index .gift-btn-div #update_cart { width: 100%; } } @media only screen and (max-width: 599px) { .checkout-cart-index .mdl-product-cart-info .item-msg.error { font-size: 0.8571rem; position: absolute; top: 138px; left: -3%; padding-left: 17px; } .checkout-cart-index .gift-oos-main-div .outofstock-desc { padding: 60px 10px 10px 10px; } .checkout-cart-index .gift-oos-main-div .btn-space { padding: 20px 10px 30px 10px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-cart-coupon-close-btn { right: -1px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner { width: 88%; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-apply-coupon-btn .mdl-spinner { left: 31%; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { right: -13% !important; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping { width: 99% !important; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon i#remove-coupon { position: relative; float: left; bottom: 50px; margin-left: -40px; } .checkout-cart-index .cart-totals-wrapper .mdl-product-cart-info .icon-honor2-close::before { position: absolute; top: 10px; left: 11px; } .checkout-cart-index .mdl-order-table .bundle .mdl-product-cart-action-remove { display: inline-block; position: absolute; right: -35px; } .checkout-cart-index .mdl-order-table .product-code { line-height: 13px; } .checkout-cart-index .mdl-order-table .no-items .no-items-inner { width: 95%; } .checkout-cart-index .promotional-over .gift-btn-div { margin: 0 auto; margin-bottom: 10px; text-align: center; width: 92%; } .checkout-cart-index .promotional-over .gift-btn-div #update_cart { width: 100%; } .checkout-cart-index .promotional-over #update_promotional_gift .free-gift-wrapper-cart .block-related .gift-cart-slider { display: inline-block; margin-left: -15px; } .checkout-cart-index .promotional-over #update_promotional_gift .promotional-title { margin-left: 20px; } } @media only screen and (max-width: 980px) { .main-container-cart .mdl-order-table .bundle .mdl-product-cart-action-remove { display: inline-block; position: absolute; right: -48px; } } @media only screen and (max-width: 470px) { .main-container-cart .mdl-order-table td { padding: 20px 0 0 0; } .main-container-cart .mdl-order-table td img { margin: 7px 0 0 0; } .main-container-cart .mdl-order-table .bundle .mdl-product-cart-action-remove { display: inline-block; position: absolute; right: -20px; } .gift-btn-div { width: 92%; margin: 0 auto; text-align: center; margin-bottom: 10px; } .gift-btn-div #update_cart { width: 100%; } .mdl-cart-info-block .learn-more-tooltip .learn-more-block { right: 0px; display: inline-block; position: absolute; word-break: break-word; z-index: 9; bottom: 0px; text-align: center; margin-left: 2px; } .mdl-cart-info-block .learn-more-tooltip .learn-more-block .learn-more-block-txt { background: #FFFFFF; height: 100%; width: 100%; border: 1px solid #e0e0e0; color: #000000; padding: 10px; word-break: break-word; box-shadow: 0px 0px 3px #A9A9A9; display: inline-block; margin-left: -233px; text-align: center; } .mdl-cart-info-block .learn-more-tooltip .learn-more-block:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #e0e0e0; bottom: 11px; left: -115px; } } @media only screen and (max-width: 330px) { .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon i#remove-coupon { position: relative; float: right; margin-left: -40px; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon .list-outer { width: 92%; right: -8px; } .checkout-cart-index .cart-totals-wrapper .cart-total #list-discount-coupon #discount-coupon .list-outer .cost-details-price-coupon-discount { margin-right: 0px; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-cart-coupon-close-btn { right: -1px; } .checkout-cart-index .cart-totals-wrapper .cart-total .tax-row .shipping-block .shipping-block-close-btn { right: -32px; } .checkout-cart-index .cart-totals-wrapper .cart-total .cost-detail { width: 41%; } .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again #ajax-response-message { display: inline-block; width: 135px; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .mdl-enter-coupon-container-inner-text-field { width: 63%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again { width: 91%; } .checkout-cart-index .main-container-cart .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-try-again .mdl-apply-coupon-try-again-btn { bottom: 30px; } .checkout-cart-index .promotional-over #update_promotional_gift .free-gift-wrapper-cart .block-related .gift-cart-slider { display: inline-block; margin-left: -15px; } .checkout-cart-index .mdl-cart-info-block .learn-more-tooltip .learn-more-block { right: 0px; display: inline-block; position: absolute; word-break: break-word; z-index: 9; bottom: 0px; text-align: center; margin-left: 115px; } .checkout-cart-index .mdl-cart-info-block .learn-more-tooltip .learn-more-block .learn-more-block-txt { width: 100%; margin-left: -205px; } .checkout-cart-index .mdl-cart-info-block .learn-more-tooltip .learn-more-block:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid rgb(224,224,224); bottom: 11px; left: -100px; } .checkout-cart-index .mdl-cart-info-block .learn-more-tooltip .learn-more-block:after { border-right: 0px; } .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail-coupon-discount { width: 50%; } .mdl-product-cart-info .item-msg.error { font-size: 0.8571rem; position: absolute; top: 138px; left: -30% !important; padding-left: 17px; } } /* checkout cart gust button */ .gCardBtnDiv { width: 124px; margin: 0px auto; padding: 20px 0; } .gCardBtnDiv .btnDivLine { width: 42px; height: 1px; float: left; background: rgba(0, 0, 0, 0.12); } .gCardBtnDiv .btnDivText { float: left; text-align: center; width: 39px; font-size: 14px; font-weight: 500; top: -10px; position: relative; color: #000; } .mdl-continue-shopping-btn button { margin: 0px; } .mdl-quantity-container { float: none; } .mdl-quantity-container .subtract, .mdl-quantity-container .no, .mdl-quantity-container .add { display: inline-block; vertical-align: middle; } .mdl-quantity-container .add { /*margin-left: 10px;*/ margin-left: 12px; color: rgb(117,117,117); cursor: pointer; width: 15px; height: 15px; background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/cart-sprite.png) -54px 0px; } .mdl-quantity-container .no { width: 30%; } .mdl-quantity-container .no .quantity-input { text-align: center; color: rgb(33,33,33); border: 1px solid rgba(0, 0, 0, 0.12); width: 35px; height: 30px; } .mdl-quantity-container .no .quantity-input:focus { border: 1px solid #0DB5D7; } .mdl-quantity-container .subtract { cursor: pointer; /*margin-right: 10px;*/ margin-right: 12px; width: 15px; height: 15px; background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/cart-sprite.png) -68px 0px; /*p { border: 1px solid $text-color-secondary; width: 10px; @include margin(0, 0, 0, 0); }*/ } .progress-circle { height: 30px; width: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin: 10px; padding: 4px 10px; display: inline-block; color: rgb(33,33,33); cursor: pointer; } .progress-circle.active { background-color: rgb(255,255,255); } .progress-circle.disabled { background-color: #25bcdb; color: rgb(224,224,224); cursor: default; } .progress-circle-pay { color: rgb(33,33,33); } .progress-circle-pay.active.disabled { color: rgb(33,33,33); } .top-progress-line { border-top: 1px solid #FFFFFF; display: inline-block; height: 0; margin-bottom: 4px; margin-left: 19px; margin-left: 10px; opacity: 0.7; width: 6%; } .disabledbutton { pointer-events: none; opacity: 0.4; } /* ============================================ * * Checkout - Two Step * ============================================ */ .twostepcheckout-twostep-index { /* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */ } .twostepcheckout-twostep-index .cart-totals .rows ul li.tax-amount-payable { padding-right: 0px; } .twostepcheckout-twostep-index .cart-totals .rows ul li .list-outer .cost-detail.tax-amount { width: auto; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 1.25rem; margin-top: 5px; } .twostepcheckout-twostep-index .cart-totals .rows ul li .list-outer #grand-total .price { color: #01B4E1; } .twostepcheckout-twostep-index #checkout-agreements { float: none; } .twostepcheckout-twostep-index .address-select-opt { float: left; margin: 20px 0px 5px 0px; width: 100%; } .twostepcheckout-twostep-index .address-continue-opt { float: left; margin: 25px 0px 45px 0px; width: 100%; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title { cursor: pointer; } .twostepcheckout-twostep-index .opc .section { float: left; width: 100%; } .twostepcheckout-twostep-index .opc .section .step-title { background-color: #F6F6F6; margin: 3px 16px; width: 96%; } .twostepcheckout-twostep-index .opc .section .step-title .step-display-text { float: left; width: 45%; } .twostepcheckout-twostep-index .opc .section .step-title .step-display-text .mdlh-card__title-text { margin-bottom: 0px; font-weight: inherit; } .twostepcheckout-twostep-index .opc .section .step-title .step-display-text .mdl-add-height { float: left; } .twostepcheckout-twostep-index .opc .section#opc-shipping .a-step-display-text .mdl-card__supporting-text .tel-padding, .twostepcheckout-twostep-index .opc .section#opc-billing .a-step-display-text .mdl-card__supporting-text .tel-padding { clear: both; } .twostepcheckout-twostep-index .opc li .a-item { display: inline-block; float: left; margin: 0px 20px 0px 20px; padding: 30px 0px 0px 30px; padding-top: 30px; width: 96%; } .twostepcheckout-twostep-index .opc .section.allow.active .step-title { background-color: #F6F6F6; margin: 3px 14px; width: 96%; } .twostepcheckout-twostep-index .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: rgb(189,189,189); } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title .tick-ok { display: block; float: left; color: rgb(76,175,80); padding-right: 10px; margin-top: 6px; } .twostepcheckout-twostep-index .opc .section .step-title .tick-ok { display: none; } .twostepcheckout-twostep-index .opc .section .step-title a { display: none; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title a { display: block; float: right; height: auto; padding: 6px 10px 0; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title a.a-step-display-text { float: none; line-height: 20px; font-weight: 400; color: rgb(117,117,117); padding-top: 5px; word-break: break-all; } .twostepcheckout-twostep-index .no-touch .opc .section .step-title a:hover { text-decoration: none; } .twostepcheckout-twostep-index .main-container { background: none; padding: 5px 0px 5px 6px; max-width: 1280px; } .twostepcheckout-twostep-index .alert-msg-billing { margin-top: -10px; margin-bottom: 15px; background-color: rgb(245,245,245); color: rgb(117,117,117); padding: 10px 20px; float: left; width: 70%; } .twostepcheckout-twostep-index .alert-msg-billing i { color: rgb(244,67,54); padding-right: 5px; } .twostepcheckout-twostep-index .mobile-adddisplay { display: none; } .twostepcheckout-twostep-index .checkout-step-buttons { padding: 22px 30px 22px 17px; font-size: 0rem; margin-bottom: 7px; } .twostepcheckout-twostep-index .checkout-step-buttons.mdlh-divider-btm { border: none; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape { background-color: #0DB5D7; float: left; position: relative; vertical-align: top; font-size: 1rem; height: 42px; padding: 10px 10px 0px 0px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape span { color: #FFFFFF; padding: 0px 8px 0px 10px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:not(:first-child) { padding-left: 20px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:after { content: ' '; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #0DB5D7; position: absolute; top: 0px; right: -21px; z-index: 99; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:before { content: ' '; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #FFFFFF; position: absolute; top: 0px; right: -21px; z-index: 99; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled { background: #F6F6F6; border-right: none; color: #757575; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled span { color: #D1D3D4; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled:after { border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #F6F6F6; top: 1px; right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled:before { border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #F6F6F6; right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled .progress-circle { background: #F6F6F6; color: #CCCCCC; margin-top: 9px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled #checkout-payment-button { color: #D1D3D4; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active { color: #0DB5D7; background: #F6F6F6; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active span { color: #0DB5D7; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active a { color: #0DB5D7; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active:after { border-left: 21px solid #F6F6F6; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active:before { right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.tab-active:after { right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons a { cursor: pointer; } .twostepcheckout-twostep-index .checkout-step-buttons a.disabled { color: rgb(179,233,246); cursor: default; } .twostepcheckout-twostep-index .checkout-step-buttons .icon-honor2-check { color: rgb(76,175,80); } .twostepcheckout-twostep-index .checkout-step-buttons .progress-circle.icon-honor2-check { line-height: 30px; padding: 0px; text-align: center; } .twostepcheckout-twostep-index .checkout-step-buttons .progress-circle.icon-honor2-check:before { font-weight: bold; } .twostepcheckout-twostep-index .mdl-card__menu { display: block; } .twostepcheckout-twostep-index .main-header-container .secure-center { position: absolute; margin: 0 auto; left: 0px; right: 0px; width: 195px; } .twostepcheckout-twostep-index .main-header-container .secure-center .secure-checkout { margin-top: 18px; color: rgb(117,117,117); } .twostepcheckout-twostep-index .main-header-container .secure-center .secure-checkout .icon-secure-checkout { padding-left: 10px; } .twostepcheckout-twostep-index .col-main { float: left; width: 63%; margin-top: 10px; } .twostepcheckout-twostep-index .col-main .mdl-card { min-height: 750px; padding-bottom: 8px; } .twostepcheckout-twostep-index .col-main #co-shipping-method-form dd { padding-bottom: 25px; } .twostepcheckout-twostep-index .col-main #co-shipping-method-form .price { float: none; } .twostepcheckout-twostep-index .col-main .more-billing-add { float: left; width: 100%; } .twostepcheckout-twostep-index .col-main .more-shipping-add { float: left; width: 100%; } .twostepcheckout-twostep-index .col-main #payment_form_purchaseorder { padding: 10px 0 0 0; } .twostepcheckout-twostep-index .col-main .checkout-collapsible-border { float: left; width: 100%; padding: 30px 30px 22px 30px; } .twostepcheckout-twostep-index .col-main .mdl-grid { padding: 0px 0 0 0; } .twostepcheckout-twostep-index .col-main .mdl-grid .form_secuity { padding-left: 25px; margin-top: -25px; display: block; } .twostepcheckout-twostep-index .col-main #checkout-payment-method-load dt { padding-bottom: 25px; } .twostepcheckout-twostep-index .col-main .agreement-cont { color: rgb(33,33,33); } .twostepcheckout-twostep-index .col-main .agreement-cont .agree a { /*color: $text-color-primary;*/ text-decoration: none; } .twostepcheckout-twostep-index .col-main .agreement-cont .agree a:hover { /*color: $color-primary;*/ } .twostepcheckout-twostep-index .col-main .agreement-cont .agree .mdl-checkbox { vertical-align: unset; height: auto; } .twostepcheckout-twostep-index .col-main #review-buttons-container { width: 50%; } .twostepcheckout-twostep-index .osc-billaddress-newbtn .osc-new-address { float: left; position: relative; color: rgb(117,117,117); } .twostepcheckout-twostep-index .delivery-default-tick { border-bottom: 32px solid transparent; border-left: 32px solid rgb(76,175,80); height: 0; left: 0; position: absolute; top: 0; width: 0; } .twostepcheckout-twostep-index .delivery-default-tick i { color: rgb(255,255,255); float: left; margin: 3px 0px 0px -29px; } .twostepcheckout-twostep-index .delivery-pick-option-txt { float: left; margin-top: -20px; } .twostepcheckout-twostep-index .active .checkout-hlabel { color: rgb(33,33,33); } .twostepcheckout-twostep-index .checkout-step-select-buttons { padding-top: 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .title { width: 100%; float: left; text-align: left; /*color: $text-color-primary;*/ } .twostepcheckout-twostep-index .checkout-step-select-buttons .title i { margin-right: 10px; /*@extend .mdl-typo-body4-reg2;*/ /*color: $text-color-secondary;*/ } .twostepcheckout-twostep-index .checkout-step-select-buttons .btm-text { /*color: $text-color-secondary;*/ text-align: left; float: left; padding-top: 5px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-pick-option-box { margin: 0px 30px 0px 0px; padding: 30px; border: 2px solid rgb(224,224,224); background-color: rgb(255,255,255); cursor: pointer; position: relative; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-shipping { float: left; width: 34%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup { float: left; width: 34%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup .delivery-pick-option-box:disabled { opacity: 0.4; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup .sp-not-eligible { /*color: $text-color-highlight-negative;*/ float: left; margin-top: 5px; padding-bottom: 15px; } .twostepcheckout-twostep-index .bill-slide .error-msg-text { color: rgb(244,67,54); margin-top: -15px; } .twostepcheckout-twostep-index .new-address-container { margin-right: 40px; bottom: 0px !important; padding-bottom: 20px; } .twostepcheckout-twostep-index .new-address-container i { cursor: pointer; } .twostepcheckout-twostep-index .new-address-container .mdl-button { padding: 0px 0px 0px 5px; } .twostepcheckout-twostep-index .new-address-container .mdl-button:hover { background-color: transparent; } .twostepcheckout-twostep-index .new-address-container .address-arrow { margin: 2px -11px 0 15px; } .twostepcheckout-twostep-index address { border: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-index address:hover { color: #0DB5D7; background-color: rgb(250,250,250); } .twostepcheckout-twostep-index .buttons-set { float: left; padding: 20px 0px 40px 0px; } .twostepcheckout-twostep-index #pay_button_append { line-height: 42px; } .twostepcheckout-twostep-index .mdlh-address-card-select { background-color: rgb(255,255,255); } .twostepcheckout-twostep-index #co-shipping-form .form-list, .twostepcheckout-twostep-index #co-billing-form .form-list { margin-top: -20px; } .twostepcheckout-twostep-index #co-shipping-form .form-list li, .twostepcheckout-twostep-index #co-billing-form .form-list li { float: left; width: 100%; } .twostepcheckout-twostep-index #co-shipping-form { width: 100%; } .twostepcheckout-twostep-index #co-billing-form { width: 100%; } .twostepcheckout-twostep-index #billing-new-address-form { padding-top: 15px; } .twostepcheckout-twostep-index .opc-address-main { float: left; width: 100%; padding: 0px; } .twostepcheckout-twostep-index .opc-address-main .opc-shipfull-address { width: 100%; } .twostepcheckout-twostep-index .col-right { float: left; width: 36%; } .twostepcheckout-twostep-index .col-right img { height: 60px; max-width: none; width: 60px; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container { display: block; max-height: 273px; overflow: auto; overflow-x: hidden; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table { max-height: none; overflow: visible; width: 100%; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table tbody { width: 100%; direction: ltr; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table tbody .price-box .regular-price { float: right; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table .bundle-image { width: 70px; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table .bundle-description { margin-left: 70px; } .twostepcheckout-twostep-index .col-right .checkout-review-table-container #checkout-review-table .bundle-description > div { float: none; width: auto; } .twostepcheckout-twostep-index .col-right #checkout-review-table-wrapper .order-summary-amount-payable { padding-bottom: 45px; } .twostepcheckout-twostep-index .col-right #checkout-review-table-wrapper .cart-link { float: right; text-decoration: none; margin-top: 7px; } .twostepcheckout-twostep-index .col-right .mdl-order-table .product-code { display: inline-block; width: 163px; } .twostepcheckout-twostep-index .col-right .mdl-order-table .bundlehead td { border-top: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-index .col1-layout { top: 0px; } .twostepcheckout-twostep-index .cost-details-price-coupon-discount { margin-right: 0px !important; } .twostepcheckout-twostep-index .cost-details-price-coupon-discount .cost-details-price { margin-right: 0px !important; } .twostepcheckout-twostep-index #remove-coupon { display: none; } .twostepcheckout-twostep-index .address-arrow .mdl-button { line-height: 33px; } .twostepcheckout-twostep-index .mdl-textfield__error { line-height: 12px; } .twostepcheckout-twostep-index .two-step-padding { padding: 0px 0px 45px 0px; } .twostepcheckout-twostep-index .checkout-bar-block { background-color: rgb(250,250,250); float: left; width: 100%; border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-index .step-title { padding: 0px 30px; float: left; width: 100%; padding: 24px 30px 21px; } .twostepcheckout-twostep-index .checkout-hlabel { width: 30%; float: left; } .twostepcheckout-twostep-index .checkout-edit { width: 20%; float: right; text-align: right; } .twostepcheckout-twostep-index .checkout-edit a { /*color: $color-primary;*/ text-transform: uppercase; text-decoration: none; } .twostepcheckout-twostep-index #co-payment-form { border-bottom: 1px solid rgb(224,224,224); margin-bottom: 30px; padding-bottom: 15px; } .twostepcheckout-twostep-index #co-payment-form .gift-voucher-co-main { margin-bottom: 20px; } .twostepcheckout-twostep-index #checkout-step-payment { clear: both; display: block; float: none; padding-right: 30px; width: auto; } .twostepcheckout-twostep-index #checkout-step-payment .clear-div { clear: both; } .twostepcheckout-twostep-index #checkout-review-submit { min-height: 0px; float: left; position: relative; width: 100%; } .twostepcheckout-twostep-index .footer-container .footer-bottom { margin: auto 30px 50px auto; display: inline-block; } .twostepcheckout-twostep-index .fancybox-outer { padding: 30px 0px; } .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content { padding-top: 0px; } .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content .mdl-popup__msg { margin-top: 2px; } .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content p { margin-bottom: 20px; } .twostepcheckout-twostep-index .fancybox-outer .mdl-popup__content a { text-decoration: none; } .twostepcheckout-twostep-index .require_field { padding-right: 8px; } .twostepcheckout-twostep-index .main > .col-right { background: #fff; border-radius: 2px; margin: 10px 8px 0px 12px; padding: 0px; width: 35%; width: calc(36% - 10px); } .twostepcheckout-twostep-index .main > .col-right .mdl-card.mdl-card-margin { margin: 0px; max-height: 750px; overflow: auto; width: 100%; } .twostepcheckout-twostep-index .ui-autocomplete .ui-menu-item:first-child { color: #0DB5D7; } .twostepcheckout-twostep-index #scrollstorepickmain .pickup-left .mdl-radio .mdl-card__supporting-text { width: 100%; } .fieldset .mdl-cell { margin: 0px 8px 0 8px; } .fieldset .mdl-cell--1-colphone { margin-right: 4px; } .warranty-options td { border-bottom: none; } .warranty-child td { border: none; padding: 15px 0px; } .warranty-child .warranty-checkout-main { width: 100%; } .warranty-child .warranty-checkout-main .checkout-warranty-icon { border: 1px solid rgb(224,224,224); float: left; height: 60px; padding: 18px; width: 60px; } .warranty-child .warranty-checkout-main .product-name { display: block; float: none; height: 66px; margin-left: 30%; padding-left: 0px; padding-top: 20px; } .twostepcheckout-twostep-index { /* captcha section style 01-04-2013 start*/ /* captcha section style 01-04-2013 end*/ } .twostepcheckout-twostep-index .captcha-info-box { display: inline-block; margin-bottom: 15px; } .twostepcheckout-twostep-index .captcha-info-box > .captcha-field { padding: 20px 3px 20px 20px; background: rgb(250,250,250); } .twostepcheckout-twostep-index .captcha-txt { color: rgb(33,33,33); display: inline-block; vertical-align: middle; } .twostepcheckout-twostep-index #co-captcha-form { display: inline-block; vertical-align: middle; } .twostepcheckout-twostep-index #co-captcha-form > .honor-width100 { float: none; vertical-align: middle; } .twostepcheckout-twostep-index .input-captcha { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; width: auto; } .twostepcheckout-twostep-index .captch_input-text { border: 1px solid #A9A9A9; height: 31px; width: 108px; display: block; } .twostepcheckout-twostep-index .captcha-img { display: inline-block; float: left; } .twostepcheckout-twostep-index .input-captcha-msg { font-weight: 600; } .twostepcheckout-twostep-index .honorMobView { display: none; } .twostepcheckout-twostep-index .honorDesktopView { display: inline-block; float: none; vertical-align: middle; } .twostepcheckout-twostep-index .refresh-captcha-button { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/checkout-sprite.png) no-repeat scroll -76px -743px; height: 27px; width: 24px; cursor: pointer; display: inline-block; margin-left: 14px; vertical-align: middle; } .twostepcheckout-twostep-index .icon-honor2-check-circle { color: #10B514; padding-left: 8px; vertical-align: middle; } .twostepcheckout-twostep-index .validation-advice { color: rgb(244,67,54); display: block; margin: 10px 0px 0px 0px; } .twostepcheckout-twostep-index .honor-rightGrideOrderSummary { width: 100%; float: left; padding-bottom: 25px; } .twostepcheckout-twostep-index #checkout-review-submit.honor-newCaptchaProcess { position: relative; } .twostepcheckout-twostep-index .honor-captchaOuter { width: 100%; float: left; } .twostepcheckout-twostep-index .honor-captchaOuter #co-captcha-form { padding-left: 0px; } .twostepcheckout-twostep-index .honor-captchaOuter .captch_input-text { width: 100%; height: 34px; float: left; padding: 0 3px; margin: 10px 0 0 0; } .twostepcheckout-twostep-index .honor-width100 { width: 100%; float: left; } .twostepcheckout-twostep-index .captcha-img-div { padding-left: 9px; width: 260px; } .twostepcheckout-twostep-index .captcha-img-div .imgArea { float: left; padding: 0px 0px 0px 10px; display: inline-block; float: none; vertical-align: middle; width: 75%; } .twostepcheckout-twostep-index .captcha-img-div .imgArea .captcha-img { max-width: 180px; width: 100%; } .twostepcheckout-twostep-index .mdl-popup { word-wrap: break-word; } .twostepcheckout-twostep-index .mdl-popup .mdl-popup__content { padding-top: 0px; } .twostepcheckout-twostep-index .mdl-popup .mdl-popup__content h1 { line-height: normal; margin-top: 0px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box { border: 1px solid rgb(224,224,224); padding: 30px 30px 30px 30px; display: inline-block; width: 100%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper { display: inline-block; float: none; padding-right: 16px; width: 45%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper #otp_country_code_div { width: 100%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper #otp_telephone_number_div { width: 70%; padding-top: 20px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper #otp_otp_number_div { padding-bottom: 0; padding-top: 25px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper .mdl-textfield { padding-bottom: 0px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper .otp-phone { float: left; width: 20%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper .otp-phone-validate { float: right; width: 75%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper, .twostepcheckout-twostep-index .get-otp-html .otp-info-box .buttons-set { display: inline-block; vertical-align: top; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .buttons-set { float: none; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .buttons-set { padding-bottom: 0px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .buttons-set button { margin-right: 10px; padding-bottom: 0px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .def-link { color: #0DB5D7; cursor: pointer; padding-right: 20px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box #otp-error-message { margin-top: -3px; color: rgb(209,8,22); font-size: 10px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box #otp-info-message-display { padding-top: 20px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box #otp-info-message-display #otp-change-number-a { margin-left: 20px; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box { display: inline-block; float: none; width: 100%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field { background: none; display: inline-block; float: none; padding: 20px 0px 0px 0px; width: 100%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field #co-captcha-form { float: none; width: 100%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-txt { display: none; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .input-captcha { display: inline-block; float: none; margin-bottom: 0; margin-left: 0; padding-bottom: 0; vertical-align: bottom; width: 42%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .input-captcha .captch_input-text { background: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.26); width: 100%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView { display: inline-block; float: none; vertical-align: bottom; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView .imgArea { display: inline-block; float: none; height: 50px; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView .imgArea .captcha-img { float: none; height: 100%; width: auto; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView .refresh-captcha-button { display: inline-block; float: none; margin: 0; vertical-align: middle; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView .success-captcha-text { float: none; position: static; vertical-align: middle; } .twostepcheckout-twostep-index .get-otp-html .otp-success-box-wrapper { border: 1px solid rgb(224,224,224); display: inline-block; padding: 30px 57px 30px 30px; } .twostepcheckout-twostep-index .get-otp-html .otp-success-box { color: rgb(76,175,80); display: inline-block; position: relative; } .twostepcheckout-twostep-index .get-otp-html .otp-success-box:after { bottom: 4px; content: "\f118"; font-family: "honor2-icons-v3"; font-size: 19px; font-weight: normal; height: 20px; position: absolute; right: -29px; width: 20px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.MC { background-position: 0px -61px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield .cc_type_icon.VI { background-position: 0px -91px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-radio.is-upgraded { font-weight: bold; /*margin-top:12px;*/ } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .hideDefaultValue { color: transparent; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } .twostepcheckout-twostep-index table.sp-methods th { border-bottom: #CCCCCC solid 1px; padding: 15px 70px 5px 10px; } .twostepcheckout-twostep-index table.sp-methods th.time { width: 150px; } .twostepcheckout-twostep-index table.sp-methods td { padding: 13px 10px 10px 10px; font-weight: bold; } .twostepcheckout-twostep-index table.sp-methods td .mdl-radio__label { margin-top: 1px; } .twostepcheckout-twostep-index table.sp-methods td .mdi-navigation-arrow-drop-down { right: 0px; top: 12px; } .twostepcheckout-twostep-index table.sp-methods td .select-wrapper input.select-dropdown { font-weight: bold; } .twostepcheckout-twostep-index table.sp-methods td .select-wrapper .icon-honor2-arrow-down { background-clip: padding-box; background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/sprite.png") no-repeat; background-position: bottom right; height: 18px; line-height: 2rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.9rem; width: 100%; margin: 0px; padding: 0 15px 0 0; z-index: 99; text-overflow: ellipsis; } .twostepcheckout-twostep-index table.sp-methods td .select-wrapper .icon-honor2-arrow-down:before { content: ''; } .twostepcheckout-twostep-index .redem-voucher { padding: 20px 10px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap { position: relative; float: left; padding: 15px; width: 26%; border: 1px solid rgba(0, 0, 0, 0.12); } .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable { margin-bottom: 0; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable #edit_giftvoucher { color: #02A1C9; padding-left: 10px; cursor: pointer; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .price { color: #212121; margin-bottom: 0; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .price #edit_giftvoucher { color: #02A1C9; padding-left: 5px; cursor: pointer; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .price.skyBlue .price { color: #02A1C9; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .v-bala { position: absolute; bottom: -23px; left: 0; min-width: 200px; max-width: 400px; } .twostepcheckout-twostep-index .redem-voucher .minus { float: left; padding: 25px 5px 5px 5px; } .twostepcheckout-twostep-index .redem-voucher .equal { float: left; padding: 37px 10px 10px 10px; } .twostepcheckout-twostep-index #customer-gift-vouchers { width: 800px; padding: 20px 50px 0px 50px; } .twostepcheckout-twostep-index #customer-gift-vouchers .supporting-text { background: #f7f7f7; padding: 10px; display: inline-block; margin: 9px 0; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter { width: 100%; margin-top: 20px; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter .GiftVoucher-Wrapper .voucher-left .mobText { font-weight: 500; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter .GiftVoucher-Wrapper .voucher-right .mobText .price { color: #02A1C9; cursor: pointer; } .twostepcheckout-twostep-index #customer-gift-vouchers .redeem-btn { text-align: right; margin-top: 22px; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableHeading .mdl-checkbox__label, .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableHeading div { font-weight: bold; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableHeading .mdl-checkbox.is-upgraded { padding-top: 3px; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableBody .mdl-checkbox.is-upgraded { padding-top: 3px; } .twostepcheckout-twostep-index #customer-gift-vouchers #giftvouchers-close-btn { position: absolute; top: 5px; right: 20px; cursor: pointer; } .twostepcheckout-twostep-index #customer-gift-vouchers .validation-advice { color: #E12848; } @media only screen and (max-width: 770px) { .twostepcheckout-twostep-index .redem-voucher .box-wrap { padding: 15px; width: 100%; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable { float: left; } .twostepcheckout-twostep-index .redem-voucher .box-wrap > .price { float: right; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .v-bala { position: static; margin-top: 5px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap:last-child { border: 0; } .twostepcheckout-twostep-index .redem-voucher .minus, .twostepcheckout-twostep-index .redem-voucher .equal { display: none; } .twostepcheckout-twostep-index #customer-gift-vouchers { width: 100%; padding: 20px 0px 0px 0px; margin-bottom: 0px; position: relative; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter { width: 100%; border-left: 0; padding: 0; } .twostepcheckout-twostep-index #customer-gift-vouchers .honor-SCTableOuter .honor-SCTableBody div { padding: 15px; } .twostepcheckout-twostep-index .main-container { padding-top: 0px; padding-left: 0px; } .twostepcheckout-twostep-index .main-footer-container { margin-top: 6px; } .twostepcheckout-twostep-index .mdl-card { width: 100%; } .twostepcheckout-twostep-index .opc li .a-item { padding-left: 20px; padding-right: 20px; margin: 0px 0px 0px 0px; width: 100%; } .twostepcheckout-twostep-index .opc .section.allow.active .step-title, .twostepcheckout-twostep-index .opc .section .step-title { margin: 3px 0px; width: 100%; } .twostepcheckout-twostep-index .opc .section.allow.active .step-title .step-display-text, .twostepcheckout-twostep-index .opc .section .step-title .step-display-text { width: 80%; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title { margin: 3px 0px; width: 100%; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title a { height: auto; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title a.a-step-display-text { padding-left: 0px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-shipping { width: 45%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup { width: 45%; } .twostepcheckout-twostep-index .checkout-edit { margin-top: -36px; } .twostepcheckout-twostep-index .checkout-hlabel { width: 80%; } .twostepcheckout-twostep-index .col-main { float: left; width: 98%; } .twostepcheckout-twostep-index .col-main .mdl-card { margin: 0px; min-height: auto; padding-bottom: 4px; } .twostepcheckout-twostep-index .col-right { float: left; width: 98%; margin-top: -28px; } .twostepcheckout-twostep-index .col-right .mdl-card { border-top: 1px solid rgb(224,224,224); min-height: auto; } .twostepcheckout-twostep-index .col-right #checkout-review-table tbody { height: auto; } .twostepcheckout-twostep-index .col-right #checkout-review-table tbody .bundle-product-title .last { float: none; } .twostepcheckout-twostep-index .col-right #checkout-review-submit { position: relative; } .twostepcheckout-twostep-index #checkout-step-payment .captcha-txt { width: 100%; } .twostepcheckout-twostep-index .captcha-info-box { width: 100%; } .twostepcheckout-twostep-index #co-shipping-form, .twostepcheckout-twostep-index #co-billing-form { width: 100%; } .twostepcheckout-twostep-index #co-shipping-form .form-list li, .twostepcheckout-twostep-index #co-billing-form .form-list li { width: 100%; } .twostepcheckout-twostep-index .buttons-set { width: 100%; } .twostepcheckout-twostep-index .mdl-button { width: 100%; height: 42px; } .twostepcheckout-twostep-index .new-address-container { margin-right: 0px; } .twostepcheckout-twostep-index .new-address-container .buttons-set, .twostepcheckout-twostep-index .new-address-container .mdl-button { width: auto; } .twostepcheckout-twostep-index .alert-msg-billing { width: 100%; } .twostepcheckout-twostep-index #checkout-review-table { border-top: none; } .twostepcheckout-twostep-index .mobile-logo { width: 38%; } .twostepcheckout-twostep-index .checkout-step-buttons.mdlh-divider-btm { padding-left: 0px; padding-right: 0px; } .twostepcheckout-twostep-index .opc-firststep-shipping #payment_form_pts_cc div#cc-div { width: 100%; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield { position: relative; color: #F6F6F6; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield #pts_cc_cc_type_icon.cc_type_icon { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cctype.png") no-repeat 0px 100px; display: inline-block; height: 24px; position: absolute; right: 5px; top: 23px; width: 36px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield #pts_cc_cc_type_icon.cc_type_icon.MC { background-position: 0px -61px; } .twostepcheckout-twostep-index .opc-firststep-shipping .sp-methods .mdl-textfield #pts_cc_cc_type_icon.cc_type_icon.VI { background-position: 0px -91px; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date { float: left; vertical-align: top; width: auto; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 80px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 145px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent .cvv-img { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/cvv.png") no-repeat 0px 0px; position: absolute; top: 7px; right: 5px; height: 39px; width: 63px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .twostepcheckout-twostep-index { /* Gift Redeem Voucher css by Raghavendra M L */ /* Gift Redeem Voucher css by Raghavendra M L */ } .twostepcheckout-twostep-index .main-container { padding-top: 0px; } .twostepcheckout-twostep-index .main-footer-container { margin-top: 6px; } .twostepcheckout-twostep-index #checkout-review-table { border-top: none; } .twostepcheckout-twostep-index .col-right .mdl-card { border-top: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-index .col-main .mdl-card { min-height: initial; padding-bottom: 10px; } .twostepcheckout-twostep-index .new-address-container { margin-right: 0px; } .twostepcheckout-twostep-index .mid-payment-secCustom .leftSection, .twostepcheckout-twostep-index .mid-payment-secCustom .rightSection { display: block; float: none; text-align: center; } .twostepcheckout-twostep-index .mobile-header .mobile-nav-menu .mobile-search-cart-container { padding-top: 0px; } .twostepcheckout-twostep-index .mdl-button { width: 100%; height: 42px; } .twostepcheckout-twostep-index #customer-gift-vouchers #giftvouchers-close-btn { position: absolute; top: 5px; right: 30px; cursor: pointer; } .twostepcheckout-twostep-index #customer-gift-vouchers { padding: 20px 50px 0px 20px; } .twostepcheckout-twostep-index #customer-gift-vouchers .title { margin-top: 0px; } .twostepcheckout-twostep-index #customer-gift-vouchers .applyVoucherHeader { position: fixed; left: 0; top: 25px; border: 0; right: 0; padding-left: 20px; } .twostepcheckout-twostep-index #customer-gift-vouchers #giftvouchers-close-btn { position: absolute; top: 2px; right: 30px; cursor: pointer; } .twostepcheckout-twostep-index #customer-gift-vouchers .validation-advice { margin: 0px; } .twostepcheckout-twostep-index .customer-gift-vouchers { padding: 10px 0px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper { width: 100%; min-height: 150px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); max-height: 100%; padding: 20px 0px 0px 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc { width: 50%; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-left { float: left; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-left .honor-onlyMob { display: block; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right { float: right; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .voucherHeading { padding-left: 29px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .mb10 { margin-bottom: 10px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .voucherNumber { display: inline-block; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper:nth-child(even) { background-color: #F6F6F6; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper:nth-child(odd) { background-color: #FFFFFF; } .twostepcheckout-twostep-index .customer-gift-vouchers .redeem-btn { text-align: right; margin-top: 22px; position: fixed; bottom: 20px; left: 20px; right: 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers .title { padding: 0px 20px 0px 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers .supporting-text { margin: 9px 20px 9px 20px; } .twostepcheckout-twostep-index .redem-voucher { padding: 0px 0px 20px 25px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap { border: none; padding: 15px 0px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .v-bala { position: static; margin-top: 22px; float: none; } .twostepcheckout-twostep-index .redem-voucher .minus { display: none; } /* Gift Transaction page */ .giftvoucher-giftvoucher-waphistory .col-left, .giftvoucher-giftvoucher-waphistory .col-right, .giftvoucher-giftvoucher-waphistory .col-main { padding: 0; } .giftvoucher-giftvoucher-waphistory .main-header-container { display: none; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader { position: fixed; height: 60px; top: 0; left: 0; right: 0; box-shadow: 0px 2px #CCCCCC; background: #FFFFFF; padding: 15px 10px 10px 15px; width: 100%; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader #close-btn { display: inline-block; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader #close-btn .mygiftvoucher { color: rgba(0, 0, 0, 0.54118); cursor: pointer; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader .honor-SCTitle { display: inline-block; float: none; width: auto; padding: 0px 10px; } .giftvoucher-giftvoucher-waphistory .event-registration-info { margin-top: 60px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter { padding: 0; width: 100%; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border: none; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody div { border: none; padding: 20px 20px 20px 15px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody:nth-child(even) { background-color: #F6F6F6; padding: 0px 0px 20px 0px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody:nth-child(odd) { background-color: #FFFFFF; padding: 0px 0px 20px 0px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody .price, .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody .priceValue { color: #02A1C9; cursor: pointer; } /* Gift Transaction page */ } @media only screen and (max-width: 860px) { .twostepcheckout-twostep-index .col-main { float: left; width: 100%; min-height: 0px; } .twostepcheckout-twostep-index .main > .col-right { float: left; margin: 0px 0px 0px 0px; width: 100%; min-height: 0px; } .twostepcheckout-twostep-index .main > .col-right #checkout-review-table tbody { height: auto; } .twostepcheckout-twostep-index .main > .col-right #checkout-review-table tbody .bundle-product-title .last { float: none; } .twostepcheckout-twostep-index .main > .col-right #checkout-review-submit { position: relative; } .twostepcheckout-twostep-index .footer-container { padding: 25px 0px 10px 0px; } .twostepcheckout-twostep-index .footer-container .footer-bottom { text-align: left; width: 80%; margin: auto 20px 20px auto; display: inline-block; } .twostepcheckout-twostep-index .footer-container address { border-top: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-index .mobile-header .cart-icon-mobile, .twostepcheckout-twostep-index .mobile-header .mobile-search { display: none !important; } .twostepcheckout-twostep-index .mobile-fixed-btn { border-top: 1px solid rgba(0, 0, 0, 0.12); bottom: 0; padding: 20px; position: fixed; width: 100%; z-index: 999; background-color: #FFFFFF; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit { border-top: none; padding: 0px; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit #checkout-agreements { padding-top: 0px; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit .buttons-set { padding-bottom: 0px; } .twostepcheckout-twostep-index .captcha-info-box > .captcha-field { padding-left: 60px; } .twostepcheckout-twostep-index #checkout-step-shipping_method { padding: 15px 0px 15px 0px; } .twostepcheckout-twostep-index #checkout-step-shipping_method #shipping-method-buttons-container { padding: 0 20px 0 20px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details { padding: 15px 25px 0px 25px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .time-wrapper { float: right; width: 130px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .time-wrapper .shipping-desc { display: block; margin-top: 7px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .time-wrapper .shipping-desc select.default-dropdown { position: relative; cursor: pointer; color: rgba(0, 0, 0, 0.87); background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; line-height: 2rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.9rem; width: 100%; margin: 0px; padding: 0 15px 0 0; display: block !important; z-index: 99; text-overflow: ellipsis; font-weight: 500; } } @media only screen and (max-width: 860px) and (-ms-high-contrast: active) { .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .time-wrapper .shipping-desc select.default-dropdown { line-height: 14px; height: 22px; } } @media only screen and (max-width: 860px) { .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .day-price-wrapper { margin-right: 130px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .shipping-desc-row { margin-bottom: 10px; @inlude padding(5px, 5px, 5px, 5px); } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .shipping-desc-row .shipping-label { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 0.875rem; padding-right: 10px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .shipping-desc-row .shipping-desc { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 500; color: #212121; font-size: 0.875rem; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .shipping-desc-row .shipping-desc .mdi-navigation-arrow-drop-down { right: 0px; top: 12px; } .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-details .shipping-desc-row .shipping-desc .select-dropdown { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.875rem; } .twostepcheckout-twostep-index #checkout-step-shipping_method .ship-method { padding: 20px 20px 10px 20px; border-bottom: 1px solid #F6F6F6; } .twostepcheckout-twostep-index #checkout-step-shipping_method .ship-method label.mdl-radio { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 500; color: #212121; font-size: 0.9rem; padding-top: 1px; } } @media only screen and (max-width: 599px) { .twostepcheckout-twostep-index .mobile-logo { width: 38%; } .twostepcheckout-twostep-index .main > .col-right { margin: 0px; width: 100%; } .twostepcheckout-twostep-index .col2-right-layout .col-main { margin-bottom: 0px; } .twostepcheckout-twostep-index .mdl-card { margin: 0px; width: auto; } .twostepcheckout-twostep-index .step-title { padding: 24px 20px 21px 20px; } .twostepcheckout-twostep-index .opc li .a-item { margin: 0px; width: 100%; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding { padding: 0px 0px 0px 0px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html { margin: 0px -20px 0px -20px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field { padding: 20px 20px 20px 60px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field .captcha-txt { padding: 0px 0px 0px 0px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field #co-captcha-form { width: 100%; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field #co-captcha-form .honor-width100 { max-width: 290px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field #co-captcha-form .honor-width100 .honorMobView { float: right; padding: 0px 0px 0px 0px; width: 170px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field #co-captcha-form .honor-width100 .input-captcha { clear: none; } .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title.step-title-shipping_select, .twostepcheckout-twostep-index .opc .section.allow:not(.active) .step-title.step-title-billing { margin-top: 0px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-pick-option-box { margin: 0px; padding: 25px 30px; width: 100%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .title, .twostepcheckout-twostep-index .checkout-step-select-buttons .btm-text { padding: 0px 0px 0px 50px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .title i { font-size: 38px; position: absolute; left: 30px; } .twostepcheckout-twostep-index .new-address-container { margin-right: 0px; } .twostepcheckout-twostep-index .slick-slide { margin: 0px; } .twostepcheckout-twostep-index .fieldset .mdl-cell { margin: 0px; } .twostepcheckout-twostep-index .fieldset .mdl-cell--5-colphone { margin-left: 6%; width: 80%; } .twostepcheckout-twostep-index .mobile-header .mobile-nav-menu .mobile-search-cart-container .secure-checkout-text { font-size: 0.8rem; } .twostepcheckout-twostep-index #shipping-address-cancel-button { margin-bottom: 10px; } .twostepcheckout-twostep-index .form-list .mdl-cell--12-col { width: 100%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .input-captcha { width: 20%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div { padding-left: 4px; width: 75%; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorDesktopView { display: none; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div.honorMobView { display: inline-block; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div .imgArea { margin-left: 5px; } .twostepcheckout-twostep-index .get-otp-html .captcha-info-box > .captcha-field .captcha-img-div .refresh-captcha-button { margin-left: 5px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper { width: 65%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper .otp-phone { width: 25%; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper .otp-phone-validate { width: 70%; } .twostepcheckout-twostep-index .captcha-img-div .imgArea { padding: 0; } .twostepcheckout-twostep-index .new-address-container { margin-top: -13px; } .twostepcheckout-twostep-index .mobile-adddisplay { display: block; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-shipping { width: 100%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .delivery-type-storepickup { width: 100%; padding-top: 15px; } .twostepcheckout-twostep-index .checkout-step-buttons { padding: 22px 5px 22px 5px; margin-bottom: 0px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape { padding-right: 5px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:not(:first-child) { padding-left: 18px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:after { border-left: 21px solid #0DB5D7; right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape:before { border-left: 21px solid #F6F6F6; right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled:after { border-left: 21px solid #F6F6F6; right: -21px; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled:before { border-left: 21px solid #F6F6F6; right: -21px; } .twostepcheckout-twostep-index .top-progress-line { width: 5%; } .twostepcheckout-twostep-index .col-main { float: left; width: 100%; } .twostepcheckout-twostep-index .col-main .new-address-container-mobile { float: left; width: 100%; margin-top: 0px; } .twostepcheckout-twostep-index .col-main .checkout-collapsible-border { padding: 30px 15px 22px 30px; } .twostepcheckout-twostep-index .col-main .agreement-cont { width: 100%; } .twostepcheckout-twostep-index .col-main #review-buttons-container { width: 100%; } .twostepcheckout-twostep-index .col-main .mdl-card { padding-bottom: 20px; } .twostepcheckout-twostep-index .mdl-order-table__cell--non-numeric.last { display: none; } .twostepcheckout-twostep-index .warranty-child .mdl-order-table__cell--non-numeric.last { display: table-cell; } .twostepcheckout-twostep-index .col-right { float: left; width: 100%; } .twostepcheckout-twostep-index .col-right #checkout-review-table tbody .bundle-product-title .last { float: none; } .twostepcheckout-twostep-index .col-right #checkout-review-table tbody .bundle-product-heading { padding-left: 0px; } .twostepcheckout-twostep-index .mobile-fixed-btn { border-top: 1px solid rgba(0, 0, 0, 0.12); bottom: 0; padding: 20px; position: fixed; width: 100%; z-index: 999; background-color: #FFFFFF; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit { border-top: none; padding: 0px; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit #checkout-agreements { padding-top: 0px; } .twostepcheckout-twostep-index .mobile-fixed-btn #checkout-review-submit .buttons-set { padding-bottom: 0px; } .twostepcheckout-twostep-index #checkout-review-table { border-top: none; } .twostepcheckout-twostep-index #checkout-review-table-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.12); } } /* captcha image some issue in 861 to 1189 style start*/ @media only screen and (min-width: 861px) and (max-width: 1189px) { .honorMobView { display: block; } .honorDesktopView { display: none; } .captcha-img-div .imgArea { padding: 0; } } /* captcha image some issue in 861 to 1189 style end*/ /* captcha image some issue in 320 to 354 style start*/ @media only screen and (min-width: 320px) and (max-width: 354px) { .twostepcheckout-twostep-index #checkout-step-shipping_method .shipping-desc-row { margin-left: 10px; } .twostepcheckout-twostep-index .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail { width: 58%; } .twostepcheckout-twostep-index .cart-totals-wrapper .cart-totals .rows ul li .list-outer .cost-detail.tax-amount { width: 20%; } .captcha-img-div .imgArea { width: 155px; } .captcha-img-div .imgArea img { width: 100%; } } /* captcha image some issue in 320 to 354 style end*/ /* //@media only screen and (min-width:1015px) and (max-width: 1035px){ .ipad{ .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 120px; background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } label.required.mdl-textfield__label.date_expiry { top: 0px; } twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 261px; border: 1px solid; margin-top: -5px; } } */ @media screen and (max-width: 770px) { .twostepcheckout-twostep-index .col-main #review-buttons-container { width: 100%; } .twostepcheckout-twostep-index #scrollstorepickmain .pickup-left .mdl-radio .mdl-card__supporting-text { width: 100%; } .twostepcheckout-twostep-index #scrollstorepickmain .pickup-right { margin: 10px 0 20px 24px; } .twostepcheckout-twostep-index #scrollstorepickmain .pickup-right .timing { color: #757575; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 150px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 190px; } #checkout-review-submit { padding: 20px 10px 10px 0px; } } @media only screen and (min-width: 320px) and (max-width: 979px) { .twostepcheckout-twostep-index { /* Gift Redeem Voucher css by Raghavendra M L */ /* Gift Redeem Voucher css by Raghavendra M L */ } .twostepcheckout-twostep-index .mdl-button { width: 100%; height: 42px; } .twostepcheckout-twostep-index #co-payment-form { border: none; margin-bottom: 0px; padding-bottom: 0px; } .twostepcheckout-twostep-index #co-payment-form .gift-voucher-co-main { margin-bottom: 20px; } .twostepcheckout-twostep-index .two-step-padding { padding-bottom: 0px; } .twostepcheckout-twostep-index .col-right #checkout-review-table-wrapper .cart-link { margin-top: 3px; } .twostepcheckout-twostep-index #customer-gift-vouchers { overflow: hidden; } .twostepcheckout-twostep-index #customer-gift-vouchers .title { margin-top: 10px; } .twostepcheckout-twostep-index #customer-gift-vouchers .applyVoucherHeader { position: fixed; left: 0px; top: 25px; border: 0; right: 0px; padding-left: 20px; } .twostepcheckout-twostep-index #customer-gift-vouchers .applyDescription { width: 100%; } .twostepcheckout-twostep-index #customer-gift-vouchers .applyDescription .supporting-text { margin: 9px 20px; } .twostepcheckout-twostep-index #customer-gift-vouchers #giftvouchers-close-btn { position: fixed; top: 35px; right: 40px; cursor: pointer; } .twostepcheckout-twostep-index #customer-gift-vouchers .validation-advice { margin: 0px 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers { padding: 10px 0px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper { width: 100%; min-height: 150px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); max-height: 100%; padding: 20px 0px 0px 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc { width: 50%; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-left { float: left; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right { float: right; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .voucherHeading { padding-left: 29px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .mb10 { margin-bottom: 10px; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc .voucherNumber { display: inline-block; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper:nth-child(even) { background-color: #F6F6F6; } .twostepcheckout-twostep-index .customer-gift-vouchers .GiftVoucher-Wrapper:nth-child(odd) { background-color: #FFFFFF; } .twostepcheckout-twostep-index .customer-gift-vouchers .redeem-btn { text-align: right; margin-top: 22px; position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 1; } .twostepcheckout-twostep-index .customer-gift-vouchers .title { padding: 0px 20px; } .twostepcheckout-twostep-index .customer-gift-vouchers .supporting-text { margin: 9px 20px; } .twostepcheckout-twostep-index .redem-voucher { padding: 0px 0px 20px 25px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap { padding: 15px 0px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .v-bala { position: static; margin-top: 22px; float: none; } .giftvoucher-giftvoucher-waphistory .main-header-container { display: none; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader { position: fixed; height: 60px; top: 0; left: 0; right: 0; box-shadow: 0px 2px #CCCCCC; background: #FFFFFF; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader #close-btn { display: inline-block; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader #close-btn .mygiftvoucher { color: rgba(0, 0, 0, 0.54118); cursor: pointer; } .giftvoucher-giftvoucher-waphistory .honor-SCHeader .honor-SCTitle { display: inline-block; float: none; width: auto; padding: 0px 10px; } .giftvoucher-giftvoucher-waphistory .event-registration-info { margin-top: 60px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter { padding: 0; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border: none; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody div { border: none; padding: 20px 20px 0px 15px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody:nth-child(even) { background-color: #F6F6F6; padding: 0px 0px 20px 0px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody:nth-child(odd) { background-color: #FFFFFF; padding: 0px 0px 20px 0px; } .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody .price, .giftvoucher-giftvoucher-waphistory .honor-SCTableOuter .honor-SCTableBody .priceValue { color: #02A1C9; cursor: pointer; } } @media only screen and (max-width: 470px) { .twostepcheckout-twostep-index { /* Gift Redeem Voucher css by Raghavendra M L */ /* Gift Redeem Voucher css by Raghavendra M L */ } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 100px; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 135px; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc { width: auto; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper { width: 100%; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper #cc-div { float: left; width: 50%; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper #cc-div .exp-date.expmmyy { float: none; width: 80%; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper #cc-div .exp-date .txt-expmmyy { background-color: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); outline: none; height: 30px; width: 100%; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper #cc-div .v-fix { display: none; } .twostepcheckout-twostep-index .opc-firststep-shipping #co-payment-form #payment_form_pts_cc li.fields.exp-cvv-wrapper .cvv-parent { margin: 8px 0px 8px 0px; padding-right: 8px; width: 48%; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-left .mobText { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #212121; font-size: 0.875rem; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right { margin-top: 4px; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right .mobText { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 0.875rem; } } @media only screen and (max-width: 330px) { .twostepcheckout-twostep-index .opc-firststep-shipping div#cc-div { width: 100%; } .twostepcheckout-twostep-index .opc-firststep-shipping .exp-date > .v-fix { display: inline-block; vertical-align: top; width: 67px; } .twostepcheckout-twostep-index .opc-firststep-shipping .cvv-parent { display: inline-block; position: relative; vertical-align: top; width: 110px; } } @media only screen and (min-width: 320px) and (max-width: 380px) { .twostepcheckout-twostep-index { /* Gift Redeem Voucher css by Raghavendra M L */ /* Gift Redeem Voucher css by Raghavendra M L */ } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #FFFFFF; font-size: 0.875rem; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #D1D3D4; font-size: 0.875rem; } .twostepcheckout-twostep-index .checkout-step-buttons .step-bg-shape.disabled a#checkout-payment-button.disabled { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #D1D3D4; font-size: 0.875rem; } .twostepcheckout-twostep-index .top-progress-line { width: 3%; } .twostepcheckout-twostep-index .step-title { padding: 16px 20px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html { margin: 0px -25px 0px -25px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field { padding-left: 20px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field .captch_input-text { width: 70px; } .twostepcheckout-twostep-index .opc li .a-item .two-step-padding .get-captcha-html .captcha-info-box > .captcha-field .captcha-img-div .imgArea .captcha-img { max-width: 120px; } .twostepcheckout-twostep-index .get-otp-html .otp-info-box .otp-input-field-wrapper { width: 85%; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-left .mobText { font-size: 12px; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right { margin-top: 6px; padding-left: 9px; } .twostepcheckout-twostep-index #customer-gift-vouchers .GiftVoucher-Wrapper .voucherDesc.voucher-right .mobText { font-size: 12px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap .lable { line-height: normal; margin-bottom: 0; font-size: 12px; } .twostepcheckout-twostep-index .redem-voucher .box-wrap > .price { line-height: normal; margin-bottom: 0; font-size: 12px; } } /*Desktop*/ @media (min-width: 840px) { .twostepcheckout-twostep-index .col-main .mdl-grid { display: block; } } .honor2-successBlock { padding: 30px 30px 30px 30px; background: #f5f5f5; margin: 10px 0 30px 0; width: 100%; float: left; } .honor2-successBlock p.successBlockTitle { color: rgb(33,33,33); margin: 0px 0 15px 0; } .honor2-successBlock ul { margin: 0px; padding: 0px; } .honor2-successBlock ul li { list-style: none; float: left; width: 50%; text-align: left; padding-bottom: 15px; color: rgb(117,117,117); } .honor2-successBlock ul li i { position: relative; top: 5px; } .honor2-successBlock ul li span { margin-left: 10px; } .honor2-successBlock .success-buttons { clear: both; margin: 10px 0 0px 0; } .pts-payment-paynow .pay-cont-main { padding: 30px; text-align: right; } .pts-payment-paynow .pay-cont-main button { margin-bottom: 10px; width: 200px; } .twostepcheckout-twostep-success .rec-outer h3 { margin: 10px auto 42px auto; } .twostepcheckout-twostep-success .rec-outer .inner-content { height: 440px; } .twostepcheckout-twostep-success .mdl-order-table tbody .warranty-border td { border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .cart-warranty td { border-top: none; } .twostepcheckout-twostep-success .cart-warranty td .warranty-icon-div { padding: 9px 2px 2px 16px; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div, .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div1 { padding: 18px; border: 1px solid rgb(224,224,224); font-size: 2.143rem; float: left; width: 66px; height: 66px; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div { display: inline-block; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div1 { display: none; width: 60px; height: 60px; padding: 7px 2px 2px 13px; } .twostepcheckout-twostep-success .cart-warranty .product-name { display: inline-block; width: auto; vertical-align: middle; margin: auto 0; height: 66px; padding: 26px 10px; } .twostepcheckout-twostep-success .cart-warranty .mdl-order-table td { border-top: none; } .twostepcheckout-twostep-success .mdl-order-table td { color: #212121; } .twostepcheckout-twostep-success .cart-bundle-warranty td { border-bottom: none; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success { width: 50%; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address { margin-bottom: 20px; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table { width: 100%; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title { padding-left: 0px; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-details { width: 60%; color: rgb(117,117,117); } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-details address .mdl-card__title p { color: rgb(117,117,117); } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-details address .mdl-card__supporting-text { color: rgb(117,117,117); } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-heading { line-height: 20px; width: 26.4%; } .twostepcheckout-twostep-success .order-details table { width: 100%; } .twostepcheckout-twostep-success .order-details table table tbody tr #order-details-text { color: rgb(117,117,117); width: 60%; } .twostepcheckout-twostep-success .order-details table table tbody tr .mdl-typography--subhead-bold, .twostepcheckout-twostep-success .order-details table table tbody tr .cms-home p.smartphonePrice, .cms-home .twostepcheckout-twostep-success .order-details table table tbody tr p.smartphonePrice, .twostepcheckout-twostep-success .order-details table table tbody tr .cms-home p.smartphoneprice, .cms-home .twostepcheckout-twostep-success .order-details table table tbody tr p.smartphoneprice, .twostepcheckout-twostep-success .order-details table table tbody tr .cms-home p.accessorybrandprice, .cms-home .twostepcheckout-twostep-success .order-details table table tbody tr p.accessorybrandprice, .twostepcheckout-twostep-success .order-details table table tbody tr .cms-home p.accessorybrandPrice, .cms-home .twostepcheckout-twostep-success .order-details table table tbody tr p.accessorybrandPrice { width: 40%; } .twostepcheckout-twostep-success #my-orders-table .success-gift-head td { border-top: 1px solid rgb(224,224,224); border-bottom: 0px; } .twostepcheckout-twostep-success #my-orders-table .success-gift-head td .gift-cart-icon-container { padding-left: 10px; } .twostepcheckout-twostep-success .gift-cart-icon-container .gift-cart-icon { display: none; } .twostepcheckout-twostep-success .gift-border { border: 0px; padding: 20px 0 20px 0; } .twostepcheckout-twostep-success .gift-cart-icon { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/products_sprite.png) no-repeat -43px 0px; width: 40px; height: 55px; display: block; position: absolute; left: 30px; top: 16px; z-index: 1; } .twostepcheckout-twostep-success .product-cart-image .product-image { margin-left: 20px; } .twostepcheckout-twostep-success .gift-row td, .twostepcheckout-twostep-success .gift-heading td { border-top: none; border-bottom: none; text-align: left !important; padding: 26px 0 10px 30px; } .twostepcheckout-twostep-success .gift-row td.gift-heading-inner, .twostepcheckout-twostep-success .gift-heading td.gift-heading-inner { border-bottom: none !important; } .twostepcheckout-twostep-success .gift-inner td, .twostepcheckout-twostep-success .gift-catalog-inner td { border-bottom: none; border-bottom: 0px; border-top: none; padding: 15px 0px 30px; } .twostepcheckout-twostep-success .gift-inner .product-cart-image-gift, .twostepcheckout-twostep-success .gift-catalog-inner .product-cart-image-gift { position: relative; /* padding-left: 10px;*/ margin-left: 30px; width: 70%; overflow: hidden; } .twostepcheckout-twostep-success .gift-inner .product-cart-image-gift img, .twostepcheckout-twostep-success .gift-catalog-inner .product-cart-image-gift img { padding: 7px; } .twostepcheckout-twostep-success .mdl-order-table .product-cart-info a { color: rgb(33,33,33); } .twostepcheckout-twostep-success .mdl-order-table .product-cart-price, .twostepcheckout-twostep-success .mdl-order-table .product-cart-price:last-of-type { text-align: left; } .twostepcheckout-twostep-success .mdl-order-table tbody:last-child { border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .mdl-order-table .product-code { padding-top: 6px; white-space: normal; line-height: 25px; } .twostepcheckout-twostep-success .mdl-order-table .product-code .sku_left { float: left; padding-right: 6px; } .twostepcheckout-twostep-success .mdl-order-table .product-code .sku_right { float: left; } .twostepcheckout-twostep-success .mdl-order-table .child-bundle-img { margin-left: 30px; display: none; } .twostepcheckout-twostep-success .mdl-order-table .bundle-img { float: left; width: auto; } .twostepcheckout-twostep-success .mdl-order-table .bundle-img img { margin-left: 0px; width: 66px; padding: 7px; } .twostepcheckout-twostep-success .mdl-order-table .bundle-product-name { width: auto; padding: 22px 10px; display: inline-block; } .twostepcheckout-twostep-success .mdl-order-table td:last-of-type, .twostepcheckout-twostep-success .mdl-order-table th:last-of-type { text-align: right; } .twostepcheckout-twostep-success .mdl-order-table .no-border .product-cart-price span.price-excl-tax { text-align: left; padding-right: 79px; } .twostepcheckout-twostep-success .order-summary-container .btn-continue { display: none; } .twostepcheckout-twostep-success address:hover { background: none !important; } .twostepcheckout-twostep-success #my-orders-table .no-border td { border: none; padding: 18px 0; } .twostepcheckout-twostep-success #my-orders-table .border td { border-top: none; padding: 18px 0; } .twostepcheckout-twostep-success .sucess-container { margin: 0 0 20px 0; padding: 61px 30px 58px 40px; } .twostepcheckout-twostep-success .order-success { margin-bottom: 15px; } .twostepcheckout-twostep-success .order-success h1 { color: rgb(244,67,54); } .twostepcheckout-twostep-success .order-success-container { overflow: hidden; } .twostepcheckout-twostep-success .order-success-container .action-button { margin: 58px 0 0 0; } .twostepcheckout-twostep-success .order-success-container .success-message { float: left; width: 65%; } .twostepcheckout-twostep-success .order-success-container .success-message .order-number { margin: 16px 0 8px 0; color: rgb(0,0,0); } .twostepcheckout-twostep-success .order-success-container .success-message .process-text { padding-bottom: 15px; } .twostepcheckout-twostep-success .order-success-container .success-message .process-text p { margin: 0px; } .twostepcheckout-twostep-success .order-success-container .order-contact { float: right; width: 33%; } .twostepcheckout-twostep-success .order-success-container .order-contact .mobile { margin-bottom: 5px; color: rgb(0,0,0); } .twostepcheckout-twostep-success .order-success-container .order-contact .help-email { color: rgb(0,0,0); } .twostepcheckout-twostep-success .order-success-container .order-contact .help-email a { color: rgb(0,0,0); word-wrap: break-word; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product { position: relative; text-align: left; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .share { overflow: hidden; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .sub-title { margin: 0 0 8px 0; text-align: center; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .share-icons { padding: 10px 0 0 0; width: 100%; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .share-icons .sharing-links { text-align: center; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .share-icons .sharing-links li { margin: 0 10px 0 0; display: inline-block; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .share-icons .sharing-links li a { font-size: 21px; color: rgb(117,117,117); } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .product-img { width: 100%; } .twostepcheckout-twostep-success .order-success-container .order-contact .share-product .product-img img { margin: 0 auto; } .twostepcheckout-twostep-success .order-success-container .order-contact .help { padding: 0 0 5px 0; margin: 25px 0 15px 0; border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .order-success-container .order-contact .timings { margin: 0 0 10px 0; } .twostepcheckout-twostep-success .order-contact.contact-details { padding: 30px 0 0 0; } .twostepcheckout-twostep-success .order-summary-container { overflow: hidden; } .twostepcheckout-twostep-success .order-summary-container .order-links { padding-right: 0; } .twostepcheckout-twostep-success .order-summary-container .order-number, .twostepcheckout-twostep-success .order-summary-container .order-status-details { display: none; } .twostepcheckout-twostep-success .order-summary-container .my-order-block .title { color: #212121; display: block; float: left; } .twostepcheckout-twostep-success .order-summary-container .cart-table { width: 100%; margin: 74px 0 0 0; } .twostepcheckout-twostep-success .order-summary-container .cart-table .bundle { border-top: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .order-summary-container .footer-total-details { margin-left: 56px; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details tr .price { color: #212121; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details td { padding-right: 0px; padding-bottom: 5px; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .subtotal .a-left { text-align: left; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .subtotal .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .subtotal .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .cod .a-left { text-align: left; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .cod .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .cod .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .shipping .a-left, .twostepcheckout-twostep-success .order-summary-container .footer-total-details .discount .a-left { text-align: left; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .shipping .a-right, .twostepcheckout-twostep-success .order-summary-container .footer-total-details .discount .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .shipping .a-right .price, .twostepcheckout-twostep-success .order-summary-container .footer-total-details .discount .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .storecredit_amount .a-left { text-align: left; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .storecredit_amount .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .storecredit_amount .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .giftvoucher_amount .a-left { text-align: left; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .giftvoucher_amount .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .giftvoucher_amount .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax_amount .a-left { text-align: left; font-size: 1rem; padding: 10px 0px 10px 10px; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax_amount .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax_amount .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax-excluding .a-left { text-align: left; padding-bottom: 8px; font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax-excluding .a-right { text-align: right; padding-bottom: 8px; padding-top: 0px !important; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .tax-excluding .a-right .price { font-size: 1rem; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total_incl .a-left { text-align: left; color: #212121; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total_incl .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total_incl .a-right .price { color: #01B4E1; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total .a-left { text-align: left; color: #212121; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total .a-right { text-align: right; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details .grand_total .a-right .price { color: #01B4E1; } .twostepcheckout-twostep-success .product-cart-actions { text-align: center !important; } .twostepcheckout-twostep-success .product-cart-actions p { margin-bottom: 0px; } .order-summary-container { padding: 2px; } @media only screen and (max-width: 771px) { .twostepcheckout-twostep-success .main-container, .twostepcheckout-twostep-success .footer-container { padding: 0px; } .twostepcheckout-twostep-success .order-contact .slick-next { right: 30%; } .twostepcheckout-twostep-success .order-contact .slick-prev { left: 30%; } .twostepcheckout-twostep-success .mdl-order-table .child-bundle-img { display: block; width: 66px; padding: 7px; } .twostepcheckout-twostep-success .mdl-order-table .bundle-img { display: none; } .twostepcheckout-twostep-success .mdl-order-table .bundle-product-name { width: auto; height: 66px; padding: 0px 0px 26px 0px; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div1 { display: block; margin-left: 20px; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div { display: none; } .twostepcheckout-twostep-success .cart-warranty .product-name { padding: 0px; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success { width: 100%; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address .address-heading, .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address .address-details { float: left; } .twostepcheckout-twostep-success .order-details-address { margin-bottom: 20px; } .twostepcheckout-twostep-success .order-details-address .delivery-title { padding-left: 0px !important; } .twostepcheckout-twostep-success .order-details-address .mdl-color-text--primary, .twostepcheckout-twostep-success .order-details-address .cms-page-view .help-content.help-home-page .block .content-heading a:hover, .cms-page-view .help-content.help-home-page .block .content-heading .twostepcheckout-twostep-success .order-details-address a:hover, .twostepcheckout-twostep-success .order-details-address .cms-page-view .help-content .sub-content-right a:hover, .cms-page-view .help-content .sub-content-right .twostepcheckout-twostep-success .order-details-address a:hover, .twostepcheckout-twostep-success .order-details-address .cms-page-view .help-content .block .content a, .cms-page-view .help-content .block .content .twostepcheckout-twostep-success .order-details-address a { padding-left: 0px !important; } .twostepcheckout-twostep-success address { background: none; } .twostepcheckout-twostep-success .order-summary-container .order-links { display: none; } .twostepcheckout-twostep-success .order-success-container .success-message { width: 100%; float: none; } .twostepcheckout-twostep-success .order-success-container .order-contact { float: none; width: 100%; } } @media only screen and (max-width: 599px) { .pts-payment-paynow .pay-cont-main { text-align: center; } .pts-payment-paynow .pay-cont-main button { width: 100%; } .twostepcheckout-twostep-success .cart-warranty .warranty-icon-div1 { margin-left: 10px; } .twostepcheckout-twostep-success p.product-qty { line-height: 52px; } .twostepcheckout-twostep-success .price-incl-tax { padding-right: 5px; } .twostepcheckout-twostep-success .gift-container { padding-left: 20px !important; } .twostepcheckout-twostep-success .gift-cart-icon { left: 7px; top: 24px; } .twostepcheckout-twostep-success .mdl-order-table { /*.product-code { margin-top: 5px; }*/ } .twostepcheckout-twostep-success .mdl-order-table tbody tr.cart-warranty { height: 100px; border-top: none; border-bottom: none; } .twostepcheckout-twostep-success .mdl-order-table tbody tr.warranty-last { border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .mdl-order-table .bundle.first td { border-top: none; } .twostepcheckout-twostep-success .mdl-order-table tbody tr .product-cart-actions .nobr { float: left; } .twostepcheckout-twostep-success .mdl-order-table tbody tr .product-cart-total .price-excl-tax { float: left; } .twostepcheckout-twostep-success .mdl-order-table .mdl-product-cart-total { display: block !important; padding-left: 20px !important; padding-right: 10px !important; } .twostepcheckout-twostep-success .mdl-order-table .product-cart-actions { height: 10px; } .twostepcheckout-twostep-success .mdl-order-table td { padding: 20px 0 0 0 !important; } .twostepcheckout-twostep-success .mdl-order-table td img { margin: 7px 0 0 8px; } .twostepcheckout-twostep-success .mdl-order-table tr { border-top: 1px solid rgb(224,224,224); border-bottom: 1px solid rgb(224,224,224); } .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-image .product-image { margin-left: 0; } .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-image .product-image img { width: 60px; height: 60px; } .twostepcheckout-twostep-success .mdl-order-table tr .mdl-product-cart-info, .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-price, .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-actions { padding-left: 20px !important; } .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-price, .twostepcheckout-twostep-success .mdl-order-table tr .product-cart-actions { line-height: 53px; } .twostepcheckout-twostep-success .mdl-order-table tr .mdl-product-cart-info .product-name { position: relative; } .twostepcheckout-twostep-success .mdl-order-table tr .mdl-product-cart-info .product-code { padding-top: 6px; white-space: normal; } .twostepcheckout-twostep-success .mdl-order-table .item-options { padding-left: 0px; width: 100%; margin-top: -6px; } .twostepcheckout-twostep-success .cart-table tbody .mdl-product-cart-info .product-name { float: none; /*@include float(left);*/ line-height: 21px; } .twostepcheckout-twostep-success .cart-table tbody .mdl-product-cart-info .mdl-btn-action-remove { margin-top: 2px; } .twostepcheckout-twostep-success .cart-table .product-cart-image { width: 22%; float: left; padding-bottom: 0; } .twostepcheckout-twostep-success .cart-table .mdl-product-cart-info .product-name { width: 90%; } .twostepcheckout-twostep-success .cart-table .product-cart-actions { text-align: left; padding: 0 !important; position: relative; } .twostepcheckout-twostep-success .cart-table .product-cart-actions .mdl-quantity-container { width: 50%; left: 50px; position: absolute; top: 0; } .twostepcheckout-twostep-success .cart-table .product-cart-actions .mdl-quantity-container .no { width: 50%; text-align: center; } .twostepcheckout-twostep-success .cart-table .product-cart-actions .product-qty { width: 25%; } .twostepcheckout-twostep-success .cart-table .mdl-product-cart-info, .twostepcheckout-twostep-success .cart-table td[data-rwd-label] { float: right; width: 78%; } .twostepcheckout-twostep-success .cart-table .mdl-product-cart-info .mdl-btn-action-remove, .twostepcheckout-twostep-success .cart-table td[data-rwd-label] .mdl-btn-action-remove { display: block; color: rgb(117,117,117); text-decoration: none; float: right; } .twostepcheckout-twostep-success .cart-table .mdl-product-cart-action-remove, .twostepcheckout-twostep-success .cart-table .mdl-product-cart-total, .twostepcheckout-twostep-success .cart-table .product-cart-actions .cart-links { display: none; } .twostepcheckout-twostep-success .cart-table colgroup, .twostepcheckout-twostep-success .cart-table thead { display: none; } .twostepcheckout-twostep-success .cart-table td { border: 0; display: block; } .twostepcheckout-twostep-success .cart-table td[data-rwd-label] { margin: 0 0 6px 0; padding-left: 20px !important; } .twostepcheckout-twostep-success .cart-table td[data-rwd-label]:before { padding: 0 5px 0 0; content: attr(data-rwd-label) ":"; text-transform: uppercase; float: left; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details { width: 100%; margin: 0; } .twostepcheckout-twostep-success .order-summary-container .footer-total-details td { padding-bottom: 5px; padding-right: 8px; } .twostepcheckout-twostep-success .order-summary-container .order-summary .order-summary-customer .left table tbody tr td { float: left; width: 100%; padding: 0px; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-heading { line-height: 150%; } .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-heading, .twostepcheckout-twostep-success .order-summary-customer #order-addresses-success .order-details-address table .delivery-title .address-details { width: 100%; padding: 5px 0px; } } @media only screen and (max-width: 480px) { .twostepcheckout-twostep-success .col1-layout { padding: 0px; } .twostepcheckout-twostep-success .order-success-container .success-buttons .mdl-button { min-width: 100%; } .twostepcheckout-twostep-success .order-success-container .order-contact .slick-next { right: 10%; } .twostepcheckout-twostep-success .order-success-container .order-contact .slick-prev { left: 10%; } } .privacy-checkbox { float: left; margin: 6px; display: block !important; } .order-info { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 30px; padding-bottom: 10px; width: 100%; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 20px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-weight: 600; } .order-info li:first-child { margin-left: 0; } .order-date { color: rgb(33,33,33); text-transform: uppercase; } .order-info-box { margin-bottom: 40px; margin-top: 20px; } .order-info-box + .order-info-box { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 40px; } .order-info-box .col-1 { padding-right: 0; width: 48%; } .order-info-box .col-2 { width: 52%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-bottom: 0; padding-top: 0; } .order-info-box .box-title { float: left; padding-right: 10px; width: 150px; } .order-info-box .box-title h2 { color: rgb(33,33,33); line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { color: rgb(33,33,33); float: left; } .order-info-box .box-content td, .order-info-box .box-content th { color: rgb(33,33,33); line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { color: rgb(33,33,33); text-transform: uppercase; } .oms-order-modify .back-link { display: none; } .oms-order-modify .main { background: none; } .oms-order-modify .main .col-main { float: left; } #cart-sidebar-reorder li { margin-bottom: 0; margin-top: 10px; } #cart-sidebar-reorder li input { margin-right: 10px; } #cart-sidebar-reorder p.product-name { display: inline; } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } .customer-account .col-left { width: 19%; } .customer-account .col-main { width: 81%; } .customer-account .col-main .edit-info form { width: 100%; } .show-account-menu { display: none; } .customer-account-mobileaccount .show-account-menu { display: none; } .tablet-nodisplay { display: block; } .tablet-display { display: none; } .menu-back-account { float: left; padding: 14px 0 0 15px; color: rgb(33,33,33); } .storecredit-storecredit-mycredits .store-credit-title { background-color: rgb(250,250,250); padding: 4px 10px; color: rgb(117,117,117); } .storecredit-storecredit-mycredits .store-credit-title a { color: rgb(117,117,117); text-decoration: none; } .storecredit-storecredit-mycredits .store-credit-title .store-credit-amount { color: rgb(33,33,33); } .storecredit-storecredit-mycredits .pager { margin-top: 30px; text-align: center; } .storecredit-storecredit-mycredits .pager strong { display: none; } .storecredit-storecredit-mycredits .pager li { display: inline-block; } .storecredit-storecredit-mycredits .pager li.active { height: 21px; width: 23px; background-color: #0DB5D7; color: rgb(255,255,255); } .storecredit-storecredit-mycredits .pager .mdl-button { min-width: 30px; } .no-input-line .mdl-textfield__input { border-color: #FFFFFF; } .no-input-line .mdl-textfield__label::after { background-color: #FFFFFF; } .no-input-line .mdl-textfield--floating-label.is-focused .mdl-textfield__label { color: rgb(117,117,117); } .customer-account-events .event-reg-inside { width: 100%; position: absolute; top: 40%; margin-left: -30px; text-align: center; } .customer-account-events .main-title { color: rgb(33,33,33); padding-top: 20px; } .honor2-SCnoDataOuter { text-align: center; width: 100%; float: left; } .honor2-SCnoDataOuter .honor2-SCnoData { width: 100%; float: left; padding: 150px 0px 0px 0px; } .honor2-SCnoDataOuter .honor2-SCnoData .honor2-nodataIcon { font-size: 62px; } .honor2-SCnoDataOuter .honor2-SCnoData h3 { margin: 15px 0 0px 0; text-transform: uppercase; } .honor2-SCnoDataOuter .honor2-SCnoData .honor2-noMsg { margin-bottom: 0; color: #121212; } .honor2-SCnoDataOuter .honor2-howSCwork { width: 100%; float: left; border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 112px 0 0 0; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align: center; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-SCTitle { text-align: left; padding: 0 15px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter { width: 100%; float: left; padding: 20px 0 0 0; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea { width: 33%; float: left; padding-left: 15px; padding-right: 15px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea:last-child { padding-right: 0px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea .honor2-howSCworkAreaTitle { width: 100%; padding-bottom: 10px; color: #121212; text-align: left; float: left; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea .honor2-howSCworkAreaTitle span { /*font-size: 28px;*/ top: 8px; position: relative; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea .honor2-howSCworkAreaTitle span.honor2-subTitle { top: 0px; padding-left: 10px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea p { color: rgba(0, 0, 0, 0.54118); line-height: 1.4; padding-bottom: 15px; text-align: left; } .honor-SCTableOuter { display: table; width: 94%; margin: 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.12); border-left: 1px solid rgba(0, 0, 0, 0.12); } .honor-SCTableOuter .honor-SCTableHeading { display: table-row; padding: 0; color: #212121; font-weight: bold; } .honor-SCTableOuter .honor-SCTableHeading div { border-right: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: table-cell; padding: 15px 10px 15px 20px; /* text-align: center; */ } .honor-SCTableOuter .honor-SCTableBody { display: table-row; color: #121212; } .honor-SCTableOuter .honor-SCTableBody div { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12); display: table-cell; padding: 20px 0px 20px 20px; } .honor-onlyMob { display: none; } .honor-SCHeader { padding: 30px 30px 22px 40px; width: 100%; float: left; } .honor-SCTitle { float: left; width: 30%; text-align: left; } .honor-SCBalance { float: left; width: 70%; padding: 0px 0px 15px 0px; } .honor-SCBalance .honor-SCBalanceInner { float: right; text-align: right; padding: 10px; } .honor-SCBalance .honor-SCBalanceInner a { text-decoration: none; color: #121212; } @media only screen and (max-width: 770px) { .col2-left-layout .honor-SCPager .pager .pages { float: none; } .honor2-SCnoDataOuter { padding: 0px 15px 0px 15px; } .honor2-SCnoDataOuter .honor2-howSCwork { padding: 30px 0px 30px 0px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-SCTitle { padding: 0px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea { padding: 0 0px; width: 100%; } .honor2-SCnoDataOuter .honor2-SCnoData { padding-top: 50px; } .honor-SCHeader { padding: 15px 15px 0px 15px; width: 100%; } .honor-SCTitle { width: 100%; } .honor-SCBalance { width: 100%; padding-bottom: 30px; } .honor-SCBalance .honor-SCBalanceInner { text-align: center; float: left; width: 100%; } .honor-SCTableOuter { border: 0px solid rgba(0, 0, 0, 0.12); margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; } .honor-SCTableOuter .honor-SCTableBody { border-none: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); border-left: 1px solid rgba(0, 0, 0, 0.12); } .honor-SCTableOuter .honor-SCcol-1, .honor-SCTableOuter .honor-SCcol-2, .honor-SCTableOuter .honor-SCcol-3, .honor-SCTableOuter .honor-SCcol-4, .honor-SCTableOuter .honor-SCcol-5 { width: 100%; padding: 10px 0px 10px 0px; } .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection { float: left; width: 50%; text-align: left; } .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection.honor-mobleftText { text-align: left; } .honor-onlyMob { display: block; } .honor-SCTableOuter { width: 100%; margin: 0 auto; border-left: 1px solid rgba(0, 0, 0, 0.12); } .honor-SCTableOuter .honor-SCTableHeading { padding: 0; color: #757575; font-weight: bold; } .honor-SCTableOuter .honor-SCTableHeading div { border-right: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 15px 0px 15px 10px; display: none; } .honor-SCTableOuter .honor-SCTableBody { color: #121212; display: block; border-left: 1px solid rgba(0, 0, 0, 0.12); } .honor-SCTableOuter .honor-SCTableBody div { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12); padding: 20px 0px 20px 9px; display: inline-block; } .order-info-box .box-content { clear: left; } .order-info dt { display: none; } .customer-account .col-left { width: 100%; display: none; } .customer-account .col-main { width: 100%; } .customer-account-mobileaccount .main-container ul { width: 100%; } .customer-account-mobileaccount .main-container ul li { cursor: pointer; min-height: 50px; font-size: 16px; width: 100%; border-top: 1px solid rgb(224,224,224); } .customer-account-mobileaccount .main-container ul li .icon-honor2-arrow-right, .customer-account-mobileaccount .main-container ul li .vid-block .home-news-container .slick-next, .vid-block .home-news-container .customer-account-mobileaccount .main-container ul li .slick-next, .customer-account-mobileaccount .main-container ul li .order-contact .slick-next, .order-contact .customer-account-mobileaccount .main-container ul li .slick-next { margin-top: -29px; margin-right: 16px; } .customer-account-mobileaccount .main-container ul li a { text-decoration: none; color: rgb(117,117,117); padding: 15px 0px 15px 30px; display: block; } .customer-account-mobileaccount .main-container ul li:last-child { border-bottom: 1px solid rgb(224,224,224); } .customer-account .hide-account-menu { display: none; } .customer-account .show-account-menu { display: block; } .customer-account-mobileaccount .hide-account-menu { display: block; } .customer-account-mobileaccount .show-account-menu { display: none; } .tablet-nodisplay { display: none; } .tablet-display { display: block; } .customer-account-events .event-reg-inside { position: unset; padding-top: 30px; } } @media only screen and (max-width: 479px) { .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .order-info-box { margin: 0; } .order-info-box .col-1, .order-info-box .col-2 { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 15px 0; width: 100%; } .order-info-box + .order-info-box { border-bottom: 0; margin-bottom: 30px; padding-bottom: 0; } #my-reviews-table .nobr { white-space: normal; } } .customer-account-mobileaccount .col-left { display: none; } .customer-account-mobileaccount .col-main { width: 100%; } .customer-account-mobileaccount .col-main .mdl-typography--headline, .customer-account-mobileaccount .col-main .mdl-popup .mdl-popup__title, .mdl-popup .customer-account-mobileaccount .col-main .mdl-popup__title, .customer-account-mobileaccount .col-main .mdlh-card-news .mdl-card__media .mdl-card__title, .mdlh-card-news .mdl-card__media .customer-account-mobileaccount .col-main .mdl-card__title, .customer-account-mobileaccount .col-main .cms-page-view .help-content .page-title, .cms-page-view .help-content .customer-account-mobileaccount .col-main .page-title, .customer-account-mobileaccount .col-main .honor2-successBlock ul li i, .honor2-successBlock ul li .customer-account-mobileaccount .col-main i, .customer-account-mobileaccount .col-main .twostepcheckout-twostep-success .order-summary-container .my-order-block .title, .twostepcheckout-twostep-success .order-summary-container .my-order-block .customer-account-mobileaccount .col-main .title, .customer-account-mobileaccount .col-main .not-appr-registration .not-appr-msg-head, .not-appr-registration .customer-account-mobileaccount .col-main .not-appr-msg-head, .customer-account-mobileaccount .col-main .aftr-sub-registration .aftr-sub-msg-head, .aftr-sub-registration .customer-account-mobileaccount .col-main .aftr-sub-msg-head { color: #757575; } .customer-account-mobileaccount .main-container ul { width: 100%; } .customer-account-mobileaccount .main-container ul li { cursor: pointer; min-height: 50px; font-size: 16px; width: 100%; border-top: 1px solid rgb(224,224,224); } .customer-account-mobileaccount .main-container ul li .icon-honor2-arrow-right, .customer-account-mobileaccount .main-container ul li .vid-block .home-news-container .slick-next, .vid-block .home-news-container .customer-account-mobileaccount .main-container ul li .slick-next, .customer-account-mobileaccount .main-container ul li .order-contact .slick-next, .order-contact .customer-account-mobileaccount .main-container ul li .slick-next { margin-top: -29px; margin-right: 16px; } .customer-account-mobileaccount .main-container ul li a { text-decoration: none; color: rgb(117,117,117); padding: 15px 0px 15px 30px; display: block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 500; color: #000000; font-size: 0.875rem; } .customer-account-mobileaccount .main-container ul li span.icon-honor2-arrow-right, .customer-account-mobileaccount .main-container ul li .vid-block .home-news-container span.slick-next, .vid-block .home-news-container .customer-account-mobileaccount .main-container ul li span.slick-next, .customer-account-mobileaccount .main-container ul li .order-contact span.slick-next, .order-contact .customer-account-mobileaccount .main-container ul li span.slick-next { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 700; color: #757575; font-size: 0.75rem; } .customer-account-mobileaccount .main-container ul li:last-child { border-bottom: 1px solid rgb(224,224,224); } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager { margin-top: 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager .pages { text-align: center; margin-bottom: 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager .pages .pagination li { display: inline-block; margin: 0 5px; height: 30px; width: 30px; line-height: 30px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager .pages .pagination li.current { border: 0; background-color: #0DB5D7; border-radius: 2px; color: #FFFFFF; text-align: center; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager .pages .pagination li a { display: inline-block; border: 0; vertical-align: middle; color: #0DB5D7; text-decoration: none; min-width: 30px; height: 30px; line-height: 30px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCPager .pages .pagination li.disabled a { color: #D1D3D4; } .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue { display: table; background: #07B6E2; color: #FFFFFF; width: 94%; margin: 0 auto; padding: 15px 10px 15px 20px; } .giftvoucher-giftvoucher-mygiftvouchers #voucher_details { width: 800px; padding-bottom: 30px; } .giftvoucher-giftvoucher-mygiftvouchers #voucher_details #close-btn { position: absolute; top: 0; right: 20px; cursor: pointer; } .giftvoucher-giftvoucher-mygiftvouchers #voucher_details .honor-SCHeader { padding: 0 40px 15px 40px; } .giftvoucher-giftvoucher-mygiftvouchers #voucher_details .event-registration-info { margin-top: 30px; padding: 0px 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea { border-right: 1px solid rgba(0, 0, 0, 0.12); min-height: 250px; } .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea p.content { padding-bottom: 0; } .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea:last-child { border-right: 0px; } .giftvoucher-giftvoucher-mygiftvouchers #giftVoucherMenuWrapper.icon-honor2-plus:before { display: inline-block; position: absolute; right: 28px; width: 12px; height: 8px; margin-top: 1px; } .giftvoucher-giftvoucher-mygiftvouchers #giftVoucherMenuWrapper.icon-honor2-minus:before { display: inline-block; position: absolute; right: 28px; width: 12px; height: 8px; margin-top: 2px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .honor-SCcol-1 #giftVoucherMenuWrapper .honor-mobleftText { font-weight: 500; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li span.honor-mobleftText { font-weight: 500; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy { margin: 0px 20px 0px 20px; border-top: 1px solid rgba(0, 0, 0, 0.12); padding: 10px 0px 20px 0px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy .viewUrl { text-decoration: none; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy .viewUrl .viewHistroy { color: #02A1C9; cursor: pointer; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy .viewUrl .rightArrow { float: right; color: #BCBCBC; cursor: pointer; font-size: 14px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .blue-txt { cursor: pointer; color: #07B6E2; text-decoration: none; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .blue-txt .giftVoucherCodeNumber { font-weight: 500; cursor: pointer; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .histroy-txt { color: #212121; text-decoration: none; } @media only screen and (max-width: 770px) { .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork { margin-top: 50px; } .giftvoucher-giftvoucher-mygiftvouchers .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea { min-height: auto; border: none; } .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue { display: table; background: #07B6E2; color: #FFFFFF; width: 94%; margin: 0 auto; padding: 15px 10px 15px 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter { padding: 0; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody { border: none; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody div { padding: 15px 20px 30px 20px; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: block; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .menuVoucherHeading { display: inline-block; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper.icon-honor2-plus:before { display: inline-block; position: absolute; right: 28px; width: 12px; height: 8px; margin-top: 1px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper.icon-honor2-minus:before { display: inline-block; position: absolute; right: 36px; width: 12px; height: 8px; margin-top: 2px; font-size: 30px; line-height: 12px; color: #757575; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper .giftVoucherCodeNumber { color: #212121; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper .giftVoucherCodeNumber .histroy-txt { color: #212121; text-decoration: none; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody .honor-SCcol-1 { background: #f5f5f5; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu { margin-top: 10px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection { text-align: left; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection.pl10 { padding-left: 10px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection.honor-mobleftText { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 { min-height: 40px; max-height: 80px; padding: 0px 20px 0px 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection { text-align: left; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection.pl10, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection.pl10 { padding-left: 10px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection.honor-mobleftText, .giftvoucher-giftvoucher-mygiftvouchers .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection.honor-mobleftText { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue { margin: 0px; width: 100%; } .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue .honor-SCBalanceInner .voucherTotalPrice { float: right; } .giftvoucher-giftvoucher-mygiftvouchers #voucher_details { width: 100%; } .giftvoucher-giftvoucher-mygiftvouchers .my-account { margin: 0px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCHeader { padding: 35px 15px 10px 20px; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCHeader .honor-SCTitle { position: relative; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCHeader .honor-SCTitle .myvoucher { float: left; } .giftvoucher-giftvoucher-mygiftvouchers .honor-SCHeader .honor-SCTitle .voucherWork { color: #07B6E2; position: relative; top: 14px; float: right; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .tablet-display { display: block; } .honor2-SCnoDataOuter .honor2-howSCwork { margin-top: 50px; } .honor2-SCnoDataOuter .honor2-howSCwork .honor2-howSCworkAreaOuter .honor2-howSCworkArea { min-height: auto; border: none; } .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue { display: table; background: #07B6E2; color: #FFFFFF; width: 97%; margin: 0 auto; padding: 15px 10px 15px 20px; } .honor-SCTableOuter { padding: 0; border-right: none; border-left: none; width: 97%; } .honor-SCTableOuter .honor-SCTableHeading { display: none; } .honor-SCTableOuter .honor-SCTableBody { border: none; } .honor-SCTableOuter .honor-SCTableBody div { padding: 15px 20px 30px 20px; border-right: 1px solid rgba(0, 0, 0, 0.12); border-left: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: block; } .honor-SCTableOuter .honor-SCTableBody .menuVoucherHeading { display: inline-block; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper.icon-honor2-plus:before { display: inline-block; position: absolute; right: 50px; width: 12px; height: 8px; margin-top: 1px; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper.icon-honor2-minus:before { display: inline-block; position: absolute; right: 58px; width: 12px; height: 8px; margin-top: 2px; font-size: 30px; line-height: 12px; color: #757575; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper .giftVoucherCodeNumber { color: #212121; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenuWrapper .giftVoucherCodeNumber .histroy-txt { color: #212121; text-decoration: none; } .honor-SCTableOuter .honor-SCTableBody .honor-SCcol-1 { background: #f5f5f5; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left: 1px solid rgba(0, 0, 0, 0.12); padding-top: 10px; } .honor-SCTableOuter .honor-SCTableBody #giftVoucherMenu li.histroy .viewUrl .rightArrow { margin-right: 6px; } .honor-SCTableOuter .honor-SCTableBody:last-child #giftVoucherMenu { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection, .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection { float: left; width: 50%; text-align: left; } .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection.pl10 { padding-left: 10px; } .honor-SCTableOuter .honor-SCcol-1 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-2 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-3 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-4 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter .honor-SCcol-5 .honor-detailsDeviderSection.honor-mobleftText { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 { min-height: 40px; max-height: 80px; padding: 0px 20px 0px 20px; } .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection { text-align: left; } .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection.pl10, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection.pl10 { padding-left: 10px; } .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-2 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-3 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-4 .honor-detailsDeviderSection.honor-mobleftText, .honor-SCTableOuter #giftVoucherMenu .honor-SCcol-5 .honor-detailsDeviderSection.honor-mobleftText { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .main-title-blue { margin: 0px; width: 100%; } .main-title-blue .honor-SCBalanceInner .voucherTotalPrice { float: right; } #voucher_details { width: 100%; } .my-account { margin: 0px; } .honor-SCHeader { padding: 35px 15px 10px 15px; } .honor-SCHeader .honor-SCTitle { position: relative; } .honor-SCHeader .honor-SCTitle .myvoucher { float: left; } .honor-SCHeader .honor-SCTitle .voucherWork { color: #07B6E2; position: relative; top: 14px; float: right; } .customer-account .col-left { width: 100%; display: none; } .customer-account .col-main { width: 100%; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: potrait) { .giftvoucher-giftvoucher-mygiftvouchers .main-title-blue { width: 100%; } } .addresses-book ol { float: left; width: 80%; padding: 25px 0 0 0; clear: both; } .addresses-book ol li { padding: 0px 18px 0 0; float: left; width: 43%; } .addresses-book ol li.entri-hide { display: none; } .address-first-page { width: 50%; margin: 0 auto; margin-top: 150px; } .customer-account .mdl-popup .mdl-popup__content { padding: 10px 20px 0px 20px; } .customer-account .mdl-popup .mdl-popup__actions { padding: 0px 8px 0px 8px; } .customer-account .require_field { padding-right: 0px; } .customer-account .fieldset .mdl-cell { margin: 0px; } .customer-account .fancybox-outer { padding: 30px 0px 10px 0px; } .customer-account .mdl-grid { display: block; padding: 0; } .customer-account .new-address-container i { margin-top: 10px; cursor: pointer; } .customer-account .new-address-container .account-address-new { float: left; color: rgb(117,117,117); } .customer-account .new-address-container .account-address-new:hover { background-color: transparent; } .customer-account .mdl-popup .mdl-popup__msg .fields .mdl-textfield__error { line-height: 12px; } .add-new-address { padding: 45px; text-align: center; } @media only screen and (max-width: 770px) { .addresses-book ol { width: 100%; } .addresses-book ol li { float: left; padding: 0px 20px 0 0; width: 50%; } .address-first-page { width: 100%; } .col-left { padding-right: 10px; padding-left: 10px; width: 100%; } .col-main { float: left; width: 100%; padding-right: 10px; padding-left: 10px; } .address-first-page { margin-top: 30px; } } .customer-account-edit .spinner_main_btn1 .mdl-spinner { left: 30%; } .customer-account-edit .mdl-messages .success-msg li { height: auto; } .customer-account-edit .mdl-messages li span.close-btn { width: auto; } .customer-account-edit .form-list { padding-top: 15px; } .customer-account-edit .form-list.form-list-textfield .mdl-textfield__label { display: none; } @media only screen and (max-width: 599px) { .addresses-book ol li { float: left; padding: 0px; width: 100%; } } @media only screen and (max-width: 479px) { .my-account { margin: 20px 10px 0 10px; } } .oms-order-modify .col-main { float: left; width: 61%; } .oms-order-modify .order-number { padding-top: 35px; padding-bottom: 20px; color: rgb(33,33,33); } .oms-order-modify .address-note { padding-top: 30px; } .oms-order-modify .address-note .address-note-title { color: rgb(33,33,33); } .oms-order-modify .col-right { float: left; width: 35%; } .oms-order-modify .col-right table { width: 100%; } .oms-order-modify .col-right .oms-right-list tr { padding: 5px 0px 5px 0px; float: left; } .oms-order-modify .col-right .prod_col { padding-left: 10px; } .oms-order-modify .col-right .prod_col .item-name { color: rgb(33,33,33); } .oms-order-modify .col-right .prod_col .price { color: rgb(33,33,33); } .oms-order-modify .col-right .footer { padding-top: 30px; } .oms-order-modify .col-right .footer td { width: 50%; float: left; padding: 5px 0px 5px 0px; } .oms-order-modify .col-right .footer td.order-text-left { color: rgb(33,33,33); } .oms-order-modify .col-right .footer td.a-right { color: rgb(117,117,117); } .oms-order-modify .col-right .footer td.a-processing { color: rgb(76,175,80); } .oms-order-modify .col-right .footer td.oms-error { color: rgb(244,67,54); } .oms-order-modify .oms-right-height { min-height: 760px; } .oms-order-modify .oms-ordersumary img { border: 1px solid #e0e0e0; } @media only screen and (max-width: 770px) { .oms-order-modify .col-main { float: left; width: 100%; } .oms-order-modify .col-right { float: left; width: 100%; } .oms-order-modify .mdl-cell--6-col, .oms-order-modify .mdl-cell--4-col { width: 100%; } .oms-order-modify .mdl-cell--5-col { width: 80%; } .oms-order-modify .mdl-cell--1-col { width: 15%; } } .oms-order-modify .mdl-card-padding { padding: 20px 20px 20px 20px; } .oms-order-modify .mdl-card-padding .fieldset .mdl-cell { margin: 0px 0px 0px 0px; } .oms-order-modify .mdl-card-padding .fieldset .mdl-cell.mdl-cell--5-col { margin-left: 5%; } @media only screen and (max-width: 479px) { .customer-account .mdl-grid { margin-top: 10px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .addresses-book ol { width: 100%; } .addresses-book ol li { float: left; padding: 0px 20px 0 0; width: 50%; } .addresses-list .new-address-container .right { float: right; padding-right: 10px; } } .coupon-index-coupons .my-account ul { margin-top: 30px; } .coupon-index-coupons .my-account ul.messages { margin-top: 0px; } .coupon-index-coupons .my-account ul.messages ul { margin-top: 0px; } .coupon-index-coupons .my-account .coupon-wrapper { float: left; margin-right: 30px; margin-bottom: 30px; position: relative; width: 415px; background: whitesmoke none repeat scroll 0 0; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/coupon-bg1.png) no-repeat; background-repeat: repeat-x; min-height: 67px; /*.rulename { @extend .mdl-typography--body-2; color: $text-color-white; }*/ } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-left { float: left; margin-left: 25px; margin-top: 12px; color: rgb(255,255,255); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right { float: left; margin-left: 15px; margin-top: 10px; line-height: 14px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right .coupon-codetext { color: rgb(255,255,255); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right .coupon-code { color: rgb(255,255,255); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom { min-height: 125px; /*margin-bottom: 8px;*/ overflow: hidden; padding: 20px; border-bottom: 1px solid rgb(224,224,224); border-left: 1px solid rgb(224,224,224); border-right: 1px solid rgb(224,224,224); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rulename { color: rgb(33,33,33); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details { margin: 30px 0 10px 0; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail { float: left; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail .availability-date { margin-left: 5px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .gift-coupon { float: right; cursor: pointer; color: rgb(33,33,33); text-transform: uppercase; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-codetext { color: rgb(33,33,33); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-code { color: rgb(33,33,33); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .availability-date { color: rgb(33,33,33); } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .sent-customer-div { position: relative; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .sent-customer-div .sent-customer { color: rgb(33,33,33); position: absolute; left: 0px; top: 25px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description { color: "0,0,0"; margin-top: 10px; width: 98%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description .morecontent span { display: none; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description .morecontent .morelink { color: #0DB5D7; text-decoration: none; outline: none; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .icon-sprite { display: none; height: 14px; position: relative; top: 2px; width: 25px; left: 78%; background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/account.png) 0 1px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container { background: rgb(255,255,255); border: 1px solid rgb(224,224,224); display: none; overflow: hidden; padding: 10px 25px 15px 25px; position: relative; width: 100%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .mdl-textfield { float: left; width: 80%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .mdl-textfield__error { line-height: 14px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .input-text { float: left; width: 75%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .send-coupon { color: "0,0,0"; margin-top: 13px; border: 0; float: left; width: 20%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .close-btn { cursor: pointer; display: block; position: absolute; right: 5%; top: 10%; } .coupon-index-coupons .my-account .data-table { color: rgb(33,33,33); } .coupon-index-coupons .my-account .data-table th { border-bottom: 0; padding: 10px 10px 10px 0px; text-align: left; word-break: break-all; } .coupon-index-coupons .my-account .data-table td { padding: 10px 10px 10px 0px; vertical-align: middle; text-align: left; word-break: break-all; } .coupon-index-coupons .my-account .data-table .order-no { color: #30b5e3; } .coupon-index-coupons .my-account .coupon-info .coupon-steps { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); float: left; margin-bottom: 40px; margin-right: 25px; padding: 10px 0; width: 98%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box { border-right: 1px dashed rgba(0, 0, 0, 0.12); float: left; height: 130px; padding: 10px; width: 33.33%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .box-title { color: rgb(33,33,33); display: block; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .box-content { color: rgb(33,33,33); display: block; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .steps-num { display: inline-block; padding-top: 9%; text-align: right; vertical-align: top; width: 20%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .steps-num span { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 50%; color: rgb(0,136,170); font-size: 35px; padding: 5px 18px; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .content-box { display: inline-block; padding-left: 13px; padding-right: 13px; width: 78%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box.last { border: 0; } .coupon-index-coupons .my-account .coupon-info .know-more { color: rgb(33,33,33); margin-bottom: 15px; padding: 0px 30px 10px 30px; } .coupon-index-coupons .my-account .coupon-info .know-more span { color: rgb(33,33,33); display: block; } .coupon-index-coupons .my-account .coupon_main { min-height: 700px; } .coupon-index-coupons .my-account .noactive-coupon-txt { color: rgb(33,33,33); padding: 20px 0 10px; } .coupon-index-coupons .my-account .noactive-continue-shop { padding-bottom: 45px; } .coupon-index-coupons .my-account .no-coupon { text-align: center; padding: 80px 10px 30px 10px; } .coupon-index-coupons .my-account .no-coupon .no-coupon-inside { width: 100%; position: absolute; top: 40%; margin-left: -30px; } .coupon-index-coupons .my-account .no-coupon .no-coupon-inside a.button { color: #0DB5D7; } .coupon-index-coupons .my-account .no-coupon .main-title { color: rgb(33,33,33); padding-top: 20px; } .coupon-index-coupons .my-account .no-coupon .button { color: "0,0,0"; margin-top: 21px; text-decoration: none; } @media only screen and (max-width: 770px) { .coupon-index-coupons .my-account .no-coupon .no-coupon-inside { width: 100%; position: static; margin-left: 0px; padding-top: 30px; } } @media only screen and (max-width: 599px) { .coupon-index-coupons .main-container { margin-right: 10px; } .coupon-index-coupons .my-account .no-coupon { padding: 30px; } } @media only screen and (max-width: 479px) { .coupon-index-coupons .mdl-messages .error-msg ul, .coupon-index-coupons .mdl-messages .success-msg ul, .coupon-index-coupons .mdl-messages .notice-msg ul { margin-left: 10px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .sent-customer-div .sent-customer { text-align: right; top: 27px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container { padding: 5px 15px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .mdl-textfield { width: 100%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .mdl-textfield .mdl-textfield__error { line-height: 13px; margin-top: 3px; } .customer-account .my-account .coupondetails { margin: 0; } .customer-account .my-account .coupondetails .data-table th { font-size: 1rem; line-height: 16px; } .customer-account .my-account .coupondetails .data-table td { font-size: 0.8571rem; line-height: 16px; } .sent-customer-div { top: 18px; } .coupon-index-coupons .my-account .coupon-wrapper { width: 100%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .gift-coupon { float: left; width: 90%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); float: left; margin-bottom: 40px; margin-right: 25px; padding: 10px 0; width: 98%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box { border-right: 0px dashed rgba(0, 0, 0, 0.12); float: left; height: auto; padding: 10px; width: 98%; } .coupon-index-coupons .my-account .coupon-info .coupon-steps .coupon-box .steps-num { padding-top: 5%; } } .coupon-index-coupons .my-account .coupon-wrapper { background: #00B5E2; float: none; display: inline-block; vertical-align: top; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; min-height: 68px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom { padding: 25px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details { margin: 0px 0 10px 0; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right .coupon-codetext { font-size: 14px; opacity: 0.8; color: #333; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-top .col-right .coupon-code { color: #00B5E2; font-size: 20px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rulename { font-size: 14px; color: #fff; font-weight: normal; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description { margin-top: 5px; font-size: 12px; color: #ccf0f9; min-height: 75px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description .morecontent .morelink { color: #fff; font-weight: normal; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail .availability-date { font-size: 12px; color: #fff; vertical-align: top; font-weight: normal; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail { padding-top: 3px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .date-detail .expire-on { font-size: 12px; color: #fff; opacity: 0.8; float: left; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .coupon-details .gift-coupon { color: #fff; font-size: 14px; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 0px; padding: 5px 25px 5px 25px; overflow: auto; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .mdl-textfield { padding: 20px 0 15px 0px; width: 74%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .email-container .send-coupon { width: 26%; } .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .sent-customer-div .sent-customer { color: #fff; top: 13px; font-size: 12px; } .coupondetails { margin-bottom: 20px; } .coupon-index-coupons .my-account .data-table tr th:first-child, .coupon-index-coupons .my-account .data-table tr td:first-child { padding-left: 30px; } .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; position: absolute; right: 54px; top: 227px; } .coupon-index-coupons .my-account .data-table { border: 1px solid #E1E1E1; } .coupon-index-coupons .my-account .data-table th { border-bottom: 1px solid #E1E1E1; } .coupon-index-coupons .my-account .data-table th, .coupon-index-coupons .my-account .data-table td { font-size: 14px; padding-left: 6px; line-height: 18px; } @media only screen and (max-width: 480px) { .coupon-index-coupons .my-account .coupon-wrapper .coupon-main .coupon-bottom .rule-description { height: auto; } .coupondetails { margin-bottom: 20px; overflow-x: scroll; } .coupon-index-coupons .my-account .data-table { border: 1px solid #E1E1E1; width: 700px; } } @media only screen and (max-width: 768px) { .up-login-wrapper #iframe-login .iframe-body { width: 100% !important; height: 600px !important; } } .customer-address-index .fancybox-wrap { overflow: hidden !important; } .footer-links .hidePolicy { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #block-footerLinks .icon-honor2-plus:before { display: inline-block; position: absolute; right: 20px; width: 12px; height: 8px; margin-top: 6px; font-size: 12px; } #block-footerLinks .icon-honor2-minus:before { display: inline-block; position: absolute; right: 28px; width: 12px; height: 8px; margin-top: 6px; font-size: 26px; line-height: 12px; } .allSocialIcons { display: inline-block; margin-left: 8%; } .allSocialIcons .iconSocial { margin-right: 10px; padding: 11px; height: 50px; width: 50px; min-width: 50px; background: white; color: #000000; border: 1px solid rgba(0, 0, 0, 0.12); text-decoration: none; } .allSocialIcons .iconSocial i { position: relative; top: 2px; left: 5px; font-size: 14px; } .allSocialIcons .iconSocial:last-child i { position: relative; top: 2px; left: 2px; font-size: 14px; } /* Subscription Code start*/ .updates-offers-container { background: #FFFFFF; } .updates-offers-container .block-subscription { /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/ } .updates-offers-container .form-group { padding: 50px 20px !important; text-align: center; } .updates-offers-container .form-group .subscribe-input-validate-email { position: relative; } .updates-offers-container .form-group .subscribe-input { width: 350px; border: 1px solid rgba(0, 0, 0, 0.12); height: 40px; } .updates-offers-container .form-group .mdl-button { background: #01B4E1; height: 40px; } .updates-offers-container .form-group .mdl-textfield__error { top: 30px; text-align: left; color: #E12848; line-height: normal; } .updates-offers-container .form-group .mdl-button { background-color: #01B4E1; color: #FFFFFF; width: 140px; height: 40px; position: relative; bottom: 1px; left: 10px; } .updates-offers-container .form-group .mdl-button:hover { background-color: #1abfe5; } .updates-offers-container .form-group .subscribe-input { width: 350px; height: 40px; border-radius: 2px; padding-left: 15px; border: 1px solid rgba(0, 0, 0, 0.12); color: #818181; font-size: 14px; } .updates-offers-container .form-group .info-txt { color: rgb(33,33,33); display: inline-block; margin-right: 25px; font-size: 16px; font-weight: 400; text-transform: uppercase; } .updates-offers-container .form-group .suc-msg { position: absolute; } .updates-offers-container .form-group .reg-msg { position: absolute; text-align: left; width: 100%; color: #E12848; font-size: 12px; line-height: normal; } .updates-offers-container .form-group .txtbox-btn { display: inline-block; } /* End of Subscription Code start*/ .mdl-links-color { cursor: pointer; text-decoration: none; } .mdl-links-color:hover { text-decoration: none; color: #0db5d7; } .mdl-menu-links { text-decoration: none; } .mdl-menu-links:hover { text-decoration: none; } .menu-items a { text-decoration: none; } .menu-items a:hover { text-decoration: none; } .main-header-container .search-autocomplete a { text-decoration: none; } .main-header-container .search-autocomplete a:hover { text-decoration: none; } .main-header-container .quick-links a { text-decoration: none; } .main-header-container .quick-links a:hover { text-decoration: none; } a.mdl-content-link { color: #0db5d7; } .main-container { max-width: 1600px; } .footer-container li { list-style: none; } .main-footer-container { background: #FFFFFF; } .main-footer-container .footer-container { max-width: 1600px; padding: 26px 0px 10px 0px; max-width: 100%; } .main-footer-container .footer-container .footer-links .footer-links-column { float: left; width: 19%; clear: none; } .main-footer-container .footer-container .footer-links .footer-links-column .icon-honor2-filled-arrow-right:before { display: none; } .main-footer-container .footer-container .footer-links .footer-links-column h2 { color: #757575; margin: 0px 0px 17px 5px; padding-right: 0px; color: #000000; } .main-footer-container .footer-container .footer-links .footer-links-column ul { margin: 0px 0px 40px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column ul li { color: #212121; margin-left: 0; } .main-footer-container .footer-container .footer-links .footer-links-column ul li .mdl-links-color { padding: 6px 4px 6px 4px; display: inline-block; color: rgb(117,117,117); } .main-footer-container .footer-container .footer-links .footer-links-column ul li .mdl-button { text-transform: none; } .main-footer-container .footer-container .footer-links .footer-links-column ul li.contact { color: #000000; margin: 0px 0px 12px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column ul li.contact .first p:first-child { margin: 7px 0px 6px 25px; } .main-footer-container .footer-container .footer-links .footer-links-column ul li.contact p { color: #757575; margin: 7px 0px 6px 25px; } .main-footer-container .footer-container .footer-links .footer-links-column.last { width: 24%; background: #f7f7f8; padding: 20px 0px 0px 20px; } .main-footer-container .footer-container .footer-links .footer-links-column.last ul { margin: 0px 0px 20px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column.last ul li { margin: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom { padding: 10px 8% 10px 8%; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne { display: inline-block; padding-right: 55px; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne .payment-sprite img { display: inline-block; vertical-align: middle; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne h3 { display: inline-block; font-size: 14px; color: #757575; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 10px; margin-right: 10px; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secTwo { display: inline-block; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secTwo .payment-sprite img { display: inline-block; vertical-align: middle; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secTwo h3 { display: inline-block; font-size: 14px; color: #757575; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 10px; margin-right: 10px; } .main-footer-container .footer-container .footer-links .top-section { float: left; width: 100%; padding: 10px 8% 10px 8%; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .main-footer-container .footer-container .footer-links .top-section a { color: #01B4E1; } .main-footer-container .footer-container .footer-links .top-section .footer-followus { position: relative; bottom: 4px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a .t-link { position: relative; left: 4px; top: 1px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a .f-link { position: relative; left: 2px; top: -1px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a .i-link { position: relative; left: 2px; top: -1px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a .y-link { position: relative; left: 2px; top: -1px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a .g-link { position: relative; left: 4px; top: -1px; } .main-footer-container .footer-container .footer-links .top-section .footer-followus a i { font-size: 18px; } .main-footer-container .footer-container .footer-links .top-section h2 { display: inline-block; font-size: 20px; color: #000000; } .main-footer-container .footer-container .footer-links .top-section .top-section-left { float: left; } .main-footer-container .footer-container .footer-links .top-section .top-section-left a { font-weight: normal; text-decoration: none; } .main-footer-container .footer-container .footer-links .top-section .top-section-right { float: right; } .main-footer-container .footer-container .footer-links .bottom-section { padding: 20px 8% 20px 8%; border-top: 1px solid rgba(0, 0, 0, 0.12); } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left { float: left; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left a { color: #000000; text-decoration: none; font-weight: normal; padding-right: 15px; padding-left: 15px; display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.12); font-size: 12px; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left a:first-child { padding-left: 0; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left a:last-child { border-right: none; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left a:hover { text-decoration: none; color: #01B4E1; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-right { float: right; color: rgb(117,117,117); font-size: 12px; } .main-footer-container .footer-container .chat-with { text-transform: uppercase !important; } .main-footer-container .footer-container .footer-bottom { clear: both; margin: auto auto 28px auto; } .main-footer-container .footer-container .footer-bottom .payment { display: inline-block; position: relative; top: 20px; } .main-footer-container .footer-container .footer-bottom .payment span { margin: auto 20px auto auto; float: left; } .main-footer-container .footer-container .footer-bottom .payment .payment-patners { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/home-sprite.png") no-repeat -10px -68px; width: 262px; height: 22px; } .main-footer-container .footer-container .copyright { position: relative; top: 11px; } .main-footer-container .footer-container .copyright .copy-right-innercontent { color: #BDBDBD; } .main-footer-container .footer-container .copyright .copy-right-innercontent .copyright-text { float: left; } .main-footer-container .footer-container .copyright .copy-right-innercontent .copyright-text:hover { color: #BDBDBD; background-color: transparent; } .main-footer-container .footer-container .copyright .copy-right-innercontent .footer-legaltextlinks { float: left; padding: 0px 0px 0px 30px; margin-top: -6px; } .main-footer-container .footer-container .copyright .copy-right-innercontent .footer-legaltextlinks li { display: inline-block; padding: 0px 3px 0px 0px; } .main-footer-container .footer-container .copyright .copy-right-innercontent .footer-legaltextlinks li a { color: #BDBDBD; text-transform: none; } .main-footer-container .footer-container .copyright .copy-right-innercontent .footer-legaltextlinks .sep { position: relative; top: -2px; } .footer-divider { position: relative; bottom: 58px; height: 1px; overflow: hidden; background-color: rgba(0, 0, 0, 0.12); } .icon-honor2-arrow-right:before, .vid-block .home-news-container .slick-next:before, .order-contact .slick-next:before { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f105"; } .icon-honor2-arrow-square:before { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f106"; } .icon-honor2-arrow-up:before { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f107"; } .icon-honor2-arrow1-left:before { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f108"; } .icon-honor2-arrow1-right:before { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f109"; } .separator-div { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin: 20px 0; } .main-footer-bar { background: rgb(255,255,255); border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .main-footer-bar #block-footerBar .icon-honor2-arrow-left, .main-footer-bar #block-footerBar .vid-block .home-news-container .slick-prev, .vid-block .home-news-container .main-footer-bar #block-footerBar .slick-prev, .main-footer-bar #block-footerBar .order-contact .slick-prev, .order-contact .main-footer-bar #block-footerBar .slick-prev { border: 0; background: none; cursor: pointer; outline: none; position: absolute; top: 42%; left: 10px; color: rgb(33,33,33); } .main-footer-bar #block-footerBar .icon-honor2-arrow-right, .main-footer-bar #block-footerBar .vid-block .home-news-container .slick-next, .vid-block .home-news-container .main-footer-bar #block-footerBar .slick-next, .main-footer-bar #block-footerBar .order-contact .slick-next, .order-contact .main-footer-bar #block-footerBar .slick-next { border: 0; background: none; cursor: pointer; outline: none; position: absolute; top: 42%; right: 3px; color: rgb(33,33,33); } .main-footer-bar #block-footerBar .slick-track #fbanner1 { padding: 0; text-align: center; } .main-footer-bar #block-footerBar .slick-track #fbanner1 .innerBanner { display: inline-block; text-transform: uppercase; } .main-footer-bar #block-footerBar .slick-track #fbanner2 { padding: 0; text-align: center; } .main-footer-bar #block-footerBar .slick-track #fbanner2 .innerBanner { display: inline-block; text-transform: uppercase; } .main-footer-bar #block-footerBar .slick-track #fbanner3 { padding: 0; text-align: center; } .main-footer-bar #block-footerBar .slick-track #fbanner3 .innerBanner { display: inline-block; text-transform: uppercase; } .main-footer-bar #block-footerBar .slick-track #fbanner4 { padding: 0; text-align: center; } .main-footer-bar #block-footerBar .slick-track #fbanner4 .innerBanner { display: inline-block; text-transform: uppercase; } .footer-bar { color: #000000; overflow: hidden; max-width: 1600px; margin: 0 auto; padding: 10px 10px 10px 10px; } .footer-bar span { display: block; } .footer-bar .ataglance { float: left; height: 93px; width: 24.9%; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; } .footer-bar .ataglance .footer-bar-block { display: inline-block; margin-top: 10px; } .footer-bar .ataglance .footer-bar-block .big-txt { color: #212121; text-align: left; font-weight: bold; } .footer-bar .ataglance .footer-bar-block .small-txt { color: #757575; font-size: 12px; text-align: left; text-transform: initial; } .footer-bar .footer-bar-icon { display: inline-block; height: 60px; width: 50px; margin-top: 14px; float: left; } .footer-bar .footer-bar-icon img { width: 40px; height: 45px; margin: 0; } .footer-bar .footer-bar-block1-icon { background-position: -2px 6px; } .footer-bar .footer-bar-block1-icon i { font-size: 25px; } .footer-bar .footer-bar-block2-icon { background-position: -54px 6px; } .footer-bar .footer-bar-block2-icon i { font-size: 25px; } .footer-bar .footer-bar-block3-icon { background-position: -114px 6px; } .footer-bar .footer-bar-block3-icon i { font-size: 25px; } .footer-bar .footer-bar-block4-icon { background-position: -167px 6px; } .footer-bar .footer-bar-block4-icon i { font-size: 25px; } @media (-webkit-min-device-pixel-ratio: 2) { .country-wrapper .spr-ctry.flagsa { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 137px; background-position: -1px -55px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flag-sa { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 137px; background-position: -1px -55px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flagae { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 143px; background-position: 0px 0px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flag-ae { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 143px; background-position: 0px 0px; height: 7px; width: 10.5px; } } @media (min-resolution: 2dppx) { .country-wrapper .spr-ctry.flagsa { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 137px; background-position: -1px -55px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flag-sa { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 137px; background-position: -1px -55px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flagae { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 143px; background-position: 0px 0px; height: 7px; width: 10.5px; } .country-wrapper .spr-ctry.flag-ae { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/flag-sprite-2x.png"); background-size: 20.5px 143px; background-position: 0px 0px; height: 7px; width: 10.5px; } } @media screen and (max-width: 770px) { .updates-offers-container .form-group { padding: 30px 20px 32px 20px !important; /*width: 514px;*/ text-align: inherit; } .updates-offers-container .form-group .info-txt { text-align: left; float: left; margin-bottom: 10px; } .updates-offers-container .block-subscription { /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/ } .main-footer-container .footer-container { padding: 0px 0px 0px 0px; } .main-footer-container .footer-container .mdl-mega-footer { padding: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column { width: 100%; } .main-footer-container .footer-container .footer-links .footer-links-column h2 { /*border-bottom: 1px solid rgb(224,224,224);*/ margin: 0px 0px 0px 0px; position: relative; padding: 14px 0px 14px 20px; font-size: 20px; } .main-footer-container .footer-container .footer-links .footer-links-column h2.active { border-bottom: 0px; } .main-footer-container .footer-container .footer-links .footer-links-column h2.active + ul { /*border-bottom: 1px solid rgb(224,224,224);*/ } .main-footer-container .footer-container .footer-links .footer-links-column .mdl-mega-footer--link-list { padding-left: 16px; padding-bottom: 10px; display: none; margin: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column .icon-honor2-filled-arrow-right:before { display: inline-block; position: absolute; right: 12px; width: 12px; height: 8px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; margin-top: 9px; font-size: 12px; } .main-footer-container .footer-container .footer-links .footer-links-column .icon-honor2-filled-arrow-right.active:before { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .main-footer-container .footer-container .footer-links .footer-links-column.last { display: none; } .main-footer-container .footer-container .mdl-mega-footer--bottom-section { text-align: center; } .main-footer-container .footer-container .copyright-text { width: 100%; text-align: center; padding: 7px 13px 7px 13px; } .main-footer-container .footer-container .footer-legaltextlinks { width: 100%; } .main-footer-container .footer-container .country-wrapper { display: none; } .footer-divider { display: none; } } @media only screen and (max-width: 479px) { .main-footer-bar .footer-bar .ataglance { width: 100%; height: 75px; margin: 0 0 0 0; padding: 0 0 0 0; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .footer-brave-logo { width: 80%; } } @media only screen and (min-width: 770px) { .mdl-mega-footer { padding: 0px 0px 0px 0px; } .main-footer-container .footer-container { padding: 0px 0px 10px 0px; } .main-footer-container .footer-container .footer-links { padding: 10px 0px 10px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section { padding: 0 8% 0 8%; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column { padding-top: 20px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column h2 { font-size: 20px; margin: 0px 0px 10px 5px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column ul { margin: 0px 0px 20px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column ul li .mdl-links-color { padding: 4px 4px 4px 4px; line-height: 16px; color: rgb(117,117,117); font-size: 13px; cursor: pointer; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave { float: right; display: inline-block; padding: 25px 0px 20px 0px; text-align: center; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .footer-brave-logo { display: inline-block; width: 100%; height: auto; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing { color: #000000; padding-top: 10px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing h3 { font-weight: bold; font-size: 1.26rem; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing p { font-size: 13px; margin-bottom: 10px; color: rgb(33,33,33); } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing p:nth-child(3) { color: rgb(117,117,117); margin-top: -10px; margin-bottom: 15px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec { width: 100%; padding: 10px 0px 10px 0px; clear: both; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite { display: block; width: 332px; visibility: hidden; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite img { width: 100%; padding-top: 15px; } .footer-divider { display: none; } } @media screen and (min-device-width: 566px) and (max-device-width: 767px) and (orientation: landscape) { .mdl-mega-footer--middle-section .timing h3 { margin-top: 20px; } .mdl-mega-footer--middle-section .timing p:last-of-type { margin-bottom: -20px !important; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .mdl-mega-footer--middle-section .timing h3 { margin-top: 0; } .mdl-mega-footer--middle-section .timing p:last-of-type { margin-bottom: 10px; } } @media only screen and (max-width: 852px) { .updates-offers-container .form-group { text-align: inherit; } .updates-offers-container .form-group .reg-msg { position: relative; text-align: left; } } @media only screen and (min-width: 853px) and (max-width: 1399px) { .updates-offers-container .form-group .reg-msg { position: absolute; text-align: left; width: 29%; } } @media only screen and (max-width: 1399px) { .main-container .allSocialIcons { display: block; width: 100%; margin-top: 45px; text-align: center; margin-left: 0; } .slick-track .deliveryCustom { font-size: 36px; position: relative; top: 19px; } .slick-track .refreshCustom { font-size: 36px; position: relative; top: 12px; } .slick-track .lockCustom { font-size: 36px; position: relative; top: 8px; } .slick-track .awardCustom { font-size: 36px; position: relative; top: 8px; } } @media only screen and (min-width: 1400px) { .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column { width: 18%; } .main-footer-container .footer-container .footer-links .footer-brave { width: 20%; } .main-footer-container .main-footer-bar .footer-bar .ataglance { height: 70px; } .main-footer-container .main-footer-bar .slick-track .footer-bar-icon img { width: 25px; height: 28px; } .main-footer-container .main-footer-bar .slick-track .footer-bar-block { margin-top: 25px; } .main-footer-container .main-footer-bar .slick-track .footer-bar-block .big-txt { display: inline; font-weight: bold; } .main-footer-container .main-footer-bar .slick-track .footer-bar-block .small-txt { display: inline; margin-left: 5px; text-transform: initial; } .main-footer-container .block-subscription .main-container .info-txt { font-size: 16px; font-weight: 400; text-transform: uppercase; } .main-footer-container .block-subscription .main-container .txtbox-btn .subscribe-error-msg-alert .subscribe-input { height: 40px; font-size: 14px; } .main-footer-container .block-subscription .main-container .txtbox-btn .subscribe-error-msg-alert .mdl-button { height: 40px; } .updates-offers-container .form-group .reg-msg { text-align: left; width: 19%; } .slick-track .deliveryCustom { font-size: 25px; position: relative; top: 14px; left: 2px; } .slick-track .refreshCustom { font-size: 25px; position: relative; top: 9px; left: 2px; } .slick-track .lockCustom { font-size: 25px; position: relative; top: 5px; left: 2px; } .slick-track .awardCustom { font-size: 25px; position: relative; top: 7px; left: 2px; } } @media only screen and (min-width: 1099px) and (max-width: 1399px) { .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column { width: 15%; } .main-footer-container .footer-container .footer-links .footer-brave p:first-of-type { width: 80%; margin: 0 auto; } } @media only screen and (min-width: 770px) and (max-width: 1300px) { .main-footer-container .footer-container .footer-links .bottom-section { padding: 10px 10px 10px 10px; text-align: center; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left, .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-right { padding: 10px 0px 10px 0px; float: none; text-align: center; } } @media only screen and (min-width: 770px) and (max-width: 1098px) { .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column { width: 25%; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave { width: 100%; text-align: center; padding: 15px 0px 15px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .footer-brave-logo { width: auto; height: auto; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite { margin: 0 auto; } } @media only screen and (max-width: 599px) { .updates-offers-container .form-group { padding: 35px 10px; /*width: 380px;*/ text-align: inherit; } .updates-offers-container .form-group .info-txt { margin-bottom: 10px; font-size: 1rem; } .updates-offers-container .form-group .subscribe-input { height: 40px; width: 61%; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.12); } .updates-offers-container .form-group .mdl-button { height: 38px; width: 35%; } .updates-offers-container .form-group .subscribe-error-msg-alert { position: relative; } .updates-offers-container .form-group .subscribe-input-validate-email { position: static; } .updates-offers-container .form-group .mdl-textfield__error { top: 37px; line-height: 15px; } .updates-offers-container .form-group .reg-msg { text-align: left; line-height: 16px; font-size: 1rem; } .updates-offers-container .form-group .txtbox-btn { width: 100%; } .updates-offers-container .block-subscription { /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/ } } @media only screen and (max-width: 479px) { .updates-offers-container .form-group { /*width: 320px;*/ text-align: inherit; } .updates-offers-container .form-group .subscribe-input { height: 40px; width: 61%; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.12); } .updates-offers-container .form-group .mdl-button { height: 38px; width: 35%; } .updates-offers-container .form-group .txtbox-btn { width: 100%; } .updates-offers-container .block-subscription { /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/ } /*.mdl-layout { .mobile-header { @include padding(0px,0px,0px,0px); .search-wrapper { @include padding(0px,0px,10px,0px); .icon-honor2-close { top: 15px; } } .icon-honor2-search { margin-top: 0px; } .icon-honor2-menu { @include padding(17px,17px,17px,17px); } } }*/ .main-footer-container .footer-container .footer-links .top-section { padding: 10px 15px 0px 15px; } .main-footer-container .footer-container .footer-links .top-section .top-section-right { float: none; } .main-footer-container .footer-container .footer-links .top-section .top-section-left { float: none; } .main-footer-container .footer-container .footer-links .bottom-section { padding: 10px 10px 10px 10px; text-align: center; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left { padding: 10px 0px 10px 0px; float: none; text-align: center; color: #000000; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-right { padding: 5px 0px 5px 0px; float: none; text-align: center; color: rgb(117,117,117); } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave { text-align: center; clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.12); width: 100%; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .footer-brave-logo { padding: 5%; float: none; margin: 0 auto; width: auto; width: 100%; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing { color: #000000; padding-top: 10px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing h3 { font-weight: bold; font-size: 1.26rem; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .timing p { font-size: 12px; margin-bottom: 5px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec { padding-top: 7px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite { margin: 0 auto; display: block; visibility: hidden; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite img { margin: 0 auto; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom { padding: 10px 15px 20px 15px; margin-top: -18px; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne { padding-right: 0px; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne h3 { margin-bottom: 0; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secOne .payment-sprite img { width: 100%; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secTwo h3 { margin-bottom: 0; } .main-footer-container .footer-container .footer-links .mid-payment-secCustom .mid-payment-secTwo .payment-sprite img { width: 100%; } } @media only screen and (min-width: 310px) and (max-width: 480px) { .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite img { width: 90%; } } @media only screen and (max-width: 360px) { .updates-offers-container .form-group { /*width: 300px;*/ text-align: inherit; } .updates-offers-container .form-group .subscribe-input { height: 40px; width: 61%; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0.12); } .updates-offers-container .form-group .mdl-button { height: 38px; width: 34%; } .updates-offers-container .form-group .txtbox-btn { width: 100%; } .updates-offers-container .block-subscription { /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/ } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mdl-mega-footer--middle-section .timing h3 { margin-top: 20px; } .mdl-mega-footer--middle-section .timing p:last-of-type { margin-bottom: -20px !important; } .footer-links .bottom-section .bottom-section-right { float: none !important; text-align: center; } .block-subscription .form-group { text-align: center; } .block-subscription .form-group .info-txt { float: none; } } @media screen and (max-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) { .main-footer-container .footer-container { padding: 0px 0px 10px 0px; } .main-footer-container .footer-container .mdl-mega-footer { padding: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column { width: 100%; } .main-footer-container .footer-container .footer-links .footer-links-column h2 { /*border-bottom: 1px solid rgb(224,224,224);*/ margin: 0px 0px 0px 0px; position: relative; padding: 14px 0px 14px 20px; font-size: 20px; } .main-footer-container .footer-container .footer-links .footer-links-column h2.active { border-bottom: 0px; } .main-footer-container .footer-container .footer-links .footer-links-column h2.active + ul { /*border-bottom: 1px solid rgb(224,224,224);*/ } .main-footer-container .footer-container .footer-links .footer-links-column .mdl-mega-footer--link-list { padding-left: 16px; padding-bottom: 10px; display: none; margin: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .footer-links-column .icon-honor2-filled-arrow-right:before { display: inline-block; position: absolute; right: 12px; width: 12px; height: 8px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; margin-top: 9px; font-size: 12px; } .main-footer-container .footer-container .footer-links .footer-links-column .icon-honor2-filled-arrow-right.active:before { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .main-footer-container .footer-container .footer-links .footer-links-column.last { display: none; } .main-footer-container .footer-container .footer-links .top-section { padding: 0px 20px 0px 20px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section { padding: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column { width: 100%; padding-top: 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column h2 { margin: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-links-column ul { margin: 0px 0px 0px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave { width: 100%; text-align: center; padding: 15px 0px 15px 0px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .footer-brave .footer-brave-logo { width: auto; height: auto; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite { margin: 0 auto; width: 332px; } .main-footer-container .footer-container .footer-links .mdl-mega-footer--middle-section .mid-payment-sec .payment-sprite img { margin: 0 auto; } .main-footer-container .footer-container .footer-links .bottom-section { padding: 10px 10px 10px 10px; text-align: center; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-left { padding: 10px 0px 10px 0px; float: none; text-align: center; color: #000000; } .main-footer-container .footer-container .footer-links .bottom-section .bottom-section-right { padding: 10px 0px 10px 0px; float: none; text-align: center; color: rgb(117,117,117); } .main-footer-container .footer-container .mdl-mega-footer--bottom-section { text-align: center; } .main-footer-container .footer-container .copyright-text { width: 100%; text-align: center; padding: 7px 13px 7px 13px; } .main-footer-container .footer-container .footer-legaltextlinks { width: 100%; } .main-footer-container .footer-container .country-wrapper { display: none; } .footer-divider { display: none; } } @media screen and (min-device-width: 650px) and (max-device-width: 768px) { .main-footer-container .footer-brave .timing .livechat_button { padding-top: 30px; } } .catalog-product-view .block-related { background: #F6F6F6; border-top: 1px solid #e0e0e0; } .tag-lables, .rec-outer .inner-content .offer, .rec-outer .inner-content .coming-soon, .rec-outer .inner-content .new { position: absolute; right: 10px; z-index: 9; } .tag-lables span, .rec-outer .inner-content .offer span, .rec-outer .inner-content .coming-soon span, .rec-outer .inner-content .new span { background: #000000; border-color: #000000; /*color: $white; @extend .mdl-typography--body-1;*/ text-transform: capitalize; padding: 4px 10px 4px 10px; } .rec-outer { margin: 0px auto; max-width: 1280px; width: 100%; padding: 50px 0; } .rec-outer h3 { /*color:$text-color-primary; @extend .mdl-typography--headline1;*/ margin: 0 auto 40px auto; text-align: center; padding: 10px 0; text-transform: uppercase; } .rec-outer .recomended { text-align: center; } .rec-outer .slick-track { margin: 0 auto; } .rec-outer .inner-content { text-align: center; padding: 10px; background: #FFFFFF; margin: 0 7px; height: 440px; position: relative; } .rec-outer .inner-content .product-image { text-align: center; margin-bottom: 5px; margin-top: 10%; } .rec-outer .inner-content .product-image img { display: inline-block; } .rec-outer .inner-content .product-name { /*@extend .mdl-typography--body-1; color: $text-color-primary;*/ padding: 0; margin-left: 0px; unicode-bidi: plaintext; } .rec-outer .inner-content .product-name a { /*@extend .mdl-typography--body-2; color: $text-color-primary;*/ text-decoration: none; } .rec-outer .inner-content .product-name a:hover { color: rgb(33,33,33); } .rec-outer .inner-content .product-num { text-align: center; } .rec-outer .inner-content .offer span { background: #000000; border-color: #000000; color: #FFFFFF; } .rec-outer .inner-content .coming-soon span { background: #FFD800; border-color: #FFD800; color: #000000; } .rec-outer .inner-content .new span { background: #E12848; border-color: #E12848; color: #FFFFFF; } .rec-outer .slick-prev, .rec-outer .slick-next { border: 0; cursor: pointer; float: left; position: absolute; top: 45%; } .rec-outer .slick-prev { left: -45px; } .rec-outer .slick-prev.slick-disabled { cursor: default; color: rgb(224,224,224); background: none; } .rec-outer .slick-prev.icon-honor2-arrow-left:before, .rec-outer .vid-block .home-news-container .slick-prev:before, .vid-block .home-news-container .rec-outer .slick-prev:before, .rec-outer .order-contact .slick-prev:before, .order-contact .rec-outer .slick-prev:before { padding-left: 7px; } .rec-outer .slick-next { right: -45px; } .rec-outer .slick-next.slick-disabled { cursor: default; color: rgb(224,224,224); background: none; } .rec-outer .slick-next.icon-honor2-arrow-right:before, .rec-outer .vid-block .home-news-container .slick-next:before, .vid-block .home-news-container .rec-outer .slick-next:before, .rec-outer .order-contact .slick-next:before, .order-contact .rec-outer .slick-next:before { padding-left: 11px; } @media only screen and (min-width: 770px) and (max-width: 1370px) { .rec-outer { max-width: 1000px; } } /*---Less than 960 devices---*/ @media screen and (max-width: 960px) { .rec-outer { padding: 10px 0; } .rec-outer h3 { margin: 0 auto; } .rec-outer .inner-content { margin: 0 20px; height: auto; } .rec-outer .inner-content .product-image { margin-top: 1px; } .rec-outer .slick-prev { left: 30px; } .rec-outer .slick-next { right: 30px; } } .primary-hyper-link, .catalog-category-view #current-shopping .selected-filters-list .multilayer_clearall, .catalogsearch-result-index #current-shopping .selected-filters-list .multilayer_clearall, .catalog-category-view .filter-category-block a, .catalogsearch-result-index .filter-category-block a, .catalog-category-view .block-layered-nav .block-content dl dt a, .catalogsearch-result-index .block-layered-nav .block-content dl dt a { text-transform: uppercase; text-decoration: none; } .promo-lable { color: rgb(244,67,54); text-transform: uppercase; display: inline-block; font-weight: bold; } .offers-tag, .new-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .new, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .new, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .new, .offer-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .offer, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .offer, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .offer, .coming-soon-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .coming-soon, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .coming-soon, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .coming-soon { display: inline-block; text-align: center; padding: 5px 20px 5px 20px; margin: 6px 10px 0 0; text-transform: capitalize; right: 0; position: absolute; } .new-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .new, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .new, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .new { background: rgb(209,8,22); color: rgb(255,255,255); z-index: 9; } .offer-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .offer, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .offer, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .offer { color: rgb(255,255,255); background: #000000; z-index: 9; } .coming-soon-product, .catalog-category-view .products-grid.products-grid--max-4-col > li .coming-soon, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .coming-soon, .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .coming-soon { background: rgb(209,8,22); color: rgb(255,255,255); z-index: 9; } .catalogsearch-result-index #multilayer_container .main-productlist-header .product-list-header { margin: 40px 30px 10px 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .catalogsearch-result-index #multilayer_container .main-productlist-header .product-list-header h1 { text-transform: none; } .catalogsearch-result-index #multilayer_container .main-productlist-header .product-list-header h1 span { font-weight: 500; } .catalogsearch-result-index #multilayer_container .products-list { padding: 0px 40px 40px 40px; } .catalogsearch-result-index #multilayer_container .products-list > li { width: 100%; min-height: 190px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles { padding-top: 30px; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-image { display: inline-block; vertical-align: top; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop { display: inline-block; padding-left: 30px; width: 88%; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .product-name a { text-decoration: none; color: rgb(33,33,33); font-weight: 500; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .more_content p, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .less_content p { display: inline; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .more_content a, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .less_content a { color: #000000; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .more_content a span, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .md-collapsible li .less_content a span { color: #0DB5D7; cursor: pointer; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .link-learn { color: #0DB5D7; text-decoration: none; text-transform: uppercase; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .price-box, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .link-learn { display: inline-block; margin-right: 34px; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .link-learn { color: #0DB5D7; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-from, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-to { color: #757575; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-from .price, .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price-to .price { color: #212121; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .minimal-price .price { color: #212121; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .product-secondary .price-box .price { color: #212121; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc { clear: both; overflow: hidden; padding-bottom: 12px; } .catalogsearch-result-index #multilayer_container .products-list > li .product-spacing-mobiles .product-shop .f-fix .desc .more-link-parent { display: inline; color: #0DB5D7; text-decoration: none; } .catalog-category-view, .catalogsearch-result-index { /*---START:--Product Grid-------*/ /*---START:---Product left side filter----*/ /*--START--No product----*/ } .catalog-category-view .main-container, .catalogsearch-result-index .main-container { padding: 5px 20px 5px 20px; } .catalog-category-view .icon-honor2-arrow-right:before, .catalog-category-view .vid-block .home-news-container .slick-next:before, .vid-block .home-news-container .catalog-category-view .slick-next:before, .catalog-category-view .order-contact .slick-next:before, .order-contact .catalog-category-view .slick-next:before, .catalogsearch-result-index .icon-honor2-arrow-right:before, .catalogsearch-result-index .vid-block .home-news-container .slick-next:before, .vid-block .home-news-container .catalogsearch-result-index .slick-next:before, .catalogsearch-result-index .order-contact .slick-next:before, .order-contact .catalogsearch-result-index .slick-next:before { margin-left: 6px; } .catalog-category-view .icon-honor2-arrow-left:before, .catalog-category-view .vid-block .home-news-container .slick-prev:before, .vid-block .home-news-container .catalog-category-view .slick-prev:before, .catalog-category-view .order-contact .slick-prev:before, .order-contact .catalog-category-view .slick-prev:before, .catalogsearch-result-index .icon-honor2-arrow-left:before, .catalogsearch-result-index .vid-block .home-news-container .slick-prev:before, .vid-block .home-news-container .catalogsearch-result-index .slick-prev:before, .catalogsearch-result-index .order-contact .slick-prev:before, .order-contact .catalogsearch-result-index .slick-prev:before { margin-left: 3px; } .catalog-category-view .mdl-button, .catalogsearch-result-index .mdl-button { line-height: 34px; } .catalog-category-view .mdl-messages, .catalogsearch-result-index .mdl-messages { padding: 0; } .catalog-category-view .mdl-messages .success-msg li, .catalog-category-view .mdl-messages .error-msg li, .catalog-category-view .mdl-messages .notice-msg li, .catalogsearch-result-index .mdl-messages .success-msg li, .catalogsearch-result-index .mdl-messages .error-msg li, .catalogsearch-result-index .mdl-messages .notice-msg li { height: auto; } .catalog-category-view .mdl-messages .success-msg li span.close-btn, .catalog-category-view .mdl-messages .error-msg li span.close-btn, .catalog-category-view .mdl-messages .notice-msg li span.close-btn, .catalogsearch-result-index .mdl-messages .success-msg li span.close-btn, .catalogsearch-result-index .mdl-messages .error-msg li span.close-btn, .catalogsearch-result-index .mdl-messages .notice-msg li span.close-btn { width: 15px; right: 0px; } .catalog-category-view .mdl-messages .message_space, .catalogsearch-result-index .mdl-messages .message_space { margin-right: 10px; } .catalog-category-view .module-title, .catalog-category-view .block-title, .catalog-category-view .block-subtitle, .catalogsearch-result-index .module-title, .catalogsearch-result-index .block-title, .catalogsearch-result-index .block-subtitle { text-align: left; margin-bottom: 8px; } .catalog-category-view .block-subtitle, .catalogsearch-result-index .block-subtitle { display: none; } .catalog-category-view.main-no-products .col-left-visible .col-main, .catalogsearch-result-index.main-no-products .col-left-visible .col-main { width: 100%; padding-left: 0; } .catalog-category-view.main-no-products .col-left-visible .col-left, .catalogsearch-result-index.main-no-products .col-left-visible .col-left { display: none; } .catalog-category-view .col-left-visible .col-left, .catalogsearch-result-index .col-left-visible .col-left { display: block; margin-bottom: 0; min-height: 700px; background: rgb(255,255,255); width: 22%; max-width: 348px; padding-right: 0px; } .catalog-category-view .col-left-visible .col-main, .catalogsearch-result-index .col-left-visible .col-main { width: 78%; margin-top: 0px; padding-left: 6px; word-wrap: break-word; } .catalog-category-view .col-left-visible .col-main .category-products, .catalogsearch-result-index .col-left-visible .col-main .category-products { min-height: 500px; background: none; } .catalog-category-view .col-left-visible .col-main .category-products .mdl-card, .catalogsearch-result-index .col-left-visible .col-main .category-products .mdl-card { background: none; } .catalog-category-view .main-productlist-header, .catalogsearch-result-index .main-productlist-header { background: rgb(255,255,255); } .catalog-category-view .main-productlist-header .product-list-header, .catalogsearch-result-index .main-productlist-header .product-list-header { margin: 30px 30px 10px 30px; } .catalog-category-view .main-productlist-header .product-list-header .category_shortdescription, .catalogsearch-result-index .main-productlist-header .product-list-header .category_shortdescription { font-size: 16px; padding: 10px 0px 20px 0px; } .catalog-category-view .main-productlist-header .product-list-header .module-title, .catalogsearch-result-index .main-productlist-header .product-list-header .module-title { float: left; display: block; } .catalog-category-view .main-productlist-header .product-list-header .filter-by, .catalogsearch-result-index .main-productlist-header .product-list-header .filter-by { display: none; } .catalog-category-view .main-productlist-header .product-list-header #top-toolbar-container, .catalogsearch-result-index .main-productlist-header .product-list-header #top-toolbar-container { float: right; width: 156px; } .catalog-category-view .main-productlist-header .product-list-header #top-toolbar-container .toolbar, .catalogsearch-result-index .main-productlist-header .product-list-header #top-toolbar-container .toolbar { overflow: visible; } .catalog-category-view .main-productlist-header .product-list-header #top-toolbar-container .toolbar.droupdown-box-border .select-wrapper .mdi-navigation-arrow-drop-down, .catalogsearch-result-index .main-productlist-header .product-list-header #top-toolbar-container .toolbar.droupdown-box-border .select-wrapper .mdi-navigation-arrow-drop-down { top: 11px; } .catalog-category-view .main-productlist-header .product-list-header #top-toolbar-container .toolbar.droupdown-box-border .mdi-navigation-arrow-drop-down, .catalogsearch-result-index .main-productlist-header .product-list-header #top-toolbar-container .toolbar.droupdown-box-border .mdi-navigation-arrow-drop-down { right: 12px; text-align: left; } .catalog-category-view .main-productlist-header .product-list-header #top-toolbar-container .pages, .catalogsearch-result-index .main-productlist-header .product-list-header #top-toolbar-container .pages { display: none; } .catalog-category-view #current-shopping, .catalogsearch-result-index #current-shopping { margin: 0px 0px 15px 0px; } .catalog-category-view #current-shopping .selected-filters-list li, .catalogsearch-result-index #current-shopping .selected-filters-list li { display: inline-block; margin: 0 2px 20px 0; } .catalog-category-view #current-shopping .selected-filters-list li .filter-label, .catalogsearch-result-index #current-shopping .selected-filters-list li .filter-label { display: inline-block; } .catalog-category-view #current-shopping .selected-filters-list li .filter-option, .catalogsearch-result-index #current-shopping .selected-filters-list li .filter-option { display: inline-block; background: #f5f5f5; border-radius: 20px; padding: 0 0 0 14px; } .catalog-category-view #current-shopping .selected-filters-list li.multiple-filters .filter-option, .catalogsearch-result-index #current-shopping .selected-filters-list li.multiple-filters .filter-option { margin-right: 18px; } .catalog-category-view .products-grid, .catalogsearch-result-index .products-grid { clear: both; position: relative; border: 0px solid #f5f5f5; margin-right: -2px; } .catalog-category-view .products-grid.products-grid--max-4-col > li, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 solid #f5f5f5; display: inline-block; position: relative; text-align: center; width: 33.33%; clear: none; float: left; padding: 0px 5px 0px 0px; min-height: 435px; margin-bottom: -10px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-spacing { background: rgb(255,255,255); min-height: 420px; position: relative; } .catalog-category-view .products-grid.products-grid--max-4-col > li .hover-effect, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .hover-effect { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .catalog-category-view .products-grid.products-grid--max-4-col > li .hover-effect:hover, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .hover-effect:hover { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.18); position: relative; transform: translate3d(0, -2px, 0); z-index: 999; } .catalog-category-view .products-grid.products-grid--max-4-col > li .out-of-stock, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.out-of-stock, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.out-of-stock, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.coming-soon, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.coming-soon, .catalog-category-view .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.pre-order, .catalog-product-view .product-view .product-shop .catalog-category-view .products-grid.products-grid--max-4-col > li .prod-state.pre-order, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .out-of-stock, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.out-of-stock, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.out-of-stock, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.coming-soon, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.coming-soon, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .catalog-product-view .product-view .product-shop .prod-state.pre-order, .catalog-product-view .product-view .product-shop .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .prod-state.pre-order { color: rgb(244,67,54); display: inline-block; text-align: center; position: absolute; left: 0; right: 0; padding-top: 5px; font-weight: bold; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-image, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-image { border: 0; margin: 5px 0 0px 0; padding: 60px 0 15px 0; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-image img, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-image img { margin: 0 auto 0 auto; max-width: 100%; position: relative; width: 200px; height: 200px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-image img:hidden, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-image img:hidden { display: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-name, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-name { padding: 0 15px; margin-bottom: 0px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-name a, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-name a { text-decoration: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-name a:hover, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-name a:hover { color: rgb(33,33,33); } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-info, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-info { min-height: 50px; padding: 0 0 16px 0; position: absolute; left: 0; right: 0; bottom: 0; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-info .price-box, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li .product-info .price-box { margin-top: 10px; position: relative; bottom: 50px; } .catalog-category-view .products-grid.products-grid--max-4-col > li.category-border, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li.category-border { padding-right: 0; } .catalog-category-view .products-grid.products-grid--max-4-col > li.category-border-bottom, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li.category-border-bottom { margin-right: 5px; } .catalog-category-view #bottom-toolbar-container .toolbar .pages, .catalogsearch-result-index #bottom-toolbar-container .toolbar .pages { margin: 30px 0 30px 0px; } .catalog-category-view #bottom-toolbar-container .toolbar .sorter, .catalogsearch-result-index #bottom-toolbar-container .toolbar .sorter { display: none; } .catalog-category-view .filter-category-block, .catalogsearch-result-index .filter-category-block { padding: 30px 30px 20px 30px; } .catalog-category-view .filter-category-block .block-title, .catalogsearch-result-index .filter-category-block .block-title { margin-bottom: 15px; } .catalog-category-view .filter-category-block .filter-category-option, .catalogsearch-result-index .filter-category-block .filter-category-option { margin-bottom: 6px; } .catalog-category-view .filter-category-block .filter-category-option a, .catalogsearch-result-index .filter-category-block .filter-category-option a { text-transform: capitalize; color: rgb(33,33,33); } .catalog-category-view .filter-category-block .filter-category-option.current-category a, .catalogsearch-result-index .filter-category-block .filter-category-option.current-category a { color: #0DB5D7; } .catalog-category-view .block-layered-nav, .catalogsearch-result-index .block-layered-nav { padding: 15px 30px; margin-bottom: 15px; /*--START: Price filter code--*/ /*--END: Price filter code--*/ } .catalog-category-view .block-layered-nav .currently .block-subtitle, .catalogsearch-result-index .block-layered-nav .currently .block-subtitle { margin-bottom: 5px; } .catalog-category-view .block-layered-nav .currently ol li, .catalogsearch-result-index .block-layered-nav .currently ol li { margin-bottom: 5px; clear: both; } .catalog-category-view .block-layered-nav .currently ol li .btn-remove, .catalogsearch-result-index .block-layered-nav .currently ol li .btn-remove { float: right; color: rgb(117,117,117); text-decoration: none; top: -7px; } .catalog-category-view .block-layered-nav .currently ol li:after, .catalogsearch-result-index .block-layered-nav .currently ol li:after { overflow: hidden; *zoom: 1; } .catalog-category-view .block-layered-nav .actions, .catalogsearch-result-index .block-layered-nav .actions { display: none; float: right; margin: 11px 15px 0 15px; } .catalog-category-view .block-layered-nav .actions a, .catalogsearch-result-index .block-layered-nav .actions a { text-decoration: none; } .catalog-category-view .block-layered-nav .block-subtitle--filter, .catalogsearch-result-index .block-layered-nav .block-subtitle--filter { cursor: pointer; display: none; } .catalog-category-view .block-layered-nav .block-content, .catalogsearch-result-index .block-layered-nav .block-content { margin-top: 0px; } .catalog-category-view .block-layered-nav .block-content .currently, .catalogsearch-result-index .block-layered-nav .block-content .currently { margin-top: 14px; padding: 0 15px 0 0; } .catalog-category-view .block-layered-nav .block-content .actions a, .catalogsearch-result-index .block-layered-nav .block-content .actions a { color: #0DB5D7; } .catalog-category-view .block-layered-nav .block-content dl dt, .catalogsearch-result-index .block-layered-nav .block-content dl dt { clear: both; padding: 5px 0 5px 0; height: 32px; position: relative; text-align: left; text-transform: uppercase; } .catalog-category-view .block-layered-nav .block-content dl dt a, .catalogsearch-result-index .block-layered-nav .block-content dl dt a { float: right; display: block; line-height: 15px; } .catalog-category-view .block-layered-nav .block-content dl dt.even, .catalog-category-view .block-layered-nav .block-content dl dt.odd, .catalogsearch-result-index .block-layered-nav .block-content dl dt.even, .catalogsearch-result-index .block-layered-nav .block-content dl dt.odd { padding: 5px 0 5px 0; height: 32px; position: relative; text-align: left; line-height: 15px; } .catalog-category-view .block-layered-nav .block-content dl dt.even:after, .catalog-category-view .block-layered-nav .block-content dl dt.odd:after, .catalogsearch-result-index .block-layered-nav .block-content dl dt.even:after, .catalogsearch-result-index .block-layered-nav .block-content dl dt.odd:after { /*content: '-';*/ cursor: pointer; color: rgb(117,117,117); display: inline-block; position: absolute; right: 15px; top: 5px; width: 15px; font-size: 32px; } .catalog-category-view .block-layered-nav .block-content dl dt.even.current:after, .catalog-category-view .block-layered-nav .block-content dl dt.odd.current:after, .catalogsearch-result-index .block-layered-nav .block-content dl dt.even.current:after, .catalogsearch-result-index .block-layered-nav .block-content dl dt.odd.current:after { font-size: 20px; } .catalog-category-view .block-layered-nav .block-content dl dd, .catalogsearch-result-index .block-layered-nav .block-content dl dd { padding: 0px 0px 0 0; } .catalog-category-view .block-layered-nav .block-content dl dd ol li, .catalogsearch-result-index .block-layered-nav .block-content dl dd ol li { padding: 4px 0 4px 0; text-align: left; } .catalog-category-view .block-layered-nav .block-content dl dd ol li label span, .catalogsearch-result-index .block-layered-nav .block-content dl dd ol li label span { display: inline-block; line-height: 12px; } .catalog-category-view .block-layered-nav .block-content dl dd div.price, .catalogsearch-result-index .block-layered-nav .block-content dl dd div.price { margin-top: 7px; margin-left: 10px; min-height: 45px; } .catalog-category-view .block-layered-nav .block-content dl dd.multilayer-dd, .catalogsearch-result-index .block-layered-nav .block-content dl dd.multilayer-dd { margin-bottom: 25px; } .catalog-category-view .block-layered-nav .ui-slider, .catalogsearch-result-index .block-layered-nav .ui-slider { background: rgb(189,189,189); border-radius: 4px; height: 4px; position: relative; width: 93%; } .catalog-category-view .block-layered-nav .ui-slider .ui-slider-range, .catalogsearch-result-index .block-layered-nav .ui-slider .ui-slider-range { background: #0DB5D7; border: 1px solid #0DB5D7; height: 100%; position: relative; } .catalog-category-view .block-layered-nav .ui-slider .ui-slider-handle, .catalogsearch-result-index .block-layered-nav .ui-slider .ui-slider-handle { background: #0DB5D7; border-radius: 50%; cursor: pointer; height: 15px; margin-left: -0.6em; position: absolute; top: -.4em; width: 15px; z-index: 2; outline: none; } .catalog-category-view .block-layered-nav .amt-wrap, .catalogsearch-result-index .block-layered-nav .amt-wrap { float: left; margin-top: 15px; width: 100%; } .catalog-category-view .block-layered-nav .amt-wrap #min-amt, .catalogsearch-result-index .block-layered-nav .amt-wrap #min-amt { float: left; padding: 1px; } .catalog-category-view .block-layered-nav .amt-wrap #max-amt, .catalogsearch-result-index .block-layered-nav .amt-wrap #max-amt { float: right; padding: 1px; } .catalog-category-view .no-products, .catalogsearch-result-index .no-products { text-align: center; /* padding-top: 20%; */ } .catalog-category-view .no-products.resultpage, .catalogsearch-result-index .no-products.resultpage { min-height: 1px; background: none; } .catalog-category-view .no-products.resultpage .noresults, .catalogsearch-result-index .no-products.resultpage .noresults { background: rgb(255,255,255); padding: 5% 10% 5% 10%; } .catalog-category-view .no-products.resultpage .noresults div, .catalogsearch-result-index .no-products.resultpage .noresults div { /*padding-top: 20%;*/ } .catalog-category-view .no-products.resultpage .noresults .note-msg, .catalogsearch-result-index .no-products.resultpage .noresults .note-msg { /*padding-bottom: 20%;*/ } .catalog-category-view .no-products.resultpage .noresults .your-search, .catalogsearch-result-index .no-products.resultpage .noresults .your-search { color: rgb(117,117,117); margin-top: 15px; } .catalog-category-view .no-products.resultpage .noresults .your-search b, .catalogsearch-result-index .no-products.resultpage .noresults .your-search b { color: rgb(33,33,33); font-size: 1.3rem; } .catalog-category-view .no-products.resultpage .noresults .please-check, .catalogsearch-result-index .no-products.resultpage .noresults .please-check { color: rgb(117,117,117); font-size: 1rem; } .catalog-category-view .no-products.resultpage .noresults .popular-search, .catalogsearch-result-index .no-products.resultpage .noresults .popular-search { margin: 55px 0 20px 0; color: rgb(117,117,117); } .catalog-category-view .no-products.resultpage .noresults .popular-search a, .catalogsearch-result-index .no-products.resultpage .noresults .popular-search a { color: #0DB5D7; text-decoration: none; } .catalog-category-view .no-products.resultpage .noresults .image-container, .catalogsearch-result-index .no-products.resultpage .noresults .image-container { display: inline-block; width: 44%; margin-bottom: 10px; height: 210px; } .catalog-category-view .no-products.resultpage .noresults .image-container .container-text, .catalogsearch-result-index .no-products.resultpage .noresults .image-container .container-text { position: relative; top: 70%; left: 31%; text-transform: uppercase; font-size: 16px; } .catalog-category-view .no-products.resultpage .noresults .image-container .container-text a, .catalogsearch-result-index .no-products.resultpage .noresults .image-container .container-text a { color: rgb(33,33,33); text-decoration: none; } .catalog-category-view .no-products.resultpage .noresults .image-container:nth-child(2n+1), .catalogsearch-result-index .no-products.resultpage .noresults .image-container:nth-child(2n+1) { margin-right: 5px; } .catalog-category-view .no-products.resultpage .noresults .image-link span, .catalogsearch-result-index .no-products.resultpage .noresults .image-link span { color: #07B6E2; text-decoration: none; } .catalog-category-view .no-products.mdl-card-padding, .catalogsearch-result-index .no-products.mdl-card-padding { padding: 0px 30px 30px 30px; } .catalog-category-view .no-products h3, .catalogsearch-result-index .no-products h3 { margin-top: 15px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; color: rgb(33,33,33); } .catalog-category-view .no-products .note-msg, .catalogsearch-result-index .no-products .note-msg { margin-bottom: 14px; } .catalog-category-view .no-products .no-product-icon, .catalogsearch-result-index .no-products .no-product-icon { margin: 0 auto 12px auto; } .catalog-category-view .no-products .continue-shopping, .catalogsearch-result-index .no-products .continue-shopping { color: #0DB5D7; text-decoration: none; font-weight: bold; } .catalog-category-view .no-products .continue-shopping:hover, .catalogsearch-result-index .no-products .continue-shopping:hover { color: rgb(0,136,170); } @media screen and (max-width: 770px), screen and (max-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) { .catalog-category-view, .catalogsearch-result-index { /*---START: Mobile filter 1st page----*/ /*---END:Mobile filter 1st page----*/ } .catalog-category-view .product-list-header .module-title, .catalogsearch-result-index .product-list-header .module-title { display: block; float: none; color: rgb(117,117,117); margin: 10px; } .catalog-category-view .product-list-header .mobile-filter-block, .catalogsearch-result-index .product-list-header .mobile-filter-block { border: 1px solid rgba(0, 0, 0, 0.12); margin: 0 -1px 0px -1px; } .catalog-category-view .product-list-header .mobile-filter-block .filter-by, .catalogsearch-result-index .product-list-header .mobile-filter-block .filter-by { float: left; margin: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); width: 50%; line-height: 45px; height: 45px; font-weight: bold; text-transform: uppercase; text-align: center; display: block; } .catalog-category-view .product-list-header .mobile-filter-block #top-toolbar-container, .catalogsearch-result-index .product-list-header .mobile-filter-block #top-toolbar-container { width: 50%; margin-top: 7px; padding: 0 10px; } .catalog-category-view .product-list-header .mobile-filter-block #top-toolbar-container .toolbar, .catalogsearch-result-index .product-list-header .mobile-filter-block #top-toolbar-container .toolbar { padding: 0px; margin: 0px; } .catalog-category-view .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter, .catalogsearch-result-index .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter { padding: 0px; width: 100%; } .catalog-category-view .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter .sort-by, .catalogsearch-result-index .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter .sort-by { width: 100%; } .catalog-category-view .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter .sort-by select, .catalogsearch-result-index .product-list-header .mobile-filter-block #top-toolbar-container .toolbar .sorter .sort-by select { width: 150px; margin: 0px auto; display: block; display: none; } .catalog-category-view .product-list-header .mobile-filter-block.is--fixed, .catalogsearch-result-index .product-list-header .mobile-filter-block.is--fixed { margin: 0 auto; position: fixed; top: 55px; left: 0; right: 0; width: 91%; -webkit-transform: translateY(0); transform: translateY(0); background: rgb(255,255,255); z-index: 999; } .catalog-category-view #current-shopping, .catalogsearch-result-index #current-shopping { display: none; } .catalog-category-view .sidebar .block:last-of-type, .catalogsearch-result-index .sidebar .block:last-of-type { border-bottom: 0px solid transparent; } .catalog-category-view .col-left-visible .col-left, .catalogsearch-result-index .col-left-visible .col-left { width: 100%; max-width: 100%; padding: 0; min-height: 1px; } .catalog-category-view .col-left-visible .col-main, .catalogsearch-result-index .col-left-visible .col-main { width: 100%; padding: 0; } .catalog-category-view .col-left-visible .col-main .category-products, .catalogsearch-result-index .col-left-visible .col-main .category-products { min-height: 400px; } .catalog-category-view .filter-category-block, .catalogsearch-result-index .filter-category-block { display: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li { width: 50%; } .catalog-category-view .no-products, .catalogsearch-result-index .no-products { padding-top: 20%; } .catalog-category-view .no-products.resultpage, .catalogsearch-result-index .no-products.resultpage { min-height: 1px; } .catalog-category-view #filters_list, .catalogsearch-result-index #filters_list { display: none; } .catalog-category-view .block-layered-nav, .catalogsearch-result-index .block-layered-nav { padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .catalog-category-view .block-layered-nav .block-content, .catalogsearch-result-index .block-layered-nav .block-content { margin-top: 0px; } .catalog-category-view .droupdown-box-border .select-wrapper input[type=text], .catalogsearch-result-index .droupdown-box-border .select-wrapper input[type=text] { box-shadow: 0px 0px 0px 0px transparent, 0px 3px 3px 0px transparent, 0px 0px 1px 1px transparent; } .catalog-category-view .droupdown-box-border .select-wrapper input.select-dropdown, .catalogsearch-result-index .droupdown-box-border .select-wrapper input.select-dropdown { border-bottom: 0px; } .catalog-category-view .multilayer-filter, .catalogsearch-result-index .multilayer-filter { float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .catalog-category-view #multilayer_container .mdl-card, .catalogsearch-result-index #multilayer_container .mdl-card { overflow: visible; } .catalog-category-view #multilayer_container .mdlh-card-full-width, .catalogsearch-result-index #multilayer_container .mdlh-card-full-width { overflow: visible; } .catalog-category-view #multilayer_container .product-list-header, .catalogsearch-result-index #multilayer_container .product-list-header { margin: 0; } .catalog-category-view #multilayer_container .products-grid, .catalogsearch-result-index #multilayer_container .products-grid { margin-right: 0px; border-width: 0 0 0 0; } } @media only screen and (min-width: 770px) and (max-width: 1370px) { .catalog-category-view .products-grid.products-grid--max-4-col > li, .catalogsearch-result-index .products-grid.products-grid--max-4-col > li { min-height: 435px; } } /*--START: Mobile filter 2nd page--*/ .multilayer-front-filter, .multilayer-front-filtersearch { background: rgb(255,255,255); } .multilayer-front-filter .main-container, .multilayer-front-filtersearch .main-container { padding: 0; } .multilayer-front-filter .main-container .col-wrapper, .multilayer-front-filter .main-container .col-main, .multilayer-front-filtersearch .main-container .col-wrapper, .multilayer-front-filtersearch .main-container .col-main { width: 100%; float: none; } .multilayer-front-filter #ajax-onestep-loader-wrapper, .multilayer-front-filtersearch #ajax-onestep-loader-wrapper { top: 56px; } .multilayer-front-filter .filterHeader, .multilayer-front-filtersearch .filterHeader { padding: 10px 15px 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); float: left; width: 100%; } .multilayer-front-filter .filterHeader .filterLeft, .multilayer-front-filtersearch .filterHeader .filterLeft { width: 50%; float: left; } .multilayer-front-filter .filterHeader .filterLeft .filterBackBtn, .multilayer-front-filtersearch .filterHeader .filterLeft .filterBackBtn { float: left; margin: 4px 0 0 0; color: rgb(117,117,117); text-decoration: none; margin-top: 10px; } .multilayer-front-filter .filterHeader .filterLeft img, .multilayer-front-filtersearch .filterHeader .filterLeft img { float: left; margin-left: 20px; width: 100px; } .multilayer-front-filter .filterHeader .filterRight, .multilayer-front-filtersearch .filterHeader .filterRight { width: 50%; float: right; } .multilayer-front-filter .filterHeader .filterRight .filterClear, .multilayer-front-filtersearch .filterHeader .filterRight .filterClear { float: right; padding: 9px 15px 0 0; color: #0DB5D7; text-decoration: none; } .multilayer-front-filter .filterHeader .filterRight .filterApplyBtn, .multilayer-front-filtersearch .filterHeader .filterRight .filterApplyBtn { float: right; } .multilayer-front-filter .block-content, .multilayer-front-filtersearch .block-content { margin: 16px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .module-title, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .module-title { color: rgb(117,117,117); text-align: left; margin: 10px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter { border-top: 1px solid rgba(0, 0, 0, 0.12); } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile { position: relative; margin: 0px; width: 100%; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt { width: 35%; margin: 0 0 0 0; padding: 0px; position: absolute; top: 50px; border: 0 solid rgba(0, 0, 0, 0.12); border-width: 0px 0px 1px 0; float: left; background: rgb(255,255,255); clear: left; cursor: pointer; z-index: 9; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt:first-child, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt:first-child { top: 0px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt.current, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt.current { background: #f5f5f5 !important; border-right: #f5f5f5 solid 1px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt.current .filterTitle, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt.current .filterTitle { margin-left: 2px; background: #f5f5f5; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt .filterTitle, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dt .filterTitle { text-transform: uppercase; width: 100%; padding: 12px 10px; margin-left: 0px; line-height: 19px; word-wrap: break-word; font-weight: bold; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd { width: 65%; height: 500px; float: right; background: #f5f5f5; border: 0 solid rgba(0, 0, 0, 0.12); border-width: 0px 0px 0px 1px; padding: 14px; margin: 0; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li { padding: 0 0px 15px 0px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li input, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li input { margin: 0 7px 0px 0px; } .multilayer-front-filter .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li .mdl-checkbox__label, .multilayer-front-filtersearch .block-content .honor2-innerFilterBox .multilayer-filter .filter-list-mobile dd ol li .mdl-checkbox__label { line-height: 20px; } /*--END: Mobile filter 2nd page--*/ /* Hero Product style start */ .honor2-heroProduct { float: left; width: 100%; margin: 60px 0 0 0; } .honor2-heroProduct .honor2-heroTitle { color: rgb(33,33,33); margin: 0 auto; text-align: center; padding: 10px 0; text-transform: uppercase; } .honor2-heroProduct .honor2-productRow { margin: 25px 0 0 0; position: relative; width: 100%; } .honor2-heroProduct .honor2-productRow .slick-prev { display: inline-block; border: 0; background: none; cursor: pointer; outline: none; position: absolute; top: 47%; left: 15px; } .honor2-heroProduct .honor2-productRow .slick-track { margin: 0 auto; } .honor2-heroProduct .honor2-productRow .slick-next { display: inline-block; border: 0; background: none; cursor: pointer; outline: none; position: absolute; top: 47%; right: 15px; } .honor2-heroProduct .honor2-productRow .honor2-productArea { width: 25%; position: relative; float: left; text-align: center; color: #121212; padding: 0 2px; margin-bottom: -6px; } .honor2-heroProduct .honor2-productRow .honor2-productArea a { color: #121212; } .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter { margin-bottom: 10px; background: rgb(255,255,255); padding-bottom: 25px; min-height: 402px; } .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .offer { margin-top: 7px; } .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .new { margin-top: 7px; } .honor2-heroProduct .honor2-productRow .honor2-productArea .hono2-ProductImgOuter .coming-soon { margin-top: 7px; } .honor2-heroProduct .honor2-productRow .honor2-productArea img { display: inline-block; max-width: 100%; padding-top: 8%; } .honor2-heroProduct .honor2-productRow .honor2-productArea p { margin-bottom: 10px; font-weight: 500; } .honor2-heroProduct .honor2-productRow .honor2-productArea p.hono2-heroProductTitle { font-size: 16px; } .honor2-heroProduct .honor2-productRow .honor2-productArea p.hono2-heroProductSubTitle { font-size: 1rem; color: #0DB5D7; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing h4.product-name { margin: 5px 0 0px 0; position: absolute; left: 0; right: 0; padding: 30px 0 25px 0; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list { margin-bottom: 10px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.pd-tooltip { position: relative; display: inline-block; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list .pd-tooltip .pd-tooltiptext:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list .pd-tooltip .pd-tooltiptext:after { border-color: rgba(136, 183, 213, 0); border-top-color: #FFFFFF; border-width: 5px; margin-left: -5px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list .pd-tooltip .pd-tooltiptext:before { border-color: rgba(194, 225, 245, 0); border-top-color: #757575; border-width: 6px; margin-left: -6px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.pd-tooltip > div.pd-tooltiptext { visibility: hidden; text-align: center; position: absolute; z-index: 1; bottom: 115%; left: 100%; margin-left: -60px; padding: 3px 15px; border: 1px solid #CCCCCC; background: #FFFFFF; color: #757575; border-radius: 0; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.pd-tooltip:hover .pd-tooltiptext { visibility: visible; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle { width: 25px; height: 25px; cursor: pointer; margin-right: 5px; display: inline-block; color: rgba(0, 0, 0, 0.54118); } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle { border: 1px solid #e0e0e0; border-radius: 50%; width: 25px; height: 25px; display: inline-block; line-height: 25px; vertical-align: top; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle.Grey .icon-honor2-check, .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle.Black .icon-honor2-check { color: #FFFFFF; display: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle .icon-honor2-check { color: #000000; display: none; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle.Grey .icon-honor2-check-enable, .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle.Black .icon-honor2-check-enable, .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing ul.configurable-swatch-list li.color-circle > a.inner-color-circle .icon-honor2-check-enable { display: block; position: absolute; left: 6px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details { width: 98%; margin: 0 auto; margin-top: 18px; position: absolute; left: 4px; bottom: 10px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .add-to-cart { display: inline-block; width: 49%; border: 1px solid #10B514; padding-top: 5px; padding-bottom: 5px; text-decoration: none; color: #10B514; font-size: 0.8125rem; min-height: 35px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .add-to-cart .plus-sign { padding-right: 5px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .product-view { display: inline-block; width: 49%; border: 1px solid #666666; padding-top: 5px; padding-bottom: 5px; text-decoration: none; color: #666666; border-left-style: none; font-size: 0.8125rem; margin-left: -4px; min-height: 35px; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .add-to-cart:hover { background-color: #10B514; color: #fdfdfd; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .product-view:hover { background-color: #ECECEC; } .catalog-category-view .products-grid.products-grid--max-4-col > li .product-spacing .product-button-details .notSale { border-left: 1px solid #666666; } .productdetail-tab { margin: 0 auto; text-align: center; width: 100%; max-width: 1280px; } .productdetail-tab .productdetail-tab-properties { position: fixed; width: 20%; float: left; text-align: left; top: 30%; } .productdetail-tab .productdetail-tab-properties ul li { padding: 3px 0px; color: rgb(117,117,117); cursor: pointer; text-decoration: none; font-weight: 400; } .productdetail-tab .productdetail-tab-properties ul li.active-spec { color: rgb(33,33,33); } .productdetail-tab .productdetail-tab-properties ul li h4 { font-size: 1.429rem; font-weight: 500; } .productdetail-tab .side-fixed-bottom { bottom: 3.5%; position: absolute; top: auto; } .productdetail-tab .product-fixedattribute { position: relative; } .productdetail-tab .productdetail-tab-description { width: 70%; float: right; } .productdetail-tab .productdetail-tab-description article { text-align: center; padding-top: 80px; } .productdetail-tab .productdetail-tab-description article .clipwrapper { position: relative; height: 476px; width: 890px; } .productdetail-tab .productdetail-tab-description article .clipwrapper .clip-spec { position: absolute; top: 0; left: 0; } .productdetail-tab .productdetail-tab-description article .clipwrapper .pos-1 { clip: rect(0px, 890px, 540px, 0px); } .productdetail-tab .productdetail-tab-description article:last-child { margin-bottom: 80px; } .productdetail-tab .productdetail-tab-description article:first-child { padding-top: 0px; } .productdetail-tab .productdetail-tab-description .spec-table table { width: 100%; margin-top: 30px; } .productdetail-tab .productdetail-tab-description .spec-table table .icon-honor2-check { color: rgb(76,175,80); } .productdetail-tab .productdetail-tab-description .mdl-data-table tbody td { border: 1px solid #e0e0e0; text-align: left; } .productdetail-tab .productdetail-tab-description .mdl-data-table tbody tr:hover { background: none; } .productdetail-tab .productdetail-tab-description .mdl-data-table thead th { background-color: #f5f5f5; border: 1px solid #e0e0e0; text-align: left; color: rgb(33,33,33); } .productdetail-tab .productdetail-tab-description .spec-desc { width: 100%; } .productdetail-tab .productdetail-tab-description .spec-title { color: rgb(33,33,33); width: 25%; } .productdetail-tab .productdetail-tab-description .spec-light-text { color: rgb(189,189,189); } .productdetail-tab .productdetail-tab-description .logo-operator { margin-top: 40px; } .productdetail-tab .productdetail-tab-description .logo-operator img { margin-right: 20px; } .productdetail-tab .content { position: relative; overflow: hidden; } @media screen and (max-width: 1199px) { .productdetail-tab-description .fullpage-wrapper img { max-height: 400px; } } .grey-lable-btn, .catalog-product-view .gallery-tab a { background: #f5f5f5; border: #f5f5f5; color: rgb(33,33,33); } .catalog-product-view { width: 100%; } .catalog-product-view .gallery-tab { padding: 40px 20px; text-align: center; margin: 0 auto; font-size: 0; } .catalog-product-view .gallery-tab img { max-width: 720px; width: 100%; } .catalog-product-view .gallery-tab a { height: 50px; line-height: 50px; padding: 0 20px 0 20px; text-decoration: none; display: inline-block; border: 1px solid #e7e7e7; vertical-align: middle; } .catalog-product-view .gallery-tab a .icon-honor2-image-area { color: rgb(117,117,117); vertical-align: middle; } .catalog-product-view .gallery-tab a .icon-honor2-play { color: rgb(117,117,117); vertical-align: middle; font-size: 26px; } .catalog-product-view .gallery-tab a.active { border: 1px solid #0DB5D7; background: rgb(255,255,255); } .catalog-product-view .gallery-tab a.active .icon-honor2-image-area, .catalog-product-view .gallery-tab a.active .icon-honor2-play { color: #0DB5D7; } .catalog-product-view .gallery-tab .slick-prev { position: absolute; top: 45%; width: 34px; height: 50px; border: 0; background: none; cursor: pointer; outline: none; } .catalog-product-view .gallery-tab .slick-next::before { content: "\f105"; } .catalog-product-view .gallery-tab .video-content { text-align: center; margin: 30px 0 30px 0; } .catalog-product-view .gallery-tab .slick-next { position: absolute; top: 45%; width: 34px; height: 50px; border: 0; background: none; cursor: pointer; outline: none; } .catalog-product-view .gallery-tab .slick-prev::before { content: "\f104"; } .catalog-product-view .gallery-tab .slick-dots { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ text-align: center; padding: 0px 6px 0px 12px; } .catalog-product-view .gallery-tab .slick-dots li { position: relative; display: inline-block; height: 10px; width: 15px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px; cursor: pointer; } .catalog-product-view .gallery-tab .slick-dots li button { border: 0px; background: rgb(117,117,117); border-radius: 50%; display: block; height: 8px; width: 8px; outline: none; line-height: 0; color: transparent; padding: 4px; cursor: pointer; opacity: 0.3; } .catalog-product-view .gallery-tab .slick-dots li button:hover, .catalog-product-view .gallery-tab .slick-dots li button:focus { outline: none; } .catalog-product-view .gallery-tab .slick-dots .slick-active button { background: #0DB5D7; opacity: 1; } .catalog-product-view .gallery-tab .mdl-card__actions { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ color: white; text-decoration: none; position: absolute; text-align: center; top: 40%; left: 0; right: 0; } .catalog-product-view .gallery-tab .mdl-card__actions:hover { color: #0DB5D7; opacity: 0.8; transform: scale(1.05); transition: 0.3s; } .catalog-product-view .gallery-tab #inline { display: inline-block; font-family: "honor2-icons"; border: none; background: none; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; z-index: 9; } .catalog-product-view .gallery-tab #inline .icon-honor2-play { color: rgb(255,255,255); vertical-align: top; opacity: 0.5; font-size: 72px; } .catalog-product-view .gallery-tab #videos { display: block; margin: 0 auto; padding-top: 3%; } .catalog-product-view .gallery-tab #videos iframe { position: relative; top: 0; left: calc(0%); } .catalog-product-view .gallery-tab #videos img { position: absolute; max-width: 1020px; z-index: 2; } .catalog-product-view .gallery-tab #videos .loader-gallery { background: #FFFFFF url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif) no-repeat center center; width: 42px; height: 42px; margin-bottom: 20px; position: relative; } .catalog-product-view .gallery-tab .inner-color-circle { border: 1px solid #e0e0e0; border-radius: 50%; width: 48px; height: 48px; display: inline-block; line-height: 45px; margin-right: 10px; padding: 0 14px 0 14px; text-align: center; } .catalog-product-view .gallery-tab .inner-color-circle .icon-honor2-check { color: #000000; } .catalog-product-view .gallery-tab .inner-color-circle.Black .icon-honor2-check, .catalog-product-view .gallery-tab .inner-color-circle.Grey .icon-honor2-check, .catalog-product-view .gallery-tab .inner-color-circle.Brown .icon-honor2-check { color: #FFFFFF; } @media only screen and (max-width: 770px) { .catalog-product-view .main-container { width: 100%; margin: 0 auto; } } @media only screen and (max-width: 771px) { .catalog-product-view .main-container { width: 100%; margin: 0 auto; } } @media only screen and (max-width: 480px) { .catalog-product-view .gallery-tab .slick-dots { text-align: center; margin-top: 30px; } .catalog-product-view .gallery-tab .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; cursor: pointer; } .catalog-product-view .gallery-tab .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; background: rgb(117,117,117); padding: 5px 5px 5px 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: rgb(189,189,189); border-radius: 50%; top: 0; } .catalog-product-view .gallery-tab .slick-dots li.slick-active button { background: #0DB5D7; } .catalog-product-view .gallery-tab img { max-width: 100%; width: 100%; } } @media screen and (max-width: 1366px) and (min-width: 1366px) { .catalog-product-view .gallery-tab #images img { max-width: 500px; width: 100%; } } .sales-order-view a, .twostepcheckout-twostep-success a { text-decoration: none; } .sales-order-view .order-summary, .twostepcheckout-twostep-success .order-summary { padding: 22px 0 30px 0; } .sales-order-view .my-order-block, .twostepcheckout-twostep-success .my-order-block { padding: 0 30px 0 30px; overflow: hidden; } .sales-order-view .my-order-block h1, .twostepcheckout-twostep-success .my-order-block h1 { float: left; margin: 18px 0 37px 0; } .sales-order-view .my-order-block h1.title, .twostepcheckout-twostep-success .my-order-block h1.title { display: none; } .sales-order-view .order-links, .twostepcheckout-twostep-success .order-links { padding: 28px 0 0 0; float: right; } .sales-order-view .order-links a, .twostepcheckout-twostep-success .order-links a { margin-left: 5px; } .sales-order-view .order-links a.icon-honor2-email, .twostepcheckout-twostep-success .order-links a.icon-honor2-email { margin-left: 10px; } .sales-order-view .order-summary-customer, .twostepcheckout-twostep-success .order-summary-customer { padding: 0 30px 0 29px; overflow: hidden; } .sales-order-view .order-summary-customer .left, .sales-order-view .order-summary-customer .right, .twostepcheckout-twostep-success .order-summary-customer .left, .twostepcheckout-twostep-success .order-summary-customer .right { width: 32%; } .sales-order-view .order-summary-customer .left td:first-child, .sales-order-view .order-summary-customer .right td:first-child, .twostepcheckout-twostep-success .order-summary-customer .left td:first-child, .twostepcheckout-twostep-success .order-summary-customer .right td:first-child { vertical-align: top; width: 40%; } .sales-order-view .order-summary-customer .left td:last-child, .sales-order-view .order-summary-customer .right td:last-child, .twostepcheckout-twostep-success .order-summary-customer .left td:last-child, .twostepcheckout-twostep-success .order-summary-customer .right td:last-child { padding: 2px 0 0 30px; padding-left: 0px; } .sales-order-view .order-summary-customer .left td:last-child p, .sales-order-view .order-summary-customer .right td:last-child p, .twostepcheckout-twostep-success .order-summary-customer .left td:last-child p, .twostepcheckout-twostep-success .order-summary-customer .right td:last-child p { margin-bottom: 0; } .sales-order-view .order-summary-customer .left address .mdl-card__supporting-text, .twostepcheckout-twostep-success .order-summary-customer .left address .mdl-card__supporting-text { min-height: 105px; width: 100%; word-break: break-word; } .sales-order-view .order-summary-customer .right, .twostepcheckout-twostep-success .order-summary-customer .right { width: 32%; } .sales-order-view .order-summary-customer .right td, .twostepcheckout-twostep-success .order-summary-customer .right td { padding: 0 0 6px 2px; } .sales-order-view .order-summary-customer .right td:last-child, .twostepcheckout-twostep-success .order-summary-customer .right td:last-child { padding: 5px 0 0 30px; vertical-align: top; } .sales-order-view .order-status-details, .twostepcheckout-twostep-success .order-status-details { margin: 87px 0 71px 0; overflow: hidden; text-align: center; width: 100%; } .sales-order-view .order-status-details .order-status-icons .line-separator, .twostepcheckout-twostep-success .order-status-details .order-status-icons .line-separator { margin: 11px 0 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.12); display: inline-block; float: left; width: 30px; } .sales-order-view .order-status-details .order-status-icons .line-separator.status-method-active, .twostepcheckout-twostep-success .order-status-details .order-status-icons .line-separator.status-method-active { border-top: 1px solid rgb(76,175,80); } .sales-order-view .order-status-details .order-status-icons .status-method, .twostepcheckout-twostep-success .order-status-details .order-status-icons .status-method { text-align: center; } .sales-order-view .order-status-details .order-status-icons .status-method a, .twostepcheckout-twostep-success .order-status-details .order-status-icons .status-method a { pointer-events: none; } .sales-order-view .order-status-details .order-status-icons .status-method a.status-method-active, .twostepcheckout-twostep-success .order-status-details .order-status-icons .status-method a.status-method-active { pointer-events: auto; } .sales-order-view .order-status-details .mdl-tabs__tab, .twostepcheckout-twostep-success .order-status-details .mdl-tabs__tab { padding: 0 10px 0 10px; } .sales-order-view .order-status-details .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after, .twostepcheckout-twostep-success .order-status-details .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { animation: inherit; background-color: transparent; border-bottom: 6px solid rgba(0, 0, 0, 0.12); border-left: 5px solid transparent; border-right: 5px solid transparent; left: auto; right: 38px; top: 23px; width: 8px; } .sales-order-view .order-status-details .mdl-tabs__tab-bar, .twostepcheckout-twostep-success .order-status-details .mdl-tabs__tab-bar { border: 0 none; } .sales-order-view .order-status-details .button-added, .twostepcheckout-twostep-success .order-status-details .button-added { margin: -20px 0 0 0; } .sales-order-view .order-status-details .button-added .status-content, .twostepcheckout-twostep-success .order-status-details .button-added .status-content { padding: 14px 10px 14px 10px; border: 1px solid rgba(0, 0, 0, 0.12); display: inline-block; text-align: left; width: 45%; } .sales-order-view .order-status-details .button-added .other-btn, .twostepcheckout-twostep-success .order-status-details .button-added .other-btn { margin: 15px 0 0 0; } .sales-order-view .footer-total-details, .twostepcheckout-twostep-success .footer-total-details { float: right; margin: 0 30px 0 0; width: 33%; } .sales-order-view .footer-total-details td, .twostepcheckout-twostep-success .footer-total-details td { padding-left: 9px; padding-right: 9px; } .sales-order-view .footer-total-details .subtotal td, .twostepcheckout-twostep-success .footer-total-details .subtotal td { padding: 9px 0px 0 9px; } .sales-order-view .footer-total-details .shipping td, .twostepcheckout-twostep-success .footer-total-details .shipping td { padding: 8px 0px 10px 9px; } .sales-order-view .footer-total-details .pro-details-tol, .twostepcheckout-twostep-success .footer-total-details .pro-details-tol { text-align: right; } .sales-order-view .footer-total-details .pro-details-tolord-total, .twostepcheckout-twostep-success .footer-total-details .pro-details-tolord-total { text-align: right; } .sales-order-view .footer-total-details .grand-total td, .sales-order-view .footer-total-details .grand_total_incl td, .twostepcheckout-twostep-success .footer-total-details .grand-total td, .twostepcheckout-twostep-success .footer-total-details .grand_total_incl td { padding: 10px 0px 10px 10px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .sales-order-history a { text-decoration: none; } .sales-order-history .order-tab ul { overflow: hidden; margin: 0 0 0 0; } .sales-order-history .order-tab ul li { padding: 30px 20px 18px 20px; } .sales-order-history .order-tab ul li a.active, .sales-order-history .order-tab ul li a:hover.active { color: #0DB5D7; } .sales-order-history #my-orders-content .single-order { position: relative; } .sales-order-history #my-orders-content tbody { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .sales-order-history #my-orders-content td { padding: 0 0 15px 0; vertical-align: top; } .sales-order-history #my-orders-content td.table-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .sales-order-history #my-orders-content td.order-product-details { padding: 15px 0 0 0; width: 35%; } .sales-order-history #my-orders-content td.order-status { position: absolute; top: 160px; width: 35%; text-align: center; } .sales-order-history #my-orders-content .order-number { border-top: 1px solid rgba(0, 0, 0, 0.12); } .sales-order-history #my-orders-content .order-number a { color: #0DB5D7; } .sales-order-history #my-orders-content .order-number td { padding: 40px 0 30px 0; vertical-align: middle; } .sales-order-history #my-orders-content .order-status a.cancel { margin: 0 0 0 25px; } .sales-order-history #my-orders-content .order-status .make-payment, .sales-order-history #my-orders-content .order-status .track { margin: 20px 0 20px 0; } .sales-order-history #my-orders-content .order-status .make-payment a, .sales-order-history #my-orders-content .order-status .track a { padding-top: 6px; } .sales-order-history #my-orders-content .product-cart-price, .sales-order-history #my-orders-content .product-cart-actions, .sales-order-history #my-orders-content .product-cart-total { padding: 15px 0 0 0; border-bottom: 0; width: 10%; } @media only screen and (max-width: 770px) { .twostepcheckout-twostep-success .footer-total-details { width: auto; } .order-summary-container .order-summary .order-summary-customer .left, .order-summary-container .order-summary .order-summary-customer .right { float: none; width: 99%; } .order-summary-container .order-summary .order-summary-customer .right table tbody tr .mdl-color-text--black { width: 20% !important; } } @media only screen and (max-width: 599px) { .twostepcheckout-twostep-success .footer-total-details .subtotal td { padding: 9px 9px 0 9px; } .twostepcheckout-twostep-success .footer-total-details .shipping td { padding: 8px 9px 10px 9px; } .twostepcheckout-twostep-success .footer-total-details .grand-total td, .twostepcheckout-twostep-success .footer-total-details .grand_total_incl td { padding: 10px 10px 10px 10px; } } @media only screen and (max-width: 350px) { .twostepcheckout-twostep-success .footer-total-details .grand-total td .a-left, .twostepcheckout-twostep-success .footer-total-details .grand-total td span, .twostepcheckout-twostep-success .footer-total-details .grand_total_incl td .a-left, .twostepcheckout-twostep-success .footer-total-details .grand_total_incl td span { font-size: 1.143rem; } } /* starts: survey styles */ @keyframes blink { 0% { background-color: #01acd8; } 25% { background-color: #ffffff; } 50% { background-color: #01acd8; } 75% { background-color: #ffffff; } } #voc-popup { padding: 0 0 0 0; } #voc-popup .loader { position: absolute; top: 50%; left: 45%; } #voc-popup #voc-iframe { overflow: hidden; height: 100%; width: 100%; position: absolute; border: none; } .voc-popup .mdl-textfield { padding: 5px 0; } .voc-popup .top_section { padding: 25px 25px 0 25px; } .voc-popup .top_section #closeIframe { position: absolute; top: 10px; right: 10px; } .voc-popup .top_section h3 { text-align: center; padding: 3% 0 3% 0; font-size: 20px !important; text-transform: uppercase; color: #000; } .voc-popup .top_section #registered-user { text-align: center; } .voc-popup .top_section #registered-user p { text-align: center; font-size: 16px; color: #000; } .voc-popup .top_section #registered-user a { background-color: #0db5d7; color: rgb(255,255,255); width: 60%; } .voc-popup .top_section #registered-user a:hover { background-color: #1abfe5; } .voc-popup .top_section .icon-honor2-close:hover { color: #000000; } .voc-popup .divider { width: 100%; margin: 3.7em auto; overflow: hidden; text-align: center; font-weight: 300; color: rgba(0, 0, 0, 0.54118); } .voc-popup .divider:before { content: ""; display: inline-block; width: 50%; margin: 0 0.5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .voc-popup .divider:after { content: ""; display: inline-block; width: 50%; margin: 0 0.5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); margin: 0 -55% 0 0.5em; } .voc-popup #order-tracking-form { padding: 0 25px 35px 25px; } .voc-popup #order-tracking-form p { text-align: center; font-size: 16px; color: #000; } .voc-popup #order-tracking-form #track-order-message { text-align: center; font-size: 0.9em; padding: 0 0 15px 0; color: rgb(209,8,22); } .voc-popup #order-tracking-form #track-order .mdl-textfield { width: 100%; } .voc-popup #order-tracking-form #track-order .button-wrapper { text-align: center; padding-top: 10px; } .voc-popup #order-tracking-form #track-order .button-wrapper button { width: 60%; color: rgb(255,255,255); } .voc-popup #order-tracking-form #track-order .button-wrapper button:hover { color: rgb(255,255,255); } .voc-popup .voc_button { text-align: center; } .voc-popup .btn-disabled { cursor: default; opacity: 0.4; } .voc-popup .voc-suggestions-container { margin: auto; text-align: left; width: 100%; } .voc-popup .voc-suggestions-container .voc-txtarea > textarea { resize: none; } .voc-popup .voc-suggestions-container .honorMobView { display: none; } .voc-popup .voc-suggestions-container .honorDesktopView { display: inline-block; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-field .captcha-txt { display: none; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-field .invalid-captcha.validation-advice { text-align: left; color: rgb(244,67,54); display: block; margin: 10px 0px 0px 0px; } .voc-popup .voc-suggestions-container .captcha-info-box .input-captcha { display: inline-block; padding: 0px 0px 0px 0px; padding-bottom: 0px; width: 140px; vertical-align: bottom; margin-left: 15px; margin-right: 10px; } .voc-popup .voc-suggestions-container .captcha-info-box .input-captcha input { padding: 6px 6px 6px 6px; background-color: #fff; border: 1px solid #CCCCCC; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-img-div { vertical-align: bottom; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-img-div .imgArea { display: inline-block; vertical-align: middle; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-img-div .imgArea .captcha-img { height: 40px; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-img-div .refresh-captcha-button { background: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/images/default/sprite/checkout-sprite.png) no-repeat scroll -76px -743px; display: inline-block; height: 27px; vertical-align: middle; width: 24px; cursor: pointer; } .voc-popup .voc-suggestions-container .captcha-info-box .captcha-img-div #success-captcha-text { color: #10B514; padding-left: 8px; vertical-align: middle; } .voc-popup .voc-suggestions-container .track-clear { margin: 15px 0px 15px 0px; } .success_msg { width: 500px; margin: 100px auto; text-align: center; font-size: 20px; color: #212121; } .success_msg a { color: #0db5d7; text-decoration: none; } .voc-popup .mdl-textfield { line-height: 20px; width: 100%; margin-bottom: 10px; display: block; margin: 0px auto; } .survey { width: 100%; margin-top: 15px; } .survey .counter-container { margin: -30px auto 0 auto; font-size: 16px; color: rgba(0, 0, 0, 0.54118); text-align: center; font-weight: bold; } .survey .counter-container span { display: inline-block; } .survey #counter { font-weight: bold; border: none; width: 20px; color: rgba(0, 0, 0, 0.54118); text-align: center; font-size: 15px; background: none; } .survey .feedback_survey h2 { font-size: 22px; text-align: center; } .survey .feedback_survey p { text-align: center !important; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; width: 65%; margin: auto; } .survey .feedback_survey #closeIframe { color: #BDBDBD; float: right; top: -20px; right: 7px; display: block; } .survey .slider { margin: 15px auto 0 auto; width: 100%; } .survey .slider .arrowButton { border: 0px; margin-top: 5px; cursor: pointer; padding: 8px 8px 8px 13px; } .survey .slider .slick-list { margin-bottom: 30px; } .survey .slider .center { text-align: center; color: rgb(33,33,33); font-size: 16px; } .survey .slider .slick-prev { left: 38%; position: relative; } .survey .slider .slick-next { right: 40%; float: right; position: relative; } .survey .slider .arrowButton { background: none; } .survey .slider .question-container.center { margin-bottom: 0px; width: 50%; float: left; text-align: left; font-size: 14px; padding-top: 5px; } .survey input[data-toggle]:checked + label, .survey input[data-toggle]:checked + label:active { background-color: #01acd8; } .survey input[data-toggle] { display: none; } .survey input[type="checkbox"] + label, .survey input[type="radio"] + label { display: inline-block; margin-left: 5px; margin-right: 1rem; margin-bottom: 0; color: rgb(33,33,33); vertical-align: baseline; border-left: 0px solid #e0e0e0; border-top: 0px solid #e0e0e0; border-bottom: 0px solid #e0e0e0; } .survey input[type="checkbox"] + label, .survey input[type="radio"] + label:last-child { border-right: 0px solid #e0e0e0; } .survey btn, .survey .btn { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 0px 6px 5px; border-color: #007095; } .survey input[data-toggle]:checked + label, .survey input[data-toggle]:checked + label:active { color: rgb(255,255,255); } .survey li { display: inline-block; } .survey .button-group.toggle li:not(first-child) { margin: 0 -0.9em; } .survey .regular .btn_space { padding-top: 0px; } .survey .regular .slick-slide { text-align: center; } .survey .regular .slick-slide .validation-advice { display: inline-block; margin: 0px auto 20px auto; text-align: center; width: 100%; } .survey .regular .slick-slide .validation-advice.mdl-textfield__error { text-align: left; margin-top: 5px; } .survey .regular .captcha_voc .label_voc { width: 90px; padding-top: 30px; float: left; } .survey .regular .captcha_voc .label_voc .red { color: #ff0000; } .survey .regular .captcha_voc .cptcha_fileds { float: left; width: auto; } .survey .regular .clr { clear: both; } .survey .regular .mdl-submit { background: #0db5d7; width: 120px; height: 36px; margin: 15px 0px 10px 0px; } .survey .regular .mdl-submit:hover { background: #0db5d7; } .survey .regular .mdl-button__ripple-container { margin-left: 20%; } .survey .regular .form { margin-left: 20%; } .survey .count { border: 0px; width: 10px; font-size: 15px; } .survey .nav { width: 140px; text-align: center; margin: auto; } .survey .btn_container { width: 50%; float: left; margin: 0px 0 0px 0; } .survey .btn_container ul li { padding: 0px 10px; margin: 0px; } .mdl-track-order-container2:parent { width: 100%; } .flash { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0.5; } } /* Ends: survey styles */ .progress { background: #e9e5e2; height: 25px; -moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc; -webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc; box-shadow: 0 1px 0px #bbbbbb inset, 0 1px 0 #fcfcfc; } .progress-bar { background-image: -webkit-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%); background-image: -moz-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%); background-image: -o-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%); background-image: linear-gradient(to right, #ff7f50 0%, #fe7d7d 100%); height: 100%; width: 0%; } .html { -webkit-transition: width 4.50s ease !important; -moz-transition: width 4.50s ease !important; -o-transition: width 4.50s ease !important; transition: width 4.50s ease !important; } @media screen and (max-device-width: 1024px) { /* starts: survey styles */ .survey { width: 90%; margin: auto; margin-top: 50px; } .survey .mdl-textfield { width: 95%; } .survey .counter-container { margin: -29px auto 0 auto; width: 100%; font-size: 16px; color: rgba(0, 0, 0, 0.54118); text-align: left; font-weight: bold; padding-left: 54px; } .survey .counter-container span { display: inline-block; } .survey .mdl-data-table td, .survey .mdl-data-table th { text-align: left; color: rgb(33,33,33); } .survey #counter { font-weight: bold; border: none; width: 20px; color: rgba(0, 0, 0, 0.54118); text-align: center; font-size: 15px; } .survey .feedback_survey h2 { font-size: 22px; text-align: left; } .survey .feedback_survey p { text-align: left; padding-bottom: 10px; width: 100%; margin: auto; } .survey .slider { margin: 15px auto 0 auto; width: 100%; } .survey .slider .center { text-align: left; font-size: 16px; color: rgb(33,33,33); } .survey .slider .slick-prev { position: relative; left: -35px; } .survey .slider .slick-next { left: 120px; float: left; position: relative; } .survey .regular button { background: #EAEAEA; border: 0px; margin-top: 30px; cursor: pointer; padding: 8px 8px 8px 13px; } .survey .regular .btn_space { margin-top: 0px; } .survey .regular .mdl-submit { background: #0db5d7; width: 100%; height: 47px; } .survey .regular .mdl-textfield__input { line-height: 18px; } .survey .count { border: 0px; width: 10px; font-size: 15px; } .survey .nav { width: 140px; text-align: center; margin: auto; } .survey .btn_container { width: 770px; margin: auto; margin-bottom: 40px; } .survey .btn_container ul li { padding: 0px; margin: 0px; } /* End: survey styles */ } #voc-form .page-content-wrapper .pagination-wrapper { text-align: center; } #voc-form .page-content-wrapper .pagination-wrapper .counter-container { display: inline-block; margin: 0px; padding: 0px 25px 0px 20px; vertical-align: middle; } #voc-form .page-content-wrapper .pagination-wrapper .mdl-button { background: #BDBDBD; color: #757575; display: inline-block; margin: 0px; min-width: 40px; padding: 0px; position: static; } #voc-form .page-content-wrapper .pagination-wrapper .mdl-button:hover { background: #A9A9A9; } #voc-form .page-content-wrapper .pagination-wrapper .mdl-button[disabled='disabled'] { opacity: 0.5; } #voc-form .page-content-wrapper .pagination-wrapper .mdl-button[disabled='disabled'] span { font-size: 1.125rem; } #voc-form .page-content-wrapper .pagination-wrapper .mdl-button span { display: inline-block; font-size: 1.125rem; width: 12px; } #voc-form .page-content-wrapper #jqSessionError { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #E12848; font-size: 0.75rem; margin: 6px 0px 6px 0px; text-align: left; width: 100%; } /* IE 10+ CSS */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mdl-track-order-container2 .voc-popup .voc-txtarea { margin: 15px 0 0 0; } } #feedback { position: fixed; bottom: 0px; left: -582px; z-index: 999999; } .clr { clear: both; } .feedback_container .survey .feedback_survey #closeIframe { /*display: none;*/ top: 5px; position: absolute; } .feedback_container p.sub-text { width: 100%; line-height: 21px; } .feedback_container .survey input[data-toggle]:checked + label img, .feedback_container .survey input[data-toggle]:checked + label:active img { opacity: 1; } .feedback_container .survey input[data-toggle]:checked + label, .feedback_container .survey input[data-toggle]:checked + label:active { background: none; } /* .feedback_container .survey .slider .question-container.center { width: 50%; float: left; } .feedback_container .survey .btn_container { width: 50%; @include float(left); } .feedback_container .survey input[type="checkbox"] + label, .feedback_container .survey input[type="radio"] + label:last-child{ border-right:0px solid; border-bottom: 0px solid; } .feedback_container .survey input[type="checkbox"] + label, .feedback_container .survey input[type="radio"] + label{ border-left:0px solid; border-right:0px solid; border-top:0px solid; } .feedback_container .survey btn, .feedback_container .survey .btn{ width: 60px;padding: 0; margin: 0; text-align: center; } */ .norm_state { opacity: 0.4; cursor: pointer; } .active { opacity: 1.0; cursor: pointer; } #feedback input, #feedback textarea { border: 0px; width: 100%; border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; } #feedback .captcha_voc input { border: 0px; width: 100%; border: 2px solid #E0E0E0; padding-bottom: 5px; } .captcha { padding-top: 20px; } .captcha .label { width: 120px; padding-top: 6px; } .captcha_input { float: left; width: 160px; } .captcha_code { float: left; width: 140px; margin-left: 20px; } .captcha_code input { width: 100%; background: #a3a3a3; } .btn_submit { text-align: center; padding-top: 15px; } .btn_submit .mdl-button--primary.mdl-button--primary { padding: 1px 25px; } #feedback .feedback_container { float: left; border: 1px solid #999; padding: 0px 10px 10px 10px; background: #fff; height: auto; } #feedback a.pull_feedback { background: #01B4E1; display: block; width: 160px; height: 40px; float: left; position: absolute; top: 250px; right: -100px; text-align: center; padding-top: 9px; color: #fff; text-decoration: none; transform: rotate(270deg); font-size: 20px; letter-spacing: 4px; z-index: -999; } #feedback a.pull_feedback:hover { background-position: center right; } #feedback .feedback_container textarea { width: 100%; border: 0px solid #019AC6; border-bottom: 1px solid #E0E0E0; } #feedback h2 { text-align: center; color: #019AC6; font-size: 32px; padding: 0px; margin: 0px; line-height: 40px; } #feedback h3 { text-align: center; font-size: 16px; padding-bottom: 15px; } @media only screen and (max-width: 1400px) { #feedback { top: 50px; } } .feedback-container-success #closeIframe { position: absolute; top: 15px; right: 15px; color: #BDBDBD; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Apr 8, 2015, 9:50:20 AM Author : vWX209447 */ .cod-info-box { width: 100%; float: left; padding-bottom: 15px; } .cod-info-box .cod-captcha-field { float: left; padding: 0 10px; } .cod-info-box .cod-captcha-field .cod-invalid-captcha { float: left; width: 100%; color: rgb(222, 50, 38); padding-bottom: 5px; } .cod-info-box .cod-captcha-img-div { float: left; width: 100%; } .cod-info-box .cod-captcha-img-div .cod-captcha-img { float: left; } .cod-info-box .cod-captcha-img-div .additional-msg-cod { float: left; padding-left: 10px; } .cod-info-box .cod-captcha-img-div .cod-refresh-captcha-button { cursor: pointer; float: left; padding: 13px 15px; } .cod-info-box .captcha-text { float: left; padding-top: 25px; width: 100%; color: rgb(33,33,33); } .cod-info-box .additional-msg-cod { float: left; padding-left: 10px; } .cod-info-box .captch-input-field { float: left; padding-top: 10px; padding-bottom: 5px; } .cod-info-box .captch_input-text { border: 1px solid rgb(117,117,117); width: 150px; height: 30px; } .twostepcheckout-twostep-index #cod-info-box .cod-captcha-field { background-color: rgb(250,250,250); margin-left: 15px; } .twostepcheckout-twostep-index #cod-info-box .cod-captcha-field .captcha-text { width: auto; padding: 15px 10px 0px 0px; } .twostepcheckout-twostep-index #cod-info-box .cod-captcha-field .captch-input-field { padding-right: 15px; } .twostepcheckout-twostep-index #cod-info-box .cod-captcha-field .cod-captcha-img-div { width: auto; } .agreement-content p { margin-bottom: 0px; } @media only screen and (max-width: 1199px) { .cod-info-box { margin-left: 13px; width: 100%; } .cod-info-box .cod-captcha-img { float: left; padding: 0 10px 0 10px; } } @media only screen and (max-width: 979px) { .cod-info-box { margin-left: 13px; width: 100%; } .cod-info-box .cod-captcha-img { float: left; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 770px) { .cod-info-box { margin-left: 13px; width: 100%; } .cod-info-box .cod-captcha-img { float: left; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 599px) { .cod-info-box { margin-left: 0px; width: 100%; } .cod-info-box .cod-captcha-field .input-captcha .cod-captcha-img { float: left; padding-left: 0px; padding-right: 10px; padding-top: 5px; } } @media only screen and (max-width: 479px) { .cod-info-box { margin-left: 0px; width: 100%; } .cod-info-box .cod-captcha-field .input-captcha .cod-captcha-img { float: left; padding-left: 0px; padding-right: 10px; padding-top: 5px; } } .customer-account .monkey-multisubscribe #subscribe-button { width: 120px; } .customer-account .monkey-multisubscribe .monkey-additional-lists { margin-top: -7px; } .customer-account .monkey-multisubscribe div.interest-groupings { margin-left: 0; margin-top: 40px; } .customer-account .monkey-multisubscribe .grouping { color: rgb(189,189,189); margin-bottom: 50px; } .customer-account .monkey-multisubscribe .grouping span { color: rgb(33,33,33); text-transform: capitalize; } .customer-account .monkey-multisubscribe .grouping p { margin-top: 5px; } .customer-account .monkey-multisubscribe .grouping ul { margin: 23px 0 30px; } .customer-account .monkey-multisubscribe .grouping ul li { margin-left: 0 !important; margin-right: 43px; } .customer-account .monkey-multisubscribe .grouping ul li label { color: rgb(33,33,33); margin-left: 5px; } .customer-account .monkey-multisubscribe .grouping strong { display: inline-block; margin-bottom: 9px; } .customer-account .monkey-multisubscribe .mdl-checkbox { width: auto; } @media screen and (max-width: 400px) { .customer-account .monkey-multisubscribe .grouping span { color: #212121; text-transform: capitalize; font-family: "Roboto", "Helvetica", "Arial", sans-serif; } .customer-account .monkey-multisubscribe .grouping .checkboxes li { margin-right: 22px; } } .show-shipping-method .store-pickup .pickup-left, .checkout-step-select-buttons .store-pickup .pickup-left { width: 50%; float: left; margin-top: 12px; } .show-shipping-method .store-pickup .pickup-right, .checkout-step-select-buttons .store-pickup .pickup-right { float: right; text-align: center; margin-top: 12px; } .show-shipping-method .store-pickup .pickup-right .direction, .checkout-step-select-buttons .store-pickup .pickup-right .direction { margin-top: 10px; } .show-shipping-method .store-pickup .pickup-right .timing, .checkout-step-select-buttons .store-pickup .pickup-right .timing { color: rgb(189,189,189); } .show-shipping-method .store-pickup .storepickup-list, .checkout-step-select-buttons .store-pickup .storepickup-list { background-color: #f7f7f8; color: rgb(33,33,33); width: 100%; padding: 30px 15px 30px 15px; margin-bottom: 30px; } .show-shipping-method .store-pickup .storepickup-list .sorry, .checkout-step-select-buttons .store-pickup .storepickup-list .sorry { display: inline-block; margin-top: 2px; color: rgb(33,33,33); } .show-shipping-method .store-pickup .storepickup-list .sorry span, .checkout-step-select-buttons .store-pickup .storepickup-list .sorry span { color: rgb(244,67,54); display: inline-block; } .show-shipping-method .store-pickup .storepickup-list .sorry .sorry-inline, .checkout-step-select-buttons .store-pickup .storepickup-list .sorry .sorry-inline { display: inline-block; } .show-shipping-method .store-pickup .storepickup-list .storepick-dropdown-main, .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main { width: 100%; float: left; } .show-shipping-method .store-pickup .storepickup-list .storepick-dropdown-main .dropdown-separate, .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main .dropdown-separate { width: 40%; padding: 10px 15px 10px 0px; float: left; } .show-shipping-method .store-pickup .storepickup-list .storepick-dropdown-main .mdl-textfield, .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main .mdl-textfield { padding: 0px 0px 20px 0px; } .show-shipping-method .store-pickup .storepickup-list .storepick-dropdown-main .mdl-spinner, .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main .mdl-spinner { margin-top: -10px; } .show-shipping-method .store-pickup .storepickup-list #list-store, .checkout-step-select-buttons .store-pickup .storepickup-list #list-store { margin-bottom: 13px; } .show-shipping-method .store-pickup .storepickup-list .pickup-left .mdl-radio .tel-padding, .checkout-step-select-buttons .store-pickup .storepickup-list .pickup-left .mdl-radio .tel-padding { padding: 12px 0 0; } .show-shipping-method .store-pickup .store-count, .checkout-step-select-buttons .store-pickup .store-count { font-weight: normal; } .checkout-cart-index .block-proceed-chkout .cart-methods-info .storepickup { float: left; } .checkout-cart-index .block-proceed-chkout .cart-methods-info .storepickup-icon { background: scroll -47px -586px; display: block; float: left; height: 25px; width: 25px; } .twostepcheckout-twostep-index #checkout-step-store_select { width: 85%; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list { background-color: rgb(255,255,255); border: 1px solid rgb(224,224,224); padding: 30px 0px; float: left; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .select-section { float: left; border-bottom: 1px solid rgb(224,224,224); width: 100%; margin-bottom: 25px; padding: 0px 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main { padding-top: 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list #list-store li { border-bottom: 1px solid rgb(224,224,224); padding-bottom: 25px; padding-top: 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list #list-store li:last-child { border-bottom: none; padding-bottom: 25px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list #list-store li:first-child { padding-top: 0px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .choose-store { padding-left: 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .pickup-left { padding-left: 15px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .pickup-right { padding-right: 50px; } .twostepcheckout-twostep-index .checkout-step-select-buttons .store-pickup .storepickup-list .sorry { padding-left: 15px; margin-top: -15px; } @media only screen and (max-width: 770px) { .twostepcheckout-twostep-index #checkout-step-store_select { width: 100%; } } @media only screen and (max-width: 599px) { .show-shipping-method .store-pickup .storepickup-list .storepick-dropdown-main .dropdown-separate, .checkout-step-select-buttons .store-pickup .storepickup-list .storepick-dropdown-main .dropdown-separate { width: 100%; } } .customeractivation-index-index .registration-wrapper, .customeractivation-index-accountedit .registration-wrapper, .customeractivation-index-accounteditform .registration-wrapper, .customeractivation-index-editform .registration-wrapper { float: left; width: 100%; } .customeractivation-index-index .registration-wrapper .registration-width, .customeractivation-index-accountedit .registration-wrapper .registration-width, .customeractivation-index-accounteditform .registration-wrapper .registration-width, .customeractivation-index-editform .registration-wrapper .registration-width { width: 60%; } .customeractivation-index-index .registration-wrapper .title-text-padding, .customeractivation-index-accountedit .registration-wrapper .title-text-padding, .customeractivation-index-accounteditform .registration-wrapper .title-text-padding, .customeractivation-index-editform .registration-wrapper .title-text-padding { padding: 30px 0px; } .customeractivation-index-index .registration-wrapper .registration-text, .customeractivation-index-accountedit .registration-wrapper .registration-text, .customeractivation-index-accounteditform .registration-wrapper .registration-text, .customeractivation-index-editform .registration-wrapper .registration-text { color: rgb(117,117,117); } .customeractivation-index-index .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-accountedit .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-accounteditform .registration-wrapper .form-list .uploadbtn-file, .customeractivation-index-editform .registration-wrapper .form-list .uploadbtn-file { float: left; overflow: hidden; position: relative; margin-bottom: 10px; padding-top: 6px; } .customeractivation-index-index .registration-wrapper .form-list .ajax-file-upload-statusbar, .customeractivation-index-accountedit .registration-wrapper .form-list .ajax-file-upload-statusbar, .customeractivation-index-accounteditform .registration-wrapper .form-list .ajax-file-upload-statusbar, .customeractivation-index-editform .registration-wrapper .form-list .ajax-file-upload-statusbar { float: left; width: 100%; } .customeractivation-index-index .registration-wrapper .form-list .upload-points, .customeractivation-index-accountedit .registration-wrapper .form-list .upload-points, .customeractivation-index-accounteditform .registration-wrapper .form-list .upload-points, .customeractivation-index-editform .registration-wrapper .form-list .upload-points { color: rgb(33,33,33); padding-bottom: 30px; } .customeractivation-index-index .registration-wrapper .form-list .upload-text, .customeractivation-index-accountedit .registration-wrapper .form-list .upload-text, .customeractivation-index-accounteditform .registration-wrapper .form-list .upload-text, .customeractivation-index-editform .registration-wrapper .form-list .upload-text { color: rgb(117,117,117); padding-top: 6px; } .customeractivation-index-index .registration-wrapper .mdl-grid, .customeractivation-index-accountedit .registration-wrapper .mdl-grid, .customeractivation-index-accounteditform .registration-wrapper .mdl-grid, .customeractivation-index-editform .registration-wrapper .mdl-grid { padding: 0px; } .customeractivation-index-index .registration-wrapper .mdl-cell, .customeractivation-index-accountedit .registration-wrapper .mdl-cell, .customeractivation-index-accounteditform .registration-wrapper .mdl-cell, .customeractivation-index-editform .registration-wrapper .mdl-cell { margin: 0px 8px; } .customeractivation-index-index .registration-wrapper .page-title, .customeractivation-index-accountedit .registration-wrapper .page-title, .customeractivation-index-accounteditform .registration-wrapper .page-title, .customeractivation-index-editform .registration-wrapper .page-title { padding-top: 32px; } .customeractivation-index-index .registration-wrapper .page-title-upload, .customeractivation-index-accountedit .registration-wrapper .page-title-upload, .customeractivation-index-accounteditform .registration-wrapper .page-title-upload, .customeractivation-index-editform .registration-wrapper .page-title-upload { padding-top: 32px; padding-bottom: 15px; } .customeractivation-index-index .registration-wrapper .btn-space, .customeractivation-index-accountedit .registration-wrapper .btn-space, .customeractivation-index-accounteditform .registration-wrapper .btn-space, .customeractivation-index-editform .registration-wrapper .btn-space { padding: 30px 0px; width: 30%; } .customeractivation-index-index #file_browse_wrapper, .customeractivation-index-accountedit #file_browse_wrapper, .customeractivation-index-accounteditform #file_browse_wrapper, .customeractivation-index-editform #file_browse_wrapper { text-align: center; padding: 1px 22px; float: left; height: 35px; color: rgb(255,255,255); background-color: #0DB5D7; border-radius: 2px; cursor: pointer; border: medium none; clear: both; line-height: 30px; margin-right: 30px; } .customeractivation-index-index .file_browse, .customeractivation-index-accountedit .file_browse, .customeractivation-index-accounteditform .file_browse, .customeractivation-index-editform .file_browse { position: absolute; right: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; cursor: pointer; } .customeractivation-index-index #rrap-uploadfile.validation-advice, .customeractivation-index-accountedit #rrap-uploadfile.validation-advice, .customeractivation-index-accounteditform #rrap-uploadfile.validation-advice, .customeractivation-index-editform #rrap-uploadfile.validation-advice { color: rgb(244,67,54); } .customeractivation-index-index #status, .customeractivation-index-accountedit #status, .customeractivation-index-accounteditform #status, .customeractivation-index-editform #status { clear: both; } .customeractivation-index-index .mdl-textfield__error, .customeractivation-index-accountedit .mdl-textfield__error, .customeractivation-index-accounteditform .mdl-textfield__error, .customeractivation-index-editform .mdl-textfield__error { padding-top: 10px; top: 37px; } .not-appr-registration { color: rgb(117,117,117); } .not-appr-registration .not-appr-msg { margin: 35px 0px; } .not-appr-registration .not-appr-msg-head { color: rgb(209,8,22); } .not-appr-registration .not-appr-status { margin: 0px 0px 15px 0px; width: 100%; float: left; } .not-appr-registration .not-appr-status li { width: 100%; float: left; margin-bottom: 10px; } .not-appr-registration .not-appr-status .label { color: rgb(33,33,33); width: 20%; float: left; } .not-appr-registration .not-appr-status .value { width: 80%; float: left; } .not-appr-registration .not-appr-status .status { color: rgb(209,8,22); } .not-appr-registration .not-appr-buttons { float: left; } .aftr-sub-registration { color: rgb(117,117,117); } .aftr-sub-registration .aftr-sub-msg { margin: 35px 0px; } .aftr-sub-registration .aftr-sub-msg-head { color: rgb(76,175,80); } .aftr-sub-registration .aftr-sub-status { margin: 0px 0px 15px 0px; width: 100%; float: left; } .aftr-sub-registration .aftr-sub-status li { width: 100%; float: left; margin-bottom: 10px; } .aftr-sub-registration .aftr-sub-status .label { color: rgb(33,33,33); width: 20%; float: left; } .aftr-sub-registration .aftr-sub-status .value { width: 80%; float: left; } .aftr-sub-registration .aftr-sub-status .status { color: rgb(209,8,22); } .aftr-sub-registration .aftr-accept-status { margin: 0px 0px 15px 0px; width: 100%; float: left; } .aftr-sub-registration .aftr-accept-status li { width: 50%; float: left; margin-bottom: 10px; } .aftr-sub-registration .aftr-accept-status .label { color: rgb(33,33,33); width: 36%; float: left; } .aftr-sub-registration .aftr-accept-status .value { width: 54%; float: left; } .aftr-sub-registration .aftr-accept-status .status { color: rgb(209,8,22); } .aftr-sub-registration .aftr-sub-buttons { float: left; } .display-registration .left-head { color: rgb(33,33,33); } .display-registration .middle-top { color: rgb(33,33,33); } .display-registration .middle-bottom { color: rgb(117,117,117); } .steps-wrapper { clear: both; margin: 30px 0px; } .steps-wrapper .steps { width: 100%; float: left; margin-bottom: 10px; } .steps-wrapper .status { padding-left: 25px; overflow: hidden; } .steps-wrapper .status .label { min-width: 170px; display: inline-block; padding: 4px 0px; } .steps-wrapper .status .value { font-weight: bold; } .steps-wrapper .status .status-value { color: rgb(76,175,80); } .steps-wrapper .box-status { padding: 10px 25px 10px 15px; border: 1px solid rgb(189,189,189); float: left; position: relative; margin: 18px 0; } .steps-wrapper .box-status:after, .steps-wrapper .box-status:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .steps-wrapper .box-status:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; left: 8%; margin-left: -17px; } .steps-wrapper .box-status:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: rgb(189,189,189); border-width: 9px; left: 8%; margin-left: -19px; } .steps-wrapper .box-status_done { padding: 10px 110px 10px 15px; border: 1px solid rgb(189,189,189); float: left; position: relative; margin: 18px 0; } .steps-wrapper .box-status_done:after, .steps-wrapper .box-status_done:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .steps-wrapper .box-status_done:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; right: 8%; margin-left: -17px; } .steps-wrapper .box-status_done:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: rgb(189,189,189); border-width: 9px; right: 8%; margin-right: -2px; } .steps-b2b li { float: left; text-align: center; } .steps-b2b li span { display: block; } .steps-b2b li span.text { margin-top: 20px; } .steps-b2b li .active { color: rgb(76,175,80); } .steps-b2b li.sep { color: gray; padding: 0px 10px; position: relative; top: -5px; } .steps-b2b li.sep.active { color: rgb(76,175,80); } .customeractivation-index-accountedit .registration-wrapper { padding: 0px; } .customeractivation-index-accountedit .password-change { float: left; } .customeractivation-index-accountedit .main { margin-bottom: 0px; } @media only screen and (max-width: 979px) { .customeractivation-index-index .registration-wrapper .form-list .input-row, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row { float: left; width: 100%; } .customeractivation-index-index .registration-wrapper .form-list .input-row li, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row li, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row li { float: left; padding-top: 10px; width: 50%; } } @media only screen and (max-width: 770px) { .customeractivation-index-index .registration-wrapper .registration-width, .customeractivation-index-accountedit .registration-wrapper .registration-width, .customeractivation-index-accountedit .registration-wrapper .registration-width { width: 100%; } .customeractivation-index-index .registration-wrapper .form-list .input-row, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row { float: left; width: 95%; } .customeractivation-index-index .registration-wrapper .form-list .input-row li, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row li, .customeractivation-index-accountedit .registration-wrapper .form-list .input-row li { float: left; padding-top: 10px; width: 100%; } } .subscribe .subscribe-title { color: #212121; } .subscribe .form-list { border-collapse: collapse; padding: 15px; margin: 40px 0 30px 0; } .subscribe .form-list .mdl-checkbox__box-outline { border: 2px solid #BDBDBD; } .subscribe .form-list td { border: 1px solid rgba(0, 0, 0, 0.12); border-collapse: collapse; padding: 15px 20px; color: #757575; font-weight: 400; } .subscribe .form-list .mdl-checkbox.is-upgraded { padding-left: 18px; } .subscribe .form-list .subscription-header td { color: #212121; font-weight: 500; } .subscribe #unsubscribe { padding: 1px 15px 3px 15px; } #empty-submit .mdl-popup__msg { margin: 0 0 15px 0; color: #757575; font-weight: 500; } #submit-confirm .mdl-popup__content { padding: 45px 40px 45px 40px; text-align: center; } #submit-confirm .mdl-popup__content #alert-msg-title { font-size: 20px; font-weight: 500; } #submit-confirm .mdl-popup__content #alert-msg { color: #757575; font-weight: 500; } #submit-confirm .mdl-popup__content #webpower-unsubscribe .mdl-spinner { left: 31%; } #submit-confirm .mdl-popup__actions { text-align: center; float: none; margin: 0; padding: 0; } .no-subscription-module { width: 50%; margin: 0 auto; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70%; height: 18%; margin: auto; } .no-subscription-module .no-subscription-logo { margin-bottom: 10px; } .no-subscription-module .no-sub-text { color: rgba(0, 0, 0, 0.8); font-weight: 500; } @media screen and (max-width: 766px) { .form-list td:nth-child(2) { min-width: 100%; } } @media screen and (min-width: 767px) { .form-list td:nth-child(2) { min-width: 350px; } } .review-main-container { padding: 0px 20px 15px 20px; margin: 0px auto 70px auto; } .catalog-product-view .messages { padding: 0; } .icon-honor2-check-with-circle::before { margin: 0px 2px 0 2px; } .rating-review .rate-product-first { min-height: 780px; padding-top: 330px; text-align: center; } .rating-review .rate-product-first .subheading-txt { color: rgb(33,33,33); margin-bottom: 10px; font-weight: 400; } .rating-review .rate-product-first .subheading-exptxt { margin-top: 10px; } .rating-review .rate-product-first .subheading-exptxt a { text-decoration: none; color: #0DB5D7; } .rating-review .rate-product-first .rating-window { width: 162px; } .rating-review .droupdown-box-border { margin: 0 0 0 0; } .rating-review .droupdown-box-border .select-wrapper { float: right; width: 165px; position: relative; } .rating-review .droupdown-box-border .select-wrapper .mdi-navigation-arrow-drop-down { top: 35%; } #review-form .mdl-popup__content { padding: 20px 30px 0 30px; } #review-form .mdl-popup__content .subheading-txt { margin: 18px 0 10px 0; } #review-form .mdl-popup__content #text-count { color: #CCCCCC; margin: -20px 0 0 0; } #review-form .mdl-popup__content .review-popup-txtarea { margin-top: -15px; } #review-form .mdl-popup__content .mdl-popup__msg { margin: 15px 0 0 0; } #review-form .mdl-popup__content .mdl-popup__title { text-align: left; } #review-form .mdl-popup__content #submit-rating { background-color: #0DB5D7; width: 98px; } #review-form .mdl-popup__content #submit-rating .review-submit-btn { color: #FFFFFF; } #review-form .mdl-popup__content .mdl-spinner { left: 38%; } #review-form .mdl-popup__content .review-cancel-btn { background-color: #F6F6F6; width: 98px; } .writing-review .review-popup-label { color: rgb(117,117,117); } .writing-review .review-popup-txtarea { width: 627px; } .writing-review .review-popup-txtarea #image-upload-error { position: relative; } .writing-review .review-popup-input { border-bottom: 1px solid #BDBDBD; } .writing-review .star-error-msg span { position: relative; padding: 0 8px; } .writing-review .mdl-grid { padding: 8px 0; } .ratingstar-rating-code { padding: 3px 0 10px 0; } .ratingstar-rating-code .label { min-width: 58px; display: block; float: left; color: #757575; margin-top: 3px; } .ratingstar-rating-code .options li { display: block; float: left; margin-top: 2px; } .ratingstar-rating-code .options .option { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/review-icon-sprite.png"); display: block; background-position: 0px -254px; background-repeat: no-repeat; width: 37px; height: 30px; overflow: hidden; cursor: pointer; } .ratingstar-rating-code .label { min-width: 0; } .ratingstar-rating-code .options li .option.selected { background-position: 0px -213px; } .catalog-product-view #rating-window .mdl-popup__actions { text-align: right; margin-bottom: 28px; margin-right: 20px; } .catalog-product-view #rating-window .mdl-popup__actions .mdl-spinner { left: 30%; } .checkout-cart-index div#remove-from-cart-info { padding: 35px 100px 0px 100px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 600; color: #212121; font-size: 1.25rem; text-align: center; } .checkout-cart-index .delete-pop .mdl-popup__content { padding: 10px 60px 35px 60px; color: #757575; text-align: center; } .checkout-cart-index .delete-pop .mdl-popup__content div#removingProduct { float: none; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 1rem; text-align: center; display: inline; } .checkout-cart-index .delete-pop .mdl-popup__content .mdl-popup__msg { margin: -1px 0 35px 0px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 400; color: #757575; font-size: 1rem; text-align: center; display: inline; } .checkout-cart-index .mdl-popup .mdl-popup__actions { text-align: center; margin-top: 25px; } .mdl-popup .mdl-popup__content { padding: 45px 30px 0px 30px; } .mdl-popup .mdl-popup__actions { padding-right: 8px; padding-left: 16px; padding-top: 8px; min-height: 52px; } .mdl-popup__actions .review-submit-btn { color: #0DB5D7; } .mdl-popup__actions .review-cancel-btn { color: rgb(117,117,117); } .box-reviews .customer-review-blog { border: 1px solid #dfdfdf; padding: 30px; margin: 10px 0 10px 0; } .box-reviews .customer-review-blog:first-child { margin: 0px 0 10px 0; } .box-reviews .customer-review-blog .subheading-txt { margin-bottom: 10px; } .box-reviews .customer-review-blog .subheading-txt a { text-decoration: none; } .box-reviews .customer-review-blog .review-content { color: rgb(117,117,117); margin: 0 0 17px 0; word-wrap: break-word; } .box-reviews .customer-review-blog .review-content .md-collapsible .collapsible-footer, .box-reviews .customer-review-blog .review-content .md-collapsible .collapsible-header { color: rgb(117,117,117); } .box-reviews .customer-review-blog .review-content .md-collapsible .collapsible-footer span, .box-reviews .customer-review-blog .review-content .md-collapsible .collapsible-header span { color: #0DB5D7; cursor: pointer; } .box-reviews .customer-review-blog .review-content .md-collapsible #read-more { margin-top: 5px; } .box-reviews .customer-review-blog .review-content .md-collapsible #read-more a { text-decoration: none; } .box-reviews .customer-review-blog .rating-by, .box-reviews .customer-review-blog .rate-date { display: inline-block; } .box-reviews .customer-review-blog .admin-comment-heading { margin-top: 30px; } .box-reviews .customer-review-blog .admin-comment { color: rgb(117,117,117); } .box-reviews .customer-review-blog p { margin-bottom: 0px; } .box-reviews .customer-review-blog .admin-comment-block .icon-honor2-comment:before { margin-right: 8px; } .box-reviews .customer-review-blog #review-images { margin: 0px 0px 30px 0; } .box-reviews .customer-review-blog #review-images img { border: 1px solid #e0e0e0; padding: 7px 7px 7px 7px; display: inline-block; margin-right: 10px; width: 76px; height: 76px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ cursor: pointer; } #preview-images-container { display: inline-block; margin: 0 0 20px 0; } #preview-images-container.preview-images-container-newmargin { margin: 0 0 20px -26px; } #preview-images-container img { border: 1px solid #e0e0e0; padding: 7px 7px 7px 7px; display: inline-block; margin-right: 2px; width: 76px; height: 76px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } #preview-images-container .icon-honor2-close-with-circle { position: relative; left: 90px; top: -31px; color: #A9A9A9; background: #FFFFFF; cursor: pointer; } #add-review-image { display: inline-block; margin-right: 2px; border: 1px solid #dfdfdf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 76px; height: 76px; vertical-align: top; margin-bottom: 20px; cursor: pointer; } #add-review-image i { color: #A9A9A9; padding: 26px; top: 26px; position: relative; } .average-rating { margin: 70px 0 0 0; border-bottom: 1px solid #dfdfdf; padding-bottom: 20px; } .rating-review .total-count { padding: 30px 0 30px 0; } .rating-review .total-count .total-review { float: left; width: 16%; display: inline-block; vertical-align: top; line-height: 30px; } .rating-review .total-count .total-review .review-txt { margin: 6px 0 0 0; } .rating-review .total-count .total-review .review-txt .subheading-txt { padding: 0 0 0 5px; color: #212121; font-size: 16px; } .rating-review .avg-rating { width: 25%; display: inline-block; vertical-align: top; line-height: 30px; } .rating-review .mdl-button--primary { padding: 7px 18px 1px 18px; line-height: 36px; height: 46px; } .rating-review .rate-product { text-align: center; display: inline-block; padding: 5px 0px 0px 0px; } .rating-review .review-no { font-size: 2.571rem; line-height: 28px; margin-bottom: 15px; } .rating-review .review-txt { color: rgb(117,117,117); margin-top: 8px; } /*********bottom*****************/ .ratings .rating-box, .rating-box .rating { background-image: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/review-icon-sprite.png"); } .ratings { margin: 0 0 0 0; color: rgb(33,33,33); } .ratings .rating-box { width: 100px; height: 15px; background-repeat: repeat-x; background-position: 0px -623px; overflow: hidden; } .ratings .rating-box .rating { height: 20px; background-repeat: repeat-x; background-position: 0px -601px; } .customer-review-blog .ratings .rating-box { margin: 0 0 16px 0; } /*************top*************/ .rating-review .ratings { margin: 0; color: rgb(117,117,117); } .rating-review .ratings .rating-box { width: 195px; height: 29px; background-repeat: repeat-x; background-position: 0px -254px; overflow: hidden; } .rating-review .ratings .rating-box .rating { height: 29px; background-repeat: repeat-x; background-position: 0px -213px; } .rating-review .average-rate { float: left; width: 66px; height: 66px; background: rgb(117,117,117); -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 46px; text-align: center; line-height: 66px; color: rgb(255,255,255); } .rating-review .ratings { float: left; margin-left: 14px; } .rating-review .ratings .rating-links { margin-top: 10px; text-align: left; } .rating-review .review-belogin { color: rgb(117,117,117); margin-top: 10px; } .rating-review .review-belogin a { color: #0DB5D7; text-decoration: none; } .rating-review .ratings .rating-box, .ratings .rating-links { margin: 5px 0 5px 0; } .icon-honor2-message_icn::before { margin-right: 5px; } .box-reviews .pagination { text-align: center; margin: 30px 0 30px 0px; font-weight: 400; line-height: 20px; letter-spacing: 0; } .box-reviews .pagination li { display: inline-block; margin: 0 5px; height: 30px; width: 30px; line-height: 30px; } .box-reviews .pages li.disabled .i-next, .box-reviews .toolbar .pages li.disabled .i-previous { color: rgb(189,189,189); cursor: default; } .box-reviews .pages li.current { border: 0; background-color: #0DB5D7; border-radius: 2px; color: rgb(255,255,255) !important; } .box-reviews .pages li a { display: inline-block; border: 0; vertical-align: middle; color: #08a; text-decoration: none; min-width: 30px; height: 30px; line-height: 30px; } .box-reviews .pages li.disabled .i-next, .box-reviews .pages li.disabled .i-previous { color: rgb(189,189,189); cursor: default; } .box-reviews .pages li .i-next, .box-reviews .pages li .i-previous { color: rgb(33,33,33); } .box-reviews .active { color: rgb(255,255,255); } /****************************Notify-me-START****************************/ .notifyme-popup { width: 700px; } .notifyme-popup.mdl-popup .mdl-popup__content { padding: 45px 30px; } .notifyme-popup.mdl-popup .mdl-popup__actions { float: left; width: 29%; } .notifyme-popup.mdl-popup .mdl-popup__actions .mdl-button[disabled][disabled], .notifyme-popup.mdl-popup .mdl-popup__actions .mdl-button.mdl-button--disabled.mdl-button--disabled { background: #D1D3D4; color: #212121; } .notifyme-popup .notifyme-sub-head { text-align: center; } .notifyme-popup .notify-email { width: 100%; padding: 10px; border: 1px solid #dfdfdf; } .notifyme-popup .notify-box { width: 100%; padding: 0 58px; margin-top: 25px; } .notifyme-popup .notify-box .notify-email-head { float: left; width: 70%; } .notifyme-popup .notify-box .btn-notify { width: 125px; margin-top: 12px; padding: 21px 0; } .notifyme-popup .notify-box .validation-advice { top: 70px; text-align: left; } .notifyme-popup .icon-honor2-close { float: right; padding: 20px; display: inline-block; cursor: pointer; } .catalog-product-view #rating-window .mdl-popup__content .mdl-popup__actions { margin-right: 0; } .catalog-product-view .mdl-popup .notify-box .mdl-popup__actions .mdl-button { line-height: 2px; color: rgb(255,255,255); padding: 21px 0; margin: 11px 0 0 0; } .notifyme-success-msg .notifyme-succ-head { text-align: center; } .notifyme-success-msg .notifyme-success-msg-box { padding: 70px 30px; } /****************************Notify-me-end****************************/ .honor-view-popup .clear { clear: both; } .honor-view-popup .honor_promote_right { float: right; } .honor-view-popup h4 { text-align: center; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 600; color: #212121; font-size: 1.2rem; margin-bottom: 25px; } .honor-view-popup .honor-promotion { width: 50%; float: left; margin-bottom: 20px; } .honor-view-popup .honor-promotion.border-right { border-right: 1px solid #CCCCCC; } .honor-view-popup .honor-promotion ul li { margin-bottom: 20px; } .honor-view-popup .honor-promotion ul li i { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 600; color: #757575; font-size: 1.25rem; } .honor-view-popup .honor-promotion ul li i + span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: 600; color: #000000; font-size: 0.875rem; margin: 0 5px 0 5px; vertical-align: text-bottom; display: inline-block; } .honor-view-popup .honor-promotion ul li i + span + span { vertical-align: text-bottom; } .honor-view-popup .honor-agree { margin: 0px auto; text-align: center; } .honor-view-popup .honor-agree button { margin-top: 20px; min-width: 150px; } .honor-view-popup .honor-agree a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: normal; font-weight: normal; color: #0DB5D7; font-size: 0.875rem; text-decoration: none; } /* Scss file for product details page (Shivanshu Vishwa) first UI */ .overview-wrapper .sections { box-sizing: border-box; } .overview-wrapper .sections .clear { clear: both; } .overview-wrapper .sections .block50-50 .content-section { width: 50%; } .overview-wrapper .sections .block50-50 .content-section p { margin: 0px 0px 0px 0px; } .overview-wrapper .sections .block50-50 .content-section h1 { margin: 0px 0px 0px 0px; } .overview-wrapper .sections .block50-50 .content-section .first-part h1 { font-size: 50px; font-weight: 300; color: #212121; } .overview-wrapper .sections .block50-50 .content-section .first-part .innerHeading { font-size: 24px; font-weight: 300; color: #757575; margin: 0 0 2% 0; } .overview-wrapper .sections .block50-50 .content-section .first-part .innerPara { font-size: 20px; font-weight: 300; color: #757575; } .overview-wrapper .sections .block50-50 .content-section .second-part p { padding: 0px 0px 0px 0px; } .overview-wrapper .sections .block50-50 .content-section .second-part p .oldPrice { text-decoration: line-through; font-size: 30px; font-weight: 300; color: #757575; padding: 0px 35px 0px 0px; } .overview-wrapper .sections .block50-50 .content-section .second-part p .newPrice { font-size: 40px; font-weight: 300; color: #212121; } .overview-wrapper .sections .block50-50 .content-section .second-part a { font-size: 24px; font-weight: 300; color: #01b5e1; text-decoration: none; cursor: pointer; display: inline-block; margin: 0px 0px 0px 0px; } .overview-wrapper .sections .block50-50 .image-section { width: 50%; } .overview-wrapper .sections .block50-50 .image-section img { display: block; margin: 0 auto; max-width: 100%; } .overview-wrapper .sections .content-right { padding: 10% 0px 0px 0px; } .overview-wrapper .sections .content-right .content-section { float: right; } .overview-wrapper .sections .content-left { padding: 10% 0px 0px 0px; } .overview-wrapper .sections .content-left .content-section { float: left; vertical-align: top; } .overview-wrapper .sections .content-left .image-section { float: left; vertical-align: top; text-align: center; } .overview-wrapper .sections.section-new-right .content-right .content-section .first-part { padding: 8% 20% 7% 0; } .overview-wrapper .sections.section-new-right .content-right .content-section .first-part.newanimtrans { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.2s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper .sections.section-new-right .content-right .content-section .second-part { padding: 0px 20% 0px 0; } .overview-wrapper .sections.section-new-right .content-right .content-section .second-part.newanimtrans { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-right .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.4s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper .sections.section-new-right .content-right .image-section .newanimtransimage { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-right .content-right .image-section .newanimtransimage.do-newanim-translate-image { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.2s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper .sections.section-new-left .content-left .content-section .first-part { padding: 5% 0 7% 25%; } .overview-wrapper .sections.section-new-left .content-left .content-section .first-part.newanimtrans { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-left .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.2s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper .sections.section-new-left .content-left .content-section .second-part { padding: 0px 0px 0px 25%; } .overview-wrapper .sections.section-new-left .content-left .content-section .second-part.newanimtrans { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-left .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.4s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper .sections.section-new-left .content-left .image-section .newanimtransimage { opacity: 0; background: none; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper .sections.section-new-left .content-left .image-section .newanimtransimage.do-newanim-translate-image { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.2s; transition-duration: 0.7s; transition-timing-function: ease-in-out; transition-property: opacity, transform, -webkit-transform; } @media only screen and (min-width: 960px) and (max-width: 1060px) { .overview-wrapper .sections .block50-50 .content-section .first-part h1 { font-size: 30px; } .overview-wrapper .sections .block50-50 .content-section .first-part .innerHeading { font-size: 20px; } .overview-wrapper .sections .block50-50 .content-section .first-part .innerPara { font-size: 16px; } .overview-wrapper .sections .block50-50 .content-section .second-part p .oldPrice { font-size: 24px; } .overview-wrapper .sections .block50-50 .content-section .second-part p .newPrice { font-size: 34px; } .overview-wrapper .sections .block50-50 .content-section .second-part a { font-size: 20px; } .overview-wrapper .sections.section-new-right .content-right .content-section .first-part { padding: 15% 20% 7% 0; } .overview-wrapper .sections.section-new-right .content-right .content-section .second-part { padding: 0px 20% 0px 0; } .overview-wrapper .sections.section-new-left .content-left .content-section .first-part { padding: 12% 0 7% 25%; } .overview-wrapper .sections.section-new-left .content-left .content-section .second-part { padding: 0 0 0 25%; } } @font-face { font-family: 'gess-light-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.svg#gess-light") format("svg"); font-display: fallback; } @font-face { font-family: 'gess-bold-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.svg#gess-bold") format("svg"); font-display: fallback; } .font-gess-light { font-family: "gess-light-font" !important; } .font-gess-bold { font-family: "gess-bold-font" !important; } /* Scss file for product details page (Shivanshu Vishwa) second UI */ .animWrapper { background-color: #f5f5f5; } .animContainer { padding: 0px 0px 0px 0px; max-width: 1920px; } .animPaddingContainer { padding: 0px 0px 0px 0px; max-width: 1920px; } /* Background color classes */ .Honor-5X-Flipcover { background-color: #fcf8ed !important; } .Honor-5x-protective-case { background-color: #f8f7f4 !important; } .Nexus-6P-protective-cover { background-color: #fafafa !important; } .Honor-5x-protective-film1 { background-color: #fafafa !important; } .Honor-5x-protective-film2 { background-color: #e5e5e5 !important; } .Mate8-protective-film { background-color: #eeeeee !important; } .Honor7-Protective-Cover { background-color: #e5e5e5 !important; } .Honor6-plus-protective-cover { background-color: #f0f0f0 !important; } .Honor6-protective-screen-clear1 { background-color: #121011 !important; } .Honor6-protective-screen-clear2 { background-color: #000000 !important; } .Honor6-protective-screen-clear3 { background-color: #0c0c0c !important; } .Honor6-protective-screen-clear4 { background-color: #0f0f0f !important; } .Honor7-Smart-Lattice-Flip-Case { background-color: #f5f5f5 !important; } .Mate8-flipcover1 { background-color: #eeeef1 !important; } .Mate8-flipcover2 { background-color: #e6e6e6 !important; } .honor-band-ss1 { background-color: #f2f2f2 !important; } .honor-band-ss2 { background-color: #e6e6e6 !important; } .honor-band-ss3 { background-color: #d9bda8 !important; } .Huawei-Y336 { background-color: #f0fff8 !important; } .Hw-lady-watch { background-color: #fec1ae !important; } .M2-Flipcover { background-color: #f6f6f6 !important; } .M2-pen { background-color: #f6f6f6 !important; } .Honor-Band-Z11 { background-color: #eaeaea !important; } .Honor-Band-Z12 { background-color: #e9e3de !important; } .Honor-Band-Z13 { background-color: #f4f4f4 !important; } .Honor-Band-Z14 { background-color: #f4f3f1 !important; } .Honor-tablet { background-color: #efefef !important; } .Honor7-screen-protective-film-glass-tempered { background-color: #e5e5e5 !important; } .Honor7-screen-protective-film-clear { background-color: #f5f5f5 !important; } .Honor3c-lite-protective-cover { background-color: #eaf9ff !important; } .Honor3c-protective-film-clear1 { background-color: #222222 !important; } .Honor3c-protective-film-clear2 { background-color: #191919 !important; } .P8-lite-flipcover { background-color: #eaf9ff !important; } .Honor-tablet-flipcover { background-color: #f0f3fa !important; } .honor-tablet-screen-protective-film-clear { background-color: #262626 !important; } .powerbank-13000-mah { background-color: #f0f0f0 !important; } .Honor4x { background-color: #f0f3fa !important; } .Honor-5C1 { background-color: #f7f7f7 !important; } .Honor-5C2 { background-color: #fafafa !important; } .Honor-5C3 { background-color: #020202 !important; } .Honor5X1 { background-color: #f8f8f9 !important; } .Honor5X2 { background-color: #f9f9f9 !important; } .Honor5X3 { background-color: #e0e0e0 !important; } .Honor5X4 { background-color: #f2f2f2 !important; } .Honor5X5 { background-color: #e9ebef !important; } .Honor5X6 { background-color: #f4f4f4 !important; } .Honor5X7 { background-color: #e6e6e6 !important; } .Honor71 { background-color: #1fbef6 !important; } .Honor72 { background-color: #24cdfe !important; } .Nexus-6p1 { background-color: #f7f7f7 !important; } .Nexus-6p2 { background-color: #eee5dc !important; } .Nexus-6p3 { background-color: #eee5dc !important; } .Honor-holly2-plus { background-color: #01a8fc !important; } .Honor-holly2-plus1 { background-color: #60bffb !important; } .Honor-holly2-plus2 { background-color: #45fab4 !important; } .Honor-holly2-plus3 { background-color: #ffeae4 !important; } .Honor-holly2-plus4 { background-color: #ededed !important; } .template-3-ul-honor7 { padding: 0 21% 30px 21% !important; } .template-3-ul-honor7-bottom { padding: 0 2% 30px 2% !important; } .template-12-honor7 { width: 65% !important; } .template-12-honor7 > .first-part { padding: 0% 0% 0% 30% !important; } .template-12-honor7 > .second-part { padding: 0% 0% 0% 30% !important; } .template-10-honor7-float { float: right !important; } .template-3-icons-honor7 { width: 70% !important; margin: 0 !important; } /** Text Align Start */ .text-align-right { text-align: right !important; } .text-align-center { text-align: center !important; } .text-align-left { text-align: left !important; } /** Text Align End */ /** Opacity 0 - 1 Start */ .opacity-0 { opacity: 0 !important; } .opacity-pt1 { opacity: 0.1 !important; } .opacity-pt2 { opacity: 0.2 !important; } .opacity-pt3 { opacity: 0.3 !important; } .opacity-pt4 { opacity: 0.4 !important; } .opacity-pt5 { opacity: 0.5 !important; } .opacity-pt6 { opacity: 0.6 !important; } .opacity-pt7 { opacity: 0.7 !important; } .opacity-pt8 { opacity: 0.8 !important; } .opacity-pt9 { opacity: 0.9 !important; } .opacity-1 { opacity: 1 !important; } /** Opacity 0 - 1 End */ /**Image float Start*/ .image-left { float: left !important; } .image-right { float: right !important; } /**Image float End*/ .overview-wrapper-second:first-child { padding: 0px 0 0 0; } .overview-wrapper-second .parent-center { display: table; width: 100%; } .overview-wrapper-second ul li { font-weight: 300 !important; } .overview-wrapper-second .smallPara { font-weight: 300 !important; } .overview-wrapper-second .child-center { display: table-cell; vertical-align: middle; width: 55%; } .overview-wrapper-second .image-container { float: left; } .overview-wrapper-second .image-container-right { float: right; } .overview-wrapper-second .sections { /**Left*/ /** End*/ } .overview-wrapper-second .sections .clear { clear: both; } .overview-wrapper-second .sections .block50-50 .content-section { width: 50%; } .overview-wrapper-second .sections .block50-50 .content-section p { margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part { padding: 25% 0px 7% 35%; } .overview-wrapper-second .sections .block50-50 .content-section .first-part h1 { font-size: 40px; font-weight: 300; color: #444444; margin: 0px 0px 3% 0px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainPara { color: #e42635; font-size: 20px; font-weight: 300; padding: 0px 0px 3% 0px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainPara-blue { color: #0DB5D7; font-size: 20px; font-weight: 300; padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainheading { font-size: 40px; font-weight: 300; color: #444444; margin: 0px 0px 0px 0px; line-height: 100%; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .smallheading { font-size: 20px; font-weight: 300; color: #444444; /*@include margin(0px, 0px, 4% , 0px); */ } .overview-wrapper-second .sections .block50-50 .content-section .first-part .smallPara { font-size: 16px; font-weight: 300; color: #757575; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p { overflow: hidden; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .price { font-size: 34px; font-weight: 300; color: #212121; padding: 0px 35px 0px 0px; float: left; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .oldPrice { text-decoration: line-through; font-size: 26px; font-weight: 300; color: #757575; padding: 8px 20px 0 0; display: inline-block; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .featuredVideo { display: inline-block; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .videoLink { font-size: 21px; font-weight: 300; color: #212121; text-decoration: none; cursor: pointer; display: inline-block; overflow: hidden; padding: 10px 0px 10px 0px; vertical-align: bottom; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .videoLink .playIcon { display: inline-block; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p .videoLink span { vertical-align: bottom; padding: 0px 0px 0px 0px; font-size: 14px; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p.smallPara { font-size: 16px; font-weight: 300; color: #757575; } .overview-wrapper-second .sections .block50-50 .content-section .second-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections .block50-50 .content-section .second-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections .block50-50 .content-section .second-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections .block50-50 .image-section { width: 50%; } .overview-wrapper-second .sections .block50-50 .image-section img { display: block; margin: 0px auto 0px auto; } .overview-wrapper-second .sections .content-right { padding: 115px 0px 0px 0px; } .overview-wrapper-second .sections .content-right .content-section { float: right; } .overview-wrapper-second .sections .content-left { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections .content-left .content-section { float: left; vertical-align: top; } .overview-wrapper-second .sections .content-left .image-section { float: left; vertical-align: top; text-align: center; } .overview-wrapper-second .sections .content-top { padding: 115px 0px 0px 0px; } .overview-wrapper-second .sections .content-top .content-section { width: 100%; text-align: center; } .overview-wrapper-second .sections .content-top .image-section { width: 100%; } .overview-wrapper-second .sections .content-bottom { padding: 115px 0px 0px 0px; } .overview-wrapper-second .sections .content-bottom .content-section { width: 100%; text-align: center; } .overview-wrapper-second .sections .content-bottom .image-section { width: 100%; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part { padding: 25% 0px 6% 29%; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part .mainPara { padding: 0px 0px 1% 0; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .second-part { padding: 0px 0px 0px 29%; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 20px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 20px, 0px); /* Safari */ -moz-transform: translate3d(0px, 20px, 0px); /* Mozilla */ transform: translate3d(0px, 20px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-right .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.6s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-right .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-right .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .newanimtransimage-top-left { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-right .content-right .image-section .newanimtransimage-top-left.do-newanim-translate-image1 { -ms-transform: translate3d(20px, 50px, 0px); /* IE 9 */ -webkit-transform: translate3d(20px, 50px, 0px); /* Safari */ -moz-transform: translate3d(20px, 50px, 0px); /* Mozilla */ transform: translate3d(20px, 50px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 4s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .newanimtransimage-bottom { -ms-transform: translate3d(0px, 50px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 50px, 0px); /* Safari */ -moz-transform: translate3d(0px, 50px, 0px); /* Mozilla */ transform: translate3d(0px, 50px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-right .content-right .image-section .newanimtransimage-bottom.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 4.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .Honor-5x-first-container { width: 100%; display: inline-block; position: absolute; top: -23%; left: 0%; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .Honor-5x-second-container { width: 50%; display: inline-block; position: relative; top: -60px; left: 68%; } .overview-wrapper-second .sections.section-new-right .content-right .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part { padding: 27% 0px 45px 30%; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part { padding: 0px 0px 0px 30%; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 30px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 30px, 0px); /* Safari */ -moz-transform: translate3d(0px, 30px, 0px); /* Mozilla */ transform: translate3d(0px, 30px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.5s; transition-duration: 1.7s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part .iconsHolder .classholder_inner { vertical-align: top; } .overview-wrapper-second .sections.section-new-left .content-left .content-section .second-part .iconsHolder .classholder_inner img { height: 66px; } .overview-wrapper-second .sections.section-new-left .content-left .image-section { margin: 0 0 0 -8%; position: relative; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-first-container { width: 48%; display: inline-block; position: relative; left: 0%; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-first-container .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-first-container .newanimtransimage-bottom-top.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 4.5s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-second-container { width: 50%; display: inline-block; position: absolute; top: -13%; left: 50%; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-second-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-second-container .newanimtransimage-top-bottom.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 55px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 55px, 0px); /* Safari */ -moz-transform: translate3d(0px, 55px, 0px); /* Mozilla */ transform: translate3d(0px, 55px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left .content-left .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part { padding: 27% 15% 45px 0px; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .second-part { padding: 0px 15% 0px 0px; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 20px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 20px, 0px); /* Safari */ -moz-transform: translate3d(0px, 20px, 0px); /* Mozilla */ transform: translate3d(0px, 20px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .image-section .Honor-5x-only-container { width: 50%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .image-section .Honor-5x-only-container .newanimtransimage-top-left { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .image-section .Honor-5x-only-container .newanimtransimage-top-left.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-right .content-right .image-section .Honor-5x-only-container img { max-width: 100%; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part { padding: 0px 0px 45px 0px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part .smallheading { margin: 0px 0px 1% 0px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.5s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part .iconsHolder { width: 60%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section { position: relative; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-first-container { width: 49%; display: inline-block; position: absolute; top: 52%; left: 24%; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 30px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 30px, 0px); /* Safari */ -moz-transform: translate3d(0px, 30px, 0px); /* Mozilla */ transform: translate3d(0px, 30px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 3.6s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-second-container { width: 50%; display: inline-block; position: relative; left: 25%; top: 65px; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 50px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 50px, 0px); /* Safari */ -moz-transform: translate3d(0px, 50px, 0px); /* Mozilla */ transform: translate3d(0px, 50px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 3.2s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-firsttemplate-top .content-top .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-newanimation { padding: 20% 0px 0px 0px; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part { padding: 130px 0px 45px 30%; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 30px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 30px, 0px); /* Safari */ -moz-transform: translate3d(0px, 30px, 0px); /* Mozilla */ transform: translate3d(0px, 30px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part { padding: 0px 0px 0px 30%; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 30px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 30px, 0px); /* Safari */ -moz-transform: translate3d(0px, 30px, 0px); /* Mozilla */ transform: translate3d(0px, 30px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .content-section .second-part .iconsHolder .classholder_inner { vertical-align: top; margin: 3% 20px 0 0; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section { margin: 0 0 0 -8%; position: relative; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-first-container { width: 60%; display: inline-block; position: relative; left: 20%; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-second-container { width: 34%; display: inline-block; position: absolute; left: 32%; top: 14%; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 55px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 55px, 0px); /* Safari */ -moz-transform: translate3d(0px, 55px, 0px); /* Mozilla */ transform: translate3d(0px, 55px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-newanimation .content-left .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part { padding: 0px 0px 45px 0px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part .smallheading { margin: 0 0 1% 0; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part .iconsHolder { width: 50%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part .iconsHolder .classholder_inner { vertical-align: bottom; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section { position: relative; padding: 5% 0px 0px 0px; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-first-container { width: 50%; display: inline-block; position: relative; left: 25%; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(40px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(40px, 0px, 0px); /* Safari */ -moz-transform: translate3d(40px, 0px, 0px); /* Mozilla */ transform: translate3d(40px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-second-container { width: 49%; display: inline-block; position: relative; right: 35%; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { -ms-transform: translate3d(55px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(55px, 0px, 0px); /* Safari */ -moz-transform: translate3d(55px, 0px, 0px); /* Mozilla */ transform: translate3d(55px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-secondtemplate-top .content-top .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left { padding: 15% 30px 0 30px; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part { padding: 130px 0px 45px 30%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part .smallheading { margin: 0 0 2% 0; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part { padding: 0px 0px 0px 30%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .content-section .second-part .iconsHolder .classholder_inner { vertical-align: top; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section { margin: 0 0 0 -8%; position: relative; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-first-container { width: 50%; display: inline-block; position: relative; left: -10%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container { width: 49%; display: inline-block; position: absolute; top: -14%; left: 36%; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 55px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 55px, 0px); /* Safari */ -moz-transform: translate3d(0px, 55px, 0px); /* Mozilla */ transform: translate3d(0px, 55px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-anim-scale { -ms-transform: scale3d(1, 1, 1); /* IE 9 */ -webkit-transform: scale3d(1, 1, 1); /* Safari */ -moz-transform: scale3d(1, 1, 1); /* Mozilla */ transform: scale3d(1, 1, 1); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-thirdtemplate-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part { padding: 0px 0px 45px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part .smallheading { margin: 0 0 1% 0; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part .iconsHolder { width: 70%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .image-section { position: relative; padding: 5% 0px 0px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 30px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 30px, 0px); /* Safari */ -moz-transform: translate3d(0px, 30px, 0px); /* Mozilla */ transform: translate3d(0px, 30px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-top .content-top .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right { padding: 15% 30px 0 30px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part { padding: 27% 15% 45px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part .smallheading { margin: 0 0 2% 0; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part { padding: 0px 15% 0px 0px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part .iconsHolder .classholder_inner { vertical-align: top; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-first-container { width: 60%; display: inline-block; position: relative; top: 33%; left: 15%; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container { width: 60%; display: inline-block; position: absolute; top: -15%; left: 34%; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(0px, 55px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 55px, 0px); /* Safari */ -moz-transform: translate3d(0px, 55px, 0px); /* Mozilla */ transform: translate3d(0px, 55px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-anim-scale { -ms-transform: scale3d(1, 1, 1); /* IE 9 */ -webkit-transform: scale3d(1, 1, 1); /* Safari */ -moz-transform: scale3d(1, 1, 1); /* Mozilla */ transform: scale3d(1, 1, 1); /* Standard syntax */ transition-delay: 1s; transition-duration: 5s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-thirdtemplate { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part { padding: 130px 0px 45px 30%; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part .mainheading { padding: 0 0 3% 0; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part { padding: 0px 0px 0px 30%; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part .iconsHolder .classholder_inner { display: inline-block; padding: 0px 20px 20px 0px; vertical-align: top; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section { margin: 0 0 0 -5%; position: relative; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-first-container { width: 50%; display: inline-block; position: absolute; left: 5%; top: 0; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-second-container { width: 50%; display: inline-block; position: relative; left: -8%; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { opacity: 0; -ms-transform: translate3d(18%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(18%, 0px, 0px); /* Safari */ -moz-transform: translate3d(18%, 0px, 0px); /* Mozilla */ transform: translate3d(18%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate-image2 { -ms-transform: translate3d(30%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(30%, 0px, 0px); /* Safari */ -moz-transform: translate3d(30%, 0px, 0px); /* Mozilla */ transform: translate3d(30%, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-anim-scale { -ms-transform: scale3d(1, 1, 1); /* IE 9 */ -webkit-transform: scale3d(1, 1, 1); /* Safari */ -moz-transform: scale3d(1, 1, 1); /* Mozilla */ transform: scale3d(1, 1, 1); /* Standard syntax */ opacity: 1; transition-delay: 1s; transition-duration: 5s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-new-left-thirdtemplate .content-left .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fourthtemplate-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part { padding: 0px 0px 45px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part .smallheading { margin: 0 0 1% 0; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .content-section .second-part .iconsHolder { width: 50%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .image-section { position: relative; padding: 10% 0px 0px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { opacity: 0; -ms-transform: translate3d(0px, 60px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 60px, 0px); /* Safari */ -moz-transform: translate3d(0px, 60px, 0px); /* Mozilla */ transform: translate3d(0px, 60px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate-image1 { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-top .content-top .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part { padding: 27% 15% 45px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .content-section .first-part .smallheading { margin: 0 0 2% 0; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-first-container { width: 44%; display: inline-block; position: relative; left: 20%; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-first-container .newanimtransimage-top-bottom { opacity: 0; -ms-transform: translate3d(0px, 40px, 20px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 20px); /* Safari */ -moz-transform: translate3d(0px, 40px, 20px); /* Mozilla */ transform: translate3d(0px, 40px, 20px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-first-container .newanimtransimage-top-bottom.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-second-container { width: 55%; display: inline-block; position: relative; right: 8%; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-second-container .newanimtransimage-bottom-top { opacity: 0; -ms-transform: translate3d(-10px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-10px, 0px, 0px); /* Safari */ -moz-transform: translate3d(-10px, 0px, 0px); /* Mozilla */ transform: translate3d(-10px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-second-container .newanimtransimage-bottom-top.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 2s; transition-duration: 3s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-fourthtemplate-right .content-right .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fifthtemplate-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part { padding: 0px 0px 45px 0px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part .mainheading { margin: 0 0 1% 0; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part .iconsHolder { width: 50%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section { position: relative; text-align: center; margin: 0 0 30px 0; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container { width: 30%; display: inline-block; position: relative; left: 31%; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-left { -ms-transform: translate3d(-39%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-39%, 0px, 0px); /* Safari */ -moz-transform: translate3d(-39%, 0px, 0px); /* Mozilla */ transform: translate3d(-39%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container .newanimtransimage-left.do-newanim-translate { -ms-transform: translate3d(-78%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-78%, 0px, 0px); /* Safari */ -moz-transform: translate3d(-78%, 0px, 0px); /* Mozilla */ transform: translate3d(-78%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container { width: 30%; display: inline-block; position: relative; z-index: 1; top: 10px; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-middle { -ms-transform: rotate3d(1, -1, 1, 360deg); /* IE 9 */ -webkit-transform: rotate3d(1, -1, 1, 360deg); /* Safari */ -moz-transform: rotate3d(1, -1, 1, 360deg); /* Mozilla */ transform: rotate3d(1, -1, 1, 360deg); /* Standard syntax */ } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container .newanimtransimage-middle.do-anim-rotate { -ms-transform: rotate3d(1, -1, 1, 0deg); /* IE 9 */ -webkit-transform: rotate3d(1, -1, 1, 0deg); /* Safari */ -moz-transform: rotate3d(1, -1, 1, 0deg); /* Mozilla */ transform: rotate3d(1, -1, 1, 0deg); /* Standard syntax */ transition-delay: 1s; transition-duration: 5s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container { width: 30%; display: inline-block; position: relative; right: 29%; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container .newanimtransimage-right { -ms-transform: translate3d(39%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(39%, 0px, 0px); /* Safari */ -moz-transform: translate3d(39%, 0px, 0px); /* Mozilla */ transform: translate3d(39%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container .newanimtransimage-right.do-newanim-translate { -ms-transform: translate3d(78%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(78%, 0px, 0px); /* Safari */ -moz-transform: translate3d(78%, 0px, 0px); /* Mozilla */ transform: translate3d(78%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-second .sections.section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container img { max-width: 100%; } .overview-wrapper-second .sections.section-content-bottom { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part { padding: 5% 0px 45px 0px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part h1 { margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 2s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part p { overflow: hidden; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part p .price { float: none; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part p .videoLink { vertical-align: bottom; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part p .videoLink .playIcon { display: inline-block; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part p .videoLink span { vertical-align: text-top; padding: 0px 0px 0px 10px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .content-section .second-part .iconsHolder { width: 50%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .image-section { position: relative; text-align: center; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .image-section .Honor-5x-first-container { width: 50%; display: inline-block; position: relative; left: 0%; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .image-section .Honor-5x-first-container img { max-width: 100%; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .image-section .Honor-5x-second-container { width: 49%; display: inline-block; position: absolute; top: 50%; right: 13%; } .overview-wrapper-second .sections.section-content-bottom .content-bottom .image-section .Honor-5x-second-container img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-top { background: #ffffff; padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part { padding: 0 20% 2.5% 20%; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-top .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part { padding: 0% 20% 30px 20%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part { padding: 10px 20% 10px 20%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part .iconsHolder .classholder_inner { margin: 35px 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .image-section { position: relative; padding: 0 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-bottom { background: #f5f5f5; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part { padding: 3% 25% 30px 25%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part { padding: 0 25% 2.5% 25%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part .smallPara { padding: 0 0 2% 0; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .image-section { position: relative; padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .image-section img { max-width: 100%; } .overview-wrapper-second .sections.template-3 .block50-50 .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left { padding: 0px 0px 0px 0px; background: #f5f5f5; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part ul li { padding: 0 0 1% 0; list-style: disc; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part { padding: 0% 0px 3% 15%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part { padding: 0px 0px 0px 15%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part .smallPara { padding: 0 0 2% 0; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .image-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage { padding: 0px 0px 0px 0px; background: #ffffff; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part { padding: 0% 0px 3% 15%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part { padding: 0px 0px 0px 15%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part .smallPara { padding: 0 0 2% 0; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .image-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .image-section img { max-width: 100%; margin: 0 0 0 auto; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage { padding: 0px 0px 0px 0px; background: #ffffff; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right { padding: 0px 0px 30px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part { padding: 0% 15% 30px 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part { padding: 0px 15% 0px 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part .smallPara { padding: 0 0 2% 0; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .image-section img { max-width: 100%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage { padding: 0px 0px 0px 0px; background: #ffffff; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_blue { color: #01B4E1; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_green { color: #10B514; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_green.product_status { font-weight: normal; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_green.starSymbol { font-weight: normal; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_red { color: #E12848; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_red.product_status { font-weight: normal; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_red.starSymbol { font-weight: normal; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .status_color_black { color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .first-part .mainheading { color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .first-part .smallPara { color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .second-part .price { float: none; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .second-part .oldPrice { padding: 0px 20px 0 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .second-part .videoLink { padding: 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer { margin-bottom: 40px; padding: 0px 10% 0px 10%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p { color: #757575; font-weight: 300; margin-bottom: 5px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p span { color: #000; font-weight: 500; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer > p.expired { height: 70px; display: inline-block; padding: 0px 20px 0px 20px; line-height: 70px; background: #000; color: rgb(255,255,255); font-weight: 400; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer { width: 70px; height: 70px; margin-right: 10px; background: #000; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer:last-child { margin-right: 0px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer p { text-align: center; margin: 0px 0px 0px 0px; color: rgb(255,255,255); } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer .rushBuyNum { height: 45px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .rushBuyTimer .rushBuyDescs { font-size: 10px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: 300; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .dynamicOverviewNewTimer section .positn-left { float: left; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .innertext { padding: 0 0 0 5px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .block50-50 .content-section .offers_Link { color: #212121; font-size: 16px; font-weight: 300; text-decoration: underline; cursor: pointer; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right { padding: 0px 0px 30px 0px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section { width: 100%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part { padding: 0% 10% 50px 10%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part .extra_small_top_padding { padding: 30px 0 0 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part .extra_large_top_padding { padding: 50px 0 0 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part { padding: 0px 10% 0px 10%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part .smallPara { padding: 0 0 2% 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part .status_bottom_padding { padding: 0 0 3% 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part .product_status { padding: 0 10px 0 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .image-section { position: relative; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .image-section img { max-width: 100%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .image-section { padding: 0px 0px 0px 20%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons { padding: 0px 0px 0px 0px; background: #f5f5f5; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .mainheading { color: #212121; padding: 0 0 15px 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .smallheading { color: #212121; margin: 0 0 30px 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .smallPara { color: #212121; font-weight: 300; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part ul li { color: #212121; padding: 0 0 1% 0; list-style: disc; font-weight: 300; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part .mainheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part .smallheading { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part .smallPara { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .block50-50 .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part { padding: 0% 15% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part ul { list-style: inherit; padding: 0% 0% 0% 3%; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part li { padding: 0% 0% 2% 0%; font-size: 16px; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part { padding: 0px 15% 0px 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part .smallPara { padding: 0 0 3% 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: center; width: auto; margin: 0 6% 0 0; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .image-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part { padding: 0% 17% 3% 5%; position: absolute; z-index: 1; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part h1 { color: #FFFFFF; padding: 0 0 30px 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul { padding: 0 0 0% 20px; color: #FFFFFF; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul li { padding: 0 0 1% 0; list-style: disc; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part { padding: 0% 0% 3% 17%; position: absolute; z-index: 1; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part h1 { color: #212121; padding: 0 0 30px 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part ul { font-size: 16px; padding: 0px 0 0% 20px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part p { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part .comment-text { font-size: 16px; padding: 20px 0 0% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper { position: absolute; z-index: 1; top: 0; margin: 0 auto 0 auto; width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part { padding: 3% 20% 30px 20%; width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part h1 { color: #FFFFFF; padding: 0 0 30px 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part h2 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part .smallheading { margin: 0px 0px 35px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part { padding: 0 6% 0 6%; width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part .smallPara { padding: 0 0 3% 0; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: center; width: auto; margin: 0 35px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part .iconsHolder .classholder_inner span { color: #757575; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part { padding: 35px 6% 0 6%; width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part .smallPara { font-size: 16px; font-weight: 300; padding-top: 30px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part h1 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part h2 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper { position: absolute; z-index: 1; top: 55%; width: 50%; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part { padding: 0% 0% 0% 13%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part h2 { color: #212121; margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part p { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part { padding: 3% 0% 0 13%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .smallPara { padding: 0 0 3% 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: left; width: auto; margin: 0 6% 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder .classholder_inner span { color: #757575; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder .classholder_inner .iconImgContainer { display: inline-block; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part { padding: 3% 0% 0 13%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part h2 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part p { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part ul { list-style: inherit; color: #212121; padding: 0% 0% 0% 3%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part li { padding: 0% 0% 1% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper { position: absolute; z-index: 1; top: 10%; width: 100%; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part { padding: 0 20% 0 9%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part h1 { color: #212121; padding: 0 0 15px 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part h2 { color: #212121; margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part p { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part { padding: 30px 20% 0 9%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part .smallPara { padding: 0 0 3% 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part ul { list-style: inherit; color: #212121; padding: 0% 0% 0% 2%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part li { padding: 0% 0% 1% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part { padding: 35px 20% 0 9%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part h1 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part h2 { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part p { color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: left; width: auto; margin: 0 35px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder .classholder_inner span { color: #757575; display: block; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder .classholder_inner .iconImgContainer { display: inline-block; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section { position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop { position: absolute; z-index: 1; top: 4%; width: 100%; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part { padding: 0% 30% 0% 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part h1 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part h2 { color: #FFFFFF; margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part { padding: 2% 25% 0 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part .smallPara { padding: 0 0 3% 0; color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part ul { list-style: inherit; padding: 0% 0% 0% 2%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part li { padding: 0% 0% 1% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part { padding: 14% 20% 0 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part h1 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part h2 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: left; width: auto; margin: 0 6% 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part .iconsHolder .classholder_inner span { color: #757575; display: block; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part .iconsHolder .classholder_inner .iconImgContainer { display: inline-block; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom { position: absolute; z-index: 1; top: 73%; width: 100%; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part { padding: 0% 25% 0% 9%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part h1 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part h2 { color: #FFFFFF; margin: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part .classholder_inner { display: inline-block; text-align: center; vertical-align: top; margin: 3% 50px 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part .classholder_inner img { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part .classholder_inner span { display: block; width: 100%; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part { padding: 2% 30% 0 9%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part .smallPara { padding: 0 0 3% 0; color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part ul { list-style: inherit; padding: 0% 0% 0% 2%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part li { padding: 0% 0% 1% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part { padding: 14% 20% 0 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part.newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part.newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part h1 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part h2 { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part p { color: #FFFFFF; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part ul { padding: 30px 0 0 20px; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part ul li { list-style: disc; padding: 0 0 1% 0; color: #212121; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part .iconsHolder { width: 100%; margin: 0px auto 0px auto; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part .iconsHolder .classholder_inner { display: inline-block; padding: 0 0 0 0; vertical-align: top; text-align: left; width: auto; margin: 0 6% 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part .iconsHolder .classholder_inner span { color: #757575; display: block; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part .iconsHolder .classholder_inner .iconImgContainer { display: inline-block; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .image-section img { max-width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanneronly .content-top { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanneronly .content-top .image-section { width: 100%; position: relative; } .overview-wrapper-second .sections.section-Newtemplate-fullbanneronly .content-top .image-section img { max-width: 100%; } .overview-wrapper-second .landing-page .content-section .first-part .mainheading { font-size: 60px !important; padding: 20px 0 30px 0 !important; } .overview-wrapper-second .landing-page .content-section .first-part .smallPara { font-size: 16px !important; } .overview-wrapper-second .landing-page .content-section .first-part .price { font-size: 34px !important; color: #212121; padding-top: 50px; } .overview-wrapper-second .landing-page .content-section .first-part .first-text { font-size: 22px !important; } /*---------START: static overview-----------*/ .overview-wrapper-static .sections .newanimtrans { opacity: 0; -ms-transform: translate3d(0px, 40px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 40px, 0px); /* Safari */ -moz-transform: translate3d(0px, 40px, 0px); /* Mozilla */ transform: translate3d(0px, 40px, 0px); /* Standard syntax */ } .overview-wrapper-static .sections .newanimtrans.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 1; transition-delay: 0s; transition-duration: 1.8s; transition-timing-function: ease; transition-property: opacity, transform, -webkit-transform; } .overview-wrapper-static .sections p, .overview-wrapper-static .sections ul, .overview-wrapper-static .sections div { color: rgb(33,33,33); } .overview-wrapper-static .sections .mainheading { font-size: 40px; font-weight: 300; color: rgb(33,33,33); margin: 0px 0px 30px 0px; line-height: 100%; } .overview-wrapper-static .sections ul { list-style: disc; padding-left: 18px; } .overview-wrapper-static .sections img { max-width: 100%; } .overview-wrapper-static .sections .block50-50 .image-section, .overview-wrapper-static .sections .block50-50 .content-section { width: 50%; } .overview-wrapper-static .sections .bg-full-img, .overview-wrapper-static .sections .content-right.bg-full-img, .overview-wrapper-static .sections .content-left.bg-full-img { position: relative; } .overview-wrapper-static .sections .bg-full-img .content-section { position: absolute; top: 7%; float: none; } .overview-wrapper-static .sections .bg-full-img .image-section { float: none; } .overview-wrapper-static .sections .content-right .content-section { float: right; } .overview-wrapper-static .sections .content-right .image-section { float: left; } .overview-wrapper-static .sections .content-right.bg-full-img { position: relative; } .overview-wrapper-static .sections .content-right.bg-full-img .content-section { padding-right: 9%; right: 0; } .overview-wrapper-static .sections .content-left .content-section { float: left; padding-left: 9%; } .overview-wrapper-static .sections .content-left .image-section { float: right; text-align: right; } .overview-wrapper-static .sections .content-left.bg-full-img .content-section { padding-left: 9%; left: 0; } .overview-wrapper-static .sections .content-top .content-section { float: none; } .overview-wrapper-static .sections .content-top .image-section { float: none; text-align: right; } .overview-wrapper-static .section-2 .content-left .image-section .newanimtransimage-left { -ms-transform: translate3d(10%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(10%, 0px, 0px); /* Safari */ -moz-transform: translate3d(10%, 0px, 0px); /* Mozilla */ transform: translate3d(10%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-2 .content-left .image-section .newanimtransimage-left.do-newanim-translate { -ms-transform: translate3d(5%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(5%, 0px, 0px); /* Safari */ -moz-transform: translate3d(5%, 0px, 0px); /* Mozilla */ transform: translate3d(5%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-4 .content-left .image-section .newanimtransimage-left { -ms-transform: translate3d(50%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(50%, 0px, 0px); /* Safari */ -moz-transform: translate3d(50%, 0px, 0px); /* Mozilla */ transform: translate3d(50%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-4 .content-left .image-section .newanimtransimage-left.do-newanim-translate { -ms-transform: translate3d(5%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(5%, 0px, 0px); /* Safari */ -moz-transform: translate3d(5%, 0px, 0px); /* Mozilla */ transform: translate3d(5%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-5 .content-right .image-section .newanimtransimage-right { -ms-transform: translate3d(-50%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-50%, 0px, 0px); /* Safari */ -moz-transform: translate3d(-50%, 0px, 0px); /* Mozilla */ transform: translate3d(-50%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-5 .content-right .image-section .newanimtransimage-right.do-newanim-translate { -ms-transform: translate3d(0, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0px, 0px); /* Safari */ -moz-transform: translate3d(0, 0px, 0px); /* Mozilla */ transform: translate3d(0, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-6 .content-left .content-section .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-6 .content-left .content-section .newanimtransimage-top-bottom.do-newanim-translate { -ms-transform: translate3d(0, 110%, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 110%, 0px); /* Safari */ -moz-transform: translate3d(0, 110%, 0px); /* Mozilla */ transform: translate3d(0, 110%, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-first { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 0; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-first.do-newanim-translate { -ms-transform: translate3d(0, 0, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0px); /* Safari */ -moz-transform: translate3d(0, 0, 0px); /* Mozilla */ transform: translate3d(0, 0, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 0.1s; transition-timing-function: ease; opacity: 1; transition-property: transform, -webkit-transform, opacity; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-second { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 0; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-second.do-newanim-translate { -ms-transform: translate3d(0, 0, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0px); /* Safari */ -moz-transform: translate3d(0, 0, 0px); /* Mozilla */ transform: translate3d(0, 0, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 1.5s; transition-timing-function: ease; opacity: 1; transition-property: transform, -webkit-transform, opacity; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-third { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 0; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-third.do-newanim-translate { -ms-transform: translate3d(0, 0, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0px); /* Safari */ -moz-transform: translate3d(0, 0, 0px); /* Mozilla */ transform: translate3d(0, 0, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.9s; transition-timing-function: ease; opacity: 1; transition-property: transform, -webkit-transform, opacity; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-fourth { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ opacity: 0; } .overview-wrapper-static .section-7 .content-top .image-section #img-container7b .newanimtransimage-left-right-fourth.do-newanim-translate { -ms-transform: translate3d(0, 0, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0, 0px); /* Safari */ -moz-transform: translate3d(0, 0, 0px); /* Mozilla */ transform: translate3d(0, 0, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 3.2s; transition-timing-function: ease; opacity: 1; transition-property: transform, -webkit-transform, opacity; } .overview-wrapper-static .section-8 .content-top .image-section .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-8 .content-top .image-section .newanimtransimage-top-bottom.do-newanim-translate { -ms-transform: translate3d(0, 100px, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 100px, 0px); /* Safari */ -moz-transform: translate3d(0, 100px, 0px); /* Mozilla */ transform: translate3d(0, 100px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-9 .content-left .image-section .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 5%, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 5%, 0px); /* Safari */ -moz-transform: translate3d(0px, 5%, 0px); /* Mozilla */ transform: translate3d(0px, 5%, 0px); /* Standard syntax */ } .overview-wrapper-static .section-9 .content-left .image-section .newanimtransimage-bottom-top.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-9 .content-left .image-section .newanimtransimage-right-left { -ms-transform: translate3d(10%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(10%, 0px, 0px); /* Safari */ -moz-transform: translate3d(10%, 0px, 0px); /* Mozilla */ transform: translate3d(10%, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-9 .content-left .image-section .newanimtransimage-right-left.do-newanim-translate { -ms-transform: translate3d(0, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0, 0px, 0px); /* Safari */ -moz-transform: translate3d(0, 0px, 0px); /* Mozilla */ transform: translate3d(0, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-11 .content-top .image-section .newanimtransimage-bottom-top { -ms-transform: translate3d(-5%, 5%, 0px); /* IE 9 */ -webkit-transform: translate3d(-5%, 5%, 0px); /* Safari */ -moz-transform: translate3d(-5%, 5%, 0px); /* Mozilla */ transform: translate3d(-5%, 5%, 0px); /* Standard syntax */ } .overview-wrapper-static .section-11 .content-top .image-section .newanimtransimage-bottom-top.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-11 .content-top .image-section .newanimtransimage-top-bottom { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-11 .content-top .image-section .newanimtransimage-top-bottom.do-newanim-translate { -ms-transform: translate3d(-8%, 8%, 0px); /* IE 9 */ -webkit-transform: translate3d(-8%, 8%, 0px); /* Safari */ -moz-transform: translate3d(-8%, 8%, 0px); /* Mozilla */ transform: translate3d(-8%, 8%, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-13 .content-right .image-section .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 5%, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 5%, 0px); /* Safari */ -moz-transform: translate3d(0px, 5%, 0px); /* Mozilla */ transform: translate3d(0px, 5%, 0px); /* Standard syntax */ } .overview-wrapper-static .section-13 .content-right .image-section .newanimtransimage-bottom-top.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-13 .content-right .image-section .newanimtransimage-left-right { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-13 .content-right .image-section .newanimtransimage-left-right.do-newanim-translate { -ms-transform: translate3d(130%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(130%, 0px, 0px); /* Safari */ -moz-transform: translate3d(130%, 0px, 0px); /* Mozilla */ transform: translate3d(130%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-15 .content-top .image-section .newanimtransimage-bottom-top { -ms-transform: translate3d(0px, 10%, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 10%, 0px); /* Safari */ -moz-transform: translate3d(0px, 10%, 0px); /* Mozilla */ transform: translate3d(0px, 10%, 0px); /* Standard syntax */ } .overview-wrapper-static .section-15 .content-top .image-section .newanimtransimage-bottom-top.do-newanim-translate { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-16 .content-top .image-section .newanimtransimage-right-left { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-16 .content-top .image-section .newanimtransimage-right-left.do-newanim-translate { -ms-transform: translate3d(-58%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-58%, 0px, 0px); /* Safari */ -moz-transform: translate3d(-58%, 0px, 0px); /* Mozilla */ transform: translate3d(-58%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .section-16 .content-top .image-section .newanimtransimage-left-right { -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ -moz-transform: translate3d(0px, 0px, 0px); /* Mozilla */ transform: translate3d(0px, 0px, 0px); /* Standard syntax */ } .overview-wrapper-static .section-16 .content-top .image-section .newanimtransimage-left-right.do-newanim-translate { -ms-transform: translate3d(55%, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(55%, 0px, 0px); /* Safari */ -moz-transform: translate3d(55%, 0px, 0px); /* Mozilla */ transform: translate3d(55%, 0px, 0px); /* Standard syntax */ transition-delay: 0s; transition-duration: 2.8s; transition-timing-function: ease; transition-property: transform, -webkit-transform; } .overview-wrapper-static .classholder_inner { float: left; margin: 35px 70px 0px 0px; } .catalog-product-view .home-video-close-btn { width: 100%; height: 25px; position: absolute; background: #000; top: -20px; padding-right: 10px; text-align: right; } .catalog-product-view .home-video-close-btn .home-video-fancybox-close { color: rgba(255, 255, 255, 0.5); } /*---------END: static overview-----------*/ @media only screen and (min-width: 960px) and (max-width: 1023px) { .overview-wrapper-second .landing-page .content-section .first-part .mainheading { font-size: 60px !important; padding: 20px 0 30px 0 !important; } .overview-wrapper-second .landing-page .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .landing-page .content-section .first-part .price { font-size: 34px !important; color: #212121; padding-top: 50px; } .overview-wrapper-second .landing-page .content-section .first-part .first-text { font-size: 22px !important; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p { margin: 0px; } .overview-wrapper-second .sections .block50-50 .image-section img { display: block; margin: 0px auto 0px auto; } .overview-wrapper-second .sections .content-right { padding: 10% 0 0 0; } .overview-wrapper-second .sections .content-right .content-section { text-align: center; } .overview-wrapper-second .sections .content-left { padding: 5% 0 0 0; } .overview-wrapper-second .sections .content-left .content-section { text-align: center; } .overview-wrapper-second .sections .content-top { padding: 10% 0 0 0; } .overview-wrapper-second .sections .content-top .content-section { text-align: center; width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .first-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .content-section .second-part p { padding: 0px; } .overview-wrapper-second .sections.section-Newtemplate-top .content-top .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-bottom { background: #f5f5f5; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .first-part { padding: 5% 5% 2.5% 5%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part { padding: 0 5% 2.5% 5%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left { width: 100%; float: left; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part ul li { text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part .smallPara { padding: 0 0 3% 0; } .overview-wrapper-second .sections.section-Newtemplate-left .image-section { text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-left .image-section .image-container { float: none !important; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left { width: 100%; float: left; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part { padding: 5% 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part ul li { text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right { width: 100%; float: left; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part { padding: 5% 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .image-section { width: 100%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right { width: 100%; float: left; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part { padding: 5% 5% 0 5%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .first-part .extra_large_top_padding { padding: 30px 0 0 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part .price { float: none; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .second-part .status_bottom_padding { padding: 2% 0 2% 0; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer { margin-bottom: 40px; padding: 0px 10% 0px 10%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section { width: 42%; margin: 0 auto 0 auto; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .rushBuyTimer { width: 70px; height: 70px; margin-right: 10px; background: #000; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .rushBuyTimer:last-child { margin-right: 0px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .rushBuyTimer p { text-align: center; margin: 0px 0px 0px 0px; color: rgb(255,255,255); } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .rushBuyTimer .rushBuyNum { height: 45px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .rushBuyTimer .rushBuyDescs { font-size: 10px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: 300; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .content-right .content-section .dynamicOverviewNewTimer section .positn-left { float: left; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .image-section { width: 100%; } .overview-wrapper-second .sections.dynamic_russia_cr_fullimage .image-section .image-container { float: none; display: block; margin: 0 auto; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right { width: 100%; float: left; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part { padding: 5% 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part ul { text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part li { padding: 0% 0% 3.2% 0%; font-size: 16px; font-weight: 300; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section { width: 100%; background-color: #00a8fb; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part { padding: 5% 5% 0 5%; position: relative; z-index: 1; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul { padding: 0 0 0 20px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul li { padding: 0 0 1% 0; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-right .content-right .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section { width: 100%; background-color: #c4eaff; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section .first-part { padding: 5% 5% 0 5%; position: relative; z-index: 1; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section ul { padding: 0 0 1% 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .content-section ul li { padding: 0 0 1% 0; text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-left .content-left .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom { padding: 0px 0px 0px 0px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper { position: relative; z-index: 1; width: 100%; background-color: #ffffff; text-align: center; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part { padding: 5% 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part ul { text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part li { padding: 0% 0% 3.2% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom .content-bottom .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper { position: relative; z-index: 1; width: 100%; background-color: #161614; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part { padding: 3% 20% 3% 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .first-part .smallPara { font-size: 16px; font-weight: 300; padding: 30px 0 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part { padding: 0 20% 3% 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .second-part .smallPara { font-size: 16px; font-weight: 300; padding: 30px 0 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part { padding: 0 20% 3% 20%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .content-section .contentWrapper .third-part .smallPara { font-size: 16px; font-weight: 300; padding: 30px 0 0 0; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-para .content-top .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper { position: relative; z-index: 1; width: 100%; text-align: center; background-color: #EBEBEB; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part { padding: 5% 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part ul { text-align: left; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part li { padding: 0% 0% 3.2% 0%; font-size: 16px; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part { padding: 0 5% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top .content-top .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop { position: relative; z-index: 1; background-color: #2A2A2A; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .first-part { padding: 5% 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperTop .third-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom { position: relative; z-index: 1; background-color: #2A2A2A; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .first-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .second-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .content-section .innerContentWrapperBottom .third-part { padding: 0 5% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-top-bottom .content-top .image-section { width: 100%; } } @media only screen and (min-width: 1367px) and (max-width: 1600px) { .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .first-part { padding: 0% 0 3% 20%; } .overview-wrapper-second .sections.section-Newtemplate-left-fullimage .content-left .content-section .second-part { padding: 0 0 0 20%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .first-part { padding: 0% 0 3% 20%; } .overview-wrapper-second .sections.section-Newtemplate-left .content-left .content-section .second-part { padding: 0 0 0 20%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .first-part { padding: 0% 20% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-fullimage .content-right .content-section .second-part { padding: 0 20% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .first-part { padding: 0% 20% 3% 5%; } .overview-wrapper-second .sections.section-Newtemplate-right-icons .content-right .content-section .second-part { padding: 0 20% 0 5%; } .overview-wrapper-second .sections.section-Newtemplate-fullbanner-bottom { padding: 0 0 15% 0; background-color: #ffffff; } .overview-wrapper-second .landing-page .content-section .first-part .mainheading { font-size: 60px !important; padding: 20px 0 30px 0 !important; } .overview-wrapper-second .landing-page .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .landing-page .content-section .first-part .price { font-size: 34px !important; color: #212121; padding-top: 50px; } .overview-wrapper-second .landing-page .content-section .first-part .first-text { font-size: 22px !important; } .overview-wrapper-second .landing-page .image-section { padding-bottom: 0px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1919px) { .overview-wrapper-second .smallPara { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-left .image-section .image-container { width: 100%; } .overview-wrapper-second .section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .first-part .smallheading { font-size: 16px; } .overview-wrapper-second .section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder .classholder_inner { padding-top: 30px; margin: 0 !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .second-part .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-fullbanner-bottom .content-bottom .content-section .innerContentWrapper .third-part li { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul { padding: 0 0 0% 20px; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part ul li { padding: 0 0 1% 0; font-weight: 300; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part .iconsHolder .classholder_inner { padding-top: 30px; margin-top: 0 !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-right .content-right .content-section .first-part .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-right-fullimage .image-container { width: 80%; } .overview-wrapper-second .section-Newtemplate-right-fullimage .content-right { width: 50%; padding-top: 0; } .overview-wrapper-second .section-Newtemplate-right-fullimage .content-right .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-right-fullimage .content-right .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-right-fullimage .content-right .content-section .second-part .iconsHolder .classholder_inner { padding-top: 30px; margin: 0 !important; } .overview-wrapper-second .section-Newtemplate-right-fullimage .content-right .content-section .second-part .iconsHolder img { width: 80%; } .overview-wrapper-second .dynamic_russia_cr_fullimage .image-container { max-width: 100%; } .overview-wrapper-second .dynamic_russia_cr_fullimage .content-right { width: 50%; padding-top: 0; } .overview-wrapper-second .dynamic_russia_cr_fullimage .content-right .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .dynamic_russia_cr_fullimage .content-right .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .first-part ul { font-size: 16px; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .first-part ul li { list-style: disc; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .second-part p.smallPara { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .second-part .iconsHolder .classholder_inner { padding-top: 30px; margin: 0 !important; } .overview-wrapper-second .section-Newtemplate-left-fullimage .block50-50 .content-section .second-part .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-left-fullimage .image-section .image-container-right { width: 100%; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .sections .block50-50 .content-section .first-part .smallheading { font-size: 16px; } .overview-wrapper-second .sections .block50-50 .content-section .second-part p.smallPara { font-size: 15px !important; } .overview-wrapper-second .sections .block50-50 .content-section .second-part .iconsHolder .classholder_inner { padding-top: 30px; margin-top: 0 !important; } .overview-wrapper-second .sections .block50-50 .content-section .second-part .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .first-part { padding: 0 5% 0 5% !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part { padding: 30px 5% 0 5% !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .second-part li { font-size: 15px !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part { padding: 25px 5% 0 5% !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder .classholder_inner { padding-top: 30px; margin-top: 0 !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper .third-part .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section { width: 60%; background-color: #c4eaff; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section .first-part { padding: 0% 0% 3% 10%; position: relative; z-index: 1; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section .iconsHolder .classholder_inner { padding-top: 30px; margin-top: 0 !important; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section .iconsHolder img { width: 80%; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section ul { padding: 0 0 1% 0; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .content-section ul li { font-size: 15px; padding: 0 0 1% 0; text-align: left; } .overview-wrapper-second .section-Newtemplate-fullbanner-left .content-left .image-section { width: 100%; } .overview-wrapper-second .sections.section-Newtemplate-bottom .content-bottom .content-section .second-part { padding: 0 10% 2% 10%; } .overview-wrapper-second .section-Newtemplate-right-icons .image-section { margin: 0 0px 0 15px !important; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .first-part { padding: 10% 8% 3% 5%; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .first-part .mainheading { font-size: 30px; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .first-part .smallheading { font-size: 16px; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .first-part li { font-size: 15px !important; font-weight: 300; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .second-part .iconsHolder .classholder_inner { margin-top: 0 !important; } .overview-wrapper-second .section-Newtemplate-right-icons .content-right .content-section .second-part .iconsHolder img { width: 80%; } .overview-wrapper-second .landing-page .content-section .first-part .mainheading { font-size: 60px !important; padding: 20px 0 30px 0 !important; } .overview-wrapper-second .landing-page .content-section .first-part .smallPara { font-size: 15px !important; } .overview-wrapper-second .landing-page .content-section .first-part .price { font-size: 34px !important; color: #212121; padding-top: 50px; } .overview-wrapper-second .landing-page .content-section .first-part .first-text { font-size: 22px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) { html.fp-enabled, .fp-enabled body { overflow-x: scroll !important; } .catalog-product-view { width: 1280px !important; overflow-x: scroll !important; } } .landing-page .first-part .mainheading { padding-bottom: 20px !important; } .landing-page .first-part .first-text { font-size: 22px !important; } .landing-page .first-part .oldPrice { text-decoration: line-through; font-size: 24px !important; font-weight: 300 !important; color: #757575; padding: 0 20px 0 0; } .landing-page .first-part .price { font-weight: 300 !important; color: #212121; padding-bottom: 20px; } .landing-page .first-part a { font-size: 24px; font-weight: 300; color: #01b5e1; text-decoration: none; cursor: pointer; display: inline-block; margin: 0px 0px 0px 0px; } .overview-wrapper-second .ul-text-center li { list-style-position: inside !important; } .child-center-bg { display: none; } /* Starts: Mac Retina more than 1920px */ @media only screen and (min-width: 1921px) and (max-width: 2880px) { .animContainer { max-width: 2880px; } .animPaddingContainer { max-width: 2880px; } } /* Ends: Mac Retina more than 1920px */ #trackorder-popup { padding: 0 0 0 0; } #trackorder-popup .loader { position: absolute; top: 50%; left: 45%; } #trackorder-popup #trackorder-iframe { overflow: hidden; height: 100%; width: 100%; position: absolute; border: none; } .trackorder-popup .top_section { padding: 25px 25px 0 25px; } .trackorder-popup .top_section #closeIframe { position: absolute; top: 10px; right: 10px; } .trackorder-popup .top_section h3 { text-align: center; padding: 3% 0 3% 0; font-size: 20px !important; text-transform: uppercase; color: #000; } .trackorder-popup .top_section #registered-user { text-align: center; } .trackorder-popup .top_section #registered-user p { text-align: center; font-size: 16px; color: #000; } .trackorder-popup .top_section #registered-user a { background-color: #0db5d7; color: rgb(255,255,255); width: 60%; } .trackorder-popup .top_section #registered-user a:hover { background-color: #1abfe5; } .trackorder-popup .top_section .icon-honor2-close:hover { color: #000000; } .trackorder-popup .divider { width: 100%; margin: 3.7em auto; overflow: hidden; text-align: center; font-weight: 300; color: rgba(0, 0, 0, 0.54118); } .trackorder-popup .divider:before { content: ""; display: inline-block; width: 50%; margin: 0 0.5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .trackorder-popup .divider:after { content: ""; display: inline-block; width: 50%; margin: 0 0.5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); margin: 0 -55% 0 0.5em; } .trackorder-popup #order-tracking-form { padding: 0 25px 35px 25px; } .trackorder-popup #order-tracking-form p { text-align: center; font-size: 16px; color: #000; } .trackorder-popup #order-tracking-form #track-order-message { text-align: center; font-size: 0.9em; padding: 0 0 15px 0; color: rgb(209,8,22); } .trackorder-popup #order-tracking-form #track-order .mdl-textfield { width: 100%; } .trackorder-popup #order-tracking-form #track-order .button-wrapper { text-align: center; padding-top: 10px; } .trackorder-popup #order-tracking-form #track-order .button-wrapper button { width: 60%; color: rgb(255,255,255); } .trackorder-popup #order-tracking-form #track-order .button-wrapper button:hover { color: rgb(255,255,255); } .IE .main-header-container .header-right .mdl-textfield__expandable-holder .icon-honor2-close:before, .MSIE .main-header-container .header-right .mdl-textfield__expandable-holder .icon-honor2-close:before { border-bottom: 0px; } .IE nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper input.select-dropdown, .MSIE nav .nav-main-container .nav-top-container .row .language-selector .select-wrapper input.select-dropdown { height: 20px; } .IE.IE-10 .main-header-container .header-top .language-selector .select-wrapper input.select-dropdown, .IE.MSIE-10 .main-header-container .header-top .language-selector .select-wrapper input.select-dropdown, .MSIE.IE-10 .main-header-container .header-top .language-selector .select-wrapper input.select-dropdown, .MSIE.MSIE-10 .main-header-container .header-top .language-selector .select-wrapper input.select-dropdown { min-height: 20px; } .IE.IE-10 .header-right, .IE.MSIE-10 .header-right, .MSIE.IE-10 .header-right, .MSIE.MSIE-10 .header-right { box-shadow: none; } .IE.IE-10 .header-right .mdl-badge[data-badge]:after, .IE.MSIE-10 .header-right .mdl-badge[data-badge]:after, .MSIE.IE-10 .header-right .mdl-badge[data-badge]:after, .MSIE.MSIE-10 .header-right .mdl-badge[data-badge]:after { padding-left: 5px; padding-top: 3px; } .IE.IE-10 .header-right .mdl-textfield .mdl-button, .IE.MSIE-10 .header-right .mdl-textfield .mdl-button, .MSIE.IE-10 .header-right .mdl-textfield .mdl-button, .MSIE.MSIE-10 .header-right .mdl-textfield .mdl-button { position: static; } .IE.IE-10 .header-right .mdl-textfield--expandable.mdl-textfield, .IE.MSIE-10 .header-right .mdl-textfield--expandable.mdl-textfield, .MSIE.IE-10 .header-right .mdl-textfield--expandable.mdl-textfield, .MSIE.MSIE-10 .header-right .mdl-textfield--expandable.mdl-textfield { top: -5px; } .IE.IE-10 .header-right .mdl-textfield__expandable-holder, .IE.MSIE-10 .header-right .mdl-textfield__expandable-holder, .MSIE.IE-10 .header-right .mdl-textfield__expandable-holder, .MSIE.MSIE-10 .header-right .mdl-textfield__expandable-holder { margin-left: 0px; } .IE.IE-10 .header-right #search_mini_form, .IE.MSIE-10 .header-right #search_mini_form, .MSIE.IE-10 .header-right #search_mini_form, .MSIE.MSIE-10 .header-right #search_mini_form { position: relative; } .IE.IE-10 .header-right #search_mini_form .search-autocomplete, .IE.MSIE-10 .header-right #search_mini_form .search-autocomplete, .MSIE.IE-10 .header-right #search_mini_form .search-autocomplete, .MSIE.MSIE-10 .header-right #search_mini_form .search-autocomplete { top: 25px !important; left: 20px !important; } .IE.IE-10 .header-right #search_mini_form .quick-links, .IE.MSIE-10 .header-right #search_mini_form .quick-links, .MSIE.IE-10 .header-right #search_mini_form .quick-links, .MSIE.MSIE-10 .header-right #search_mini_form .quick-links { top: 25px !important; left: 20px !important; } .IE.IE-10 .header-right .cart .mdl-badge[data-badge]:after, .IE.MSIE-10 .header-right .cart .mdl-badge[data-badge]:after, .MSIE.IE-10 .header-right .cart .mdl-badge[data-badge]:after, .MSIE.MSIE-10 .header-right .cart .mdl-badge[data-badge]:after { padding-left: 6px; } .IE.IE-10 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .IE.MSIE-10 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .MSIE.IE-10 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .MSIE.MSIE-10 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label { top: -5px; } .IE.IE-10 .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap, .IE.MSIE-10 .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap, .MSIE.IE-10 .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap, .MSIE.MSIE-10 .catalog-product-view .product-view #notify .notify-me-wrap .notify-btn-wrap { padding: 10px 0; } .IE.IE-10 .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box, .IE.MSIE-10 .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box, .MSIE.IE-10 .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box, .MSIE.MSIE-10 .catalog-product-view .product-view .product-shop .cod-wrapper .service-check .button-box { margin-top: 10px; } .IE.IE-10 .mdl-textfield__label, .IE.MSIE-10 .mdl-textfield__label, .MSIE.IE-10 .mdl-textfield__label, .MSIE.MSIE-10 .mdl-textfield__label { top: 17px; } .IE.IE-10 .mdl-grid .mdl-cell.mdl-cell--12-col, .IE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--12-col, .MSIE.IE-10 .mdl-grid .mdl-cell.mdl-cell--12-col, .MSIE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--12-col { display: block; width: 97%; } .IE.IE-10 .mdl-grid .mdl-cell.mdl-cell--6-col, .IE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--6-col, .MSIE.IE-10 .mdl-grid .mdl-cell.mdl-cell--6-col, .MSIE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--6-col { display: inline-block; width: 47%; } .IE.IE-10 .mdl-grid .mdl-cell.mdl-cell--4-col, .IE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--4-col, .MSIE.IE-10 .mdl-grid .mdl-cell.mdl-cell--4-col, .MSIE.MSIE-10 .mdl-grid .mdl-cell.mdl-cell--4-col { display: inline-block; width: 30%; } .IE.IE-11 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .MSIE.IE-11 .is-dirty.mdl-textfield--floating-label .mdl-textfield__label { top: -5px; } .IE.IE-11 .mdl-textfield__label, .MSIE.IE-11 .mdl-textfield__label { top: 21px; } .IE.IE-11 .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .apply-coupon-text, .MSIE.IE-11 .checkout-cart-index .cart-totals-wrapper .mdl-enter-coupon-container .mdl-enter-coupon-container-inner .apply-coupon-text { padding: 10px 0 5px 0; } .IE.IE-11 .twostepcheckout-twostep-index .mdl-order-table .product-code, .MSIE.IE-11 .twostepcheckout-twostep-index .mdl-order-table .product-code { display: inline; word-break: break-all; } .Firefox .form-group .mdl-button { position: relative; bottom: 4px; } .Firefox .main-header-container .header-right .mdl-textfield { top: 1px; } .Firefox .catalog-product-view .product-view .product-shop .cod-wrapper .service-check #state-city-check + .button-box .mdl-button { bottom: 37px; } .ipad .mdl-badge[data-badge]:after { padding-left: 1px; padding-top: 1px; } .no-touch.Safari .mdl-grid .mdl-cell.mdl-cell--12-col { display: block; width: 100%; } .no-touch.Safari .mdl-grid .mdl-cell.mdl-cell--6-col { display: inline-block; width: 47%; } .no-touch.Safari .mdl-card__menu .material-icons { left: 4px; top: 5px; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table { display: inline-block; width: 100%; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table tbody tr td { border-top: none; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table .mdl-order-table__cell--non-numeric { width: 20%; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table .mdl-order-table__cell--non-numeric.td_first { width: 20%; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table .mdl-order-table__cell--non-numeric.td_middle { width: 60%; } .no-touch.Safari .twostepcheckout-twostep-index .mdl-order-table .mdl-order-table__cell--non-numeric.last { width: 20%; } @media screen and (min-width: 770px) { .no-touch.Safari .main-header-container .header-top .language-selector { float: none; } .no-touch.Safari .main-header-container .header-right .mdl-textfield .mdl-textfield__input { opacity: 0; } .no-touch.Safari .main-header-container .header-right .mdl-textfield.is-focused input[type="search"].mdl-textfield__input { opacity: 1; -webkit-appearance: initial; } .no-touch.Safari .nav > li { position: relative; } .no-touch.Safari .nav > li > ul { display: none; position: absolute; top: 40px; left: 0px; } .no-touch.Safari .nav > li:hover > ul { display: block; } .no-touch.Safari .main-header-container .header-top .mdl-header-help-menu { position: absolute; display: none; background: white; z-index: 99; right: 0px; top: 19px; } .no-touch.Safari #header-help:hover .mdl-header-help-menu { display: block; } .no-touch.Safari .cart-icon-desktop .mdl-card { display: none; position: absolute; background: white; z-index: 99; right: 0; top: 38px; width: 300px; } .no-touch.Safari .cart-icon-desktop:hover .mdl-card { display: block; } .no-touch.Safari .logged-in .new-design-lout { display: none; position: absolute; background: white; z-index: 99; right: 0px; } .no-touch.Safari .logged-in:hover .new-design-lout { display: block; } .no-touch.Safari .mdl-badge[data-badge]:after { padding-left: 5px; padding-top: 3px; } } .no-touch.Safari .main-header-container .header-right .icon-honor2-close { right: -5px; } .no-touch.Safari .mdl-grid .mdl-cell.mdl-cell--12-col { display: block; } .no-touch.Safari .mdl-radio__inner-circle { background: rgb(255,255,255); } .no-touch.Safari .is-checked .mdl-radio__inner-circle { background: #0DB5D7; } .no-touch.Safari .mdl-spinner.is-active { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/spinner_white_working.gif"); } .no-touch.Safari .checkout-cart-index .mdl-order-table .mdl-product-cart-total .price-box .regular-price #cart-subtotal .mdl-spinner.is-active { background: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/spinner_blue_working-cart.gif"); width: 28px; height: 28px; background-size: 100% 100%; } @-moz-document url-prefix() { .main-header-container .header-right .logged-in .mdl-menu__container { right: 0px; top: 30px !important; } } ::-ms-clear { display: none; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .ipad .catalog-product-view #zoom-gallery-new .mdl-card__menu .mdl-button--icon .material-icons { top: 15px; left: 15px; } .ipad .catalog-category-view .block-content #narrow-by-list { display: none; } .ipad .checkout-onestep-success .order-summary-customer .left td:first-child { width: 26.5%; } .ipad .sales-order-view .order-summary-customer .left td:first-child, .ipad .sales-order-view .order-summary-customer .right td:first-child, .ipad .twostepcheckout-twostep-success .order-summary-customer .left td:first-child, .ipad .twostepcheckout-twostep-success .order-summary-customer .right td:first-child { width: 26.4%; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .form-list .mdl-cell--4-col, .form-list .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 29.5%; } .form-list .mdl-cell--6-col, .form-list .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 46%; } .ipad .catalog-product-view #zoom-gallery-new .mdl-card__menu .mdl-button--icon .material-icons { top: 15px; left: 15px; } .ipad .catalog-category-view .block-content #narrow-by-list { display: block !important; } } .up-login-wrapper { width: 100%; text-align: center; } .up-login-wrapper #iframe-login { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif); background-repeat: no-repeat; background-position: center center; width: 600px; height: 600px; display: inline-block; } .up-login-wrapper #iframe-login .iframe-body { margin: 0; width: 600px; height: 600px; border: none; overflow: auto; } .up-register-wrapper { width: 100%; text-align: center; } .up-register-wrapper #iframe-register { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif); background-repeat: no-repeat; background-position: center 300px; width: 1000px; height: 1400px; display: inline-block; } .up-register-wrapper #iframe-register .iframe-body { margin: 0; width: 1000px; height: 1400px; border: none; overflow: auto; } .up-forgetpass-wrapper { width: 100%; text-align: center; } .up-forgetpass-wrapper #iframe-forgetpassword { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif); background-repeat: no-repeat; background-position: center center; width: 900px; height: 495px; display: inline-block; } .up-forgetpass-wrapper #iframe-forgetpassword .iframe-body { margin: -73px 0 0 0; width: 900px; height: 548px; border: none; overflow: auto; } .up-checkout-wrapper { padding: 50px; width: 80%; margin: 0 auto; height: 650px; background: #FFFFFF url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif) no-repeat center center; } .up-checkout-wrapper .up-login-wrap { float: left; width: 50%; } .up-checkout-wrapper .up-login-wrap .up-login-wrapper #iframe-login { width: 95%; } .up-checkout-wrapper .up-login-wrap .up-login-wrapper #iframe-login .iframe-body { width: 99%; } .up-checkout-wrapper .up-guest-wrap { float: right; width: 50%; border-left: 2px solid #E0E0E0; padding: 4% 35px; height: 600px; text-align: center; } .up-checkout-wrapper .up-guest-wrap h3 { margin-bottom: 3px; color: #00C0F4; } .up-checkout-wrapper .up-guest-wrap .up-guest-dec { min-height: 40px; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px; } .up-checkout-wrapper .up-guest-wrap .mdl-button { padding: 0 40px; background: #00C0F4; border-radius: 0; height: 30px; line-height: 32px; font-weight: bold; } .up-social-wrapper { width: 100%; text-align: center; } .up-social-wrapper #iframe-social { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif); background-repeat: no-repeat; background-position: center center; width: 1000px; height: 1165px; display: inline-block; } .up-social-wrapper #iframe-social .iframe-body { margin: 0; width: 1000px; height: 1165px; border: none; overflow: auto; } .up-loginreturn-wrapper { width: 100%; text-align: center; background: #fff; } .up-loginreturn-wrapper #iframe-login { background-image: url(https://cdnskin.hihonor.com/me/skin/frontend/huawei/honor3/images/loading.gif); background-repeat: no-repeat; background-position: center center; width: 600px; height: 600px; display: inline-block; } .up-loginreturn-wrapper #iframe-login .iframe-body { margin: 0; width: 600px; height: 600px; border: none; overflow: auto; } .up-privacy-wrapper { width: 100%; text-align: center; } .up-privacy-wrapper #iframe-privacy { background-repeat: no-repeat; background-position: center 300px; width: 1000px; height: 4350px; display: inline-block; } .up-privacy-wrapper #iframe-privacy .iframe-body { margin: 0; width: 1000px; height: 4350px; border: none; overflow: auto; } .up-eula-wrapper { width: 100%; text-align: center; } .up-eula-wrapper #iframe-eula { background-repeat: no-repeat; background-position: center 300px; width: 1000px; height: 3815px; display: inline-block; } .up-eula-wrapper #iframe-eula .iframe-body { margin: 0; width: 1000px; height: 3815px; border: none; overflow: auto; } @media only screen and (min-width: 480px) { .up-index-checkout .main-container, .up-index-checkout .footer-container { /*padding: $trim;*/ padding: 10px 30px; } } @font-face { font-family: 'gess-light-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-light.svg#gess-light") format("svg"); font-display: fallback; } @font-face { font-family: 'gess-bold-font'; font-weight: normal; font-style: normal; src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot"); src: url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.eot?#iefix") format("embedded-opentype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff2") format("woff2"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.woff") format("woff"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.ttf") format("truetype"), url("https://cdnskin.hihonor.com/me/skin/frontend/huawei/fonts/gess/gess-bold.svg#gess-bold") format("svg"); font-display: fallback; } .font-gess-light { font-family: "gess-light-font" !important; } .font-gess-bold { font-family: "gess-bold-font" !important; } /* Scss file for product details page (Ravi Prasad) second UI */ #fp-nav ul li .fp-tooltip { color: #212121 !important; background: transparent; padding: 0px 5px 0px 5px; border-radius: 5px; } #fullpage .overview-wrapper-second .sections .block50-50 .content-section .second-part .classholder_inner img { padding: 0px 15% 10px 15% !important; } #fullpage .overview-wrapper-second:first-child { padding: 0 !important; } #fullpage .overview-wrapper-second .content-center { position: relative; } #fullpage .overview-wrapper-second .content-center .content-section { position: absolute; } #fullpage .overview-wrapper-second .section .fp-tableCell { /* display: block; padding-top:0!important;*/ display: table; padding-top: 0; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-right .content-right { padding-top: 0; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-right .content-right .content-section { right: 0%; top: 34%; padding: 0px 0px 0px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-right .content-right .content-section .first-part { padding: 0% 5% 6% 29%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-right .content-right .image-section .Honor-5x-first-container { top: -10%; left: 0%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-right .content-right .image-section .Honor-5x-second-container { top: -40px; left: 58%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left .content-left .content-section { right: 10%; top: 30.19%; padding: 0px 0px 0px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left .content-left .content-section .first-part { padding: 0% 0px 45px 30%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left .content-left .content-section .second-part .iconsHolder .classholder_inner { margin-top: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-right .content-right { padding: 0px 30px 0px 30px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-right .content-right .content-section { right: 0; top: 30%; padding: 0px 0px 0 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-right .content-right .content-section .first-part { padding: 0% 15% 45px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-right .content-right .content-section .second-part .iconsHolder .classholder_inner { margin-top: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-right .content-right .image-section .Honor-5x-only-container .newanimtransimage-top-left { position: relative !important; top: 50px !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top { padding: 45px 30px 0px 30px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top .content-section { padding: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top .content-section .first-part { padding: 0 10% 45px 10%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top .content-section .second-part .iconsHolder .classholder_inner { margin-top: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top .image-section .Honor-5x-first-container { top: 344px; left: 31%; height: 525px; overflow: hidden; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-firsttemplate-top .content-top .image-section .Honor-5x-second-container { top: 344px; left: 38%; height: 525px; overflow: hidden; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-top .content-top .image-section { padding: 0; margin: 25% auto 0px auto; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-top .content-top .image-section img { margin: 0 auto 0px auto; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-top .content-section .first-part { padding: 41px 10% 30px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-newanimation { padding: 0% 0px 0px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-newanimation .content-left .content-section { top: 34%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-newanimation .content-left .content-section .first-part { padding: 0px 0px 45px 30%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-newanimation .content-left .content-section .second-part .iconsHolder .classholder_inner { margin-top: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-newanimation .content-left .image-section { float: right !important; margin: 40px 8% 0 -8%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-secondtemplate-top .content-top .image-section { padding: 0; margin: 20% auto 0 auto; width: 80%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left { padding-top: 8% !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .content-section { top: 34%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .content-section .first-part { padding-top: 0 !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .content-section .second-part { padding: 0 10% 0px 10%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .image-section { float: right !important; margin: 0 8% 0 -8%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .image-section .Honor-5x-first-container img { max-width: 80%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-secondtemplate .content-left .image-section .Honor-5x-second-container img { max-width: 80%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-right .content-right { padding: 5% 30px 0 30px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-right .content-right .content-section { right: 5%; top: 25%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-thirdtemplate-right .content-right .content-section .first-part { padding: 0% 15% 45px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-thirdtemplate .content-left { padding: 8% 30px 0px 30px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-thirdtemplate .content-left .content-section { top: 30%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-thirdtemplate .content-left .content-section .second-part { padding: 0 10% 0px 10% !important; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-new-left-thirdtemplate .content-left .image-section { float: right; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fourthtemplate-top .content-top .image-section { margin: 20% 0px 0px 0px; padding: 0; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fourthtemplate-right .content-section { top: 40%; right: 0; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fifthtemplate-top .content-top .image-section { margin: 10% 0 30px 0; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container img { width: 52%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container img { width: 52%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container img { width: 52%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-content-bottom .content-bottom .content-section .first-part { padding: 3% 0px 45px 0px; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-content-bottom .content-bottom .image-section { margin-top: -3%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-content-bottom .content-bottom .image-section .Honor-5x-first-container img { width: 56%; } #fullpage .overview-wrapper-second .section .fp-tableCell .section-content-bottom .content-bottom .image-section .Honor-5x-second-container img { width: 56%; } #fullpage .overview-wrapper-second .content-section .first-part { padding: 0px 10% 45px 10%; } #fullpage .overview-wrapper-second .content-section .second-part .iconsHolder .classholder_inner { margin: 25px 0 20px 0; } @media only screen and (min-width: 960px) and (max-width: 1279px) { #fullpage .overview-wrapper-second .section-secondtemplate-top .content-top .first-part { padding: 50px 0px 0px 10%; } #fullpage .overview-wrapper-second .section-secondtemplate-top .content-top .image-section { margin: 50% auto 0 auto; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { #fullpage .overview-wrapper-second .sections .content-top .image-section { padding: 0px 0px 0px 0px; } #fullpage .overview-wrapper-second .sections .content-top .content-section .first-part { padding: 3% 5% 0 5% !important; } #fullpage .overview-wrapper-second .sections .content-top .content-section .second-part { padding: 10px 5% 10px 5%; } .parallax-page-5c .overview-wrapper-second .sections.section-Newtemplate-top .content-top .image-section img { width: 62%; } .parallax-page-5c .overview-wrapper-second .content-top .image-section { padding: 40px 0px 0px 0px; } .parallax-page-5c .overview-wrapper-second .content-section .iconsHolder { margin: 45px auto 0 auto !important; } #fullpage .overview-wrapper-second { /*.section-secondtemplate-right { .content-right { .image-section { .Honor-5x-only-container{ img{ width:90%; } } } } } .section-new-left{ .content-left{ .image-section{ .Honor-5x-second-container{ top:-10px; img{ width: 60%; } } .Honor-5x-first-container{ top:50px; img{ width: 55%; } } } } }*/ } #fullpage .overview-wrapper-second .section-fourthtemplate-top .content-top .image-section { margin: 30% 0px 0px 0px; padding: 0; } #fullpage .overview-wrapper-second .section-fifthtemplate-top .content-top .image-section { margin: 15% 0 30px 0 !important; } #fullpage .overview-wrapper-second .section-fifthtemplate-top .content-top .image-section .Honor-5x-first-container img { width: 52%; } #fullpage .overview-wrapper-second .section-fifthtemplate-top .content-top .image-section .Honor-5x-second-container img { width: 52%; } #fullpage .overview-wrapper-second .section-fifthtemplate-top .content-top .image-section .Honor-5x-third-container img { width: 52%; } #fullpage .overview-wrapper-second .sections .block50-50 .content-section .second-part .iconsHolder .classholder_inner { padding-top: 0 !important; } #fullpage .overview-wrapper-second .sections .block50-50 .content-section .second-part .iconsHolder img { width: auto !important; } #fullpage .overview-wrapper-second .sections .content-top { padding: 45px 0px 0px 0px; } #fullpage .overview-wrapper-second .sections .content-right { padding: 45px 0px 0px 0px; } #fullpage .overview-wrapper-second .section-thirdtemplate-top .content-top .image-section { margin: 30% auto 0px auto !important; } #fullpage .overview-wrapper-second .section-firsttemplate-top .content-top .image-section .Honor-5x-first-container { height: 350px !important; } #fullpage .overview-wrapper-second .section-firsttemplate-top .content-top .image-section .Honor-5x-second-container { height: 350px !important; } #fullpage .overview-wrapper-second .section-new-left-newanimation .block50-50 .content-section .second-part .iconsHolder img { width: auto !important; } #fullpage .overview-wrapper-second .section-thirdtemplate-right .content-right .image-section .Honor-5x-first-container { top: 76px; width: 50%; } #fullpage .overview-wrapper-second .section-thirdtemplate-right .content-right .image-section .Honor-5x-second-container { width: 39%; display: inline-block; position: absolute; top: -2%; left: 35%; } #fullpage .overview-wrapper-second .section-secondtemplate-top .content-top .content-section .first-part { padding: 50px 10% 45px 10% !important; } #fullpage .overview-wrapper-second .section-secondtemplate-top .content-top .image-section { margin: 30% auto 0 auto !important; width: auto; } } .parallax-page-5c .overview-wrapper-second .sections.section-Newtemplate-top .content-top .image-section img { margin: 0 auto; } .parallax-page-5c .overview-wrapper-second .section-Newtemplate-top .content-top .content-section .second-part ul { padding: 0px 0 0 20px; } .parallax-page-5c .overview-wrapper-second .section-Newtemplate-top .content-top .content-section .second-part ul li { padding: 0; } .parallax-page-5c .overview-wrapper-second .section-Newtemplate-fullbanner-top .content-top .content-section .innerContentWrapper { top: 0; } /*! * fullPage 2.8.1 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo * Contribution by Jhony0311 */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: transparent; } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li:hover #fp-nav ul li a.active span, #fp-slidesNav ul li:hover #fp-nav ul li a.active span, #fp-nav ul li:hover .fp-slidesNav ul li a.active span, #fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } .fp-slidesNav ul li { display: inline-block; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } /* Scss file for gift coupon module(Shivanshu Vishwa */ .registerforcoupon-index-index .main-container, .registerforcoupon-cms-content .main-container { padding: 0px 30px 0px 30px; } .registerforcoupon-index-index .main-container .banner-space .banner-right, .registerforcoupon-cms-content .main-container .banner-space .banner-right { bottom: 20%; right: 7%; } .registerforcoupon-index-index .main-container .banner-space .banner-right .register-btn a span.reg-text, .registerforcoupon-cms-content .main-container .banner-space .banner-right .register-btn a span.reg-text { padding: 0px 28px 0px 28px; text-transform: uppercase; } .registerforcoupon-index-index .main-container .banner-space .banner-right .tnc > a, .registerforcoupon-cms-content .main-container .banner-space .banner-right .tnc > a { font-size: 12px; color: #07B6E2; text-decoration: none; font-style: normal; padding: 3px 0px 0px 0px; } .registerforcoupon-index-index .main-container .banner-space .banner-right .tnc > span, .registerforcoupon-cms-content .main-container .banner-space .banner-right .tnc > span { color: #FFFFFF; margin: 0px 5px 0px 0px; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition { padding: 26px 35px 35px 35px; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition h1, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition h1 { font-size: 24px; color: #212121; text-transform: uppercase; margin: 0px 0px 14px 0px; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition p, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition p { font-size: 16px; color: #212121; font-style: normal; font-weight: 400; margin: 0px 0px 20px 0px; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition ol, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition ol { margin: 20px 0px 30px 0px; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition ol.alpha_list > li, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition ol.alpha_list > li { list-style-type: lower-alpha; } .registerforcoupon-index-index .main-container .blankspace-tnc .terms-condition li, .registerforcoupon-cms-content .main-container .blankspace-tnc .terms-condition li { font-size: 14px; margin: 0px 0px 0px 14px; color: #757575; } .registerforcoupon-index-view .main-container { padding: 0px 30px 0px 30px; } .registerforcoupon-index-view .main-container .your-details { padding: 34px 35px 45px 35px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .cop-col-left { padding: 0 0 21px 0; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .cop-col-left h1 { color: #03b02c; font-size: 30px; margin: 0px 0px 17px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .cop-col-left p { color: #212121; font-size: 16px; margin: 0px 0px 17px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .cop-col-left p.coupon_desc { color: #757575; font-size: 14px; margin: 0px 0px 0px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block p.coupon_title { color: #212121; font-size: 16px; margin: 0px 0px 11px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .cop-col-right .coupon-id { border: 2px dashed #757575; margin: 0px 0px 11px 0px; padding: 10px 10px 10px 10px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .cop-col-right .coupon-id .rm-10 { background: #f5f5f5; padding: 15px 15px 15px 15px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .cop-col-right .coupon-id .rm-10 .price { font-size: 20px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .cop-col-right .coupon-id .code { text-align: left; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .cop-col-right .coupon-id .code > p { margin: 0px 0px 0px 0px; } .registerforcoupon-index-view .main-container .your-details .main-wrapper .coupon-id-block .view-coupon-link a { color: #23aedb; font-size: 14px; text-decoration: none; font-weight: normal; } .registerforcoupon-index-view .main-container .your-details .fb-share-link { margin: 65px 0px 0px 0px; } .registerforcoupon-index-view .main-container .your-details .fb-share-link .fb-share-with-friend { font-size: 14px; color: #757575; text-transform: uppercase; } .registerforcoupon-index-view .main-container .your-details .fb-share-link .fb-share-icon-holder { padding: 8px 0px 15px 0px; } .registerforcoupon-index-view .main-container .your-details .fb-share-link .fb-share-icon-holder a { font-size: 24px; color: #878787; text-decoration: none; } .registerforcoupon-index-view .main-container .your-details .already-registered h1 { color: #e12436; font-size: 30px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .registerforcoupon-index-view .main-container .your-details .already-registered p { color: #757575; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div#product-customer-reviews { display: none; } #qnaform #qna-content { min-height: 780px; padding-top: 280px; text-align: center; display: none; } #qnaform #qna-content #qa { margin-left: 22%; } #qnaform #qna-content #qa #qa-init-question-text { text-align: left; font-weight: 600; margin-bottom: 5px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form { width: 870px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form .error-wrapper { position: relative; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form .error-wrapper .icon-honor2-search.size-25 { position: absolute; left: 20px; bottom: 17px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form .QA-input { display: inline-block; padding-left: 45px; border: 1px solid rgba(0, 0, 0, 0.12); } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form input#qna_question { width: 706px; float: left; height: 58px; padding-left: 45px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form input#qna_question:focus { outline: none; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form #qna-post-que-button { width: 164px; height: 58px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form #qna-post-ans-button { width: 164px; background: #01B4E1; color: white; height: 46px; display: inline-block; margin-left: -5px; } #qnaform #qna-content #qa .QA-main-section .QA-question-field #qna-form .mdl-textfield__error { position: absolute; margin: 0; padding: 0; bottom: -17px; font-weight: 500; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all { margin: 10px 0px; border: 1px solid rgba(0, 0, 0, 0.12); } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all:first-child { margin-top: 35px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all input.QA-input { width: 657px; float: left; height: 58px; font-size: 14px; margin-left: 38px; padding-left: 30px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top { padding: 25px 20px; background: #f5f5f5; border-radius: 2px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section { overflow: hidden; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question { float: left; width: 85%; text-align: left; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question:before { margin-right: 10px; font-size: 16px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question .textWrapper { float: right; width: 97%; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans { width: 8%; float: right; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans .no-of-ans { float: left; padding-right: 5px; width: 29px; text-align: right; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .the-answer { display: none; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .the-answer .error-wrapper_ans { position: relative; margin-top: 25px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .the-answer .post-answer_button { background-color: #0DB5D7; color: #FFFFFF; width: 164px; height: 58px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .the-answer .mdl-textfield__error { position: absolute; left: 38px; bottom: -17px; font-weight: 500; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-top .the-answer button.test_ans { width: 168px; height: 58px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom { padding: 0px 40px; background: white; border-radius: 2px; display: none; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .QA-text:first-child > .first-section { border-top: none; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .first-section { padding-bottom: 30px; padding-top: 40px; width: 99%; margin-left: 20px; word-wrap: break-word; border-top: 1px solid rgba(0, 0, 0, 0.12); } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section { padding-bottom: 30px; word-wrap: break-word; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .user_detail { float: left; margin-right: 5px; margin-left: 18px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .user_report_abuse { border: none; background: transparent; cursor: pointer; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .user_report_abuse.add_abuse { color: #0db5d7; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike { float: right; display: -webkit-inline-box; margin-top: -18px; margin-right: 10px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down_count, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up_count { margin-left: 15px; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up { margin-left: 15px; border: none; background: transparent; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down.add_review, #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up.add_review { color: #0db5d7; } #qnaform #qna-content #qa .QA-main-section .qna-search-autocomplete .QA-all .QA-all-bottom .second-section .thanks_report { margin-top: 0px; margin-left: 16px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all { margin: 10px 0px; border: 1px solid #dfdfdf; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all:first-child { margin-top: 35px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all input.QA-input { width: 648px; float: left; height: 58px; font-size: 14px; margin-left: 38px; padding-left: 30px; border: 1px solid #dfdfdf; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top { padding: 25px 20px; background: #fbfbfb; border-radius: 2px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section { overflow: hidden; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question { float: left; width: 85%; text-align: left; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question:before { margin-right: 10px; font-size: 16px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .the-question .textWrapper { float: right; width: 97%; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans { width: 8%; float: right; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .QA-content-section .QA-content-question-field .number_ans .no-of-ans { float: left; padding-right: 5px; width: 29px; text-align: right; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .the-answer { display: none; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .the-answer .error-wrapper_ans { position: relative; margin-top: 25px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .the-answer .post-answer_button { background-color: #0DB5D7; color: #FFFFFF; width: 164px; height: 58px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .the-answer .mdl-textfield__error { position: absolute; left: 38px; bottom: -17px; font-weight: 500; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-top .the-answer button.test_ans { width: 165px; height: 58px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom { padding: 0px 40px; background: white; border-radius: 2px; display: none; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .QA-text:first-child > .first-section { border-top: none; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .first-section { padding-bottom: 30px; padding-top: 40px; width: 99%; margin-left: 20px; word-wrap: break-word; border-top: 1px solid rgba(0, 0, 0, 0.12); } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section { padding-bottom: 30px; word-wrap: break-word; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .user_detail { float: left; margin-right: 5px; margin-left: 18px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .user_report_abuse { border: none; background: transparent; cursor: pointer; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .user_report_abuse.add_abuse { color: #0db5d7; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike { float: right; display: -webkit-inline-box; margin-top: -28px; margin-right: 10px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down_count, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up_count { margin-left: 15px; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up { margin-left: 15px; border: none; background: transparent; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_down.add_review, #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section div#like_dislike .user_report_up.add_review { color: #0db5d7; } #qnaform #qna-content #qna-questions-tab #qa-questions-list .QA-all .QA-all-bottom .second-section .thanks_report { margin-top: 10px; margin-left: 16px; } #qnaform #qna-content #paging_qna { margin-left: 40px; margin: 25px 50px 25px 40px; } #qnaform #qna-content #paging_qna .pagination { text-align: center; margin: 30px 0 30px 0px; font-weight: 400; line-height: 20px; letter-spacing: 0; } #qnaform #qna-content #paging_qna .pagination li { display: inline-block; margin: 0 5px; height: 30px; width: 30px; line-height: 30px; } #qnaform #qna-content #paging_qna .pagination li .current { border: 0; background-color: #0DB5D7; border-radius: 2px; color: #FFFFFF; } #qnaform #qna-content #paging_qna .pagination li a { display: inline-block; border: 0; vertical-align: middle; color: #08a; text-decoration: none; min-width: 30px; height: 30px; line-height: 30px; } #qnaform #qna-content #paging_qna .pagination li .disabled .i-next, #qnaform #qna-content #paging_qna .pagination li .disabled .i-previous { color: rgb(189,189,189); cursor: default; } #qnaform #qna-content #paging_qna .pagination li .i-next, #qnaform #qna-content #paging_qna .pagination li .i-previous { color: rgb(33,33,33); } #qnaform #qna-content #paging_qna .pagination:active { color: rgb(255,255,255); } #qnaform.question-answer .QA-navigation { padding: 15px 40px 15px 0px; border-bottom: 1px solid #e0e0e0; } #qnaform.question-answer .QA-navigation a { margin-right: 3%; text-decoration: none; } #LoginPopup { width: 100%; overflow: hidden; } #LoginPopup .divider { width: 100%; margin: 3.7em auto; overflow: hidden; text-align: center; font-weight: 300; color: rgba(0, 0, 0, 0.54118); } #LoginPopup .divider:before { content: ""; display: inline-block; width: 50%; margin: 0 .5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } #LoginPopup .divider:after { content: ""; display: inline-block; width: 50%; margin: 0 .5em 0 -55%; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.09); margin: 0 -55% 0 .5em; } #LoginPopup #qna-quest-form { padding: 0 20px 35px 20px; } #LoginPopup #qna-quest-form p { text-align: center; font-size: 16px; color: #000000; margin: 0 -5px; } #LoginPopup #qna-quest-form p .black-font { margin: 0 -20px; } #LoginPopup #qna-quest-form #track-order-message { text-align: center; font-size: .9em; padding: 0 0 15px 0; color: #d10816; } #LoginPopup #qna-quest-form .mdl-textfield { width: 100%; } #LoginPopup #qna-quest-form .button-wrapper { text-align: center; padding-top: 10px; } #LoginPopup .top_section { padding: 5px 25px 0 25px; overflow: hidden; } #LoginPopup .top_section h3 { text-align: center; padding: 3% 0 3% 0; font-size: 20px; text-transform: uppercase; color: #000000; font-weight: 500; margin-top: 30px; } #LoginPopup .top_section #registered-user { text-align: center; margin: 20px; } #LoginPopup .top_section p { text-align: center; font-size: 16px; color: #000000; } #LoginPopup .top_section a { background-color: #0DB5D7; color: #FFFFFF; width: 60%; } #LoginPopup .top_section #closeIframe { position: absolute; top: 10px; right: 10px; } #LoginPopup .top_section .loginspace a.mdl-button { background-color: #0DB5D7; color: #FFFFFF; width: 20%; margin-bottom: 10px; } #LoginPopup .button-wrapper { text-align: center; padding-top: 10px; } #LoginPopup .button-wrapper button { width: 60%; color: #FFFFFF; } div#feedbackPostQueston, div#answerLoginPopup, div#feedbackPostAnswer, div#feedbackLoginPopup { overflow: hidden; text-align: center; margin: 30px 20px; height: 100%; } div#feedbackPostQueston .top_section h3, div#answerLoginPopup .top_section h3, div#feedbackPostAnswer .top_section h3, div#feedbackLoginPopup .top_section h3 { font-size: 1.429rem; text-align: center; font-weight: 600; } div#post-question-success-msg { overflow: hidden; color: #757575; text-align: center; padding-top: 10px; } #answer-registered-user, #feedback-registered-user { text-align: center; } #answer-registered-user .black-font, #feedback-registered-user .black-font { overflow: hidden; color: #757575; text-align: center; padding-top: 10px; } #answer-registered-user a.mdl-button, #feedback-registered-user a.mdl-button { background-color: #0DB5D7; color: #FFFFFF; width: 20%; margin-bottom: 10px; }