Created
June 26, 2015 10:26
-
-
Save monkviper/97fd41e3f61dbf2b4f6b to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! | |
| * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome | |
| * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | |
| */ | |
| @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800); | |
| .origami { | |
| position: relative; | |
| z-index: 10; | |
| cursor: pointer | |
| } | |
| .origami.open { | |
| z-index: 900 | |
| } | |
| .origami.hover, | |
| .origami:hover { | |
| z-index: 1000 | |
| } | |
| .origami .kami { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: #f2f0eb | |
| } | |
| .origami .kami-wrapper { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0 | |
| } | |
| .origami .kami-wrapper .kami-mask, | |
| .origami .kami-wrapper .kami-peek-mask { | |
| position: absolute; | |
| width: 50%; | |
| top: 0; | |
| bottom: 0; | |
| overflow: hidden | |
| } | |
| .origami .kami-wrapper .kami-mask .kami, | |
| .origami .kami-wrapper .kami-peek-mask .kami { | |
| width: 200% | |
| } | |
| .origami .kami-wrapper .kami-mask { | |
| right: 50%; | |
| left: 0 | |
| } | |
| .origami .kami-wrapper .kami-mask .kami { | |
| left: 0 | |
| } | |
| .origami .kami-wrapper .kami-peek-mask { | |
| right: 0; | |
| left: 50% | |
| } | |
| .origami .kami-wrapper .kami-peek-mask .kami { | |
| right: 0; | |
| left: auto | |
| } | |
| .origami .kami-wrapper .kami-peek-mask .kami-shadow { | |
| position: absolute; | |
| display: block; | |
| content: " "; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0; | |
| background: #000000 | |
| } | |
| .no-csstransitions .origami .kami-wrapper .kami-peek-mask .kami .kami-shadow { | |
| display: none | |
| } | |
| /*! | |
| * mixins */ | |
| .hide-only-mobile, | |
| .no-display, | |
| .hide, | |
| .page-heading h1 span, | |
| body.checkout-onepage-success .main-container .page-title h1 span, | |
| .patent-page .page-title h1 span, | |
| .support-page .page-title h1 span, | |
| .modal, | |
| .buzz-content .buzz-box article br, | |
| .cart .product-table th.p_price, | |
| .cart .product-table th.p_qty, | |
| .cart .product-table th.p_subtotal, | |
| .cart .cart-widgets .widget.totals a, | |
| #shopping-cart-table tfoot .last #empty_cart_button, | |
| .discount-coupon-cnt h2 br, | |
| .support-page .page-title .button.tab-desktop-btn, | |
| .products-page .products .list .image { | |
| display: none | |
| } | |
| .pull-left, | |
| .page-heading h1, | |
| body.checkout-onepage-success .main-container .page-title h1, | |
| .patent-page .page-title h1, | |
| .support-page .page-title h1, | |
| .signup-header-bar .sign-up-form, | |
| .signup-header-bar .free-shipping, | |
| .ratings strong, | |
| .ratings .rating-box, | |
| .rating-box .rating, | |
| .amazon-rating, | |
| .amazon-rating p.rating-links, | |
| .buzz-content .buzz-box figure, | |
| .buzz-content .buzz-box article, | |
| .buzz-content .social-box.youtube-box .youtube-subbtn, | |
| .buzz-content .social-box.youtube-box .subscribe, | |
| .cart .product-table td, | |
| .cart .product-table td .product_info .image, | |
| .cart .product-table td .product_info .info, | |
| .cart .cart-widgets .widget, | |
| .contact-form .text-fields li, | |
| .featherlight .review-loop-content hgroup aside span, | |
| .support-page .faqs-list h3 .number, | |
| .support-page .sidebar h4 img, | |
| .product-colors, | |
| .products-page .products .configure a, | |
| .products .list .product_item, | |
| .products .list .name, | |
| .products-page .products .configure { | |
| float: left | |
| } | |
| .pull-right, | |
| .modal .close, | |
| .signup-header-bar .social-links, | |
| .block-description.img-2 .col.image, | |
| .buzz-content .buzz-box.buzz-box-right figure, | |
| .buzz-content .buzz-box.buzz-box-right article, | |
| .cart .page-head .badge, | |
| #shopping-cart-table tfoot .last .button, | |
| #shopping-cart-table tfoot .last .gray, | |
| .support-page .page-title p, | |
| .products .list .pro-head-right, | |
| .products .list .price, | |
| .products-page .products .list .about-product .ratings, | |
| .products-page .products .tooltip, | |
| .products-page .products .qty { | |
| float: right | |
| } | |
| .product-review .product-img-box .ratings .rating-box, | |
| .product-view .box-up-sell .products-grid .ratings .rating-box, | |
| .cart .button, | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form label, | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form input, | |
| body.checkout-onepage-success .main-container .page-title h1, | |
| .discount-coupon-cnt .modal-footer a, | |
| .products .list .product_item .overlay .price-box .price, | |
| .products-page .products .configure span, | |
| .products-page .products .configure .color-value, | |
| .accessories_list_section .about-product .name, | |
| .accessories_list_section .about-product .price-box, | |
| .accessories_list_section .about-product .price-box span.price, | |
| .accessories_list_section .about-product .price-box span a { | |
| float: none | |
| } | |
| .clear, | |
| .product-review:after, | |
| .ratings:after, | |
| .box-reviews li.item:after, | |
| .patent-page h4, | |
| .patent-page address, | |
| .products-page .products .list .amazon-rating, | |
| #home-products .products .list small { | |
| clear: both | |
| } | |
| .btn, | |
| .product-view .box-reviews .form-add .data-table td, | |
| .buzz-content .buzz-box figure, | |
| .cart .button, | |
| .cart .product-table td, | |
| .cart .product-table td input, | |
| body.checkout-onepage-success .main-container .col-main, | |
| .discount-coupon-cnt .modal-dialog .modal-content, | |
| .discount-coupon-cnt form .validation-advice, | |
| .discount-coupon-cnt .input-text, | |
| .support-page .faqs-list h3 .number, | |
| .products h2, | |
| .products p, | |
| .products .list .product_item .overlay, | |
| .products-page .top-bar h3, | |
| .products-page .products .list .image, | |
| .products-page .products .qty, | |
| .products-page .products .qty input[type="text"] { | |
| text-align: center | |
| } | |
| .cart .product-table td .product-links, | |
| .cart .product-table td .product_info h2, | |
| #home-products.buzzpage .heading { | |
| text-align: left | |
| } | |
| .buzz-content .buzz-box.buzz-box-right article, | |
| .cart .cart-widgets .widget.totals table td:last-child { | |
| text-align: right | |
| } | |
| .list-inline li, | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span { | |
| display: inline-block | |
| } | |
| .toggle-mobile-nav .toggle-icon, | |
| .toggle-mobile-nav .toggle-icon:after, | |
| .toggle-mobile-nav .toggle-icon:before, | |
| .logo, | |
| .logo a, | |
| .product-review:after, | |
| .ratings:after, | |
| .box-reviews li.item:after, | |
| .product-review .product-img-box .product-image, | |
| .product-review .product-img-box .ratings .rating-box, | |
| .product-view .box-up-sell .products-grid .ratings .rating-box, | |
| .amazon-rating.tooltip-noanimation .tooltip-content li, | |
| .cart .button, | |
| .cart .product-table td .cart-price, | |
| .cart .product-table tbody td.a-right .cart-price, | |
| .cart .product-table tbody td.a-center .cart-price, | |
| .cart .cart-widgets .widget.shipping label, | |
| .support-page .faqs-list h3 .number, | |
| .support-page .sidebar .widget, | |
| .support-page .sidebar .button span, | |
| .products h2 span, | |
| .products .list .product_item:hover .overlay, | |
| .products .list .about-product small, | |
| .products-page .products .list .image.active, | |
| .products-page .products .configure span, | |
| .products-page .products .configure .color-value, | |
| .products-page .products label, | |
| .accessories_list_section .about-product .price-box { | |
| display: block | |
| } | |
| .page-heading, | |
| body.checkout-onepage-success .main-container .page-title, | |
| .patent-page .page-title, | |
| .support-page .page-title, | |
| .modal-open, | |
| .stand-by .origami, | |
| .stand-by .kami, | |
| .product-review:after, | |
| .ratings:after, | |
| .box-reviews li.item:after, | |
| .rating-box, | |
| .amazon-rating .tooltip-content, | |
| .buzz-content .buzz-box, | |
| .buzz-content .buzz-box figure, | |
| .buzz-content .social-box .instagram-view, | |
| .cart .page-head, | |
| .cart .cart-widgets .wrapper, | |
| .cart .cart-widgets body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .cart .cart-widgets .main-container, | |
| .cart .cart-widgets .cmspage, | |
| .cart .cart-widgets .widget.shipping li, | |
| .featherlight .review-loop-content hgroup aside, | |
| .featherlight .review-loop-content hgroup aside .namebox, | |
| .patent-page, | |
| .support-page, | |
| .support-page .mobile-jot-form, | |
| .support-page .faqs-list h3, | |
| .support-page .sidebar h4, | |
| .product-image-view .product-image-bg, | |
| .products .list, | |
| .products .list .product_item .overlay ul, | |
| .products-page .products .list, | |
| .products-page .products .list .image, | |
| #home-products .products .list, | |
| .product-detail .remote-functions .remote-items ul li span { | |
| overflow: hidden | |
| } | |
| .toggle-mobile-nav .toggle-icon:after, | |
| .toggle-mobile-nav .toggle-icon:before { | |
| position: absolute | |
| } | |
| .container, | |
| .wrapper, | |
| body.checkout-onepage-success .main-container, | |
| .cmspage, | |
| body.checkout-onepage-success .wrapper .wrapper, | |
| body.checkout-onepage-success .main-container .wrapper, | |
| body.checkout-onepage-success .cmspage .wrapper, | |
| body.checkout-onepage-success .wrapper .main-container, | |
| body.checkout-onepage-success .main-container .main-container, | |
| body.checkout-onepage-success .cmspage .main-container, | |
| body.checkout-onepage-success .wrapper .cmspage, | |
| body.checkout-onepage-success .main-container .cmspage, | |
| body.checkout-onepage-success .cmspage .cmspage { | |
| margin-right: auto; | |
| margin-left: auto | |
| } | |
| .sign-up-form .btn-submit { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| -ms-appearance: none; | |
| -o-appearance: none; | |
| appearance: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| padding: 0; | |
| background-color: transparent; | |
| border: none; | |
| text-shadow: none | |
| } | |
| .sign-up-form .btn-submit:focus { | |
| outline: none | |
| } | |
| .container { | |
| padding: 0 95px; | |
| max-width: 1200px | |
| } | |
| .container::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1280px) { | |
| .container { | |
| padding: 0 15px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .container { | |
| padding: 0 20px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .container { | |
| padding: 0 15px | |
| } | |
| } | |
| [role="main"] { | |
| min-height: 600px; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| [role="main"] { | |
| padding-top: 0; | |
| min-height: 300px | |
| } | |
| } | |
| .wrapper, | |
| body.checkout-onepage-success .main-container, | |
| .cmspage { | |
| padding: 0 20px | |
| } | |
| @media only screen and (min-width: 480px) { | |
| .wrapper, | |
| body.checkout-onepage-success .main-container, | |
| .cmspage { | |
| padding: 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .wrapper, | |
| body.checkout-onepage-success .main-container, | |
| .cmspage { | |
| width: 1170px; | |
| padding: 0 | |
| } | |
| } | |
| .column-row::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .column-row { | |
| margin: 0 -10px | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .hide-only-mobile { | |
| display: block | |
| } | |
| } | |
| .show-only-mobile { | |
| display: block | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .show-only-mobile { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hide-on-tablet { | |
| display: none !important | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .hide-on-mobile { | |
| display: none !important | |
| } | |
| } | |
| .show-on-tablet { | |
| display: none | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .show-on-tablet { | |
| display: block | |
| } | |
| } | |
| .show-on-mobile { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .show-on-mobile { | |
| display: block | |
| } | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: -1px; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| border: 0 | |
| } | |
| .row::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .row .col { | |
| float: left | |
| } | |
| .col-two .col { | |
| width: 50% | |
| } | |
| .col-three .col { | |
| width: 33.33% | |
| } | |
| .col-four .col { | |
| width: 25% | |
| } | |
| .col-12 { | |
| width: 100% | |
| } | |
| .col-6 { | |
| width: 50% | |
| } | |
| .col-2 { | |
| width: 20% | |
| } | |
| .col-10 { | |
| width: 80% | |
| } | |
| .messages { | |
| margin: 0 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .messages { | |
| margin: 0 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .messages { | |
| margin: 0 0 60px | |
| } | |
| } | |
| .messages .success-msg, | |
| .messages .notice-msg { | |
| background: #faf9d9; | |
| color: #3f3f3f; | |
| border: 1px solid #ededed; | |
| padding: 8px; | |
| margin: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .messages .success-msg, | |
| .messages .notice-msg { | |
| padding: 10px 20px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .messages .success-msg, | |
| .messages .notice-msg { | |
| padding: 15px 20px | |
| } | |
| } | |
| .messages .notice-msg { | |
| background-color: #000; | |
| color: #fff | |
| } | |
| .validation-advice { | |
| margin-top: 5px; | |
| color: #c01617 | |
| } | |
| .video-container { | |
| height: 0; | |
| padding: 25px 0 56.25%; | |
| position: relative | |
| } | |
| .video-container iframe, | |
| .video-container object { | |
| height: 100%; | |
| width: 100%; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| @font-face { | |
| font-family: icomoon; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg") | |
| } | |
| .icon_i, | |
| .products .list .product_item .overlay li:before, | |
| [class^="icon_i-"]:before, | |
| [class*=" icon_i-"]:before { | |
| speak: none; | |
| font-style: normal | |
| } | |
| [class^="icon-"], | |
| [class*=" icon-"], | |
| .list-arrow li:before, | |
| .product-detail .product-feature-info ul li:before, | |
| .social-testimonials .social-item-list .item:after, | |
| .site-footer .head-office:before { | |
| font-family: 'icomoon'; | |
| speak: none; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| display: inline-block; | |
| vertical-align: middle; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale | |
| } | |
| [class^="icon-"]:before, | |
| [class*=" icon-"]:before { | |
| content: ''; | |
| display: inline-block; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-size: cover | |
| } | |
| .icon-fb:before { | |
| content: "\e616" | |
| } | |
| .icon-android:before { | |
| content: "\e600"; | |
| color: #a3cc28 | |
| } | |
| .icon-blackberry:before { | |
| content: "\e601"; | |
| color: #000 | |
| } | |
| .icon-windows:before { | |
| content: "\e602"; | |
| color: #00acf4 | |
| } | |
| .icon-slide-up-down:before { | |
| content: "\e603" | |
| } | |
| .icon-angle-double-right:before { | |
| content: "\e604" | |
| } | |
| .icon-angle-down:before { | |
| content: "\e605" | |
| } | |
| .icon-angle-left:before { | |
| content: "\e606" | |
| } | |
| .icon-angle-right:before { | |
| content: "\e607" | |
| } | |
| .icon-angle-up:before { | |
| content: "\e608" | |
| } | |
| .icon-apple:before { | |
| content: "\e609"; | |
| color: #000 | |
| } | |
| .icon-cart:before { | |
| content: "\e60a" | |
| } | |
| .icon-close:before { | |
| content: "\e60b" | |
| } | |
| .icon-fb-square:before { | |
| content: "\e60c" | |
| } | |
| .icon-instagram:before { | |
| content: "\e60d" | |
| } | |
| .icon-mic:before { | |
| content: "\e60e" | |
| } | |
| .icon-music:before { | |
| content: "\e60f" | |
| } | |
| .icon-pinterest:before { | |
| content: "\e610" | |
| } | |
| .icon-slide:before { | |
| content: "\e611" | |
| } | |
| .icon-twitter:before { | |
| content: "\e612" | |
| } | |
| .icon-youtube:before { | |
| content: "\e613" | |
| } | |
| .icon-zipbuds-logo:before { | |
| content: "\e614" | |
| } | |
| .icon-zipbuds:before { | |
| content: "\e615" | |
| } | |
| .icon-instagram-outline:before { | |
| content: "\e617" | |
| } | |
| .icon-twitter-bird:before { | |
| content: "\e618" | |
| } | |
| .icon-answer-call:before { | |
| content: "\e619" | |
| } | |
| .icon-call-hang-up:before { | |
| content: "\e61a" | |
| } | |
| .icon-play-pause:before { | |
| content: "\e61b" | |
| } | |
| .amazonelogo { | |
| height: 19px; | |
| width: 100px; | |
| background: url("../images/redesign/amazon-logo.png") no-repeat center center transparent; | |
| background-size: cover; | |
| display: inline-block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .amazonelogo { | |
| height: 31px; | |
| width: 162px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .amazonelogo { | |
| height: 15px; | |
| width: 80px | |
| } | |
| } | |
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
| *, | |
| *:before, | |
| *:after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-font-smoothing: antialiased | |
| } | |
| html { | |
| font-family: "gotham_htf_bookregular", sans-serif; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100% | |
| } | |
| body { | |
| margin: 0; | |
| font-family: "Open Sans", sans-serif; | |
| font-size: 14px; | |
| color: #252525; | |
| font-weight: 400; | |
| line-height: 1em | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| vertical-align: baseline | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0 | |
| } | |
| [hidden], | |
| template { | |
| display: none | |
| } | |
| a { | |
| background-color: transparent | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0 | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted | |
| } | |
| b, | |
| strong { | |
| font-weight: bold | |
| } | |
| dfn { | |
| font-style: italic | |
| } | |
| h1 { | |
| margin: 0 | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000 | |
| } | |
| small { | |
| font-size: 80% | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sup { | |
| top: -0.5em | |
| } | |
| sub { | |
| bottom: -0.25em | |
| } | |
| img { | |
| border: 0; | |
| max-width: 100% | |
| } | |
| svg:not(:root) { | |
| overflow: hidden | |
| } | |
| figure { | |
| margin: 0 | |
| } | |
| hr { | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| height: 0 | |
| } | |
| pre { | |
| overflow: auto | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em | |
| } | |
| button { | |
| overflow: visible | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| textarea, | |
| select { | |
| -webkit-appearance: none; | |
| background: none; | |
| padding: 0; | |
| margin: 0; | |
| border: none; | |
| -webkit-font-smoothing: antialiased | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| select { | |
| cursor: pointer | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0 | |
| } | |
| input { | |
| line-height: normal | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0 | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto | |
| } | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0 | |
| } | |
| textarea { | |
| overflow: auto | |
| } | |
| optgroup { | |
| font-weight: bold | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0 | |
| } | |
| td, | |
| th { | |
| padding: 0 | |
| } | |
| ul, | |
| ol { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| address { | |
| font-style: normal | |
| } | |
| @font-face { | |
| font-family: fontello; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2") format("woff2"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg#fontello") format("svg") | |
| } | |
| @font-face { | |
| font-family: fontello_i; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/fontello_n.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello_n.woff2") format("woff2"), url("../fonts/fontello_n.woff") format("woff"), url("../fonts/fontello_n.ttf") format("truetype"), url("../fonts/fontello_n.svg#fontello_i") format("svg") | |
| } | |
| @font-face { | |
| font-family: GothamHTF Bold; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/gothamhtf_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamhtf_bold-webfont.woff2") format("woff2"), url("../fonts/gothamhtf_bold-webfont.woff") format("woff"), url("../fonts/gothamhtf_bold-webfont.ttf") format("truetype"), url("../fonts/gothamhtf_bold-webfont.svg#GothamHTF Bold") format("svg") | |
| } | |
| @font-face { | |
| font-family: GothamHTF Light; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/gothamhtf_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamhtf_light-webfont.woff2") format("woff2"), url("../fonts/gothamhtf_light-webfont.woff") format("woff"), url("../fonts/gothamhtf_light-webfont.ttf") format("truetype"), url("../fonts/gothamhtf_light-webfont.svg#GothamHTF Light") format("svg") | |
| } | |
| @font-face { | |
| font-family: GothamHTF #000; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/gothamhtf_black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamhtf_black-webfont.woff2") format("woff2"), url("../fonts/gothamhtf_black-webfont.woff") format("woff"), url("../fonts/gothamhtf_black-webfont.ttf") format("truetype"), url("../fonts/gothamhtf_black-webfont.svg#GothamHTF #000") format("svg") | |
| } | |
| @font-face { | |
| font-family: GothamHTF Medium; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/gothamhtf_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamhtf_medium-webfont.woff2") format("woff2"), url("../fonts/gothamhtf_medium-webfont.woff") format("woff"), url("../fonts/gothamhtf_medium-webfont.ttf") format("truetype"), url("../fonts/gothamhtf_medium-webfont.svg#GothamHTF Medium") format("svg") | |
| } | |
| @font-face { | |
| font-family: gotham_htf_bookregular; | |
| font-style: normal; | |
| font-weight: normal; | |
| src: url("../fonts/gothamhtf_book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamhtf_book-webfont.woff2") format("woff2"), url("../fonts/gothamhtf_book-webfont.woff") format("woff"), url("../fonts/gothamhtf_book-webfont.ttf") format("truetype"), url("../fonts/gothamhtf_book-webfont.svg#gotham_htf_bookregular") format("svg") | |
| } | |
| .icon_i, | |
| .products .list .product_item .overlay li:before, | |
| [class^="icon_i-"]:before, | |
| [class*=" icon_i-"]:before { | |
| font-family: 'fontello_i' | |
| } | |
| .messages .success-msg, | |
| .messages .notice-msg, | |
| .contact-form h1, | |
| .discount-coupon-cnt h2, | |
| .products h2, | |
| #home-products.buzzpage .heading { | |
| font-family: 'GothamHTF Bold' | |
| } | |
| .buzz-content .buzz-box article p { | |
| font-family: 'GothamHTF Light' | |
| } | |
| .buzz-content .buzz-box article p strong, | |
| .buzz-content .social-box h3, | |
| .buzz-content .social-box.youtube-box .subscribe, | |
| .buzz-content .social-box .widget-box hgroup h4, | |
| .buzz-content .social-box .creare-twitter li a, | |
| .cart .product-table td .product_info h2, | |
| .cart .cart-widgets h2, | |
| body.checkout-onepage-success .main-container .block-title strong, | |
| body.checkout-onepage-success .main-container .block-content li a, | |
| .featherlight .review-loop-content hgroup h6, | |
| .discount-coupon-cnt .modal-header button.close, | |
| .support-page .faqs-list h3 .number, | |
| .products .list .name, | |
| .products .list .price { | |
| font-family: 'GothamHTF Medium' | |
| } | |
| .products h2 { | |
| font-size: 60px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .cart .page-head h1, | |
| .discount-coupon-cnt h2 { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .button.graydark, | |
| .shopping-empty .page-title, | |
| .support-page .sidebar h4, | |
| .products .list .name, | |
| .accessories_list_section .about-product .price-box span.price, | |
| .accessories_list_section .about-product .price-box span a { | |
| font-size: 18px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .buzz-content .social-box h3, | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form dt, | |
| body.checkout-onepage-success .main-container .sub-title, | |
| .patent-page h3, | |
| .products-page .top-bar h3 { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .button.gray, | |
| .button.graydark span, | |
| .buzz-content .social-box .widget-box hgroup h4, | |
| .cart .button, | |
| .cart .product-table th, | |
| .cart .product-table td, | |
| .cart .product-table td .product_info h2, | |
| body.checkout-onepage-success .main-container .block-title strong, | |
| .discount-coupon-cnt .button, | |
| .patent-page h4, | |
| .products p, | |
| .products .list .price, | |
| .accessories_list_section .about-product .name { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .tooltip .tooltip-content, | |
| .tooltip-noanimation .tooltip-content, | |
| .cart .cart-widgets .widget input, | |
| .cart .cart-widgets .widget select, | |
| .cart .cart-widgets .widget .customSelect, | |
| .contact-form .text-fields input, | |
| .contact-form .text-fields select, | |
| .contact-form .text-fields textarea, | |
| .products-page .products .qty input[type="text"], | |
| .product-review dd, | |
| .product-view .box-reviews .form-add h3, | |
| .amazon-rating.tooltip-noanimation .tooltip-content li.list-head, | |
| .cart .product-table td .txt-btn, | |
| .cart .cart-widgets .widget.totals table td, | |
| .cart .cart-widgets .widget.shipping label, | |
| .support-page .page-title .button, | |
| .support-page .sidebar .button span { | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .button, | |
| .product-review h3, | |
| .product-view .box-reviews .form-add h4, | |
| .buzz-content .buzz-box article p, | |
| .buzz-content .social-box .creare-twitter li, | |
| .cart .button.gray, | |
| .cart .product-table tbody td.a-right .cart-price, | |
| .cart .product-table tbody td.a-center .cart-price, | |
| .cart .cart-widgets .widget p, | |
| body.checkout-onepage-success .main-container p, | |
| body.checkout-onepage-success .main-container .block-content li, | |
| .shopping-empty p, | |
| #shopping-cart-table tfoot .last .button, | |
| #shopping-cart-table tfoot .last .gray, | |
| .cmspage p, | |
| .cmspage li, | |
| .discount-coupon-cnt form .validation-advice, | |
| .discount-coupon-cnt .input-text, | |
| .discount-coupon-cnt p, | |
| .patent-page p, | |
| .support-page .faqs-list h3, | |
| .support-page .faqs-list h3 .number, | |
| .support-page .faqs-list .faq-content, | |
| .support-page .sidebar p, | |
| .products-page .products .configure span, | |
| .products-page .products .qty, | |
| .products-page .products .qty input[type="text"] { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .messages .success-msg, | |
| .messages .notice-msg, | |
| .product-review .product-img-box .label, | |
| .amazon-rating .tooltip-content, | |
| .support-page .page-title p, | |
| .products .list .about-product small, | |
| .products-page .products .button { | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .discount-coupon-cnt .modal-footer a, | |
| .products .list .product_item .overlay, | |
| .products-page .products label { | |
| font-size: 10px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .buzz-content .social-box.youtube-box .subscribe { | |
| font-size: 9px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin: 0; | |
| padding: 0; | |
| font-weight: normal; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| line-height: 1 | |
| } | |
| a { | |
| -webkit-transition: color 0.5s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out; | |
| transition: color 0.5s ease-in-out; | |
| color: #00aeef; | |
| text-decoration: none; | |
| outline: none | |
| } | |
| a:hover, | |
| a:focus, | |
| a:active { | |
| color: #252525 | |
| } | |
| p { | |
| margin: 0; | |
| font-size: 14px; | |
| line-height: 1em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| p { | |
| font-size: 12px; | |
| line-height: 15px | |
| } | |
| } | |
| strong { | |
| font-family: "GothamHTF Bold", sans-serif; | |
| font-weight: normal | |
| } | |
| h1 { | |
| font-size: 70px; | |
| line-height: 70px; | |
| letter-spacing: -0.03em | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| h1 { | |
| font-size: 60px; | |
| line-height: 60px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| h1 { | |
| font-size: 35px; | |
| line-height: 35px | |
| } | |
| } | |
| h2 { | |
| font-size: 50px; | |
| line-height: 45px; | |
| letter-spacing: -0.03em | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| h2 { | |
| font-size: 40px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| h2 { | |
| font-size: 30px; | |
| line-height: 32px | |
| } | |
| } | |
| h3 { | |
| font-size: 20px; | |
| line-height: 1.2em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| h3 { | |
| font-size: 14px | |
| } | |
| } | |
| h4 { | |
| font-size: 16px; | |
| line-height: 1.2em | |
| } | |
| .list-arrow, | |
| .product-detail .product-feature-info ul { | |
| margin-left: 2px | |
| } | |
| .list-arrow li, | |
| .product-detail .product-feature-info ul li { | |
| position: relative; | |
| padding-left: 19px; | |
| margin-bottom: 12px; | |
| font-size: 12px; | |
| line-height: 18px; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .list-arrow li:before, | |
| .product-detail .product-feature-info ul li:before { | |
| position: absolute; | |
| top: 5px; | |
| left: 0; | |
| content: "\e604"; | |
| color: #00aeef; | |
| font-size: 9px; | |
| display: block | |
| } | |
| sup { | |
| font-size: 12px | |
| } | |
| .patent-page ul li { | |
| background-image: url("../images/list-arrow.png"); | |
| background-repeat: no-repeat; | |
| background-position: left center; | |
| padding-left: 23px | |
| } | |
| .page-heading, | |
| body.checkout-onepage-success .main-container .page-title, | |
| .patent-page .page-title, | |
| .support-page .page-title { | |
| padding: 15px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .page-heading, | |
| body.checkout-onepage-success .main-container .page-title, | |
| .patent-page .page-title, | |
| .support-page .page-title { | |
| padding: 20px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .page-heading, | |
| body.checkout-onepage-success .main-container .page-title, | |
| .patent-page .page-title, | |
| .support-page .page-title { | |
| padding: 25px 0 | |
| } | |
| } | |
| .page-heading h1, | |
| body.checkout-onepage-success .main-container .page-title h1, | |
| .patent-page .page-title h1, | |
| .support-page .page-title h1 { | |
| text-transform: uppercase; | |
| color: #000; | |
| padding: 3px 0 0; | |
| font-size: 17px; | |
| font-weight: 700; | |
| line-height: normal; | |
| font-family: 'Open Sans', sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .page-heading h1, | |
| body.checkout-onepage-success .main-container .page-title h1, | |
| .patent-page .page-title h1, | |
| .support-page .page-title h1 { | |
| padding: 5px 0 0; | |
| font-size: 23px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .page-heading h1, | |
| body.checkout-onepage-success .main-container .page-title h1, | |
| .patent-page .page-title h1, | |
| .support-page .page-title h1 { | |
| padding: 10px 0 0; | |
| font-size: 26px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| } | |
| .page-heading h1 span, | |
| body.checkout-onepage-success .main-container .page-title h1 span, | |
| .patent-page .page-title h1 span, | |
| .support-page .page-title h1 span { | |
| font-weight: 300 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .page-heading h1 span, | |
| body.checkout-onepage-success .main-container .page-title h1 span, | |
| .patent-page .page-title h1 span, | |
| .support-page .page-title h1 span { | |
| display: inline-block | |
| } | |
| } | |
| .list-inline li { | |
| margin: 0 5px | |
| } | |
| .primary-nav { | |
| text-align: right; | |
| font-size: 0; | |
| height: 72px; | |
| padding-right: 108px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .primary-nav { | |
| padding: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .primary-nav { | |
| height: 74px | |
| } | |
| } | |
| .primary-nav a { | |
| -webkit-transition: color 0.5s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out; | |
| transition: color 0.5s ease-in-out; | |
| font-size: 14px; | |
| line-height: normal; | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| margin: -1px 22px 0; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #d7d7d7; | |
| display: inline-block; | |
| letter-spacing: -0.03em | |
| } | |
| .primary-nav a.active, | |
| .primary-nav a:hover { | |
| color: #00aeef | |
| } | |
| .primary-nav a.nav-life-blog { | |
| margin: -1px 24px 0 | |
| } | |
| .primary-nav a.nav-life-blog i { | |
| display: inline-block; | |
| vertical-align: top | |
| } | |
| .primary-nav [data-submenu="true"]:after { | |
| -webkit-transition: border-color 0.5s ease-in-out; | |
| -moz-transition: border-color 0.5s ease-in-out; | |
| transition: border-color 0.5s ease-in-out; | |
| height: 0; | |
| width: 0; | |
| border-left: 4px solid transparent; | |
| border-right: 4px solid transparent; | |
| border-top: 4px solid #898989; | |
| content: ''; | |
| display: inline-block; | |
| margin-left: 7px; | |
| vertical-align: middle | |
| } | |
| .primary-nav [data-submenu="true"].active:after, | |
| .primary-nav [data-submenu="true"]:hover:after { | |
| border-top-color: #00aeef | |
| } | |
| .primary-nav .icon-zipbuds-white:before { | |
| height: 15px; | |
| width: 18px | |
| } | |
| .sub-menu-container { | |
| position: absolute; | |
| top: 72px; | |
| right: 0; | |
| left: 0; | |
| -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| opacity: 0; | |
| height: 0; | |
| overflow: hidden | |
| } | |
| .sub-menu-container::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .sub-menu-container.is-open { | |
| opacity: 1; | |
| height: 267px | |
| } | |
| .sub-menu-container .sub-menu { | |
| position: absolute; | |
| top: -200px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), top 0.5s ease-in-out; | |
| -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), top 0.5s ease-in-out; | |
| transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), top 0.5s ease-in-out; | |
| overflow: hidden; | |
| opacity: 0; | |
| height: 0 | |
| } | |
| .sub-menu-container .sub-menu.is-open { | |
| top: 0; | |
| opacity: 1; | |
| height: 267px | |
| } | |
| .sub-menu-container .menu-list { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| .sub-menu-container .menu-list::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .sub-menu-container .menu-list .menu-item { | |
| float: left; | |
| width: 25%; | |
| text-align: center | |
| } | |
| .sub-menu-container a { | |
| -webkit-transition: color 0.5s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out; | |
| transition: color 0.5s ease-in-out; | |
| font-size: 16px; | |
| line-height: normal; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| color: #fff; | |
| text-align: center; | |
| display: inline-block; | |
| text-transform: uppercase | |
| } | |
| .sub-menu-container a:hover { | |
| color: #00aeef | |
| } | |
| .sub-menu-container a img { | |
| height: 127px; | |
| width: 104px; | |
| margin: 0 auto 38px; | |
| display: block | |
| } | |
| .sub-menu-overlay { | |
| -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| height: 0; | |
| width: 100%; | |
| position: absolute; | |
| top: 71px; | |
| right: 0; | |
| left: 0; | |
| background-color: rgba(0, 0, 0, 0.9); | |
| z-index: 1; | |
| overflow: hidden; | |
| opacity: 0 | |
| } | |
| .sub-menu-overlay.is-open { | |
| height: 267px; | |
| opacity: 1 | |
| } | |
| .toggle-mobile-nav { | |
| overflow: hidden; | |
| display: none; | |
| outline: none; | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .toggle-mobile-nav { | |
| position: absolute; | |
| top: 23px; | |
| left: 27px; | |
| height: 18px; | |
| width: 21px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .toggle-mobile-nav { | |
| position: absolute; | |
| top: 24px; | |
| left: 24px; | |
| height: 17px; | |
| width: 21px | |
| } | |
| } | |
| .toggle-mobile-nav .toggle-icon { | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| border-radius: 1px; | |
| -webkit-transition: background-color 0.3s ease-in-out; | |
| -moz-transition: background-color 0.3s ease-in-out; | |
| transition: background-color 0.3s ease-in-out; | |
| background-color: #fff; | |
| position: relative | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .toggle-mobile-nav .toggle-icon { | |
| height: 4px; | |
| width: 100% | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .toggle-mobile-nav .toggle-icon { | |
| height: 3px; | |
| width: 100% | |
| } | |
| } | |
| .toggle-mobile-nav .toggle-icon:after, | |
| .toggle-mobile-nav .toggle-icon:before { | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| border-radius: 1px; | |
| -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; | |
| -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; | |
| transition: top 0.3s ease-in-out, transform 0.3s ease-in-out; | |
| content: ''; | |
| background-color: #fff; | |
| margin-bottom: 4px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .toggle-mobile-nav .toggle-icon:after, | |
| .toggle-mobile-nav .toggle-icon:before { | |
| height: 4px; | |
| width: 100% | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .toggle-mobile-nav .toggle-icon:after, | |
| .toggle-mobile-nav .toggle-icon:before { | |
| height: 3px; | |
| width: 100% | |
| } | |
| } | |
| .toggle-mobile-nav .toggle-icon:after { | |
| bottom: -11px | |
| } | |
| .toggle-mobile-nav .toggle-icon:before { | |
| top: -7px | |
| } | |
| .toggle-mobile-nav.is-menu-open .toggle-icon { | |
| background-color: transparent | |
| } | |
| .toggle-mobile-nav.is-menu-open .toggle-icon:before, | |
| .toggle-mobile-nav.is-menu-open .toggle-icon:after { | |
| top: 0; | |
| background-color: #c0ff00 | |
| } | |
| .toggle-mobile-nav.is-menu-open .toggle-icon:before { | |
| -webkit-transform: rotate(135deg); | |
| -moz-transform: rotate(135deg); | |
| -ms-transform: rotate(135deg); | |
| -o-transform: rotate(135deg); | |
| transform: rotate(135deg) | |
| } | |
| .toggle-mobile-nav.is-menu-open .toggle-icon:after { | |
| -webkit-transform: rotate(-135deg); | |
| -moz-transform: rotate(-135deg); | |
| -ms-transform: rotate(-135deg); | |
| -o-transform: rotate(-135deg); | |
| transform: rotate(-135deg) | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .toggle-mobile-nav { | |
| display: block | |
| } | |
| } | |
| .mobile-nav-container { | |
| -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| position: absolute; | |
| top: 73px; | |
| right: 0; | |
| left: 0; | |
| height: 0; | |
| opacity: 0; | |
| overflow: hidden; | |
| background-color: rgba(0, 0, 0, 0.9); | |
| display: none | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .mobile-nav-container { | |
| display: block | |
| } | |
| } | |
| .mobile-nav-container.is-open { | |
| opacity: 1; | |
| height: 284px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mobile-nav-container.is-open { | |
| height: 455px | |
| } | |
| } | |
| .mobile-nav-container .col { | |
| padding: 0 4px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mobile-nav-container .col { | |
| padding: 0; | |
| width: 100% | |
| } | |
| } | |
| .mobile-nav-container .mobile-nav { | |
| padding: 24px 20px | |
| } | |
| .mobile-nav-container .mobile-nav::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mobile-nav-container .mobile-nav { | |
| padding: 18px 20px | |
| } | |
| } | |
| .mobile-nav-container h2 { | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| font-size: 14px; | |
| margin-bottom: 6px; | |
| color: #c0ff00 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mobile-nav-container h2 { | |
| color: #4c4c4c; | |
| margin-bottom: 20px | |
| } | |
| } | |
| .mobile-nav-container ul { | |
| border-bottom: 1px solid #4c4c4c; | |
| margin-bottom: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mobile-nav-container ul { | |
| margin-bottom: 20px | |
| } | |
| } | |
| .mobile-nav-container ul:last-child { | |
| border-bottom: 0 | |
| } | |
| .mobile-nav-container ul li { | |
| margin-bottom: 27px | |
| } | |
| .mobile-nav-container ul li a { | |
| color: #acacac; | |
| font-size: 16px; | |
| font-family: "GothamHTF Bold", sans-serif | |
| } | |
| .mobile-nav-container ul li a:hover { | |
| color: #00aeef | |
| } | |
| .mini-cart { | |
| position: absolute; | |
| top: 20px; | |
| right: 110px | |
| } | |
| @media only screen and (max-width: 1280px) { | |
| .mini-cart { | |
| right: 40px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart { | |
| right: 19px | |
| } | |
| } | |
| .mini-cart .mini-cart-link { | |
| display: block | |
| } | |
| .mini-cart .mini-cart-link .icon-cart { | |
| -webkit-transition: color 0.5s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out; | |
| transition: color 0.5s ease-in-out; | |
| font-size: 22px; | |
| display: inline-block; | |
| color: #fff | |
| } | |
| .mini-cart .mini-cart-link .count { | |
| -webkit-transition: color 0.5s ease-in-out, border-color 0.4s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out, border-color 0.4s ease-in-out; | |
| transition: color 0.5s ease-in-out, border-color 0.4s ease-in-out; | |
| height: 25px; | |
| width: 25px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| font-size: 13px; | |
| line-height: 21px; | |
| text-align: center; | |
| display: inline-block; | |
| color: #00aeef; | |
| border: 2px solid #00aeef; | |
| font-family: "GothamHTF Medium", futura, sans-serif | |
| } | |
| .mini-cart .mini-cart-link.active .icon-cart, | |
| .mini-cart .mini-cart-link:hover .icon-cart { | |
| color: #c0ff00 | |
| } | |
| .mini-cart .mini-cart-link.active .count, | |
| .mini-cart .mini-cart-link:hover .count { | |
| color: #c0ff00; | |
| border-color: #c0ff00 | |
| } | |
| .mini-cart .mini-cart-content { | |
| -webkit-transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out; | |
| -moz-transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out; | |
| transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out; | |
| position: absolute; | |
| top: 52px; | |
| right: -7px; | |
| width: 366px; | |
| max-height: 0; | |
| overflow: hidden; | |
| opacity: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart .mini-cart-content { | |
| width: 320px; | |
| right: -19px | |
| } | |
| } | |
| .mini-cart .mini-cart-content.is-open { | |
| max-height: 2000px; | |
| opacity: 1 | |
| } | |
| .mini-cart .mini-cart-content .mini-cart-wrapper { | |
| background-color: rgba(0, 0, 0, 0.9); | |
| padding-bottom: 14px | |
| } | |
| .mini-cart .mini-cart-content .item { | |
| padding: 13px 27px; | |
| border-bottom: 1px solid #4c4c4c; | |
| position: relative; | |
| margin-bottom: 7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart .mini-cart-content .item { | |
| padding-left: 15px; | |
| padding-right: 15px | |
| } | |
| } | |
| .mini-cart .mini-cart-content .item .product-image { | |
| height: 80px; | |
| width: 80px; | |
| text-align: center | |
| } | |
| .mini-cart .mini-cart-content .item .product-image img { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| max-width: 56px | |
| } | |
| .mini-cart .mini-cart-content .item .product-desc { | |
| padding-top: 14px; | |
| padding-left: 34px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart .mini-cart-content .item .product-desc { | |
| padding-left: 17px | |
| } | |
| } | |
| .mini-cart .mini-cart-content .item .product-desc .product-name { | |
| font-size: 12px; | |
| line-height: 18px; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| text-transform: uppercase; | |
| color: #fff | |
| } | |
| .mini-cart .mini-cart-content .item .product-desc .product-name a { | |
| font-family: "GothamHTF Bold", sans-serif; | |
| text-transform: uppercase; | |
| color: #fff | |
| } | |
| .mini-cart .mini-cart-content .item .product-desc .product-name a:hover { | |
| color: #00aeef | |
| } | |
| .mini-cart .mini-cart-content .item .product-desc .copy, | |
| .mini-cart .mini-cart-content .item .product-desc .price { | |
| font-size: 12px; | |
| line-height: 18px; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #acacac | |
| } | |
| .mini-cart .mini-cart-content .item .remove-item { | |
| position: absolute; | |
| top: 0; | |
| right: 20px; | |
| bottom: 0; | |
| margin: auto; | |
| height: 20px; | |
| width: 20px; | |
| font-size: 19px; | |
| color: #acacac | |
| } | |
| .mini-cart .mini-cart-content .item .remove-item:hover { | |
| color: #c0ff00 | |
| } | |
| .mini-cart .mini-cart-content .cart-footer { | |
| padding-top: 8px; | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart .mini-cart-content .cart-footer { | |
| padding: 4px 22px | |
| } | |
| } | |
| .mini-cart .mini-cart-content .cart-footer .link-view-cart { | |
| font-size: 12px; | |
| line-height: 42px; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| text-transform: uppercase; | |
| color: #fff; | |
| margin-right: 25px | |
| } | |
| .mini-cart .mini-cart-content .cart-footer .link-view-cart:hover { | |
| color: #00aeef | |
| } | |
| .mini-cart .mini-cart-content .cart-footer .btn { | |
| width: 202px; | |
| padding-top: 14px; | |
| padding-bottom: 12px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .mini-cart .mini-cart-content .cart-footer .btn { | |
| width: 100% | |
| } | |
| } | |
| .mini-cart .cart-empty { | |
| padding: 10px 10px 0; | |
| color: #fff | |
| } | |
| .floating-nav { | |
| position: fixed; | |
| top: 224px; | |
| left: 77px; | |
| z-index: 10; | |
| font-size: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .floating-nav { | |
| display: none | |
| } | |
| } | |
| .floating-nav .back-to-top { | |
| -webkit-transition: opacity 0.5s ease-in-out; | |
| -moz-transition: opacity 0.5s ease-in-out; | |
| transition: opacity 0.5s ease-in-out; | |
| visibility: hidden; | |
| opacity: 0; | |
| margin-bottom: 25px | |
| } | |
| .floating-nav .back-to-top.active { | |
| opacity: 1; | |
| visibility: visible | |
| } | |
| .floating-nav .back-to-top.active a i { | |
| color: #000 | |
| } | |
| .floating-nav .back-to-top a { | |
| font-size: 8px; | |
| line-height: 13px; | |
| text-transform: uppercase; | |
| color: #fff; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| display: block; | |
| text-align: center | |
| } | |
| .floating-nav .back-to-top a span { | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| padding: 0 4px; | |
| display: block; | |
| background-color: #252525; | |
| margin-bottom: 6px | |
| } | |
| .floating-nav .back-to-top a i { | |
| font-size: 17px; | |
| color: #fff | |
| } | |
| .floating-nav li { | |
| display: block; | |
| margin-bottom: 16px | |
| } | |
| .floating-nav li a { | |
| height: 75px; | |
| width: 75px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| border: 2px solid #fff; | |
| background-color: #252525; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| background-position: center center; | |
| display: block | |
| } | |
| .floating-nav li a.active, | |
| .floating-nav li a:hover { | |
| border-color: #00aeef | |
| } | |
| .floating-nav li a.good-sound { | |
| background-image: url("../images/redesign/icon-good-sound.png") | |
| } | |
| .floating-nav li a.never-tangle { | |
| background-image: url("../images/redesign/icon-never-tangle.png") | |
| } | |
| .floating-nav li a.comfort { | |
| background-image: url("../images/redesign/icon-comfort.png") | |
| } | |
| .btn-buy-now { | |
| height: 102px; | |
| width: 102px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| font-size: 20px; | |
| line-height: 20px; | |
| -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.27); | |
| box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.27); | |
| font-family: "GothamHTF Bold", sans-serif; | |
| background-color: #cdff00; | |
| text-align: center; | |
| display: block; | |
| color: #000; | |
| position: relative; | |
| text-transform: uppercase | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .btn-buy-now { | |
| font-size: 14px; | |
| line-height: 14px; | |
| height: 71px; | |
| width: 71px | |
| } | |
| } | |
| .btn-buy-now:before { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 94px; | |
| width: 94px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| margin: auto; | |
| content: ''; | |
| border: 3px solid #000; | |
| display: block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .btn-buy-now:before { | |
| height: 66px; | |
| width: 66px; | |
| border-width: 2px | |
| } | |
| } | |
| .btn-buy-now span { | |
| height: 102px; | |
| width: 102px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| vertical-align: middle; | |
| display: table-cell | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .btn-buy-now span { | |
| height: 71px; | |
| width: 71px | |
| } | |
| } | |
| .btn { | |
| font-size: 14px; | |
| line-height: normal; | |
| padding: 14px 18px 15px; | |
| -webkit-transition: background 400ms ease-in-out, color 300ms ease-in-out; | |
| -moz-transition: background 400ms ease-in-out, color 300ms ease-in-out; | |
| transition: background 400ms ease-in-out, color 300ms ease-in-out; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| position: relative; | |
| display: inline-block; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| outline: none; | |
| letter-spacing: -0.01em; | |
| -webkit-appearance: none; | |
| cursor: pointer; | |
| background-color: transparent | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .btn { | |
| padding-top: 13px; | |
| padding-bottom: 13px; | |
| font-size: 12px | |
| } | |
| } | |
| .btn:hover, | |
| .btn:focus { | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| text-decoration: none | |
| } | |
| .btn.primary { | |
| background-color: #00aeef; | |
| color: #fff | |
| } | |
| .btn.primary:hover { | |
| background-color: #0090c6 | |
| } | |
| .btn.primary.green { | |
| background-color: #c0ff00; | |
| color: #000 | |
| } | |
| .btn.primary.green:hover { | |
| background-color: #a1d600 | |
| } | |
| .btn .icon-angle-double-right { | |
| font-size: 12px; | |
| margin-left: 3px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .btn .icon-angle-double-right { | |
| font-size: 9px | |
| } | |
| } | |
| .btn.extended { | |
| width: 100% | |
| } | |
| .button { | |
| -webkit-border-radius: 25px; | |
| -moz-border-radius: 25px; | |
| border-radius: 25px; | |
| -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.25); | |
| box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.25); | |
| -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #f84586; | |
| background-image: -moz-linear-gradient(top, #f94f8d, #f8367d); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f94f8d), to(#f8367d)); | |
| background-image: -webkit-linear-gradient(top, #f94f8d, #f8367d); | |
| background-image: -o-linear-gradient(top, #f94f8d, #f8367d); | |
| background-image: linear-gradient(to bottom, #f94f8d, #f8367d); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF94F8D', endColorstr='#FFF8367D', GradientType=0); | |
| -webkit-transition: all 0.3s; | |
| -moz-transition: all 0.3s; | |
| transition: all 0.3s; | |
| display: inline-block; | |
| font-weight: 700; | |
| color: #fff; | |
| padding: 4px 15px 6px; | |
| border: none | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .button { | |
| font-size: 20px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 8px 30px 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .button { | |
| font-size: 25px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 10px 30px 12px | |
| } | |
| } | |
| .button:hover { | |
| background-color: #f3085e; | |
| background-image: -moz-linear-gradient(top, #f3085e, #f3085e); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3085e), to(#f3085e)); | |
| background-image: -webkit-linear-gradient(top, #f3085e, #f3085e); | |
| background-image: -o-linear-gradient(top, #f3085e, #f3085e); | |
| background-image: linear-gradient(to bottom, #f3085e, #f3085e); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF3085E', endColorstr='#FFF3085E', GradientType=0); | |
| color: #fff | |
| } | |
| .button:active { | |
| background-color: #c2074b; | |
| background-image: -moz-linear-gradient(top, #c2074b, #c2074b); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2074b), to(#c2074b)); | |
| background-image: -webkit-linear-gradient(top, #c2074b, #c2074b); | |
| background-image: -o-linear-gradient(top, #c2074b, #c2074b); | |
| background-image: linear-gradient(to bottom, #c2074b, #c2074b); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFC2074B', endColorstr='#FFC2074B', GradientType=0) | |
| } | |
| .button.gray { | |
| background-color: #fcfcfc; | |
| background-image: -moz-linear-gradient(top, #fff, #f8f8f8); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f8f8f8)); | |
| background-image: -webkit-linear-gradient(top, #fff, #f8f8f8); | |
| background-image: -o-linear-gradient(top, #fff, #f8f8f8); | |
| background-image: linear-gradient(to bottom, #fff, #f8f8f8); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8', GradientType=0); | |
| -webkit-text-shadow: 0 -1px 0 transparent; | |
| -moz-text-shadow: 0 -1px 0 transparent; | |
| text-shadow: 0 -1px 0 transparent; | |
| color: #7e7e7e; | |
| font-family: "Open Sans", sans-serif; | |
| font-weight: 800 | |
| } | |
| .button.gray:hover { | |
| background-color: #f4f4f4; | |
| background-image: -moz-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eee)); | |
| background-image: -webkit-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: -o-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: linear-gradient(to bottom, #f8f8f8, #eee); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFEEEEEE', GradientType=0); | |
| color: #000 | |
| } | |
| .button.gray:active { | |
| background-color: #eee; | |
| background-image: -moz-linear-gradient(top, #eee, #eee); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee)); | |
| background-image: -webkit-linear-gradient(top, #eee, #eee); | |
| background-image: -o-linear-gradient(top, #eee, #eee); | |
| background-image: linear-gradient(to bottom, #eee, #eee); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFEEEEEE', GradientType=0) | |
| } | |
| .button.graydark { | |
| background-color: #f4f4f4; | |
| background-image: -moz-linear-gradient(top, #f3f3f3, #f6f6f6); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#f6f6f6)); | |
| background-image: -webkit-linear-gradient(top, #f3f3f3, #f6f6f6); | |
| background-image: -o-linear-gradient(top, #f3f3f3, #f6f6f6); | |
| background-image: linear-gradient(to bottom, #f3f3f3, #f6f6f6); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF3F3F3', endColorstr='#FFF6F6F6', GradientType=0); | |
| -webkit-text-shadow: 2px 1px 0 #fff; | |
| -moz-text-shadow: 2px 1px 0 #fff; | |
| text-shadow: 2px 1px 0 #fff; | |
| -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.25); | |
| box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.25); | |
| -webkit-border-radius: 50px; | |
| -moz-border-radius: 50px; | |
| border-radius: 50px; | |
| border: 1px solid #ececec; | |
| color: #737272; | |
| font-family: "Open Sans", sans-serif; | |
| font-weight: 800; | |
| text-transform: uppercase; | |
| padding: 12px 30px; | |
| position: relative | |
| } | |
| .button.graydark img { | |
| position: absolute; | |
| top: 29px; | |
| right: 26px; | |
| bottom: inherit; | |
| left: inherit | |
| } | |
| .button.graydark span { | |
| font-weight: 300; | |
| color: #333; | |
| text-transform: capitalize | |
| } | |
| .button.graydark:hover { | |
| background-color: #f4f4f4; | |
| background-image: -moz-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eee)); | |
| background-image: -webkit-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: -o-linear-gradient(top, #f8f8f8, #eee); | |
| background-image: linear-gradient(to bottom, #f8f8f8, #eee); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFEEEEEE', GradientType=0); | |
| color: #000 | |
| } | |
| .button.graydark:hover span { | |
| color: #000 | |
| } | |
| .button.graydark:active { | |
| background-color: #eee; | |
| background-image: -moz-linear-gradient(top, #eee, #eee); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee)); | |
| background-image: -webkit-linear-gradient(top, #eee, #eee); | |
| background-image: -o-linear-gradient(top, #eee, #eee); | |
| background-image: linear-gradient(to bottom, #eee, #eee); | |
| background-repeat: repeat-x; | |
| filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFEEEEEE', GradientType=0) | |
| } | |
| .button.blue { | |
| background: #00aeef | |
| } | |
| .button.blue:hover { | |
| background: #0089bc | |
| } | |
| .button.blue:active { | |
| background: #0076a3 | |
| } | |
| .social-testimonials { | |
| padding-top: 93px; | |
| padding-bottom: 85px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .social-testimonials { | |
| padding-top: 82px; | |
| padding-bottom: 107px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials { | |
| padding-top: 35px; | |
| padding-bottom: 49px | |
| } | |
| } | |
| .social-testimonials h2 { | |
| font-size: 36px; | |
| text-align: center; | |
| margin-bottom: 25px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials h2 { | |
| font-size: 30px; | |
| line-height: 32px | |
| } | |
| } | |
| .social-testimonials .social-item-list { | |
| font-size: 0; | |
| text-align: center | |
| } | |
| .social-testimonials .social-item-list::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .social-testimonials .social-item-list .item { | |
| height: 325px; | |
| width: 326px; | |
| position: relative; | |
| display: inline-block; | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item { | |
| height: 292px; | |
| width: 288px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item img { | |
| height: 325px; | |
| width: 326px; | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item img { | |
| height: 292px; | |
| width: 288px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item h4 { | |
| font-size: 14px; | |
| color: #fff; | |
| letter-spacing: -0.01em; | |
| margin-bottom: 7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item h4 { | |
| font-size: 13px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item p { | |
| font-size: 14px; | |
| line-height: 18px; | |
| font-family: "gotham_htf_bookregular", sans-serif; | |
| color: #fff | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item p { | |
| font-size: 13px; | |
| line-height: 16px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item:hover .hover-copy { | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1); | |
| opacity: 1; | |
| visibility: visible | |
| } | |
| .social-testimonials .social-item-list .item.active .hover-copy { | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1); | |
| opacity: 1; | |
| visibility: visible | |
| } | |
| .social-testimonials .social-item-list .item:before, | |
| .social-testimonials .social-item-list .item:after { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| content: ''; | |
| display: block; | |
| z-index: 9 | |
| } | |
| .social-testimonials .social-item-list .item:before { | |
| height: 66px; | |
| width: 66px; | |
| background-color: #00aeef | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item:before { | |
| height: 60px; | |
| width: 60px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item.twitter:before { | |
| background-color: #c0ff00 | |
| } | |
| .social-testimonials .social-item-list .item.twitter:after { | |
| content: "\e618"; | |
| color: #000; | |
| font-size: 32px; | |
| margin-top: 16px; | |
| margin-left: 14px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item.twitter:after { | |
| font-size: 28px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item.twitter h4 { | |
| color: #c0ff00 | |
| } | |
| .social-testimonials .social-item-list .item.fb:before { | |
| background-color: #00aeef | |
| } | |
| .social-testimonials .social-item-list .item.fb:after { | |
| content: "\e60c"; | |
| color: #fff; | |
| font-size: 39px; | |
| margin-top: 13px; | |
| margin-left: 12px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item.fb:after { | |
| font-size: 35px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item.fb h4 { | |
| color: #00aeef | |
| } | |
| .social-testimonials .social-item-list .item.blank:before, | |
| .social-testimonials .social-item-list .item.blank:after { | |
| display: none | |
| } | |
| .social-testimonials .social-item-list .item.pinterest:before { | |
| background-color: #fd19aa | |
| } | |
| .social-testimonials .social-item-list .item.pinterest:after { | |
| content: "\e610"; | |
| color: #fff; | |
| font-size: 40px; | |
| margin-top: 12px; | |
| margin-left: 16px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item.pinterest:after { | |
| font-size: 36px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item.pinterest h4 { | |
| color: #fd19aa | |
| } | |
| .social-testimonials .social-item-list .item.instagram:before { | |
| background-color: #06ffc7 | |
| } | |
| .social-testimonials .social-item-list .item.instagram:after { | |
| content: "\e60d"; | |
| color: #000; | |
| font-size: 39px; | |
| margin-left: 16px; | |
| margin-top: 14px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .social-item-list .item.instagram:after { | |
| font-size: 34px | |
| } | |
| } | |
| .social-testimonials .social-item-list .item.instagram h4 { | |
| color: #06ffc7 | |
| } | |
| .social-testimonials .social-item-list .item.zipbuds:before { | |
| display: none | |
| } | |
| .social-testimonials .social-item-list .item.zipbuds:after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: auto; | |
| height: 40px; | |
| content: "@zipbuds"; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| font-size: 36px; | |
| color: #06ffc7; | |
| z-index: 1 | |
| } | |
| .social-testimonials .social-item-list .item.zipbuds h4 { | |
| color: #06ffc7 | |
| } | |
| .social-testimonials .hover-copy { | |
| -webkit-transition: opacity 0.5s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.7s ease-in-out; | |
| -moz-transition: opacity 0.5s ease-in-out, visibility 0.3s ease-in-out, -moz-transform 0.7s ease-in-out; | |
| transition: opacity 0.5s ease-in-out, visibility 0.3s ease-in-out, transform 0.7s ease-in-out; | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| -ms-transform: scale(0); | |
| -o-transform: scale(0); | |
| transform: scale(0); | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 325px; | |
| width: 326px; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| opacity: 0; | |
| visibility: hidden; | |
| text-align: left; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .social-testimonials .hover-copy { | |
| height: 292px; | |
| width: 288px | |
| } | |
| } | |
| .social-testimonials .hover-copy .copy { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| padding-left: 27px; | |
| padding-right: 40px | |
| } | |
| .modal { | |
| overflow: auto; | |
| overflow-y: scroll; | |
| z-index: 100000; | |
| -webkit-overflow-scrolling: touch; | |
| outline: 0; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| .modal.fade .modal-dialog { | |
| -webkit-transform: translate(0, -20%); | |
| -moz-transform: translate(0, -20%); | |
| -ms-transform: translate(0, -20%); | |
| -o-transform: translate(0, -20%); | |
| transform: translate(0, -20%); | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| transition: 0.3s | |
| } | |
| .modal.in .modal-dialog { | |
| -webkit-transform: translate(0, 0); | |
| -moz-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| transform: translate(0, 0) | |
| } | |
| .modal .modal-dialog { | |
| width: auto; | |
| margin: 30px auto; | |
| position: relative | |
| } | |
| .modal .modal-content { | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| outline: 0; | |
| position: relative | |
| } | |
| .modal .close { | |
| color: #000; | |
| font-size: 18px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| .modal .modal-header .close { | |
| margin-top: -2px; | |
| margin: -2px 0 0 | |
| } | |
| .modal button.close { | |
| padding: 0; | |
| cursor: pointer; | |
| background: 0 0; | |
| border: 0; | |
| -webkit-appearance: none | |
| } | |
| .fade { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| -webkit-transition: opacity .15s linear; | |
| transition: opacity .15s linear | |
| } | |
| .fade.in { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| display: block | |
| } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1040; | |
| background-color: #000 | |
| } | |
| .modal-backdrop.fade { | |
| opacity: 0; | |
| filter: alpha(opacity=0) | |
| } | |
| .modal-backdrop.in { | |
| opacity: 0.5; | |
| filter: alpha(opacity=50) | |
| } | |
| .tooltip .tooltip-content { | |
| color: #fff; | |
| z-index: 999; | |
| background-image: url("../images/tooltip_head.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: left top; | |
| background-color: #313131; | |
| height: 100px; | |
| width: 264px; | |
| position: absolute; | |
| top: 44px; | |
| right: inherit; | |
| bottom: inherit; | |
| left: -170px; | |
| -webkit-transition: all 0.5s ease; | |
| -moz-transition: all 0.5s ease; | |
| transition: all 0.5s ease; | |
| -webkit-transform: translate(0, 20px); | |
| -moz-transform: translate(0, 20px); | |
| -ms-transform: translate(0, 20px); | |
| -o-transform: translate(0, 20px); | |
| transform: translate(0, 20px); | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| font-weight: 700 | |
| } | |
| .tooltip .tooltip-content ul { | |
| padding: 15px | |
| } | |
| .tooltip .tooltip-content ul li { | |
| padding: 8px 0 0 | |
| } | |
| .tooltip .tooltip-content ul li.icon_i:before, | |
| .tooltip .tooltip-content ul .products .list .product_item .overlay li:before, | |
| .products .list .product_item .overlay .tooltip .tooltip-content ul li:before { | |
| content: '\e801'; | |
| margin: 0 10px 0 0 | |
| } | |
| .tooltip .tooltip-content ul li span { | |
| font-weight: normal | |
| } | |
| .tooltip:hover .tooltip-content { | |
| -webkit-transform: translate(0, 0); | |
| -moz-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| opacity: 10; | |
| filter: alpha(opacity=1000) | |
| } | |
| .tooltip-noanimation .tooltip-content { | |
| color: #fff; | |
| z-index: 1; | |
| -webkit-transition: all 0.5s ease; | |
| -moz-transition: all 0.5s ease; | |
| transition: all 0.5s ease; | |
| -webkit-transform: translate(0, 20px); | |
| -moz-transform: translate(0, 20px); | |
| -ms-transform: translate(0, 20px); | |
| -o-transform: translate(0, 20px); | |
| transform: translate(0, 20px); | |
| height: 100px; | |
| width: 264px; | |
| position: absolute; | |
| top: 44px; | |
| right: inherit; | |
| bottom: inherit; | |
| left: -127px; | |
| font-weight: 700 | |
| } | |
| .tooltip-noanimation .tooltip-content ul { | |
| padding: 15px | |
| } | |
| .tooltip-noanimation .tooltip-content ul li { | |
| padding-top: 8px | |
| } | |
| .tooltip-noanimation .tooltip-content ul li.icon_i:before, | |
| .tooltip-noanimation .tooltip-content ul .products .list .product_item .overlay li:before, | |
| .products .list .product_item .overlay .tooltip-noanimation .tooltip-content ul li:before { | |
| content: '\e801'; | |
| margin: 0 0 10px | |
| } | |
| .tooltip-noanimation .tooltip-content ul li span { | |
| font-weight: normal | |
| } | |
| .logo { | |
| position: absolute; | |
| top: 16px; | |
| left: 95px; | |
| margin: 0; | |
| height: 39px; | |
| width: 125px; | |
| background: url("../images/redesign/zipbuds-logo-white.png") no-repeat center center transparent; | |
| z-index: 2; | |
| background-size: cover | |
| } | |
| @media only screen and (max-width: 1280px) { | |
| .logo { | |
| left: 15px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .logo { | |
| margin: 0 auto; | |
| left: 0; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .logo { | |
| height: 32px; | |
| width: 102px; | |
| top: 20px | |
| } | |
| } | |
| .logo a { | |
| height: 100%; | |
| width: 100%; | |
| line-height: 1px | |
| } | |
| .main-header { | |
| position: relative; | |
| background-color: #000; | |
| min-height: 72px; | |
| border-top: 1px solid #373737; | |
| z-index: 99 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .main-header { | |
| min-height: 74px | |
| } | |
| } | |
| .main-header .container { | |
| position: relative; | |
| z-index: 2 | |
| } | |
| .sign-up-form { | |
| font-size: 0 | |
| } | |
| .sign-up-form label { | |
| border-right: 1px solid #373737; | |
| line-height: 39px; | |
| padding-right: 10px; | |
| vertical-align: top | |
| } | |
| .sign-up-form .input-group { | |
| display: inline-block; | |
| position: relative; | |
| vertical-align: top | |
| } | |
| .sign-up-form .btn-submit { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| height: 39px; | |
| width: 39px; | |
| display: block; | |
| font-size: 0; | |
| color: transparent; | |
| text-align: center | |
| } | |
| .sign-up-form .btn-submit:before { | |
| -webkit-transition: border-color 0.4s ease-in-out; | |
| -moz-transition: border-color 0.4s ease-in-out; | |
| transition: border-color 0.4s ease-in-out; | |
| height: 0; | |
| width: 0; | |
| border-bottom: 6px solid transparent; | |
| border-left: 6px solid #898989; | |
| border-top: 6px solid transparent; | |
| margin: 0 auto; | |
| content: ''; | |
| display: block | |
| } | |
| .sign-up-form .btn-submit:hover:before { | |
| border-left-color: #00aeef | |
| } | |
| .sign-up-form .input-field { | |
| height: 39px; | |
| width: 287px; | |
| margin: 0; | |
| background-color: #000; | |
| color: #fff; | |
| padding-right: 45px; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .sign-up-form .input-field { | |
| width: 264px | |
| } | |
| } | |
| .signup-header-bar { | |
| font-size: 12px; | |
| line-height: 39px; | |
| border-bottom: 1px solid #515151; | |
| min-height: 39px; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #00aeef; | |
| background-color: #000 | |
| } | |
| .signup-header-bar::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .signup-header-bar .free-shipping { | |
| padding-left: 26px; | |
| border-left: 1px solid #373737; | |
| text-transform: uppercase | |
| } | |
| .social-links { | |
| font-size: 0 | |
| } | |
| .social-links a { | |
| -webkit-transition: color 0.5s ease-in-out; | |
| -moz-transition: color 0.5s ease-in-out; | |
| transition: color 0.5s ease-in-out; | |
| color: #959595; | |
| display: inline-block; | |
| font-size: 13px; | |
| vertical-align: middle | |
| } | |
| .social-links a:hover { | |
| color: #00aeef | |
| } | |
| .social-links a [class^="icon-"], | |
| .social-links a [class*=" icon-"] { | |
| display: block | |
| } | |
| .social-links a.fb { | |
| margin-right: 18px; | |
| font-size: 14px | |
| } | |
| .social-links a.twitter { | |
| margin-right: 14px | |
| } | |
| .social-links a.youtube { | |
| font-size: 15px; | |
| margin-right: 18px | |
| } | |
| .social-links a.pinterest { | |
| font-size: 15px; | |
| margin-right: 17px | |
| } | |
| .social-links a.instagram { | |
| margin-right: 15px | |
| } | |
| body.nav-is-sticky .main-header { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| -webkit-transform: translateZ(0); | |
| -moz-transform: translateZ(0); | |
| -ms-transform: translateZ(0); | |
| -o-transform: translateZ(0); | |
| transform: translateZ(0); | |
| width: 100%; | |
| background-color: #000; | |
| z-index: 999; | |
| position: fixed; | |
| top: 0; | |
| opacity: 1 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| body.nav-is-sticky .main-header { | |
| position: relative | |
| } | |
| } | |
| body.nav-is-sticky .main-header.invisible { | |
| opacity: 0; | |
| top: -73px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| body.nav-is-sticky .main-header.invisible { | |
| opacity: 1; | |
| top: 0 | |
| } | |
| } | |
| body.nav-is-sticky .main-header.invisible.is-sticky { | |
| -webkit-transition: background 0.4s, opacity 0.3s, top 0.3s ease-in-out; | |
| -moz-transition: background 0.4s, opacity 0.3s, top 0.3s ease-in-out; | |
| transition: background 0.4s, opacity 0.3s, top 0.3s ease-in-out; | |
| top: 0; | |
| opacity: 1 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| body.nav-is-sticky .main-header.invisible.is-sticky { | |
| position: relative | |
| } | |
| } | |
| body.nav-is-sticky [role="main"] { | |
| padding-top: 73px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| body.nav-is-sticky [role="main"] { | |
| padding-top: 0 | |
| } | |
| } | |
| body.nav-is-sticky .primary-nav { | |
| height: 72px; | |
| padding-top: 0 | |
| } | |
| body.nav-is-sticky .primary-nav a:before { | |
| bottom: -12px; | |
| border-width: 7px | |
| } | |
| body.nav-is-sticky .user-menu { | |
| top: 11px | |
| } | |
| body.nav-is-sticky .user-menu a:before { | |
| bottom: -18px; | |
| border-width: 7px | |
| } | |
| body.nav-is-sticky .sub-menu-container.is-open { | |
| top: 72px | |
| } | |
| .site-footer { | |
| position: relative; | |
| min-height: 422px; | |
| background: url("../images/redesign/footer-bg.jpg") no-repeat center center #202020; | |
| background-size: cover; | |
| padding-top: 56px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer { | |
| background-image: url("../images/redesign/footer-bg-mobile.jpg"); | |
| text-align: center; | |
| padding-top: 52px; | |
| padding-bottom: 44px | |
| } | |
| } | |
| .site-footer .left-col { | |
| float: left; | |
| padding-left: 82px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .site-footer .left-col { | |
| padding-left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer .left-col { | |
| padding-left: 0; | |
| float: none | |
| } | |
| } | |
| .site-footer .right-col { | |
| float: right; | |
| width: 316px; | |
| padding-top: 3px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .site-footer .right-col { | |
| width: 244px; | |
| padding-top: 7px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer .right-col { | |
| width: auto; | |
| padding: 0; | |
| float: none | |
| } | |
| } | |
| .site-footer h4 { | |
| font-size: 16px; | |
| line-height: normal; | |
| color: #00aeef; | |
| text-transform: uppercase; | |
| margin-bottom: 15px | |
| } | |
| .site-footer a { | |
| color: #fff; | |
| font-size: 14px; | |
| letter-spacing: -0.02em; | |
| margin-bottom: 15px; | |
| display: block | |
| } | |
| .site-footer a:hover { | |
| color: #00aeef | |
| } | |
| .site-footer p { | |
| font-size: 14px; | |
| color: #fff; | |
| letter-spacing: -0.02em; | |
| margin-bottom: 14px; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .site-footer .address h4 { | |
| color: #fff; | |
| font-size: 14px; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .site-footer .address.media { | |
| display: none | |
| } | |
| .site-footer .head-office { | |
| position: relative | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer .head-office { | |
| margin-bottom: 54px | |
| } | |
| } | |
| .site-footer .head-office:before { | |
| content: "\e614"; | |
| color: #fff; | |
| font-size: 33px; | |
| margin-bottom: 21px; | |
| text-shadow: 0 1px 1px #0B0B0B | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .site-footer .head-office:before { | |
| margin-bottom: 32px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer .head-office:before { | |
| font-size: 54px; | |
| margin-bottom: 47px | |
| } | |
| } | |
| .site-footer .footer-site-nav>li { | |
| display: block; | |
| float: left; | |
| width: 271px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .site-footer .footer-site-nav>li { | |
| width: auto; | |
| padding-left: 50px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .site-footer .footer-site-nav>li { | |
| padding: 0; | |
| float: none; | |
| width: 100%; | |
| margin-bottom: 70px | |
| } | |
| } | |
| .site-footer .social-links { | |
| font-size: 0 | |
| } | |
| .site-footer .social-links a { | |
| display: inline-block; | |
| color: #959595; | |
| text-shadow: 0 1px 1px #0B0B0B | |
| } | |
| .site-footer .social-links a.fb { | |
| font-size: 25px; | |
| margin-right: 36px | |
| } | |
| .site-footer .social-links a.twitter { | |
| font-size: 21px; | |
| margin-right: 28px | |
| } | |
| .site-footer .social-links a.youtube { | |
| font-size: 23px; | |
| margin-right: 35px | |
| } | |
| .site-footer .social-links a.pinterest { | |
| font-size: 27px; | |
| margin-right: 32px | |
| } | |
| .site-footer .social-links a.instagram { | |
| font-size: 22px | |
| } | |
| .cart .cart-widgets .widget input, | |
| .cart .cart-widgets .widget select, | |
| .cart .cart-widgets .widget .customSelect, | |
| .contact-form .text-fields input, | |
| .contact-form .text-fields select, | |
| .contact-form .text-fields textarea, | |
| .products-page .products .qty input[type="text"] { | |
| border: 1px solid #e9e9e9; | |
| height: 25px; | |
| background: #fff; | |
| padding: 2px 5px; | |
| outline: none; | |
| color: #333 | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="password"], | |
| textarea { | |
| -webkit-appearance: none; | |
| -webkit-border-radius: 0px; | |
| -moz-border-radius: 0px; | |
| border-radius: 0px | |
| } | |
| .input-field { | |
| font-size: 12px; | |
| line-height: normal; | |
| padding: 0 10px; | |
| margin: 0 0 13px; | |
| -webkit-transition: border-color 0.5s, color 0.5s; | |
| -moz-transition: border-color 0.5s, color 0.5s; | |
| transition: border-color 0.5s, color 0.5s; | |
| height: 50px; | |
| width: 100%; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #252525; | |
| border: 1px solid #000; | |
| font-weight: normal; | |
| outline: none; | |
| -webkit-appearance: none | |
| } | |
| .input-field::-webkit-input-placeholder { | |
| -webkit-transition: color 0.5s; | |
| -moz-transition: color 0.5s; | |
| transition: color 0.5s; | |
| color: #898989 | |
| } | |
| .input-field::-moz-placeholder { | |
| -webkit-transition: color 0.5s; | |
| -moz-transition: color 0.5s; | |
| transition: color 0.5s; | |
| color: #898989 | |
| } | |
| .input-field:-moz-placeholder { | |
| -webkit-transition: color 0.5s; | |
| -moz-transition: color 0.5s; | |
| transition: color 0.5s; | |
| color: #898989 | |
| } | |
| .input-field:-ms-input-placeholder { | |
| -webkit-transition: color 0.5s; | |
| -moz-transition: color 0.5s; | |
| transition: color 0.5s; | |
| color: #898989 | |
| } | |
| .input-field:focus::-webkit-input-placeholder { | |
| color: transparent | |
| } | |
| .input-field:focus::-moz-placeholder { | |
| color: transparent | |
| } | |
| .input-field:focus:-moz-placeholder { | |
| color: transparent | |
| } | |
| .input-field:focus:-ms-input-placeholder { | |
| color: transparent | |
| } | |
| label { | |
| font-size: 12px; | |
| line-height: normal; | |
| display: inline-block | |
| } | |
| .choose-qty label { | |
| display: none | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty label { | |
| display: inline-block | |
| } | |
| } | |
| .choose-qty .change-qty { | |
| width: 54px; | |
| display: block; | |
| position: relative | |
| } | |
| .choose-qty .change-qty .input-field { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| height: 45px; | |
| width: 54px; | |
| margin: 0; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| border: 1px solid #c2c2c2; | |
| font-size: 18px; | |
| font-family: "GothamHTF Light", futura, sans-serif; | |
| color: #959595 | |
| } | |
| .choose-qty .change-qty .increment { | |
| position: absolute; | |
| top: 0; | |
| right: 5px; | |
| height: 12px; | |
| width: 10px; | |
| display: block; | |
| cursor: pointer | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty .change-qty .increment { | |
| height: 30px; | |
| width: 30px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .choose-qty .change-qty .increment { | |
| height: 12px; | |
| width: 10px | |
| } | |
| } | |
| .choose-qty .change-qty .increment span { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: auto; | |
| display: block | |
| } | |
| .choose-qty .change-qty .increment:hover .v { | |
| border-bottom-color: #00aeef | |
| } | |
| .choose-qty .change-qty .increment:hover .h { | |
| border-top-color: #00aeef | |
| } | |
| .choose-qty .change-qty .increment .v { | |
| height: 0; | |
| width: 0; | |
| border-bottom: 5px solid #c2c2c2; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty .change-qty .increment .v { | |
| border-width: 10px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .choose-qty .change-qty .increment .v { | |
| border-width: 5px | |
| } | |
| } | |
| .choose-qty .change-qty .increment .h { | |
| height: 0; | |
| width: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top: 5px solid #c2c2c2 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty .change-qty .increment .h { | |
| border-width: 10px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .choose-qty .change-qty .increment .h { | |
| border-width: 5px | |
| } | |
| } | |
| .choose-qty .change-qty .increment.decrease { | |
| top: inherit; | |
| bottom: 50%; | |
| margin-bottom: -12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty .change-qty .increment.decrease { | |
| margin-bottom: -30px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .choose-qty .change-qty .increment.decrease { | |
| margin-bottom: -12px | |
| } | |
| } | |
| .choose-qty .change-qty .increment.increase { | |
| top: 50%; | |
| margin-top: -12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .choose-qty .change-qty .increment.increase { | |
| margin-top: -30px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .choose-qty .change-qty .increment.increase { | |
| margin-top: -12px | |
| } | |
| } | |
| .hero-banner { | |
| height: 614px; | |
| width: 100%; | |
| position: relative | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .hero-banner { | |
| height: 348px | |
| } | |
| } | |
| .hero-banner #StrobeMediaPlayback { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| height: 614px; | |
| width: 100%; | |
| z-index: -1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .hero-banner #StrobeMediaPlayback { | |
| height: 348px | |
| } | |
| } | |
| .hero-banner .container { | |
| z-index: 2; | |
| position: relative; | |
| height: 614px; | |
| padding-top: 190px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hero-banner .container { | |
| padding-top: 197px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .hero-banner .container { | |
| height: 348px; | |
| padding-top: 109px | |
| } | |
| } | |
| .hero-banner h1 { | |
| color: #fff; | |
| text-align: center; | |
| text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.33) | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hero-banner h1 { | |
| margin-bottom: 23px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .hero-banner h1 { | |
| margin-bottom: 70px | |
| } | |
| } | |
| .hero-banner .zipbuds-slide { | |
| position: absolute; | |
| right: 125px; | |
| bottom: 62px; | |
| height: 138px; | |
| width: 301px; | |
| background: url("../images/redesign/zipbuds-slide-tag.png") no-repeat center center transparent; | |
| background-size: contain; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hero-banner .zipbuds-slide { | |
| height: 106px; | |
| width: 232px; | |
| right: 78px; | |
| bottom: 65px | |
| } | |
| } | |
| .hero-banner .btn-buy-now { | |
| position: absolute; | |
| top: 209px; | |
| right: 90px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hero-banner .btn-buy-now { | |
| position: relative; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| margin: 0 auto | |
| } | |
| } | |
| .testimonials { | |
| padding: 8px 0; | |
| background-color: #0079A5; | |
| background-image: -webkit-linear-gradient(left, #0079A5 0%, #00AFEF 49%, #008BBE 100%); | |
| background-image: linear-gradient(to right, #0079A5 0%, #00AFEF 49%, #008BBE 100%); | |
| text-align: center; | |
| position: relative | |
| } | |
| .testimonials:before, | |
| .testimonials:after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| height: 8px; | |
| width: 100%; | |
| margin: 0 auto; | |
| background-color: #006B95; | |
| background-image: -webkit-linear-gradient(left, #006B95 0%, #009ED8 49%, #0276A4 100%); | |
| background-image: linear-gradient(to right, #006B95 0%, #009ED8 49%, #0276A4 100%); | |
| content: ''; | |
| display: block | |
| } | |
| .testimonials:after { | |
| top: inherit; | |
| bottom: 0 | |
| } | |
| .testimonials .container { | |
| padding-top: 11px | |
| } | |
| .testimonials h4 { | |
| font-size: 14px; | |
| line-height: normal; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #fff; | |
| margin-bottom: 11px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .testimonials h4 { | |
| font-size: 12px; | |
| line-height: 15px; | |
| margin-bottom: 14px | |
| } | |
| } | |
| .testimonials .logos { | |
| position: relative; | |
| padding-top: 11px; | |
| padding-bottom: 15px | |
| } | |
| .testimonials .logos:before { | |
| height: 2px; | |
| width: 100%; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| margin: 0 auto; | |
| max-width: 1200px; | |
| content: ''; | |
| display: block; | |
| background: url("../images/redesign/testimonial-divider.png") no-repeat top center transparent | |
| } | |
| .testimonials .logos ul { | |
| font-size: 0 | |
| } | |
| .testimonials .logos ul li { | |
| list-style: none; | |
| display: inline-block; | |
| vertical-align: middle; | |
| cursor: pointer | |
| } | |
| .testimonials .logos [class^="logo-"], | |
| .testimonials .logos [class*=" logo-"] { | |
| display: inline-block; | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| background-size: cover | |
| } | |
| .testimonials .logos .logo-the-verge { | |
| height: 16px; | |
| width: 92px; | |
| background-image: url("../images/redesign/the-verge-logo.png"); | |
| background-position: 0 -16px; | |
| margin-right: 45px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .testimonials .logos .logo-the-verge { | |
| height: 12px; | |
| width: 70px; | |
| background-position: 0 -12px; | |
| margin-right: 32px | |
| } | |
| } | |
| .testimonials .logos .logo-the-verge:hover { | |
| background-position: 0 0 | |
| } | |
| .testimonials .logos .logo-tc { | |
| height: 19px; | |
| width: 38px; | |
| background-image: url("../images/redesign/tech-crunch-logo.png"); | |
| background-position: 0 -19px; | |
| margin-right: 40px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .testimonials .logos .logo-tc { | |
| height: 13px; | |
| width: 27px; | |
| background-position: 0 -14px; | |
| margin-right: 45px | |
| } | |
| } | |
| .testimonials .logos .logo-tc:hover { | |
| background-position: 0 0 | |
| } | |
| .testimonials .logos .logo-the-ny-times { | |
| height: 19px; | |
| width: 130px; | |
| background-image: url("../images/redesign/the-ny-time.png"); | |
| background-position: 0 -19px; | |
| margin-right: 35px | |
| } | |
| .testimonials .logos .logo-the-ny-times:hover { | |
| background-position: 0 0 | |
| } | |
| .testimonials .logos .logo-ellen { | |
| height: 21px; | |
| width: 39px; | |
| background-image: url("../images/redesign/ellen-logo.png"); | |
| background-position: 0 -21px; | |
| margin-right: 40px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .testimonials .logos .logo-ellen { | |
| height: 16px; | |
| width: 31px; | |
| background-position: 0 -17px; | |
| margin-right: 0 | |
| } | |
| } | |
| .testimonials .logos .logo-ellen:hover { | |
| background-position: 0 0 | |
| } | |
| .testimonials .logos .logo-business-insider { | |
| height: 9px; | |
| width: 108px; | |
| background-image: url("../images/redesign/business-insider-logo.png"); | |
| background-position: 0 -9px | |
| } | |
| .testimonials .logos .logo-business-insider:hover { | |
| background-position: 0 0 | |
| } | |
| .block-description h2 { | |
| margin-bottom: 38px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description h2 { | |
| margin-bottom: 23px | |
| } | |
| } | |
| .block-description h3 { | |
| letter-spacing: -0.01em; | |
| margin-bottom: 2px; | |
| color: #00aeef | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description h3 { | |
| margin-bottom: 4px | |
| } | |
| } | |
| .block-description p { | |
| line-height: 18px; | |
| letter-spacing: 0.01em; | |
| margin-bottom: 20px; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description p { | |
| margin-bottom: 25px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description p { | |
| font-size: 12px; | |
| line-height: 15px; | |
| margin-bottom: 10px | |
| } | |
| } | |
| .block-description .popup-overlay { | |
| position: absolute; | |
| top: 130px; | |
| right: -14px; | |
| z-index: 3 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .popup-overlay { | |
| margin: 0 auto; | |
| top: 21px; | |
| left: 0; | |
| right: 0 | |
| } | |
| } | |
| .block-description .popup-overlay.is-hover .overlay-copy { | |
| max-height: 900px; | |
| opacity: 1 | |
| } | |
| .block-description .popup-overlay .btn-popup { | |
| height: 55px; | |
| width: 55px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| background-color: #000; | |
| border: 3px solid #fff; | |
| color: #fff; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .popup-overlay .btn-popup { | |
| display: block; | |
| margin: 0 auto | |
| } | |
| } | |
| .block-description .popup-overlay .btn-popup i { | |
| font-size: 24px | |
| } | |
| .block-description .popup-overlay .btn-popup .icon-music { | |
| display: block; | |
| margin-left: -3px | |
| } | |
| .block-description .popup-overlay .overlay-copy { | |
| -webkit-transition: max-height 0.5s ease-in-out, opacity 0.55s ease-in-out; | |
| -moz-transition: max-height 0.5s ease-in-out, opacity 0.55s ease-in-out; | |
| transition: max-height 0.5s ease-in-out, opacity 0.55s ease-in-out; | |
| position: absolute; | |
| top: 26px; | |
| right: 26px; | |
| width: 322px; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| z-index: -1; | |
| max-height: 0; | |
| overflow: hidden; | |
| opacity: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .popup-overlay .overlay-copy { | |
| top: 33px; | |
| width: 100%; | |
| left: 0; | |
| right: 0 | |
| } | |
| } | |
| .block-description .popup-overlay .overlay-copy .copy { | |
| padding: 14px 18px 0 | |
| } | |
| .block-description .popup-overlay .overlay-copy h4 { | |
| font-size: 16px; | |
| color: #c0ff00; | |
| margin-bottom: 9px | |
| } | |
| .block-description .popup-overlay .overlay-copy h5 { | |
| font-size: 14px; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #fff; | |
| margin-bottom: 7px | |
| } | |
| .block-description .popup-overlay .overlay-copy p { | |
| font-size: 10px; | |
| line-height: 14px; | |
| color: #fff | |
| } | |
| .block-description .description { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| margin: 0 auto 0 76px; | |
| max-width: 390px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description .description { | |
| margin-left: 52px; | |
| max-width: 300px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .description { | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| -o-transform: none; | |
| transform: none; | |
| padding: 22px 30px 32px 23px; | |
| max-width: inherit; | |
| top: 0; | |
| margin-left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .description .btn { | |
| width: 100% | |
| } | |
| } | |
| .block-description .img { | |
| display: block; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover | |
| } | |
| .block-description .col { | |
| position: relative | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .col { | |
| width: 100%; | |
| float: none | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description .col.right-content { | |
| height: auto !important | |
| } | |
| } | |
| .block-description.img-1 .col { | |
| height: 623px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-1 .col { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-1 .col { | |
| height: 227px | |
| } | |
| } | |
| .block-description.img-1 .img { | |
| height: 623px; | |
| width: 100%; | |
| background-image: url("../images/redesign/home-img-1.jpg") | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-1 .img { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-1 .img { | |
| height: 227px | |
| } | |
| } | |
| .block-description.img-2 .col { | |
| height: 630px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-2 .col { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .col { | |
| height: 214px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .col.image { | |
| width: 100%; | |
| float: none | |
| } | |
| } | |
| .block-description.img-2 .description { | |
| margin-left: auto; | |
| margin-right: 76px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-2 .description { | |
| margin-right: 52px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .description { | |
| margin: 0 | |
| } | |
| } | |
| .block-description.img-2 .img { | |
| height: 630px; | |
| width: 100%; | |
| background-image: url("../images/redesign/home-img-2.jpg") | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-2 .img { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .img { | |
| height: 214px | |
| } | |
| } | |
| .block-description.img-2 .btn-buy-now { | |
| position: absolute; | |
| top: 130px; | |
| left: 410px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-2 .btn-buy-now { | |
| left: inherit; | |
| right: 17px; | |
| top: 81px | |
| } | |
| } | |
| .block-description.img-2 .popup-overlay { | |
| position: absolute; | |
| top: 130px; | |
| right: 0; | |
| left: -14px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .popup-overlay { | |
| margin: 0 auto; | |
| top: 21px; | |
| left: 0; | |
| right: 0 | |
| } | |
| } | |
| .block-description.img-2 .popup-overlay .btn-popup i { | |
| font-size: 23px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .popup-overlay .copy { | |
| padding-top: 25px | |
| } | |
| } | |
| .block-description.img-2 .popup-overlay .overlay-copy { | |
| position: absolute; | |
| top: 40px; | |
| right: 0; | |
| left: 26px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-2 .popup-overlay .overlay-copy { | |
| top: 33px; | |
| width: 100%; | |
| left: 0; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-3 { | |
| padding-bottom: 68px | |
| } | |
| } | |
| .block-description.img-3 .col { | |
| height: 658px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-3 .col { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-3 .col { | |
| height: 262px | |
| } | |
| } | |
| .block-description.img-3 .img { | |
| height: 658px; | |
| width: 100%; | |
| background-image: url("../images/redesign/home-img-3.jpg") | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .block-description.img-3 .img { | |
| height: 540px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .block-description.img-3 .img { | |
| height: 262px | |
| } | |
| } | |
| .phone-os { | |
| -webkit-box-shadow: inset -4px -14px 30px -2px rgba(0, 0, 0, 0.21); | |
| box-shadow: inset -4px -14px 30px -2px rgba(0, 0, 0, 0.21); | |
| height: 196px; | |
| background-color: #00aeef; | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os { | |
| height: 129px | |
| } | |
| } | |
| .phone-os .btn-buy-now { | |
| position: absolute; | |
| top: -50px; | |
| right: 117px | |
| } | |
| .phone-os .phone-bg { | |
| position: relative; | |
| padding-top: 15px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os .phone-bg { | |
| padding-top: 7px | |
| } | |
| } | |
| .phone-os .phone-bg:before { | |
| position: absolute; | |
| top: -102px; | |
| right: 0; | |
| left: 0; | |
| margin: auto; | |
| height: 298px; | |
| width: 487px; | |
| background: url("../images/redesign/iphone-image.png") no-repeat top center transparent; | |
| background-size: cover; | |
| content: ''; | |
| display: block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os .phone-bg:before { | |
| height: 197px; | |
| width: 290px; | |
| top: -68px | |
| } | |
| } | |
| .phone-os h2 { | |
| font-size: 16px; | |
| letter-spacing: -0.01em; | |
| color: #fff; | |
| text-transform: uppercase; | |
| margin-bottom: 2px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os h2 { | |
| font-size: 10px; | |
| margin-bottom: 0 | |
| } | |
| } | |
| .phone-os ul { | |
| font-size: 0; | |
| margin: 0 -6px | |
| } | |
| .phone-os li { | |
| font-size: 12px; | |
| line-height: normal; | |
| padding: 0 6px; | |
| font-family: "GothamHTF Bold", sans-serif; | |
| color: #fff; | |
| display: inline-block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li { | |
| padding: 0 4px; | |
| font-size: 8px | |
| } | |
| } | |
| .phone-os li>span { | |
| height: 71px; | |
| width: 71px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| background-color: #fff; | |
| display: table-cell; | |
| vertical-align: middle | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li>span { | |
| height: 44px; | |
| width: 44px | |
| } | |
| } | |
| .phone-os li .text { | |
| height: auto; | |
| width: auto; | |
| background: none; | |
| display: block; | |
| padding-top: 8px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li .text { | |
| padding-top: 5px | |
| } | |
| } | |
| .phone-os li .icon-android { | |
| font-size: 45px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li .icon-android { | |
| font-size: 29px | |
| } | |
| } | |
| .phone-os li .icon-apple { | |
| font-size: 45px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li .icon-apple { | |
| font-size: 28px | |
| } | |
| } | |
| .phone-os li .icon-windows { | |
| font-size: 42px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li .icon-windows { | |
| font-size: 27px | |
| } | |
| } | |
| .phone-os li .icon-blackberry { | |
| font-size: 30px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .phone-os li .icon-blackberry { | |
| font-size: 21px | |
| } | |
| } | |
| .stand-by { | |
| height: 538px; | |
| width: 100%; | |
| background: url("../images/redesign/support-bg.jpg") no-repeat center center #202020; | |
| background-size: cover; | |
| text-align: center; | |
| padding-top: 89px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .stand-by { | |
| background-image: url("../images/redesign/support-bg-mobile.jpg"); | |
| height: auto; | |
| padding-top: 42px; | |
| padding-bottom: 47px | |
| } | |
| } | |
| .stand-by h2 { | |
| color: #fff; | |
| margin-bottom: 46px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .stand-by h2 { | |
| font-size: 50px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .stand-by h2 { | |
| font-size: 30px; | |
| margin-bottom: 44px | |
| } | |
| } | |
| .stand-by .row { | |
| padding: 0 200px; | |
| margin-bottom: 55px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .stand-by .row { | |
| padding: 0 60px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .stand-by .row { | |
| padding: 0; | |
| margin-bottom: 12px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .stand-by .col { | |
| width: 100%; | |
| margin-bottom: 25px | |
| } | |
| } | |
| .stand-by .cta .btn { | |
| width: 200px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .stand-by .cta .btn { | |
| padding-top: 15px; | |
| padding-bottom: 15px; | |
| font-size: 14px | |
| } | |
| } | |
| .stand-by .item { | |
| height: 183px; | |
| width: 183px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| margin: 0 auto; | |
| display: block; | |
| overflow: hidden | |
| } | |
| .stand-by .origami { | |
| height: 183px; | |
| width: 183px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50% | |
| } | |
| .stand-by .origami img { | |
| height: 183px; | |
| width: 183px | |
| } | |
| .stand-by .origami.hover .kami.origami-content { | |
| border-color: #000 | |
| } | |
| .stand-by .kami { | |
| height: 183px; | |
| width: 183px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| border: 6px solid #fff; | |
| background-color: #000 | |
| } | |
| .stand-by .kami p { | |
| font-size: 12px; | |
| line-height: 14px; | |
| color: #fff; | |
| font-family: "GothamHTF Medium", futura, sans-serif | |
| } | |
| .stand-by .img-1 .kami { | |
| background: url("../images/redesign/origami-1.png") no-repeat center center #000; | |
| background-size: cover | |
| } | |
| .stand-by .img-1 .origami-content { | |
| background-image: none | |
| } | |
| .stand-by .img-2 .kami { | |
| background: url("../images/redesign/origami-2.png") no-repeat center center #000; | |
| background-size: cover | |
| } | |
| .stand-by .img-2 .origami-content { | |
| background-image: none | |
| } | |
| .stand-by .img-3 .kami { | |
| background: url("../images/redesign/origami-3.png") no-repeat center center #000; | |
| background-size: cover | |
| } | |
| .stand-by .img-3 .origami-content { | |
| background-image: none | |
| } | |
| .stand-by h3 { | |
| font-size: 22px; | |
| line-height: 23px; | |
| text-transform: uppercase; | |
| color: #fff; | |
| margin-top: -6px | |
| } | |
| .stand-by .copy-v-align { | |
| display: table-cell; | |
| height: 183px; | |
| vertical-align: middle | |
| } | |
| .product-review:after, | |
| .ratings:after, | |
| .box-reviews li.item:after { | |
| content: "."; | |
| clear: both; | |
| font-size: 0; | |
| line-height: 0; | |
| height: 0 | |
| } | |
| .ratings-table th, | |
| .ratings-table td { | |
| padding: 3px 0; | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: 1.5px | |
| } | |
| .product-review .product-img-box { | |
| width: 140px | |
| } | |
| .product-review .product-img-box .product-image { | |
| height: 125px; | |
| width: 125px | |
| } | |
| .product-review .product-img-box .label { | |
| margin: 0 0 3px | |
| } | |
| .product-review .product-img-box .ratings .rating-box { | |
| margin: 0 0 3px | |
| } | |
| .product-review .product-details { | |
| margin: 0 0 0 150px | |
| } | |
| .product-review .product-name { | |
| font-size: 16px; | |
| font-weight: 700; | |
| line-height: normal; | |
| margin: 0 0 10px | |
| } | |
| .product-review h3 { | |
| color: #2f2f2f; | |
| margin: 0 0 3px | |
| } | |
| .product-review .ratings-table { | |
| margin: 0 0 10px | |
| } | |
| .product-review dt { | |
| font-weight: 700 | |
| } | |
| .product-review dd { | |
| margin: 5px 0 0 | |
| } | |
| .ratings { | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: 1.25px | |
| } | |
| .ratings strong { | |
| margin: 1px 3px 0 0 | |
| } | |
| .ratings .rating-links { | |
| margin: 0 | |
| } | |
| .ratings .rating-links .separator { | |
| margin: 0 2px | |
| } | |
| .ratings .rating-box { | |
| margin: 0 3px 0 0 | |
| } | |
| .ratings-table th { | |
| padding: 0 8px 0 0; | |
| font-weight: bold | |
| } | |
| .catalog-product-view .short-description .std { | |
| width: auto | |
| } | |
| .catalog-product-view .short-description .no-rating a { | |
| width: auto; | |
| color: #787777; | |
| -webkit-transition: color 0.3s ease 0s; | |
| -moz-transition: color 0.3s ease 0s; | |
| transition: color 0.3s ease 0s | |
| } | |
| .catalog-product-view .short-description .no-rating a:hover { | |
| color: #000 | |
| } | |
| .catalog-product-view .form-add { | |
| border: solid 1px #e3e3e3; | |
| padding: 47px 39px | |
| } | |
| .product-view .box-reviews dl { | |
| margin: 15px 0 | |
| } | |
| .product-view .box-reviews dt a { | |
| font-weight: 700 | |
| } | |
| .product-view .box-reviews dt span { | |
| font-weight: 700 | |
| } | |
| .product-view .box-reviews dd { | |
| margin: 0 0 15px | |
| } | |
| .product-view .box-reviews dd small { | |
| font-style: italic | |
| } | |
| .product-view .box-reviews .form-add { | |
| margin: 15px 0 | |
| } | |
| .product-view .box-reviews .form-add h3 span { | |
| font-weight: 700 | |
| } | |
| .product-view .box-reviews .form-add .form-list { | |
| margin: 15px 0 0 | |
| } | |
| .product-view .box-reviews .form-add .form-list .input-box { | |
| width: 360px | |
| } | |
| .product-view .box-reviews .form-add .form-list textarea { | |
| width: 354px | |
| } | |
| .product-view .box-reviews .form-add .form-list input.input-text { | |
| width: 354px | |
| } | |
| .product-view .box-up-sell .products-grid .ratings .rating-box { | |
| margin: 0 0 3px | |
| } | |
| .no-rating { | |
| margin: 0 | |
| } | |
| .rating-box { | |
| font-size: 0; | |
| line-height: 0; | |
| height: 13px; | |
| width: 69px; | |
| background-image: url("../images/bkg_rating.gif"); | |
| background-repeat: repeat-x; | |
| background-position: 0 0 | |
| } | |
| .rating-box .rating { | |
| height: 13px; | |
| background-image: url("../images/bkg_rating.gif"); | |
| background-repeat: repeat-x; | |
| background-position: 0 100% | |
| } | |
| .amazon-rating { | |
| width: auto; | |
| position: relative | |
| } | |
| .amazon-rating .tooltip-content { | |
| color: #333; | |
| -webkit-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out; | |
| -moz-transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out; | |
| transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out; | |
| position: absolute; | |
| top: 15px; | |
| right: 0; | |
| bottom: inherit; | |
| left: inherit; | |
| height: auto; | |
| width: 210px; | |
| z-index: 999; | |
| height: 0; | |
| opacity: 0 | |
| } | |
| .amazon-rating .tooltip-content.is-open { | |
| opacity: 1; | |
| height: 163px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .amazon-rating .tooltip-content { | |
| width: 230px | |
| } | |
| } | |
| .amazon-rating .tooltip-content a { | |
| color: #333; | |
| text-decoration: none | |
| } | |
| .amazon-rating p.rating-links { | |
| width: auto | |
| } | |
| .amazon-rating p.rating-links .toogle-tooltip { | |
| height: 13px; | |
| width: 13px; | |
| position: relative; | |
| margin-left: 2px; | |
| float: left | |
| } | |
| .amazon-rating p.rating-links .toogle-tooltip:after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 0; | |
| width: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top: 5px solid #f7941d; | |
| margin: auto; | |
| content: '' | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content ul { | |
| padding: 10px | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li { | |
| width: 100%; | |
| font-weight: 600; | |
| padding: 0; | |
| margin: 0 0 4px | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li.list-head { | |
| padding: 0 0 0 30px | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li.list-foot a { | |
| text-decoration: underline | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span { | |
| height: 13px; | |
| line-height: 13px; | |
| vertical-align: top; | |
| padding: 0 0 0 10px | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span.label, | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span.progress, | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span.progress span { | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span.progress { | |
| background: #555; | |
| width: 114px | |
| } | |
| .amazon-rating.tooltip-noanimation .tooltip-content li span.progress span { | |
| background: #00b3f8 | |
| } | |
| .dashboard .box-reviews .number { | |
| color: #fff; | |
| font-size: 10px; | |
| font-weight: 700; | |
| line-height: 1px; | |
| padding: 2px 3px; | |
| margin: 3px -20px 0 0; | |
| background: #0a263c | |
| } | |
| .dashboard .box-reviews .details { | |
| margin: 0 0 0 20px | |
| } | |
| .dashboard .box-reviews .ratings { | |
| margin: 7px 0 0 | |
| } | |
| .dashboard .box-reviews .box-head h2 { | |
| background-image: url("../images/i_ma-reviews.gif"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0 | |
| } | |
| .dashboard .box-reviews li.item { | |
| margin: 0 0 7px | |
| } | |
| .dashboard .box-reviews li.item.last { | |
| margin: 0 | |
| } | |
| #my-reviews-table td { | |
| padding: 10px | |
| } | |
| .buzz-content { | |
| padding: 30px 0; | |
| border-bottom: 2px solid #ddd | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content { | |
| padding: 80px 0 0 | |
| } | |
| } | |
| .buzz-content .left-column { | |
| margin: 0 0 30px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .left-column { | |
| width: 62%; | |
| float: left | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .left-column { | |
| width: 65% | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .right-column { | |
| width: 35%; | |
| float: right | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .right-column { | |
| width: 32% | |
| } | |
| } | |
| .buzz-content .buzz-box { | |
| border-bottom: 1px solid #ddd; | |
| padding: 15px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .buzz-box { | |
| padding: 20px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .buzz-box { | |
| padding: 30px 0 | |
| } | |
| } | |
| .buzz-content .buzz-box:first-child { | |
| padding-top: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .buzz-box:last-child { | |
| border: none | |
| } | |
| } | |
| .buzz-content .buzz-box figure { | |
| border: 2px solid #cff0fc; | |
| height: 77px; | |
| width: 77px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .buzz-box figure { | |
| height: 150px; | |
| width: 150px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .buzz-box figure { | |
| height: 165px; | |
| width: 165px | |
| } | |
| } | |
| .buzz-content .buzz-box figure img { | |
| max-width: 100% | |
| } | |
| .buzz-content .buzz-box article { | |
| vertical-align: middle; | |
| height: 77px; | |
| width: 66%; | |
| margin: 0 0 0 15px; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .buzz-box article { | |
| height: 145px; | |
| width: 60% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .buzz-box article { | |
| height: 160px; | |
| width: 75%; | |
| margin: 0 0 0 20px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .buzz-box article br { | |
| display: block | |
| } | |
| } | |
| .buzz-content .buzz-box article p { | |
| color: #212121; | |
| width: 100%; | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .buzz-box article p { | |
| font-size: 17px; | |
| font-weight: normal; | |
| line-height: 25px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .buzz-box article p { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: 35px | |
| } | |
| } | |
| .buzz-content .buzz-box.buzz-box-right article { | |
| margin: 0 15px 0 0 | |
| } | |
| .buzz-content .social-box { | |
| margin: 0 0 35px | |
| } | |
| .buzz-content .social-box h3 { | |
| color: #333; | |
| padding: 1px 0 5px 28px; | |
| margin: 0 0 5px | |
| } | |
| .buzz-content .social-box h3.fb { | |
| background-image: url("../images/fb-icon.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0 | |
| } | |
| .buzz-content .social-box h3.tw { | |
| background-image: url("../images/tw-icon.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0 | |
| } | |
| .buzz-content .social-box h3.ins { | |
| background-image: url("../images/ins-icon.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0 | |
| } | |
| .buzz-content .social-box.ins-box { | |
| margin: 0 0 12px | |
| } | |
| .buzz-content .social-box.youtube-box .subscribe { | |
| color: #333; | |
| margin: 6px 0 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .social-box.youtube-box .subscribe { | |
| margin: 6px 0 0; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box.youtube-box .subscribe { | |
| margin: 2px 0 0 10px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .buzz-content .social-box .widget-box { | |
| border: 1px solid #c2c2c2 | |
| } | |
| .buzz-content .social-box .widget-box hgroup { | |
| background: #f5f5f5; | |
| border-bottom: 1px solid #c2c2c2; | |
| padding: 10px 15px; | |
| position: relative | |
| } | |
| .buzz-content .social-box .widget-box hgroup h4 { | |
| color: #333 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box .widget-box hgroup { | |
| padding: 15px | |
| } | |
| } | |
| .buzz-content .social-box .widget-box.fb-widget hgroup h4 { | |
| background-image: url("../images/zipbudsicon.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| padding: 7px 0 7px 40px | |
| } | |
| .buzz-content .social-box .widget-box.fb-widget .pluginConnectButton { | |
| border: none; | |
| position: absolute; | |
| top: -55px; | |
| right: -5px; | |
| bottom: inherit; | |
| left: inherit | |
| } | |
| .buzz-content .social-box .widget-box.fb-widget .creare-twitter li:first-child { | |
| top: -48px | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box .widget-box.fb-widget .creare-twitter li:first-child { | |
| top: -51px | |
| } | |
| } | |
| .buzz-content .social-box .creare-twitter { | |
| margin: 0 10px; | |
| position: relative | |
| } | |
| .buzz-content .social-box .creare-twitter li { | |
| color: #7e7d7d; | |
| border-bottom: 1px solid #c2c2c2; | |
| padding: 12px 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .social-box .creare-twitter li { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box .creare-twitter li { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .buzz-content .social-box .creare-twitter li a { | |
| color: #333 | |
| } | |
| .buzz-content .social-box .creare-twitter li:first-child { | |
| border: none; | |
| position: absolute; | |
| top: -41px; | |
| right: -5px; | |
| bottom: inherit; | |
| left: inherit | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box .creare-twitter li:first-child { | |
| top: -44px | |
| } | |
| } | |
| .buzz-content .social-box .creare-twitter li:last-child { | |
| border: none | |
| } | |
| .buzz-content .social-box .instagram-view { | |
| background: #f5f5f5; | |
| padding: 7px | |
| } | |
| .buzz-content .social-box .instagram-view div { | |
| width: 28.777%; | |
| margin: 6px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .buzz-content .social-box .instagram-view div { | |
| width: 28% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .buzz-content .social-box .instagram-view div { | |
| width: 29.888% | |
| } | |
| } | |
| .buzz-content .social-box .instagram-view div img { | |
| border: 1px solid #bcbcbc; | |
| max-width: 100%; | |
| height: 100%; | |
| width: 100% | |
| } | |
| .cart { | |
| color: #333; | |
| padding: 0 0 20px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart { | |
| padding: 0 0 80px | |
| } | |
| } | |
| .cart .page-head { | |
| padding: 15px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .page-head { | |
| padding: 20px 0; | |
| border: 1px solid #e9e9e9 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .page-head { | |
| padding: 25px 0 | |
| } | |
| } | |
| .cart .page-head h1 { | |
| text-transform: uppercase; | |
| color: #000; | |
| margin: 0 0 10px; | |
| font-weight: 300; | |
| font-family: 'Open Sans', sans-serif; | |
| letter-spacing: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .page-head h1 { | |
| float: left; | |
| font-size: 25px; | |
| font-weight: 300; | |
| line-height: normal; | |
| margin: 11px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .page-head h1 { | |
| font-size: 26px; | |
| font-weight: 300; | |
| line-height: normal | |
| } | |
| } | |
| .cart .page-head .button { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .page-head .button { | |
| width: auto; | |
| float: right; | |
| font-size: 20px; | |
| font-weight: 600; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .page-head .button { | |
| padding: 12px 30px | |
| } | |
| } | |
| .cart .page-head .badge { | |
| border-right: 1px solid #e9e9e9; | |
| padding: 10px 20px 0 0; | |
| margin: 9px 15px 0 0 | |
| } | |
| .cart .button { | |
| cursor: pointer; | |
| font-family: "Open Sans", sans-serif; | |
| padding: 12px 20px; | |
| -webkit-border-radius: 50px; | |
| -moz-border-radius: 50px; | |
| border-radius: 50px; | |
| font-weight: 600 | |
| } | |
| .cart .button.gray { | |
| border: 1px solid #eee; | |
| padding: 8px 15px; | |
| margin: 15px 0 0; | |
| font-weight: 600 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .button.gray { | |
| font-size: 13px; | |
| font-weight: 600; | |
| line-height: normal | |
| } | |
| } | |
| .cart .product-table { | |
| margin: 22px 0 0 | |
| } | |
| .cart .product-table th { | |
| border: 1px solid #eee; | |
| padding: 5px 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table th { | |
| text-align: center; | |
| padding: 12px 10px; | |
| font-size: 17px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table th { | |
| padding: 15px 10px; | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .product-table th.p_name { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table th.p_name { | |
| width: 58% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table th.p_name { | |
| width: 52% | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table th.p_price, | |
| .cart .product-table th.p_qty, | |
| .cart .product-table th.p_subtotal { | |
| width: 14%; | |
| display: table-cell | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table th.p_price, | |
| .cart .product-table th.p_qty, | |
| .cart .product-table th.p_subtotal { | |
| width: 16% | |
| } | |
| } | |
| .cart .product-table td { | |
| border: 1px solid #eee; | |
| border-top: none; | |
| vertical-align: top; | |
| width: 100%; | |
| padding: 10px; | |
| display: table-row | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td { | |
| width: 58%; | |
| border: 1px solid #eee; | |
| display: table-cell; | |
| float: none; | |
| padding: 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table td { | |
| width: 52% | |
| } | |
| } | |
| .cart .product-table td a { | |
| color: #34aee6; | |
| text-decoration: underline | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td .cart-price { | |
| padding: 8px 0 0 | |
| } | |
| } | |
| .cart .product-table td .product_info .image { | |
| height: 75px; | |
| width: 75px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td .product_info .image { | |
| height: 152px; | |
| width: 152px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table td .product_info .image { | |
| height: 180px; | |
| width: 180px | |
| } | |
| } | |
| .cart .product-table td .product_info .image img { | |
| height: 100%; | |
| width: 100% | |
| } | |
| .cart .product-table td .product_info .info { | |
| margin: 0 0 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td .product_info .info { | |
| width: 52% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table td .product_info .info { | |
| width: 64% | |
| } | |
| } | |
| .cart .product-table td .product_info h2 { | |
| text-transform: uppercase | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td .product_info h2 { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal; | |
| letter-spacing: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table td .product_info h2 { | |
| font-size: 30px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .product-table td .product_info h2 a { | |
| color: #000; | |
| text-decoration: none | |
| } | |
| .cart .product-table td input { | |
| border: 1px solid #eee; | |
| height: 24px; | |
| width: 40px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td input { | |
| height: 40px; | |
| width: 80px; | |
| line-height: 40px | |
| } | |
| } | |
| .cart .product-table td .txt-btn { | |
| background: none; | |
| border: none; | |
| color: #34aee6; | |
| text-decoration: none; | |
| font-weight: 300; | |
| cursor: pointer | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table td .txt-btn { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .product-table td .txt-btn:hover { | |
| text-decoration: none | |
| } | |
| .cart .product-table tbody td.a-right, | |
| .cart .product-table tbody td.a-center { | |
| width: 33.32%; | |
| height: 44px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table tbody td.a-right, | |
| .cart .product-table tbody td.a-center { | |
| width: 14%; | |
| display: table-cell; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .product-table tbody td.a-right, | |
| .cart .product-table tbody td.a-center { | |
| width: 16% | |
| } | |
| } | |
| .cart .product-table tbody td.a-right .cart-price, | |
| .cart .product-table tbody td.a-center .cart-price { | |
| margin: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .product-table tbody td.a-right .cart-price, | |
| .cart .product-table tbody td.a-center .cart-price { | |
| margin: 0; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .product-table tbody td.a-center { | |
| border-right: none; | |
| border-left: none | |
| } | |
| .cart .product-table tfoot td { | |
| border: 0; | |
| padding: 0 | |
| } | |
| .cart .product-table tfoot td.a-right, | |
| .cart .product-table tfoot td.a-center { | |
| display: table-cell | |
| } | |
| .cart .cart-widgets { | |
| margin: 41px 0 | |
| } | |
| .cart .cart-widgets h2 { | |
| text-transform: uppercase; | |
| font-size: 15px; | |
| font-weight: normal; | |
| line-height: normal; | |
| letter-spacing: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets h2 { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .cart-widgets .wrapper, | |
| .cart .cart-widgets body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .cart .cart-widgets .main-container, | |
| .cart .cart-widgets .cmspage { | |
| border: 1px solid #e9e9e9; | |
| background: #f4f4f4; | |
| padding: 0; | |
| margin: 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets .wrapper, | |
| .cart .cart-widgets body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .cart .cart-widgets .main-container, | |
| .cart .cart-widgets .cmspage { | |
| margin: 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .wrapper, | |
| .cart .cart-widgets body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .cart .cart-widgets .main-container, | |
| .cart .cart-widgets .cmspage { | |
| margin: 0 auto | |
| } | |
| } | |
| .cart .cart-widgets .widget { | |
| width: 100%; | |
| border-bottom: 1px solid #e9e9e9; | |
| padding: 15px; | |
| margin: 0 0 10px | |
| } | |
| .cart .cart-widgets .widget:last-child { | |
| border-bottom: none | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets .widget { | |
| width: 33.33333%; | |
| border-bottom: none; | |
| margin: 0; | |
| padding: 20px | |
| } | |
| } | |
| .cart .cart-widgets .widget.totals { | |
| border-right: 0 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.totals { | |
| width: 30% | |
| } | |
| } | |
| .cart .cart-widgets .widget.totals h2 { | |
| border-bottom: 1px solid #e9e9e9; | |
| padding-bottom: 10px; | |
| padding: 0 0 10px; | |
| margin: 0 0 10px; | |
| letter-spacing: 0 | |
| } | |
| .cart .cart-widgets .widget.totals table { | |
| width: 100%; | |
| margin: 0 0 10px | |
| } | |
| .cart .cart-widgets .widget.totals table td { | |
| padding: 4px 0 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.totals table td { | |
| padding: 8px 0; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cart .cart-widgets .widget.totals .checkout-types { | |
| border-top: 1px solid #e9e9e9; | |
| padding: 20px 0 0 | |
| } | |
| .cart .cart-widgets .widget.totals .checkout-types .button { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.totals .checkout-types .button { | |
| width: auto; | |
| margin: 0 auto; | |
| font-size: 20px; | |
| font-weight: 600; | |
| line-height: normal; | |
| padding: 12px 30px | |
| } | |
| } | |
| .cart .cart-widgets .widget.totals strong { | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.coupon { | |
| width: 30% | |
| } | |
| } | |
| .cart .cart-widgets .widget.coupon input { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets .widget.shipping { | |
| border-left: 1px solid #e9e9e9; | |
| border-right: 1px solid #e9e9e9; | |
| min-height: 450px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.shipping { | |
| min-height: 400px; | |
| width: 40% | |
| } | |
| } | |
| .cart .cart-widgets .widget.shipping li { | |
| margin: 0 0 15px | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.shipping li { | |
| margin: 0 0 20px | |
| } | |
| } | |
| .cart .cart-widgets .widget.shipping label { | |
| margin: 0 0 8px | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.shipping label { | |
| float: left; | |
| width: 30%; | |
| text-align: right; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal; | |
| padding: 8px 15px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.shipping .input-box { | |
| float: left; | |
| width: 70% | |
| } | |
| } | |
| .cart .cart-widgets .widget.shipping .input-box input, | |
| .cart .cart-widgets .widget.shipping .input-box select { | |
| width: 100% | |
| } | |
| .cart .cart-widgets .widget.shipping select { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget.shipping .buttons-set { | |
| padding: 0 0 0 30% | |
| } | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form { | |
| margin: 20px 0 0; | |
| background-image: url("../images/get-quote-tooltip-head.jpg"); | |
| background-repeat: repeat-x; | |
| background-position: center top; | |
| background-color: #333; | |
| padding: 25px 10px 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form { | |
| padding: 25px 15px 15px | |
| } | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form dt { | |
| color: #fff; | |
| padding: 0 0 10px; | |
| font-weight: 700 | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form dd { | |
| margin: 0 0 10px | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form label { | |
| color: #c7c7c7; | |
| display: inline | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form input { | |
| border: none; | |
| height: auto | |
| } | |
| .cart .cart-widgets .widget.shipping #co-shipping-method-form .buttons-set { | |
| padding: 0 | |
| } | |
| .cart .cart-widgets .widget p { | |
| border-bottom: 1px solid #e9e9e9; | |
| padding: 5px 0 8px; | |
| margin: 0 0 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cart .cart-widgets .widget p { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget p { | |
| padding: 5px 0 12px; | |
| margin: 0 0 15px | |
| } | |
| } | |
| .cart .cart-widgets .widget input, | |
| .cart .cart-widgets .widget select, | |
| .cart .cart-widgets .widget .customSelect { | |
| height: 34px | |
| } | |
| .cart .cart-widgets .widget input.validation-failed, | |
| .cart .cart-widgets .widget select.validation-failed, | |
| .cart .cart-widgets .widget .customSelect.validation-failed { | |
| border: 1px solid #c01617 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cart .cart-widgets .widget input, | |
| .cart .cart-widgets .widget select, | |
| .cart .cart-widgets .widget .customSelect { | |
| height: 40px | |
| } | |
| } | |
| body.checkout-onepage-success .wrapper, | |
| body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .cmspage { | |
| width: auto; | |
| padding: 0; | |
| margin: 0 | |
| } | |
| body.checkout-onepage-success .wrapper .wrapper, | |
| body.checkout-onepage-success .main-container .wrapper, | |
| body.checkout-onepage-success .cmspage .wrapper, | |
| body.checkout-onepage-success .wrapper .main-container, | |
| body.checkout-onepage-success .main-container .main-container, | |
| body.checkout-onepage-success .cmspage .main-container, | |
| body.checkout-onepage-success .wrapper .cmspage, | |
| body.checkout-onepage-success .main-container .cmspage, | |
| body.checkout-onepage-success .cmspage .cmspage { | |
| padding: 0 20px | |
| } | |
| @media only screen and (min-width: 480px) { | |
| body.checkout-onepage-success .wrapper .wrapper, | |
| body.checkout-onepage-success .main-container .wrapper, | |
| body.checkout-onepage-success .cmspage .wrapper, | |
| body.checkout-onepage-success .wrapper .main-container, | |
| body.checkout-onepage-success .main-container .main-container, | |
| body.checkout-onepage-success .cmspage .main-container, | |
| body.checkout-onepage-success .wrapper .cmspage, | |
| body.checkout-onepage-success .main-container .cmspage, | |
| body.checkout-onepage-success .cmspage .cmspage { | |
| padding: 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .wrapper .wrapper, | |
| body.checkout-onepage-success .main-container .wrapper, | |
| body.checkout-onepage-success .cmspage .wrapper, | |
| body.checkout-onepage-success .wrapper .main-container, | |
| body.checkout-onepage-success .main-container .main-container, | |
| body.checkout-onepage-success .cmspage .main-container, | |
| body.checkout-onepage-success .wrapper .cmspage, | |
| body.checkout-onepage-success .main-container .cmspage, | |
| body.checkout-onepage-success .cmspage .cmspage { | |
| width: 1170px; | |
| padding: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| body.checkout-onepage-success .join-mail-list { | |
| float: none; | |
| width: 560px; | |
| margin: 0 auto | |
| } | |
| } | |
| body.checkout-onepage-success .main-container { | |
| color: #333 | |
| } | |
| body.checkout-onepage-success .main-container .sub-title { | |
| padding: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| body.checkout-onepage-success .main-container .sub-title { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .sub-title { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| body.checkout-onepage-success .main-container p { | |
| padding: 0 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| body.checkout-onepage-success .main-container p { | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container p { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| body.checkout-onepage-success .main-container a { | |
| color: #00aeef | |
| } | |
| body.checkout-onepage-success .main-container .col-right { | |
| margin: 30px 0 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .col-right { | |
| margin: 40px auto; | |
| width: 80% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .col-right { | |
| width: 40%; | |
| margin: 60px auto | |
| } | |
| } | |
| body.checkout-onepage-success .main-container .block-creare-twitter { | |
| border: 1px solid #c2c2c2 | |
| } | |
| body.checkout-onepage-success .main-container .block-title { | |
| background: #f5f5f5; | |
| border-bottom: 1px solid #c2c2c2; | |
| padding: 10px 15px | |
| } | |
| body.checkout-onepage-success .main-container .block-title strong { | |
| color: #333 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .block-title { | |
| padding: 15px | |
| } | |
| } | |
| body.checkout-onepage-success .main-container .block-content { | |
| padding: 0 15px; | |
| position: relative | |
| } | |
| body.checkout-onepage-success .main-container .block-content li { | |
| color: #7e7d7d; | |
| border-bottom: 1px solid #c2c2c2; | |
| padding: 12px 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| body.checkout-onepage-success .main-container .block-content li { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .block-content li { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| body.checkout-onepage-success .main-container .block-content li a { | |
| color: #333 | |
| } | |
| body.checkout-onepage-success .main-container .block-content li:last-child { | |
| border: none; | |
| position: absolute; | |
| top: -41px; | |
| right: -5px; | |
| bottom: inherit; | |
| left: inherit | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| body.checkout-onepage-success .main-container .block-content li:last-child { | |
| top: -44px | |
| } | |
| } | |
| body.checkout-onepage-success .main-container .block-content li:nth-child(3) { | |
| border: none | |
| } | |
| .shopping-empty { | |
| color: #333; | |
| margin: 30px 0 | |
| } | |
| .shopping-empty .page-title { | |
| padding: 0 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .shopping-empty .page-title { | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .shopping-empty .page-title { | |
| font-size: 34px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .shopping-empty .page-title h1 { | |
| font-size: 34px; | |
| font-family: "Open Sans", sans-serif | |
| } | |
| .shopping-empty p { | |
| padding: 0 0 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .shopping-empty p { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .shopping-empty a { | |
| color: #00aeef | |
| } | |
| #shopping-cart-table { | |
| width: 100% | |
| } | |
| #shopping-cart-table tfoot td { | |
| padding: 15px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #shopping-cart-table tfoot td { | |
| padding: 30px 0 0 | |
| } | |
| } | |
| #shopping-cart-table tfoot .txt-btn { | |
| margin: 2px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #shopping-cart-table tfoot .txt-btn { | |
| margin: 10px 0 0 | |
| } | |
| } | |
| #shopping-cart-table tfoot .last .button, | |
| #shopping-cart-table tfoot .last .gray { | |
| padding: 6px 10px; | |
| margin: 3px 0 0; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #shopping-cart-table tfoot .last .button, | |
| #shopping-cart-table tfoot .last .gray { | |
| margin: 0 0 0 20px; | |
| padding: 11px 15px; | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: 20px | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #shopping-cart-table tfoot .last #empty_cart_button { | |
| display: inline-block | |
| } | |
| } | |
| .cmspage { | |
| padding-top: 20px !important | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage { | |
| padding-top: 40px !important | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage { | |
| padding-top: 60px !important | |
| } | |
| } | |
| .cmspage h1, | |
| .cmspage h2, | |
| .cmspage h3, | |
| .cmspage h4, | |
| .cmspage h5, | |
| .cmspage h6 { | |
| color: #000; | |
| margin: 0 0 15px; | |
| font-family: 'Open Sans', sans-serif; | |
| letter-spacing: 0 | |
| } | |
| .cmspage h1 { | |
| margin: 0 0 20px; | |
| font-size: 30px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h1 { | |
| font-size: 36px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h1 { | |
| font-size: 40px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage h2 { | |
| font-size: 28px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h2 { | |
| font-size: 30px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h2 { | |
| font-size: 36px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage h3 { | |
| padding: 15px 0 0; | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h3 { | |
| font-size: 26px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h3 { | |
| font-size: 32px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage h4 { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h4 { | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h4 { | |
| font-size: 26px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage h5 { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h5 { | |
| font-size: 18px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h5 { | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage h6 { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage h6 { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .cmspage h6 { | |
| font-size: 18px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .cmspage p, | |
| .cmspage li { | |
| margin: 0 0 15px; | |
| color: #959595 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .cmspage p, | |
| .cmspage li { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 25px | |
| } | |
| } | |
| .contact-form { | |
| width: 890px; | |
| height: 606px; | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| margin: -303px 0 0 -445px; | |
| background: #f6f6f6; | |
| display: none; | |
| -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.7); | |
| box-shadow: 0 0 8px rgba(50, 50, 50, 0.7) | |
| } | |
| .contact-form.popup-show { | |
| display: block; | |
| z-index: 1000 | |
| } | |
| .contact-form .form-content { | |
| border: 1px solid #e3e3e3; | |
| margin: 10px; | |
| padding: 51px 0 26px 58px; | |
| position: relative | |
| } | |
| .contact-form a.close { | |
| width: 21px; | |
| height: 21px; | |
| background-image: url("../images/close.gif"); | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| position: absolute; | |
| right: 10px; | |
| top: 15px | |
| } | |
| .contact-form h1 { | |
| font-size: 30px; | |
| color: #000; | |
| text-transform: uppercase | |
| } | |
| .contact-form .checkbox-list { | |
| color: #313131; | |
| margin-top: 55px; | |
| margin-bottom: 34px | |
| } | |
| .contact-form .checkbox-list label { | |
| margin-right: 20px | |
| } | |
| .contact-form .text-fields input, | |
| .contact-form .text-fields select, | |
| .contact-form .text-fields textarea { | |
| width: 345px; | |
| font-style: italic; | |
| padding-left: 10px; | |
| padding-left: 10px; | |
| background-image: url("../images/v-mark.gif"); | |
| background-repeat: no-repeat; | |
| background-position: top right | |
| } | |
| .contact-form .text-fields select { | |
| width: 50px; | |
| background: none | |
| } | |
| .contact-form .text-fields textarea { | |
| width: 751px; | |
| height: 159px | |
| } | |
| .contact-form .text-fields ul { | |
| overflow: hidden | |
| } | |
| .contact-form .text-fields li { | |
| width: 375px; | |
| margin-bottom: 26px; | |
| margin-right: 14px; | |
| min-height: 42px | |
| } | |
| .contact-form .text-fields .button { | |
| padding: 9px 23px | |
| } | |
| .fade { | |
| display: none | |
| } | |
| .fade.popup-show { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| display: block; | |
| z-index: 999; | |
| background: rgba(0, 0, 0, 0.5) | |
| } | |
| .featherlight .featherlight-content { | |
| max-width: 890px; | |
| max-height: 80% !important; | |
| background: #fbfbfb !important; | |
| padding: 10px !important; | |
| border: none !important | |
| } | |
| .featherlight .featherlight-content .featherlight-inner { | |
| border: 1px solid #ddd | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .featherlight .featherlight-content .featherlight-inner { | |
| padding: 0 25px 25px | |
| } | |
| } | |
| .featherlight .featherlight-content .featherlight-close-icon { | |
| background-image: url("../images/ligtboxclose.png"); | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| font-size: 0px; | |
| right: 17px; | |
| top: 15px | |
| } | |
| .featherlight .review-loop-content { | |
| padding: 15px; | |
| border-bottom: 2px solid #ddd | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .featherlight .review-loop-content { | |
| padding: 25px 10px 10px 60px; | |
| background-image: url("../images/review-qoutes.png"); | |
| background-repeat: no-repeat; | |
| background-position: 0 25px | |
| } | |
| } | |
| .featherlight .review-loop-content hgroup h6 { | |
| color: #333; | |
| margin: 0 0 10px; | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| .featherlight .review-loop-content hgroup aside { | |
| padding: 0 0 15px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .featherlight .review-loop-content hgroup aside .rating-box { | |
| float: left | |
| } | |
| } | |
| .featherlight .review-loop-content hgroup aside .namebox { | |
| margin: 15px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .featherlight .review-loop-content hgroup aside .namebox { | |
| border-left: 1px solid #ddd; | |
| float: left; | |
| margin: 0 0 0 15px | |
| } | |
| } | |
| .featherlight .review-loop-content hgroup aside span { | |
| color: #333 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .featherlight .review-loop-content hgroup aside span { | |
| margin: 0 0 0 15px | |
| } | |
| } | |
| .featherlight .review-loop-content hgroup aside span i { | |
| font-style: italic | |
| } | |
| .featherlight .review-loop-content article p { | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| color: #7e7d7d; | |
| font-style: italic; | |
| padding: 0 0 12px | |
| } | |
| .discount-coupon-cnt .modal-dialog { | |
| left: 0px !important; | |
| top: 0px !important; | |
| position: static !important; | |
| margin: 70px auto; | |
| height: auto; | |
| width: 90% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .modal-dialog { | |
| height: 364px; | |
| width: 650px; | |
| margin: 100px auto | |
| } | |
| } | |
| .discount-coupon-cnt .modal-dialog .modal-content { | |
| background-color: #fff; | |
| border: 5px solid #fff; | |
| height: auto; | |
| width: 100%; | |
| padding: 0 20px; | |
| background-image: url("../images/off-coupon-bg.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: left top; | |
| background-size: cover | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .modal-dialog .modal-content { | |
| height: 364px; | |
| width: 650px; | |
| padding: 0 32px; | |
| text-align: left | |
| } | |
| } | |
| .discount-coupon-cnt .modal-header { | |
| padding: 20px 0 0; | |
| margin: 0 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .modal-header { | |
| padding: 54px 0 0 | |
| } | |
| } | |
| .discount-coupon-cnt .modal-header button.close { | |
| color: #fff; | |
| margin: -50px -23px 0 0 | |
| } | |
| .discount-coupon-cnt .modal-footer { | |
| padding: 15px 0; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .modal-footer { | |
| padding: 36px 0 32px | |
| } | |
| } | |
| .discount-coupon-cnt .modal-footer a { | |
| text-decoration: underline; | |
| color: #fff; | |
| text-transform: uppercase; | |
| font-weight: 700 | |
| } | |
| .discount-coupon-cnt form { | |
| position: relative | |
| } | |
| .discount-coupon-cnt form .validation-advice { | |
| width: 100%; | |
| position: relative; | |
| right: 42px; | |
| bottom: inherit; | |
| left: inherit | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt form .validation-advice { | |
| top: 50px; | |
| text-align: left | |
| } | |
| } | |
| .discount-coupon-cnt .input-text { | |
| color: #797979; | |
| border: 1px solid #e7e7e7; | |
| font-style: italic; | |
| outline: none; | |
| -webkit-border-radius: 30px; | |
| -moz-border-radius: 30px; | |
| border-radius: 30px; | |
| height: 45px; | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .input-text { | |
| height: 45px; | |
| width: 319px; | |
| padding: 0 105px 0 18px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .discount-coupon-cnt .button { | |
| cursor: pointer; | |
| width: 100%; | |
| padding: 12px 23px 13px; | |
| margin: 23px 0 0; | |
| font-weight: 700; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt .button { | |
| margin: 0 0 0 -108px; | |
| top: -1px; | |
| width: auto | |
| } | |
| } | |
| .discount-coupon-cnt h2 { | |
| color: #ccf166; | |
| text-transform: uppercase; | |
| line-height: 25px; | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt h2 { | |
| font-size: 36px; | |
| font-weight: 700; | |
| line-height: 45px | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt h2 br { | |
| display: block | |
| } | |
| } | |
| .discount-coupon-cnt p { | |
| color: #fff; | |
| margin: 0 0 15px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .discount-coupon-cnt p { | |
| font-size: 16px; | |
| font-weight: normal; | |
| line-height: 25px | |
| } | |
| } | |
| .patent-page { | |
| padding: 0 0 30px | |
| } | |
| .patent-page .page-title { | |
| border-bottom: 1px solid #e9e9e9 | |
| } | |
| .patent-page p { | |
| color: #6b6a6a; | |
| padding: 0 0 25px; | |
| line-height: 18px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .patent-page p { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 22px | |
| } | |
| } | |
| .patent-page p .heighlight { | |
| color: #333; | |
| font-weight: 600 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .patent-page p .heighlight { | |
| font-size: 18px; | |
| font-weight: 600; | |
| line-height: normal | |
| } | |
| } | |
| .patent-page .patent-text { | |
| color: #00aeef; | |
| font-weight: 600; | |
| margin: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .patent-page .patent-text { | |
| margin: 0 0 10px; | |
| font-size: 18px; | |
| font-weight: 600; | |
| line-height: 23px | |
| } | |
| } | |
| .patent-page strong { | |
| font-weight: 600 | |
| } | |
| .patent-page h4 { | |
| color: #333; | |
| margin: 0 0 10px; | |
| font-weight: 600; | |
| line-height: 23px | |
| } | |
| .patent-page h3 { | |
| color: #333; | |
| font-weight: 600; | |
| line-height: 23px; | |
| margin: 10px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .patent-page .patents-list { | |
| margin: 0 50px 0 0; | |
| float: left | |
| } | |
| } | |
| .patent-page .patents-list p { | |
| margin: 0 0 13px | |
| } | |
| .patent-page ul { | |
| margin: 0 0 36px | |
| } | |
| .patent-page ul li { | |
| color: #313131; | |
| margin: 0 0 16px | |
| } | |
| .patent-page .zipbuds-logo { | |
| margin: 0 0 17px | |
| } | |
| .patent-page .color-black { | |
| color: #000 | |
| } | |
| .patent-page .left-col { | |
| padding: 20px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .patent-page .left-col { | |
| padding: 40px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .patent-page .left-col { | |
| width: 70% | |
| } | |
| } | |
| .patent-page address { | |
| margin: 0 0 20px | |
| } | |
| .patent-page address p { | |
| margin: 0 | |
| } | |
| .patent-page address h4 { | |
| margin: 0 0 5px | |
| } | |
| .support-page { | |
| padding: 0 0 30px | |
| } | |
| .support-page .page-title { | |
| border-bottom: 1px solid #e9e9e9 | |
| } | |
| .support-page .page-title p { | |
| font-weight: 400 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .page-title p { | |
| font-size: 13px; | |
| font-weight: 400; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .support-page .page-title p { | |
| font-size: 15px; | |
| font-weight: 400; | |
| line-height: normal | |
| } | |
| } | |
| .support-page .page-title .button { | |
| border: 1px solid #f3f3f3; | |
| padding: 6px 12px; | |
| margin: 0 0 0 10px; | |
| -webkit-border-radius: 50px; | |
| -moz-border-radius: 50px; | |
| border-radius: 50px; | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .page-title .button { | |
| font-size: 16px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 10px 20px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .support-page .page-title .button { | |
| font-size: 18px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 14px 26px; | |
| margin: 0 57px 0 10px | |
| } | |
| } | |
| .support-page .page-title .button.email-us-mobile-btn { | |
| display: inline-block | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .page-title .button.email-us-mobile-btn { | |
| display: none | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .page-title .button.tab-desktop-btn { | |
| display: inline-block | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .support-page .left-col { | |
| padding: 38px 0 0; | |
| float: left; | |
| width: 65% | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .support-page .right-col { | |
| width: 32%; | |
| float: right | |
| } | |
| } | |
| .support-page .mobile-jot-form { | |
| height: 0px | |
| } | |
| .support-page .mobile-jot-form.active { | |
| height: auto | |
| } | |
| .support-page .faqs-list { | |
| margin: 9px 0 0 | |
| } | |
| .support-page .faqs-list h3 { | |
| color: #333; | |
| border: 1px solid #e9e9e9; | |
| padding: 10px; | |
| background-image: url("../images/r_ar_mobile.gif"); | |
| background-repeat: no-repeat; | |
| background-position: right 20px; | |
| font-weight: 600; | |
| font-family: 'Open Sans', sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .faqs-list h3 { | |
| background-image: url("../images/r_ar_tab.gif"); | |
| background-repeat: no-repeat; | |
| background-position: right 22px; | |
| padding: 15px; | |
| font-size: 16px; | |
| font-weight: 600; | |
| line-height: 30px | |
| } | |
| } | |
| .support-page .faqs-list h3.active { | |
| background-position: right -40px | |
| } | |
| .support-page .faqs-list h3 .number { | |
| border: 2px solid #00aeef; | |
| color: #00aeef; | |
| line-height: 22px; | |
| height: 25px; | |
| width: 25px; | |
| margin: 1px 10px 0 0; | |
| -webkit-border-radius: 100%; | |
| -moz-border-radius: 100%; | |
| border-radius: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .faqs-list h3 .number { | |
| font-size: 18px; | |
| font-weight: 600; | |
| line-height: 26px; | |
| height: 30px; | |
| width: 30px | |
| } | |
| } | |
| .support-page .faqs-list .faq-content { | |
| border: 1px solid #e9e9e9; | |
| border-top: none; | |
| color: #6c6c6c; | |
| padding: 10px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .faqs-list .faq-content { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 25px; | |
| padding: 15px | |
| } | |
| } | |
| .support-page .faqs-list .faq-content p { | |
| margin: 0 0 15px; | |
| line-height: 25px | |
| } | |
| .support-page .faqs-list .faq-content img { | |
| max-width: 100% | |
| } | |
| .support-page .sidebar { | |
| padding: 44px 0 0 | |
| } | |
| .support-page .sidebar h4 { | |
| color: #333; | |
| border-bottom: 1px solid #e9e9e9; | |
| padding: 0 0 5px; | |
| font-weight: 700; | |
| font-family: 'Open Sans', sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar h4 { | |
| font-size: 23px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| } | |
| .support-page .sidebar h4 img { | |
| width: 28px; | |
| margin: 0 10px 10px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar h4 img { | |
| width: 32px; | |
| margin: 0 15px 10px 0 | |
| } | |
| } | |
| .support-page .sidebar p { | |
| color: #333; | |
| padding: 12px 0; | |
| line-height: 18px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar p { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 22px | |
| } | |
| } | |
| .support-page .sidebar .widget { | |
| margin: 0 0 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar .widget { | |
| margin: 0 0 35px | |
| } | |
| } | |
| .support-page .sidebar .button { | |
| width: 100%; | |
| font-size: 15px; | |
| font-weight: 700; | |
| line-height: normal; | |
| margin: 20px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar .button { | |
| width: 46%; | |
| margin: 20px 2% 0 0; | |
| font-size: 18px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .support-page .sidebar .button { | |
| width: 85% | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .support-page .sidebar .button span { | |
| font-size: 15px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .product-list { | |
| padding-top: 77px; | |
| padding-bottom: 40px; | |
| text-align: center; | |
| position: relative | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list { | |
| padding-top: 30px; | |
| padding-bottom: 0 | |
| } | |
| } | |
| .product-list h2 { | |
| font-size: 36px; | |
| text-align: center; | |
| margin-bottom: 48px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list h2 { | |
| font-size: 30px; | |
| margin-bottom: 0 | |
| } | |
| } | |
| .product-list .row { | |
| margin: 0 -12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-list .row { | |
| margin: 0; | |
| padding: 0 130px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .row { | |
| margin: 0 -15px; | |
| padding: 0 | |
| } | |
| } | |
| .product-list .col { | |
| padding: 0 12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-list .col { | |
| width: 50% | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .col { | |
| padding: 30px 0 44px; | |
| width: 100%; | |
| border-bottom: 1px solid #808080 | |
| } | |
| } | |
| .product-list .col:last-child { | |
| border-bottom: 0 | |
| } | |
| .product-list .product-item { | |
| margin-bottom: 76px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .product-item { | |
| margin-bottom: 0 | |
| } | |
| } | |
| .product-list .preview_wrapper .preview+.preview { | |
| display: none | |
| } | |
| .product-list .product-image { | |
| height: 153px; | |
| width: 153px; | |
| margin-bottom: 18px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .product-image { | |
| margin-bottom: 12px | |
| } | |
| } | |
| .product-list .about-product { | |
| margin-bottom: 15px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .about-product { | |
| margin-bottom: 17px | |
| } | |
| } | |
| .product-list .about-product .product-name { | |
| font-size: 16px; | |
| color: #000; | |
| text-transform: uppercase | |
| } | |
| .product-list .about-product .product-name a { | |
| color: #000 | |
| } | |
| .product-list .about-product .product-name a:hover { | |
| color: #00aeef | |
| } | |
| .product-list .about-product .price-box { | |
| display: block | |
| } | |
| .product-list .about-product .price-box .price { | |
| font-family: "GothamHTF Bold", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| text-transform: uppercase | |
| } | |
| .product-list .add-to-cart .btn { | |
| padding: 9px 12px 10px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-list .add-to-cart .btn { | |
| font-size: 14px | |
| } | |
| } | |
| .product-image-view { | |
| position: relative | |
| } | |
| .product-image-view .product-image-bg { | |
| height: 450px; | |
| width: 100%; | |
| position: relative; | |
| border-bottom: 1px solid #bbbbbb | |
| } | |
| .product-image-view .product-image-bg::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .product-image-bg { | |
| height: 514px; | |
| border-bottom: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-image-view .product-image-bg { | |
| height: 270px | |
| } | |
| } | |
| .product-image-view .product-image-bg img { | |
| margin: 0 auto; | |
| vertical-align: top; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .product-image-bg img { | |
| height: 514px; | |
| width: 640px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-image-view .product-image-bg img { | |
| height: 270px; | |
| width: auto | |
| } | |
| } | |
| .product-image-view .more-views { | |
| padding: 18px 0; | |
| border-top: 1px solid #d5d5d5 | |
| } | |
| .product-image-view .more-views::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .more-views { | |
| display: none | |
| } | |
| } | |
| .product-image-view .more-views ul { | |
| font-size: 0; | |
| text-align: center | |
| } | |
| .product-image-view .more-views ul li { | |
| padding: 0 3px; | |
| vertical-align: top; | |
| display: inline-block | |
| } | |
| .product-image-view .more-views ul li a { | |
| height: 68px; | |
| width: 68px; | |
| display: block; | |
| border: 1px solid #d7d7d7; | |
| outline: 1px solid transparent; | |
| overflow: hidden | |
| } | |
| .product-image-view .more-views ul li a:hover { | |
| outline-color: #464646; | |
| border-color: #464646 | |
| } | |
| .product-info::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info.show-on-tablet { | |
| padding: 26px 0 10px | |
| } | |
| } | |
| .product-info sup { | |
| font-size: 10px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info sup { | |
| font-size: 16px; | |
| top: -1em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info sup { | |
| font-size: 11px; | |
| top: -.5em | |
| } | |
| } | |
| .product-info .product-name { | |
| margin-bottom: 34px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name { | |
| margin-bottom: 11px | |
| } | |
| } | |
| .product-info .product-name h2 { | |
| font-size: 36px; | |
| line-height: normal; | |
| letter-spacing: 0.0em; | |
| margin-bottom: 5px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .product-name h2 { | |
| font-size: 60px; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name h2 { | |
| font-size: 30px; | |
| line-height: normal; | |
| margin-bottom: 3px | |
| } | |
| } | |
| .product-info .product-name .price { | |
| font-size: 20px; | |
| line-height: normal; | |
| font-family: "GothamHTF Bold", sans-serif | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .product-name .price { | |
| font-size: 40px; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name .price { | |
| font-size: 20px; | |
| line-height: normal | |
| } | |
| } | |
| .product-info .rating-price::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .product-info .price-box { | |
| float: left | |
| } | |
| .product-info .amazonelogo { | |
| float: right; | |
| margin-left: 10px | |
| } | |
| .product-info .ratings { | |
| float: right; | |
| position: relative; | |
| padding-right: 22px; | |
| padding-top: 6px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .ratings { | |
| float: left; | |
| padding-left: 22px; | |
| padding-top: 16px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .ratings { | |
| padding: 6px 4px 0 0; | |
| float: right | |
| } | |
| } | |
| .product-info .ratings .comments { | |
| display: none | |
| } | |
| .product-info .ratings .rating-box { | |
| font-size: 0; | |
| line-height: 0; | |
| height: 13px; | |
| width: 69px; | |
| float: left; | |
| background: url("../images/redesign/bkg_rating.gif") repeat-x 0 0 transparent | |
| } | |
| .product-info .ratings .rating-box .rating { | |
| height: 13px; | |
| float: left; | |
| background: url("../images/redesign/bkg_rating.gif") repeat-x 0 100% transparent | |
| } | |
| .product-info .ratings .toogle-tooltip { | |
| height: 13px; | |
| width: 13px; | |
| position: relative; | |
| margin-left: 2px; | |
| float: left | |
| } | |
| .product-info .ratings .toogle-tooltip:after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 0; | |
| width: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top: 5px solid #f7941d; | |
| margin: auto; | |
| content: '' | |
| } | |
| .product-info .ratings .tooltip-content { | |
| position: absolute; | |
| top: 7px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| font-size: 12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .ratings .tooltip-content { | |
| top: 33px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .ratings .tooltip-content { | |
| left: inherit; | |
| right: 0; | |
| top: 23px | |
| } | |
| } | |
| .product-info .ratings .tooltip-content li { | |
| font-family: "GothamHTF Light", futura, sans-serif | |
| } | |
| .product-info .select-color { | |
| margin-bottom: 32px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color { | |
| margin-bottom: 52px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color { | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-info .select-color h3 { | |
| font-size: 12px; | |
| line-height: normal; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| text-transform: uppercase; | |
| color: #636363; | |
| margin-bottom: 6px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color h3 { | |
| font-size: 24px; | |
| line-height: normal; | |
| margin-bottom: 16px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color h3 { | |
| font-size: 12px; | |
| line-height: normal; | |
| margin-bottom: 8px | |
| } | |
| } | |
| .product-info .select-color h3 span { | |
| font-family: "GothamHTF Bold", sans-serif; | |
| padding-left: 7px | |
| } | |
| .product-info .select-color .choose-color { | |
| font-size: 0 | |
| } | |
| .product-info .select-color .choose-color a { | |
| height: 32px; | |
| width: 32px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| margin: 0 1px; | |
| border: 2px solid #f6f6f6; | |
| display: inline-block; | |
| overflow: hidden; | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color .choose-color a { | |
| height: 99px; | |
| width: 99px; | |
| -webkit-border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| border-radius: 10px; | |
| border-width: 6px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color .choose-color a { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px; | |
| height: 50px; | |
| width: 50px; | |
| border-width: 3px | |
| } | |
| } | |
| .product-info .select-color .choose-color a span { | |
| height: 28px; | |
| width: 28px; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color .choose-color a span { | |
| height: 87px; | |
| width: 87px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color .choose-color a span { | |
| height: 44px; | |
| width: 44px; | |
| border-width: 3px | |
| } | |
| } | |
| .product-info .select-color .choose-color a.active { | |
| border-color: #00aeef | |
| } | |
| .product-info .select-color .choose-color a.Glow span { | |
| background-color: #fb3f34 | |
| } | |
| .product-info .select-color .choose-color a.Black span { | |
| background-color: #000 | |
| } | |
| .product-info .select-color .choose-color a.Green span { | |
| background-color: #c0ff00 | |
| } | |
| .product-info .select-color .choose-color a.Pink span { | |
| background-color: #fd19aa | |
| } | |
| .product-info .select-color .choose-color a.Blue span { | |
| background-color: #06ffc7 | |
| } | |
| .product-info .select-color .choose-color a.White span { | |
| background-color: #fff | |
| } | |
| .product-info .add-to-cart { | |
| margin-bottom: 10px | |
| } | |
| .product-info .add-to-cart::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart { | |
| margin-bottom: 90px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart { | |
| margin-bottom: 45px | |
| } | |
| } | |
| .product-info .add-to-cart .quantity { | |
| float: left | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity { | |
| margin: 0 30px 40px 0; | |
| float: none; | |
| width: 100% | |
| } | |
| .product-info .add-to-cart .quantity::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity { | |
| margin: 0 0 25px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity label { | |
| font-size: 24px; | |
| line-height: 77px; | |
| float: left; | |
| text-transform: uppercase; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #636363; | |
| margin-right: 30px; | |
| letter-spacing: 0.02em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity label { | |
| font-size: 12px; | |
| line-height: 39px; | |
| margin-right: 15px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity .change-qty { | |
| float: left; | |
| width: 134px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity .change-qty { | |
| width: 67px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity .change-qty .input-field { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| height: 77px; | |
| width: 134px; | |
| font-size: 36px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity .change-qty .input-field { | |
| height: 39px; | |
| width: 67px; | |
| font-size: 18px | |
| } | |
| } | |
| .product-info .add-to-cart .btn { | |
| float: left; | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; | |
| width: 146px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .btn { | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| height: 77px; | |
| width: 100%; | |
| font-size: 30px; | |
| line-height: 77px; | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .btn { | |
| height: 50px; | |
| font-size: 18px; | |
| line-height: 50px | |
| } | |
| } | |
| .product-info .product-features { | |
| margin-bottom: 38px | |
| } | |
| .product-info .product-features::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .product-info .product-features p { | |
| font-size: 11px; | |
| color: #898989; | |
| letter-spacing: -0.02em; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .product-info .product-desc { | |
| font-size: 14px; | |
| line-height: 18px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow, | |
| .product-info .product-detail .product-feature-info ul, | |
| .product-detail .product-feature-info .product-info ul { | |
| margin-left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li, | |
| .product-info .product-detail .product-feature-info ul li, | |
| .product-detail .product-feature-info .product-info ul li { | |
| font-size: 18px; | |
| line-height: 30px; | |
| padding-left: 0; | |
| margin-bottom: 52px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .list-arrow li, | |
| .product-info .product-detail .product-feature-info ul li, | |
| .product-detail .product-feature-info .product-info ul li { | |
| font-size: 14px; | |
| line-height: 18px; | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-info .list-arrow li:last-child, | |
| .product-info .product-detail .product-feature-info ul li:last-child, | |
| .product-detail .product-feature-info .product-info ul li:last-child { | |
| margin-bottom: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li:before, | |
| .product-info .product-detail .product-feature-info ul li:before, | |
| .product-detail .product-feature-info .product-info ul li:before { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li br, | |
| .product-info .product-detail .product-feature-info ul li br, | |
| .product-detail .product-feature-info .product-info ul li br { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li strong, | |
| .product-info .product-detail .product-feature-info ul li strong, | |
| .product-detail .product-feature-info .product-info ul li strong { | |
| font-size: 30px; | |
| line-height: 31px; | |
| display: block; | |
| margin-bottom: 18px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .list-arrow li strong, | |
| .product-info .product-detail .product-feature-info ul li strong, | |
| .product-detail .product-feature-info .product-info ul li strong { | |
| font-size: 18px; | |
| line-height: 18px; | |
| margin-bottom: 9px | |
| } | |
| } | |
| .amazon-rating .tooltip-content { | |
| color: #000; | |
| width: 230px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .amazon-rating .tooltip-content { | |
| width: 250px | |
| } | |
| } | |
| .amazon-rating .tooltip-content a { | |
| color: #00aeef; | |
| text-decoration: none | |
| } | |
| .amazon-rating .tooltip-content ul { | |
| background-color: #fff; | |
| border: 1px solid #bebebe | |
| } | |
| .product-colors, | |
| .products-page .products .configure a { | |
| background: #000; | |
| border: 1px solid #000; | |
| height: 11px; | |
| width: 27px; | |
| position: relative | |
| } | |
| .product-colors i, | |
| .products-page .products .configure a i { | |
| height: 5px; | |
| width: 27px; | |
| position: absolute; | |
| top: -5px; | |
| right: inherit; | |
| bottom: inherit; | |
| left: 0 | |
| } | |
| .product-colors.active, | |
| .products-page .products .configure a.active { | |
| background-image: url("../images/tick.png"); | |
| background-repeat: no-repeat; | |
| background-position: center center | |
| } | |
| .product-colors.White, | |
| .products-page .products .configure a.White { | |
| background-color: #fff; | |
| border: 1px solid #dadada | |
| } | |
| .product-colors.Blue, | |
| .products-page .products .configure a.Blue { | |
| background-color: #59d1f2; | |
| border: 1px solid #59d1f2 | |
| } | |
| .product-colors.Blue.active, | |
| .products-page .products .configure a.Blue.active { | |
| border: 1px solid #12bdec | |
| } | |
| .product-colors.Green, | |
| .products-page .products .configure a.Green, | |
| .product-colors.Glow, | |
| .products-page .products .configure a.Glow { | |
| background-color: #84f886; | |
| border: 1px solid #84f886 | |
| } | |
| .product-colors.Green.active, | |
| .products-page .products .configure a.Green.active, | |
| .product-colors.Glow.active, | |
| .products-page .products .configure a.Glow.active { | |
| border: 1px solid #3cf43f | |
| } | |
| .product-colors.Pink, | |
| .products-page .products .configure a.Pink { | |
| background-color: #fc9be7; | |
| border: 1px solid #fc9be7 | |
| } | |
| .product-colors.Pink.active, | |
| .products-page .products .configure a.Pink.active { | |
| border: 1px solid #fa51d5 | |
| } | |
| .product-colors.Red, | |
| .products-page .products .configure a.Red { | |
| display: none | |
| } | |
| .product-colors.Yellow, | |
| .products-page .products .configure a.Yellow { | |
| background-color: #d1fd0f; | |
| border: 1px solid #d1fd0f | |
| } | |
| .product-colors.Yellow.active, | |
| .products-page .products .configure a.Yellow.active { | |
| border: 1px solid #9bbe02 | |
| } | |
| .products { | |
| padding: 136px 0 35px | |
| } | |
| .products h2 { | |
| color: #000; | |
| text-transform: uppercase; | |
| margin: 0 0 12px | |
| } | |
| .products h2 span { | |
| font-family: "Open Sans", sans-serif; | |
| font-size: 150px; | |
| font-weight: 800; | |
| line-height: 132px | |
| } | |
| .products p { | |
| color: #7e7e7e | |
| } | |
| .products .list { | |
| padding: 63px 0 0 | |
| } | |
| .products .list .product_item { | |
| height: 412px; | |
| width: 455px; | |
| margin: 0 0 0 100px | |
| } | |
| .products .list .product_item .overlay { | |
| font-family: "Open Sans", sans-serif; | |
| background: rgba(0, 0, 0, 0.8); | |
| color: #fff; | |
| position: absolute; | |
| top: 0; | |
| right: inherit; | |
| bottom: inherit; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| -webkit-transition: all 0.5s ease; | |
| -moz-transition: all 0.5s ease; | |
| transition: all 0.5s ease; | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| -ms-transform: scale(0); | |
| -o-transform: scale(0); | |
| transform: scale(0); | |
| opacity: 0; | |
| filter: alpha(opacity=0) | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay { | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products .list .product_item .overlay ul { | |
| padding: 0 10px; | |
| margin: 0 0 8px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay ul { | |
| margin: 10px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay ul { | |
| margin: 0 0 5px | |
| } | |
| } | |
| .products .list .product_item .overlay li { | |
| padding: 0 0 5px | |
| } | |
| .products .list .product_item .overlay li:before { | |
| content: '\e802'; | |
| margin-right: 10px | |
| } | |
| .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay img { | |
| margin: 15px 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| } | |
| .products .list .product_item .overlay .price-box { | |
| display: inline | |
| } | |
| .products .list .product_item .overlay .price-box .price { | |
| color: #fff | |
| } | |
| .products .list .product_item:hover .overlay { | |
| opacity: 10; | |
| filter: alpha(opacity=1000); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1) | |
| } | |
| .products .list .image { | |
| border: 1px solid #e6e6e6; | |
| background: #f7f7f7; | |
| margin: 0 0 11px; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .name { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .name { | |
| font-size: 30px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products .list .name a { | |
| color: #000; | |
| text-transform: uppercase | |
| } | |
| .products .list .about-product small { | |
| font-family: "Open Sans", sans-serif; | |
| color: #7e7e7e; | |
| text-transform: uppercase; | |
| padding: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .about-product small { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 14px | |
| } | |
| } | |
| .products .list .price { | |
| color: #000 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .price { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .price { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products-page .top-bar { | |
| background: #00aeef | |
| } | |
| .products-page .top-bar h3 { | |
| color: #003f56; | |
| text-transform: uppercase; | |
| padding: 10px 0 80px; | |
| font-weight: 300; | |
| font-family: 'Open Sans', sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .top-bar h3 { | |
| text-align: left; | |
| font-size: 17px; | |
| font-weight: 300; | |
| line-height: normal; | |
| padding: 32px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .top-bar h3 { | |
| font-size: 26px; | |
| font-weight: 300; | |
| line-height: normal; | |
| padding: 35px 0 0 | |
| } | |
| } | |
| .products-page .top-bar h3 span { | |
| color: #fff | |
| } | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| background-image: url("../images/zipbuds_features_mobile.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: center 38px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| height: 90px; | |
| background-image: url("../images/zipbuds_features_tab.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: right 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| height: 108px; | |
| background-image: url("../images/zipbuds_features.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: right 12px | |
| } | |
| } | |
| .products-page .products { | |
| padding-top: 0px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .list { | |
| margin: 0 -16px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .list { | |
| margin: 0 -45px | |
| } | |
| } | |
| .products-page .products .list .product_item { | |
| height: auto; | |
| width: 100%; | |
| margin: 0 0 70px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .list .product_item { | |
| width: 50%; | |
| padding: 0 16px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .list .product_item { | |
| padding: 0 45px | |
| } | |
| } | |
| .products-page .products .list .product_item .overlay img { | |
| margin: 10px 0 | |
| } | |
| .products-page .products .list .product_item:hover .overlay { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| -ms-transform: scale(0); | |
| -o-transform: scale(0); | |
| transform: scale(0) | |
| } | |
| .products-page .products .list .product_item .preview_wrapper img { | |
| max-width: 100% | |
| } | |
| .products-page .products .list .product_item .preview_wrapper:hover .overlay { | |
| opacity: 10; | |
| filter: alpha(opacity=1000); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1) | |
| } | |
| .products-page .products .list .amazon-rating { | |
| background-image: url("../images/amazon-logo.jpg"); | |
| background-repeat: no-repeat; | |
| background-size: 70% auto; | |
| background-position: right 0; | |
| padding: 15px 0 0 15px; | |
| margin: 7px 0 | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .list .amazon-rating { | |
| background-position: 0 1px; | |
| background-size: 48% auto; | |
| padding: 0 0 4px 95px | |
| } | |
| } | |
| .products-page .products .list .amazon-rating p.rating-links a.toogle-tooltip { | |
| margin: 0 0 0 3px | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .list .amazon-rating .tooltip-content { | |
| top: 2px | |
| } | |
| } | |
| .products-page .products .list .about-product .ratings .rating-box { | |
| margin: 0 | |
| } | |
| .products-page .products .list .about-product .ratings:after { | |
| display: inline; | |
| line-height: 16px | |
| } | |
| .products-page .products .list .about-product .ratings:after .rating-box { | |
| margin: 0 | |
| } | |
| .products-page .products .list .image-btncontent { | |
| border: 1px solid #a3e6ff; | |
| clear: both | |
| } | |
| .products-page .products .list .image { | |
| border: none; | |
| border: 1px solid #fff; | |
| margin: 0 0 8px; | |
| position: relative | |
| } | |
| .products-page .products .configure { | |
| padding: 0 0 8px 10px | |
| } | |
| .products-page .products .configure span, | |
| .products-page .products .configure .color-value { | |
| font-size: 10px | |
| } | |
| .products-page .products .configure .color-value { | |
| margin: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .configure .color-value { | |
| margin: 6px 0 0 | |
| } | |
| } | |
| .products-page .products .configure .color-value a { | |
| height: 18px; | |
| width: 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .configure .color-value a { | |
| height: 25px; | |
| width: 33px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .configure .color-value a { | |
| height: 15px; | |
| width: 28px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .configure .color-value a { | |
| height: 13px; | |
| width: 24px | |
| } | |
| } | |
| .products-page .products .configure a { | |
| width: 15px | |
| } | |
| .products-page .products .tooltip { | |
| padding: 6px 10px 10px 0; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .tooltip { | |
| padding: 16px 10px 10px 5px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .tooltip { | |
| padding: 8px 10px 10px 0 | |
| } | |
| } | |
| .products-page .products .qty { | |
| color: #959595; | |
| margin: 0 10px 0 0 | |
| } | |
| .products-page .products .qty input[type="text"] { | |
| color: #959595; | |
| height: 22px; | |
| width: 32px; | |
| padding: 0; | |
| margin: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .qty input[type="text"] { | |
| height: 30px; | |
| width: 50px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .qty input[type="text"] { | |
| height: 22px | |
| } | |
| } | |
| .products-page .products label { | |
| padding: 0 0 4px | |
| } | |
| .products-page .products .button { | |
| padding: 8px 12px; | |
| margin: 0 0 0 -6px; | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure { | |
| margin: 15px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure span, | |
| .products-page.product-list-main .list .configure .color-value { | |
| float: left; | |
| display: inline-block | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure .color-value { | |
| margin: 3px 0 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .configure span { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal; | |
| color: #959595 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .qty { | |
| margin: 12px 25px 0 0 | |
| } | |
| .products-page.product-list-main .list .qty label { | |
| margin: 3px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .qty input[type="text"] { | |
| height: 26px; | |
| width: 42px; | |
| margin: 0 0 0 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list label { | |
| float: left; | |
| display: inline-block; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .tooltip { | |
| padding-top: 2px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .button { | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 11px 25px | |
| } | |
| } | |
| .products-page.product-list-main .list .name { | |
| width: 60% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .name { | |
| width: 50% | |
| } | |
| } | |
| .products-page.product-list-main .list .pro-head-right { | |
| width: 40% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .pro-head-right { | |
| width: 50% | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .configure span { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal; | |
| margin: 0 0 5px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes label { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .qty input[type="text"] { | |
| width: 42px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .button { | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 11px 25px | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page.product-list-twoboxes .products .list { | |
| margin: 0 -15px | |
| } | |
| } | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 100%; | |
| margin: 0 0 30px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 50%; | |
| padding: 0 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 33.3333% | |
| } | |
| } | |
| .accessories_list_section .about-product .ratings { | |
| margin: 16px 0 0 | |
| } | |
| .accessories_list_section h3 { | |
| color: #00aeef; | |
| padding: 22px 0; | |
| font-size: 23px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| .accessories_list_section .list { | |
| padding: 0 0 50px | |
| } | |
| .accessories_list_section .about-product { | |
| margin: 0 0 10px | |
| } | |
| .accessories_list_section .about-product .name { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .accessories_list_section .about-product .name { | |
| font-size: 17px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .accessories_list_section .about-product .price-box { | |
| padding: 5px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .accessories_list_section .about-product .price-box span.price, | |
| .accessories_list_section .about-product .price-box span a { | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .accessories_list_section .products { | |
| padding: 0 | |
| } | |
| .accessories_list_section .wrapper, | |
| .accessories_list_section body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .accessories_list_section .main-container, | |
| .accessories_list_section .cmspage { | |
| border-top: 2px solid #e2e2e2 | |
| } | |
| .product-colors.Clear, | |
| .products-page .products .configure a.Clear, | |
| .products-page .products .configure a.Clear, | |
| .product-detail .product-image-pricing .color-box .configure a.Clear { | |
| background-color: #e2e2e2; | |
| border: 1px solid #e2e2e2 | |
| } | |
| .product-colors.Clear.active, | |
| .products-page .products .configure a.Clear.active, | |
| .products-page .products .configure a.Clear.active, | |
| .product-detail .product-image-pricing .color-box .configure a.Clear.active { | |
| border: 1px solid #c2c2c2 | |
| } | |
| .product-colors.Grey, | |
| .products-page .products .configure a.Grey, | |
| .products-page .products .configure a.Grey, | |
| .product-detail .product-image-pricing .color-box .configure a.Grey { | |
| background-color: #817B7B; | |
| border: 1px solid #817B7B | |
| } | |
| .product-colors.Grey.active, | |
| .products-page .products .configure a.Grey.active, | |
| .products-page .products .configure a.Grey.active, | |
| .product-detail .product-image-pricing .color-box .configure a.Grey.active { | |
| border: 1px solid #5C5857 | |
| } | |
| #home-products .products .list { | |
| overflow: inherit | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list { | |
| margin: 0 -15px | |
| } | |
| } | |
| #home-products .products .list .product_item { | |
| height: auto; | |
| width: 100%; | |
| margin: 0 0 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item { | |
| padding: 0 15px; | |
| height: auto; | |
| width: 50%; | |
| margin: 0 0 45px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item { | |
| margin: 0 0 45px; | |
| height: auto; | |
| width: 25% | |
| } | |
| } | |
| #home-products .products .list .image-btncontent { | |
| border: 2px solid #cff0fc | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .name { | |
| font-size: 25px; | |
| margin: 0 0 5px | |
| } | |
| } | |
| #home-products .products .list small { | |
| margin: 0 0 13px | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list small { | |
| font-size: 13px | |
| } | |
| } | |
| #home-products .products .list .price-box { | |
| margin: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .price-box .price { | |
| font-size: 20px | |
| } | |
| } | |
| #home-products .products .list .image img { | |
| width: 100% | |
| } | |
| #home-products .products .list { | |
| padding: 30px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list { | |
| padding: 50px 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list { | |
| padding: 60px 0 30px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay { | |
| height: 100% | |
| } | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 15px 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay ul { | |
| margin: 0 0 5px; | |
| height: 160px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: 175px; | |
| margin: 10px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: auto; | |
| margin: 15px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: 155px; | |
| margin: 0 0 5px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 11px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 12px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 13px; | |
| padding-bottom: 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 11px | |
| } | |
| } | |
| #home-products.buzzpage .heading { | |
| color: #00aeef; | |
| padding: 30px 0 0; | |
| margin: 0; | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products.buzzpage .heading { | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: normal; | |
| padding: 50px 0 10px | |
| } | |
| } | |
| #home-products.buzzpage .products .list { | |
| padding: 20px 0 0 | |
| } | |
| .product-image-view { | |
| position: relative | |
| } | |
| .product-image-view .product-image-bg { | |
| height: 450px; | |
| width: 100%; | |
| position: relative; | |
| border-bottom: 1px solid #bbbbbb | |
| } | |
| .product-image-view .product-image-bg::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .product-image-bg { | |
| height: 514px; | |
| border-bottom: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-image-view .product-image-bg { | |
| height: 270px | |
| } | |
| } | |
| .product-image-view .product-image-bg img { | |
| margin: 0 auto; | |
| vertical-align: top; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .product-image-bg img { | |
| height: 514px; | |
| width: 640px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-image-view .product-image-bg img { | |
| height: 270px; | |
| width: auto | |
| } | |
| } | |
| .product-image-view .more-views { | |
| padding: 18px 0; | |
| border-top: 1px solid #d5d5d5 | |
| } | |
| .product-image-view .more-views::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-image-view .more-views { | |
| display: none | |
| } | |
| } | |
| .product-image-view .more-views ul { | |
| font-size: 0; | |
| text-align: center | |
| } | |
| .product-image-view .more-views ul li { | |
| padding: 0 3px; | |
| vertical-align: top; | |
| display: inline-block | |
| } | |
| .product-image-view .more-views ul li a { | |
| height: 68px; | |
| width: 68px; | |
| display: block; | |
| border: 1px solid #d7d7d7; | |
| outline: 1px solid transparent; | |
| overflow: hidden | |
| } | |
| .product-image-view .more-views ul li a:hover { | |
| outline-color: #464646; | |
| border-color: #464646 | |
| } | |
| .product-info::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info.show-on-tablet { | |
| padding: 26px 0 10px | |
| } | |
| } | |
| .product-info sup { | |
| font-size: 10px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info sup { | |
| font-size: 16px; | |
| top: -1em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info sup { | |
| font-size: 11px; | |
| top: -.5em | |
| } | |
| } | |
| .product-info .product-name { | |
| margin-bottom: 34px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name { | |
| margin-bottom: 11px | |
| } | |
| } | |
| .product-info .product-name h2 { | |
| font-size: 36px; | |
| line-height: normal; | |
| letter-spacing: 0.0em; | |
| margin-bottom: 5px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .product-name h2 { | |
| font-size: 60px; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name h2 { | |
| font-size: 30px; | |
| line-height: normal; | |
| margin-bottom: 3px | |
| } | |
| } | |
| .product-info .product-name .price { | |
| font-size: 20px; | |
| line-height: normal; | |
| font-family: "GothamHTF Bold", sans-serif | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .product-name .price { | |
| font-size: 40px; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .product-name .price { | |
| font-size: 20px; | |
| line-height: normal | |
| } | |
| } | |
| .product-info .rating-price::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .product-info .price-box { | |
| float: left | |
| } | |
| .product-info .amazonelogo { | |
| float: right; | |
| margin-left: 10px | |
| } | |
| .product-info .ratings { | |
| float: right; | |
| position: relative; | |
| padding-right: 22px; | |
| padding-top: 6px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .ratings { | |
| float: left; | |
| padding-left: 22px; | |
| padding-top: 16px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .ratings { | |
| padding: 6px 4px 0 0; | |
| float: right | |
| } | |
| } | |
| .product-info .ratings .comments { | |
| display: none | |
| } | |
| .product-info .ratings .rating-box { | |
| font-size: 0; | |
| line-height: 0; | |
| height: 13px; | |
| width: 69px; | |
| float: left; | |
| background: url("../images/redesign/bkg_rating.gif") repeat-x 0 0 transparent | |
| } | |
| .product-info .ratings .rating-box .rating { | |
| height: 13px; | |
| float: left; | |
| background: url("../images/redesign/bkg_rating.gif") repeat-x 0 100% transparent | |
| } | |
| .product-info .ratings .toogle-tooltip { | |
| height: 13px; | |
| width: 13px; | |
| position: relative; | |
| margin-left: 2px; | |
| float: left | |
| } | |
| .product-info .ratings .toogle-tooltip:after { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 0; | |
| width: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top: 5px solid #f7941d; | |
| margin: auto; | |
| content: '' | |
| } | |
| .product-info .ratings .tooltip-content { | |
| position: absolute; | |
| top: 7px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| font-size: 12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .ratings .tooltip-content { | |
| top: 33px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .ratings .tooltip-content { | |
| left: inherit; | |
| right: 0; | |
| top: 23px | |
| } | |
| } | |
| .product-info .ratings .tooltip-content li { | |
| font-family: "GothamHTF Light", futura, sans-serif | |
| } | |
| .product-info .select-color { | |
| margin-bottom: 32px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color { | |
| margin-bottom: 52px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color { | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-info .select-color h3 { | |
| font-size: 12px; | |
| line-height: normal; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| text-transform: uppercase; | |
| color: #636363; | |
| margin-bottom: 6px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color h3 { | |
| font-size: 24px; | |
| line-height: normal; | |
| margin-bottom: 16px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color h3 { | |
| font-size: 12px; | |
| line-height: normal; | |
| margin-bottom: 8px | |
| } | |
| } | |
| .product-info .select-color h3 span { | |
| font-family: "GothamHTF Bold", sans-serif; | |
| padding-left: 7px | |
| } | |
| .product-info .select-color .choose-color { | |
| font-size: 0 | |
| } | |
| .product-info .select-color .choose-color a { | |
| height: 32px; | |
| width: 32px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| margin: 0 1px; | |
| border: 2px solid #f6f6f6; | |
| display: inline-block; | |
| overflow: hidden; | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color .choose-color a { | |
| height: 99px; | |
| width: 99px; | |
| -webkit-border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| border-radius: 10px; | |
| border-width: 6px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color .choose-color a { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px; | |
| height: 50px; | |
| width: 50px; | |
| border-width: 3px | |
| } | |
| } | |
| .product-info .select-color .choose-color a span { | |
| height: 28px; | |
| width: 28px; | |
| display: block | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .select-color .choose-color a span { | |
| height: 87px; | |
| width: 87px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .select-color .choose-color a span { | |
| height: 44px; | |
| width: 44px; | |
| border-width: 3px | |
| } | |
| } | |
| .product-info .select-color .choose-color a.active { | |
| border-color: #00aeef | |
| } | |
| .product-info .select-color .choose-color a.Glow span { | |
| background-color: #fb3f34 | |
| } | |
| .product-info .select-color .choose-color a.Black span { | |
| background-color: #000 | |
| } | |
| .product-info .select-color .choose-color a.Green span { | |
| background-color: #c0ff00 | |
| } | |
| .product-info .select-color .choose-color a.Pink span { | |
| background-color: #fd19aa | |
| } | |
| .product-info .select-color .choose-color a.Blue span { | |
| background-color: #06ffc7 | |
| } | |
| .product-info .select-color .choose-color a.White span { | |
| background-color: #fff | |
| } | |
| .product-info .add-to-cart { | |
| margin-bottom: 10px | |
| } | |
| .product-info .add-to-cart::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart { | |
| margin-bottom: 90px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart { | |
| margin-bottom: 45px | |
| } | |
| } | |
| .product-info .add-to-cart .quantity { | |
| float: left | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity { | |
| margin: 0 30px 40px 0; | |
| float: none; | |
| width: 100% | |
| } | |
| .product-info .add-to-cart .quantity::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity { | |
| margin: 0 0 25px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity label { | |
| font-size: 24px; | |
| line-height: 77px; | |
| float: left; | |
| text-transform: uppercase; | |
| font-family: "GothamHTF Medium", futura, sans-serif; | |
| color: #636363; | |
| margin-right: 30px; | |
| letter-spacing: 0.02em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity label { | |
| font-size: 12px; | |
| line-height: 39px; | |
| margin-right: 15px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity .change-qty { | |
| float: left; | |
| width: 134px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity .change-qty { | |
| width: 67px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .quantity .change-qty .input-field { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| height: 77px; | |
| width: 134px; | |
| font-size: 36px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .quantity .change-qty .input-field { | |
| height: 39px; | |
| width: 67px; | |
| font-size: 18px | |
| } | |
| } | |
| .product-info .add-to-cart .btn { | |
| float: left; | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; | |
| width: 146px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .add-to-cart .btn { | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| height: 77px; | |
| width: 100%; | |
| font-size: 30px; | |
| line-height: 77px; | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .add-to-cart .btn { | |
| height: 50px; | |
| font-size: 18px; | |
| line-height: 50px | |
| } | |
| } | |
| .product-info .product-features { | |
| margin-bottom: 38px | |
| } | |
| .product-info .product-features::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .product-info .product-features p { | |
| font-size: 11px; | |
| color: #898989; | |
| letter-spacing: -0.02em; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .product-info .product-desc { | |
| font-size: 14px; | |
| line-height: 18px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow, | |
| .product-info .product-detail .product-feature-info ul, | |
| .product-detail .product-feature-info .product-info ul { | |
| margin-left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li, | |
| .product-info .product-detail .product-feature-info ul li, | |
| .product-detail .product-feature-info .product-info ul li { | |
| font-size: 18px; | |
| line-height: 30px; | |
| padding-left: 0; | |
| margin-bottom: 52px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .list-arrow li, | |
| .product-info .product-detail .product-feature-info ul li, | |
| .product-detail .product-feature-info .product-info ul li { | |
| font-size: 14px; | |
| line-height: 18px; | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-info .list-arrow li:last-child, | |
| .product-info .product-detail .product-feature-info ul li:last-child, | |
| .product-detail .product-feature-info .product-info ul li:last-child { | |
| margin-bottom: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li:before, | |
| .product-info .product-detail .product-feature-info ul li:before, | |
| .product-detail .product-feature-info .product-info ul li:before { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li br, | |
| .product-info .product-detail .product-feature-info ul li br, | |
| .product-detail .product-feature-info .product-info ul li br { | |
| display: none | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-info .list-arrow li strong, | |
| .product-info .product-detail .product-feature-info ul li strong, | |
| .product-detail .product-feature-info .product-info ul li strong { | |
| font-size: 30px; | |
| line-height: 31px; | |
| display: block; | |
| margin-bottom: 18px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-info .list-arrow li strong, | |
| .product-info .product-detail .product-feature-info ul li strong, | |
| .product-detail .product-feature-info .product-info ul li strong { | |
| font-size: 18px; | |
| line-height: 18px; | |
| margin-bottom: 9px | |
| } | |
| } | |
| .amazon-rating .tooltip-content { | |
| color: #000; | |
| width: 230px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .amazon-rating .tooltip-content { | |
| width: 250px | |
| } | |
| } | |
| .amazon-rating .tooltip-content a { | |
| color: #00aeef; | |
| text-decoration: none | |
| } | |
| .amazon-rating .tooltip-content ul { | |
| background-color: #fff; | |
| border: 1px solid #bebebe | |
| } | |
| .product-colors, | |
| .products-page .products .configure a { | |
| background: #000; | |
| border: 1px solid #000; | |
| height: 11px; | |
| width: 27px; | |
| position: relative | |
| } | |
| .product-colors i, | |
| .products-page .products .configure a i { | |
| height: 5px; | |
| width: 27px; | |
| position: absolute; | |
| top: -5px; | |
| right: inherit; | |
| bottom: inherit; | |
| left: 0 | |
| } | |
| .product-colors.active, | |
| .products-page .products .configure a.active { | |
| background-image: url("../images/tick.png"); | |
| background-repeat: no-repeat; | |
| background-position: center center | |
| } | |
| .product-colors.White, | |
| .products-page .products .configure a.White { | |
| background-color: #fff; | |
| border: 1px solid #dadada | |
| } | |
| .product-colors.Blue, | |
| .products-page .products .configure a.Blue { | |
| background-color: #59d1f2; | |
| border: 1px solid #59d1f2 | |
| } | |
| .product-colors.Blue.active, | |
| .products-page .products .configure a.Blue.active { | |
| border: 1px solid #12bdec | |
| } | |
| .product-colors.Green, | |
| .products-page .products .configure a.Green, | |
| .product-colors.Glow, | |
| .products-page .products .configure a.Glow { | |
| background-color: #84f886; | |
| border: 1px solid #84f886 | |
| } | |
| .product-colors.Green.active, | |
| .products-page .products .configure a.Green.active, | |
| .product-colors.Glow.active, | |
| .products-page .products .configure a.Glow.active { | |
| border: 1px solid #3cf43f | |
| } | |
| .product-colors.Pink, | |
| .products-page .products .configure a.Pink { | |
| background-color: #fc9be7; | |
| border: 1px solid #fc9be7 | |
| } | |
| .product-colors.Pink.active, | |
| .products-page .products .configure a.Pink.active { | |
| border: 1px solid #fa51d5 | |
| } | |
| .product-colors.Red, | |
| .products-page .products .configure a.Red { | |
| display: none | |
| } | |
| .product-colors.Yellow, | |
| .products-page .products .configure a.Yellow { | |
| background-color: #d1fd0f; | |
| border: 1px solid #d1fd0f | |
| } | |
| .product-colors.Yellow.active, | |
| .products-page .products .configure a.Yellow.active { | |
| border: 1px solid #9bbe02 | |
| } | |
| .products { | |
| padding: 136px 0 35px | |
| } | |
| .products h2 { | |
| color: #000; | |
| text-transform: uppercase; | |
| margin: 0 0 12px | |
| } | |
| .products h2 span { | |
| font-family: "Open Sans", sans-serif; | |
| font-size: 150px; | |
| font-weight: 800; | |
| line-height: 132px | |
| } | |
| .products p { | |
| color: #7e7e7e | |
| } | |
| .products .list { | |
| padding: 63px 0 0 | |
| } | |
| .products .list .product_item { | |
| height: 412px; | |
| width: 455px; | |
| margin: 0 0 0 100px | |
| } | |
| .products .list .product_item .overlay { | |
| font-family: "Open Sans", sans-serif; | |
| background: rgba(0, 0, 0, 0.8); | |
| color: #fff; | |
| position: absolute; | |
| top: 0; | |
| right: inherit; | |
| bottom: inherit; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| -webkit-transition: all 0.5s ease; | |
| -moz-transition: all 0.5s ease; | |
| transition: all 0.5s ease; | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| -ms-transform: scale(0); | |
| -o-transform: scale(0); | |
| transform: scale(0); | |
| opacity: 0; | |
| filter: alpha(opacity=0) | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay { | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products .list .product_item .overlay ul { | |
| padding: 0 10px; | |
| margin: 0 0 8px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay ul { | |
| margin: 10px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay ul { | |
| margin: 0 0 5px | |
| } | |
| } | |
| .products .list .product_item .overlay li { | |
| padding: 0 0 5px | |
| } | |
| .products .list .product_item .overlay li:before { | |
| content: '\e802'; | |
| margin-right: 10px | |
| } | |
| .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .product_item .overlay img { | |
| margin: 15px 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| } | |
| .products .list .product_item .overlay .price-box { | |
| display: inline | |
| } | |
| .products .list .product_item .overlay .price-box .price { | |
| color: #fff | |
| } | |
| .products .list .product_item:hover .overlay { | |
| opacity: 10; | |
| filter: alpha(opacity=1000); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1) | |
| } | |
| .products .list .image { | |
| border: 1px solid #e6e6e6; | |
| background: #f7f7f7; | |
| margin: 0 0 11px; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .name { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .name { | |
| font-size: 30px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products .list .name a { | |
| color: #000; | |
| text-transform: uppercase | |
| } | |
| .products .list .about-product small { | |
| font-family: "Open Sans", sans-serif; | |
| color: #7e7e7e; | |
| text-transform: uppercase; | |
| padding: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .about-product small { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 14px | |
| } | |
| } | |
| .products .list .price { | |
| color: #000 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products .list .price { | |
| font-size: 20px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products .list .price { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .products-page .top-bar { | |
| background: #00aeef | |
| } | |
| .products-page .top-bar h3 { | |
| color: #003f56; | |
| text-transform: uppercase; | |
| padding: 10px 0 80px; | |
| font-weight: 300; | |
| font-family: 'Open Sans', sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .top-bar h3 { | |
| text-align: left; | |
| font-size: 17px; | |
| font-weight: 300; | |
| line-height: normal; | |
| padding: 32px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .top-bar h3 { | |
| font-size: 26px; | |
| font-weight: 300; | |
| line-height: normal; | |
| padding: 35px 0 0 | |
| } | |
| } | |
| .products-page .top-bar h3 span { | |
| color: #fff | |
| } | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| background-image: url("../images/zipbuds_features_mobile.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: center 38px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| height: 90px; | |
| background-image: url("../images/zipbuds_features_tab.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: right 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .top-bar .wrapper, | |
| .products-page .top-bar body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .products-page .top-bar .main-container, | |
| .products-page .top-bar .cmspage { | |
| height: 108px; | |
| background-image: url("../images/zipbuds_features.jpg"); | |
| background-repeat: no-repeat; | |
| background-position: right 12px | |
| } | |
| } | |
| .products-page .products { | |
| padding-top: 0px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .list { | |
| margin: 0 -16px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .list { | |
| margin: 0 -45px | |
| } | |
| } | |
| .products-page .products .list .product_item { | |
| height: auto; | |
| width: 100%; | |
| margin: 0 0 70px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .list .product_item { | |
| width: 50%; | |
| padding: 0 16px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .list .product_item { | |
| padding: 0 45px | |
| } | |
| } | |
| .products-page .products .list .product_item .overlay img { | |
| margin: 10px 0 | |
| } | |
| .products-page .products .list .product_item:hover .overlay { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| -ms-transform: scale(0); | |
| -o-transform: scale(0); | |
| transform: scale(0) | |
| } | |
| .products-page .products .list .product_item .preview_wrapper img { | |
| max-width: 100% | |
| } | |
| .products-page .products .list .product_item .preview_wrapper:hover .overlay { | |
| opacity: 10; | |
| filter: alpha(opacity=1000); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| -o-transform: scale(1); | |
| transform: scale(1) | |
| } | |
| .products-page .products .list .amazon-rating { | |
| background-image: url("../images/amazon-logo.jpg"); | |
| background-repeat: no-repeat; | |
| background-size: 70% auto; | |
| background-position: right 0; | |
| padding: 15px 0 0 15px; | |
| margin: 7px 0 | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .list .amazon-rating { | |
| background-position: 0 1px; | |
| background-size: 48% auto; | |
| padding: 0 0 4px 95px | |
| } | |
| } | |
| .products-page .products .list .amazon-rating p.rating-links a.toogle-tooltip { | |
| margin: 0 0 0 3px | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .list .amazon-rating .tooltip-content { | |
| top: 2px | |
| } | |
| } | |
| .products-page .products .list .about-product .ratings .rating-box { | |
| margin: 0 | |
| } | |
| .products-page .products .list .about-product .ratings:after { | |
| display: inline; | |
| line-height: 16px | |
| } | |
| .products-page .products .list .about-product .ratings:after .rating-box { | |
| margin: 0 | |
| } | |
| .products-page .products .list .image-btncontent { | |
| border: 1px solid #a3e6ff; | |
| clear: both | |
| } | |
| .products-page .products .list .image { | |
| border: none; | |
| border: 1px solid #fff; | |
| margin: 0 0 8px; | |
| position: relative | |
| } | |
| .products-page .products .configure { | |
| padding: 0 0 8px 10px | |
| } | |
| .products-page .products .configure span, | |
| .products-page .products .configure .color-value { | |
| font-size: 10px | |
| } | |
| .products-page .products .configure .color-value { | |
| margin: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .configure .color-value { | |
| margin: 6px 0 0 | |
| } | |
| } | |
| .products-page .products .configure .color-value a { | |
| height: 18px; | |
| width: 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .configure .color-value a { | |
| height: 25px; | |
| width: 33px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page .products .configure .color-value a { | |
| height: 15px; | |
| width: 28px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .configure .color-value a { | |
| height: 13px; | |
| width: 24px | |
| } | |
| } | |
| .products-page .products .configure a { | |
| width: 15px | |
| } | |
| .products-page .products .tooltip { | |
| padding: 6px 10px 10px 0; | |
| position: relative | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .tooltip { | |
| padding: 16px 10px 10px 5px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .tooltip { | |
| padding: 8px 10px 10px 0 | |
| } | |
| } | |
| .products-page .products .qty { | |
| color: #959595; | |
| margin: 0 10px 0 0 | |
| } | |
| .products-page .products .qty input[type="text"] { | |
| color: #959595; | |
| height: 22px; | |
| width: 32px; | |
| padding: 0; | |
| margin: 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page .products .qty input[type="text"] { | |
| height: 30px; | |
| width: 50px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page .products .qty input[type="text"] { | |
| height: 22px | |
| } | |
| } | |
| .products-page .products label { | |
| padding: 0 0 4px | |
| } | |
| .products-page .products .button { | |
| padding: 8px 12px; | |
| margin: 0 0 0 -6px; | |
| font-weight: 700 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure { | |
| margin: 15px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure span, | |
| .products-page.product-list-main .list .configure .color-value { | |
| float: left; | |
| display: inline-block | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .configure .color-value { | |
| margin: 3px 0 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .configure span { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal; | |
| color: #959595 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .qty { | |
| margin: 12px 25px 0 0 | |
| } | |
| .products-page.product-list-main .list .qty label { | |
| margin: 3px 0 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .qty input[type="text"] { | |
| height: 26px; | |
| width: 42px; | |
| margin: 0 0 0 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list label { | |
| float: left; | |
| display: inline-block; | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .tooltip { | |
| padding-top: 2px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-main .list .button { | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 11px 25px | |
| } | |
| } | |
| .products-page.product-list-main .list .name { | |
| width: 60% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .name { | |
| width: 50% | |
| } | |
| } | |
| .products-page.product-list-main .list .pro-head-right { | |
| width: 40% | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-main .list .pro-head-right { | |
| width: 50% | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .configure span { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal; | |
| margin: 0 0 5px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes label { | |
| font-size: 12px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .qty input[type="text"] { | |
| width: 42px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .products-page.product-list-twoboxes .button { | |
| font-size: 14px; | |
| font-weight: 700; | |
| line-height: normal; | |
| padding: 11px 25px | |
| } | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page.product-list-twoboxes .products .list { | |
| margin: 0 -15px | |
| } | |
| } | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 100%; | |
| margin: 0 0 30px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 50%; | |
| padding: 0 15px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| .products-page.product-list-twoboxes .products .list .product_item { | |
| width: 33.3333% | |
| } | |
| } | |
| .accessories_list_section .about-product .ratings { | |
| margin: 16px 0 0 | |
| } | |
| .accessories_list_section h3 { | |
| color: #00aeef; | |
| padding: 22px 0; | |
| font-size: 23px; | |
| font-weight: 700; | |
| line-height: normal | |
| } | |
| .accessories_list_section .list { | |
| padding: 0 0 50px | |
| } | |
| .accessories_list_section .about-product { | |
| margin: 0 0 10px | |
| } | |
| .accessories_list_section .about-product .name { | |
| width: 100% | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .accessories_list_section .about-product .name { | |
| font-size: 17px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .accessories_list_section .about-product .price-box { | |
| padding: 5px 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .accessories_list_section .about-product .price-box span.price, | |
| .accessories_list_section .about-product .price-box span a { | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| } | |
| .accessories_list_section .products { | |
| padding: 0 | |
| } | |
| .accessories_list_section .wrapper, | |
| .accessories_list_section body.checkout-onepage-success .main-container, | |
| body.checkout-onepage-success .accessories_list_section .main-container, | |
| .accessories_list_section .cmspage { | |
| border-top: 2px solid #e2e2e2 | |
| } | |
| .product-colors.Clear, | |
| .products-page .products .configure a.Clear, | |
| .products-page .products .configure a.Clear, | |
| .product-detail .product-image-pricing .color-box .configure a.Clear { | |
| background-color: #e2e2e2; | |
| border: 1px solid #e2e2e2 | |
| } | |
| .product-colors.Clear.active, | |
| .products-page .products .configure a.Clear.active, | |
| .products-page .products .configure a.Clear.active, | |
| .product-detail .product-image-pricing .color-box .configure a.Clear.active { | |
| border: 1px solid #c2c2c2 | |
| } | |
| .product-colors.Grey, | |
| .products-page .products .configure a.Grey, | |
| .products-page .products .configure a.Grey, | |
| .product-detail .product-image-pricing .color-box .configure a.Grey { | |
| background-color: #817B7B; | |
| border: 1px solid #817B7B | |
| } | |
| .product-colors.Grey.active, | |
| .products-page .products .configure a.Grey.active, | |
| .products-page .products .configure a.Grey.active, | |
| .product-detail .product-image-pricing .color-box .configure a.Grey.active { | |
| border: 1px solid #5C5857 | |
| } | |
| #home-products .products .list { | |
| overflow: inherit | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list { | |
| margin: 0 -15px | |
| } | |
| } | |
| #home-products .products .list .product_item { | |
| height: auto; | |
| width: 100%; | |
| margin: 0 0 25px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item { | |
| padding: 0 15px; | |
| height: auto; | |
| width: 50%; | |
| margin: 0 0 45px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item { | |
| margin: 0 0 45px; | |
| height: auto; | |
| width: 25% | |
| } | |
| } | |
| #home-products .products .list .image-btncontent { | |
| border: 2px solid #cff0fc | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .name { | |
| font-size: 25px; | |
| margin: 0 0 5px | |
| } | |
| } | |
| #home-products .products .list small { | |
| margin: 0 0 13px | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list small { | |
| font-size: 13px | |
| } | |
| } | |
| #home-products .products .list .price-box { | |
| margin: 3px 0 0 | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .price-box .price { | |
| font-size: 20px | |
| } | |
| } | |
| #home-products .products .list .image img { | |
| width: 100% | |
| } | |
| #home-products .products .list { | |
| padding: 30px 0 0 | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list { | |
| padding: 50px 0 30px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list { | |
| padding: 60px 0 30px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay { | |
| height: 100% | |
| } | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 15px 0 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay img { | |
| margin: 10px 0 5px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay ul { | |
| margin: 0 0 5px; | |
| height: 160px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: 175px; | |
| margin: 10px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: auto; | |
| margin: 15px 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay ul { | |
| height: 155px; | |
| margin: 0 0 5px | |
| } | |
| } | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 11px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 12px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 13px; | |
| padding-bottom: 10px | |
| } | |
| } | |
| @media only screen and (min-width: 1170px) { | |
| #home-products .products .list .product_item .overlay li { | |
| font-size: 11px | |
| } | |
| } | |
| #home-products.buzzpage .heading { | |
| color: #00aeef; | |
| padding: 30px 0 0; | |
| margin: 0; | |
| font-size: 22px; | |
| font-weight: normal; | |
| line-height: normal | |
| } | |
| @media only screen and (min-width: 768px) { | |
| #home-products.buzzpage .heading { | |
| font-size: 24px; | |
| font-weight: normal; | |
| line-height: normal; | |
| padding: 50px 0 10px | |
| } | |
| } | |
| #home-products.buzzpage .products .list { | |
| padding: 20px 0 0 | |
| } | |
| .product-detail .product-top-info { | |
| background-color: #f6f6f6; | |
| padding-top: 76px; | |
| padding-bottom: 24px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-top-info { | |
| background-color: #fff; | |
| padding-top: 0; | |
| padding-bottom: 48px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-top-info { | |
| padding-bottom: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-top-info .container { | |
| padding: 0 40px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-top-info .container { | |
| padding: 0 20px | |
| } | |
| } | |
| .product-detail .product-top-info .col { | |
| padding: 0 35px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-top-info .col { | |
| float: none | |
| } | |
| } | |
| .product-detail .product-top-info .col.product-image-view { | |
| width: 60.99%; | |
| padding-left: 21px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-top-info .col.product-image-view { | |
| padding: 0; | |
| margin: 0 -40px 70px; | |
| width: auto; | |
| float: none; | |
| background-color: #f6f6f6; | |
| border-bottom: 2px solid #c1c1c1 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-top-info .col.product-image-view { | |
| margin: 0 -20px 35px; | |
| border-bottom-width: 1px | |
| } | |
| } | |
| .product-detail .product-top-info .col.product-info { | |
| width: 39.01%; | |
| padding-left: 37px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-top-info .col.product-info { | |
| padding: 0; | |
| width: 100% | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .testimonials { | |
| margin-top: 30px | |
| } | |
| } | |
| .product-detail .testimonials .logos { | |
| padding-top: 2px; | |
| padding-bottom: 10px | |
| } | |
| .product-detail .testimonials .logos:before { | |
| display: none | |
| } | |
| .product-detail .testimonials .logos ul, | |
| .product-detail .testimonials .logos h4 { | |
| display: inline-block; | |
| vertical-align: middle | |
| } | |
| .product-detail .testimonials .logos h4 { | |
| margin-right: 35px; | |
| margin-bottom: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .testimonials .logos h4 { | |
| margin: 0 10px 7px; | |
| display: block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .testimonials .container { | |
| padding-top: 5px | |
| } | |
| } | |
| .product-detail .product-feature-info::after { | |
| clear: both; | |
| content: ""; | |
| display: table | |
| } | |
| .product-detail .product-feature-info h2 { | |
| font-size: 14px; | |
| line-height: normal; | |
| color: #00aeef; | |
| text-transform: uppercase; | |
| margin-bottom: 17px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info h2 { | |
| font-size: 20px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info h2 { | |
| font-size: 14px; | |
| margin-bottom: 20px | |
| } | |
| } | |
| .product-detail .product-feature-info h3 { | |
| font-size: 20px; | |
| margin-bottom: 5px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info h3 { | |
| font-size: 30px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info h3 { | |
| font-size: 20px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info h3 sup { | |
| top: -1.3em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info h3 sup { | |
| top: -0.5em | |
| } | |
| } | |
| .product-detail .product-feature-info p, | |
| .product-detail .product-feature-info li { | |
| font-size: 14px; | |
| line-height: 18px; | |
| letter-spacing: -0.005em | |
| } | |
| .product-detail .product-feature-info p { | |
| margin-bottom: 25px; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| .product-detail .product-feature-info p:last-child { | |
| margin-bottom: 0 | |
| } | |
| .product-detail .product-feature-info ul { | |
| margin-left: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info ul { | |
| margin-bottom: 13px | |
| } | |
| } | |
| .product-detail .product-feature-info ul li { | |
| margin-bottom: 2px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info ul li { | |
| margin-bottom: 0; | |
| line-height: 20px | |
| } | |
| } | |
| .product-detail .product-feature-info ul li sup { | |
| font-size: 10px | |
| } | |
| .product-detail .product-feature-info .row { | |
| padding-top: 48px | |
| } | |
| .product-detail .product-feature-info .col { | |
| padding: 0 20px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .col { | |
| padding: 0 10px; | |
| float: none; | |
| width: 100% | |
| } | |
| } | |
| .product-detail .product-feature-info .col:last-child { | |
| padding-left: 40px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info .col:last-child { | |
| padding-left: 20px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .col:last-child { | |
| padding: 0 10px | |
| } | |
| } | |
| .product-detail .product-feature-info .pull-right { | |
| float: right | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .pull-right { | |
| float: none | |
| } | |
| } | |
| .product-detail .product-feature-info .img { | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .img { | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-detail .product-feature-info .img img { | |
| height: auto; | |
| width: auto | |
| } | |
| .product-detail .product-feature-info .image, | |
| .product-detail .product-feature-info .content { | |
| height: 410px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info .image, | |
| .product-detail .product-feature-info .content { | |
| height: 550px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .image, | |
| .product-detail .product-feature-info .content { | |
| height: auto | |
| } | |
| } | |
| .product-detail .product-feature-info .copy, | |
| .product-detail .product-feature-info .img { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info .copy, | |
| .product-detail .product-feature-info .img { | |
| top: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| -o-transform: none; | |
| transform: none | |
| } | |
| } | |
| .product-detail .product-feature-info.package-content { | |
| padding-bottom: 98px; | |
| padding-top: 81px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-feature-info.package-content { | |
| padding-bottom: 42px; | |
| padding-top: 49px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-feature-info.package-content { | |
| padding-bottom: 21px | |
| } | |
| } | |
| .product-detail .product-feature-info.package-content h2 { | |
| margin-bottom: 12px | |
| } | |
| .product-detail .product-list .row { | |
| font-size: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-list .row { | |
| padding: 0 | |
| } | |
| } | |
| .product-detail .product-list .col { | |
| display: inline-block; | |
| float: none; | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .product-list .col { | |
| width: 25% | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .product-list .col { | |
| width: 100% | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .col { | |
| float: none; | |
| width: 100% | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items { | |
| padding: 0 20px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items { | |
| text-align: center | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items h2 { | |
| font-size: 20px; | |
| line-height: 36px; | |
| margin-bottom: 12px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items h2 { | |
| font-size: 30px; | |
| line-height: 50px; | |
| margin-bottom: 40px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items h2 { | |
| font-size: 20px; | |
| line-height: 50px; | |
| margin-bottom: 14px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul { | |
| margin: 0 -10px; | |
| font-size: 0 | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul { | |
| margin: 0 -8px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul { | |
| margin: 0 -17px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li { | |
| padding: 0 10px; | |
| display: inline-block; | |
| text-align: center; | |
| vertical-align: top; | |
| font-family: "gotham_htf_bookregular", sans-serif | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li { | |
| padding: 0 8px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li { | |
| padding: 0; | |
| width: 50%; | |
| margin-bottom: 26px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li span { | |
| height: 72px; | |
| width: 72px; | |
| margin: 0 auto 20px; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| background-color: #00aeef; | |
| display: block; | |
| color: #fff; | |
| position: relative | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li span { | |
| height: 120px; | |
| width: 120px; | |
| margin-bottom: 40px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li span { | |
| height: 72px; | |
| width: 72px; | |
| margin: 0 auto 20px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li span i { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| .product-detail .remote-functions .remote-items ul li span .icon-answer-call { | |
| font-size: 37px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-answer-call { | |
| font-size: 63px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-answer-call { | |
| font-size: 36px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li span .icon-call-hang-up { | |
| font-size: 33px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-call-hang-up { | |
| font-size: 62px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-call-hang-up { | |
| font-size: 36px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li span .icon-play-pause { | |
| font-size: 22px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-play-pause { | |
| font-size: 34px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-play-pause { | |
| font-size: 22px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li span .icon-mic { | |
| font-size: 35px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-mic { | |
| font-size: 60px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li span .icon-mic { | |
| font-size: 35px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li h4 { | |
| font-size: 14px; | |
| margin-bottom: 2px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li h4 { | |
| font-size: 20px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li h4 { | |
| font-size: 14px | |
| } | |
| } | |
| .product-detail .remote-functions .remote-items ul li small { | |
| font-size: 11px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .remote-items ul li small { | |
| font-size: 16px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .remote-items ul li small { | |
| font-size: 11px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os { | |
| padding-top: 64px; | |
| padding-left: 38px; | |
| width: 390px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os { | |
| margin: 0 auto; | |
| padding-top: 120px; | |
| padding-left: 0; | |
| width: 417px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os { | |
| padding-top: 85px; | |
| width: 250px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os .phone-os { | |
| height: 204px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-os { | |
| height: 218px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-os { | |
| height: 120px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os .phone-os h2 { | |
| font-size: 13px; | |
| line-height: normal; | |
| margin-bottom: 15px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-os h2 { | |
| font-size: 16px; | |
| line-height: normal; | |
| margin-bottom: 25px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-os h2 { | |
| font-size: 10px; | |
| margin-bottom: 9px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os .phone-os li { | |
| padding: 0 4px | |
| } | |
| .product-detail .remote-functions .support-os .phone-os li>span { | |
| height: 60px; | |
| width: 60px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-os li>span { | |
| height: 71px; | |
| width: 71px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-os li>span { | |
| height: 44px; | |
| width: 44px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os .phone-os li .text { | |
| padding-top: 4px; | |
| font-size: 10px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-os li .text { | |
| font-size: 12px; | |
| padding-top: 8px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-os li .text { | |
| font-size: 7px; | |
| padding-top: 3px | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-bg { | |
| padding-top: 45px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-bg { | |
| padding-top: 13px | |
| } | |
| } | |
| .product-detail .remote-functions .support-os .phone-bg:before { | |
| height: 287px; | |
| width: 363px; | |
| background-image: url("../images/redesign/iphone-image-2.png"); | |
| top: -82px; | |
| left: -3px | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .product-detail .remote-functions .support-os .phone-bg:before { | |
| height: 300px; | |
| width: 442px; | |
| left: -8px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .product-detail .remote-functions .support-os .phone-bg:before { | |
| top: -60px; | |
| height: 180px; | |
| width: 266px | |
| } | |
| } | |
| /*# sourceMappingURL=app.css.map */ | |
| #zipper { | |
| position: fixed; | |
| top: 0; | |
| left: 50%; | |
| margin-left: -344px; | |
| height: 1200px; | |
| z-index: 9; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment