#logitech-custom-product-card-2017 { font-family: 'logitech', 'Open Sans', sans-serif; text-align: center; font-size: 16px; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ /** * Add the correct display in IE 9-. */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ /** * Add the correct margin in IE 8. */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct font style in Android 4.3-. */ /** * Add the correct background and color in IE 9-. */ /** * Add the correct font size in all browsers. */ /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ /** * Add the correct display in iOS 4-7. */ /** * Remove the border on images inside links in IE 10-. */ /** * Hide the overflow in IE. */ /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ /** * Correct the padding in Firefox. */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ /** * Remove the default vertical scrollbar in IE. */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ /* * Add the correct display in all browsers. */ /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ /** * Add the correct display in IE. */ /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ } #logitech-custom-product-card-2017 .velocity-animating { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } #logitech-custom-product-card-2017 html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #logitech-custom-product-card-2017 body { margin: 0; } #logitech-custom-product-card-2017 article, #logitech-custom-product-card-2017 aside, #logitech-custom-product-card-2017 footer, #logitech-custom-product-card-2017 header, #logitech-custom-product-card-2017 nav, #logitech-custom-product-card-2017 section { display: block; } #logitech-custom-product-card-2017 h1 { font-size: 2em; margin: 0.67em 0; } #logitech-custom-product-card-2017 figcaption, #logitech-custom-product-card-2017 figure, #logitech-custom-product-card-2017 main { /* 1 */ display: block; } #logitech-custom-product-card-2017 figure { margin: 1em 40px; } #logitech-custom-product-card-2017 hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } #logitech-custom-product-card-2017 pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #logitech-custom-product-card-2017 a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } #logitech-custom-product-card-2017 abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } #logitech-custom-product-card-2017 b, #logitech-custom-product-card-2017 strong { font-weight: inherit; } #logitech-custom-product-card-2017 b, #logitech-custom-product-card-2017 strong { font-weight: bolder; } #logitech-custom-product-card-2017 code, #logitech-custom-product-card-2017 kbd, #logitech-custom-product-card-2017 samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #logitech-custom-product-card-2017 dfn { font-style: italic; } #logitech-custom-product-card-2017 mark { background-color: #ff0; color: #000; } #logitech-custom-product-card-2017 small { font-size: 80%; } #logitech-custom-product-card-2017 sub, #logitech-custom-product-card-2017 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #logitech-custom-product-card-2017 sub { bottom: -0.25em; } #logitech-custom-product-card-2017 sup { top: -0.5em; } #logitech-custom-product-card-2017 audio, #logitech-custom-product-card-2017 video { display: inline-block; } #logitech-custom-product-card-2017 audio:not([controls]) { display: none; height: 0; } #logitech-custom-product-card-2017 img { border-style: none; } #logitech-custom-product-card-2017 svg:not(:root) { overflow: hidden; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 input, #logitech-custom-product-card-2017 optgroup, #logitech-custom-product-card-2017 select, #logitech-custom-product-card-2017 textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 input { /* 1 */ overflow: visible; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 select { /* 1 */ text-transform: none; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 html [type="button"], #logitech-custom-product-card-2017 [type="reset"], #logitech-custom-product-card-2017 [type="submit"] { -webkit-appearance: button; /* 2 */ } #logitech-custom-product-card-2017 button::-moz-focus-inner, #logitech-custom-product-card-2017 [type="button"]::-moz-focus-inner, #logitech-custom-product-card-2017 [type="reset"]::-moz-focus-inner, #logitech-custom-product-card-2017 [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } #logitech-custom-product-card-2017 button:-moz-focusring, #logitech-custom-product-card-2017 [type="button"]:-moz-focusring, #logitech-custom-product-card-2017 [type="reset"]:-moz-focusring, #logitech-custom-product-card-2017 [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } #logitech-custom-product-card-2017 fieldset { padding: 0.35em 0.75em 0.625em; } #logitech-custom-product-card-2017 legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } #logitech-custom-product-card-2017 progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #logitech-custom-product-card-2017 textarea { overflow: auto; } #logitech-custom-product-card-2017 [type="checkbox"], #logitech-custom-product-card-2017 [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #logitech-custom-product-card-2017 [type="number"]::-webkit-inner-spin-button, #logitech-custom-product-card-2017 [type="number"]::-webkit-outer-spin-button { height: auto; } #logitech-custom-product-card-2017 [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } #logitech-custom-product-card-2017 [type="search"]::-webkit-search-cancel-button, #logitech-custom-product-card-2017 [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #logitech-custom-product-card-2017 ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } #logitech-custom-product-card-2017 details, #logitech-custom-product-card-2017 menu { display: block; } #logitech-custom-product-card-2017 summary { display: list-item; } #logitech-custom-product-card-2017 canvas { display: inline-block; } #logitech-custom-product-card-2017 template { display: none; } #logitech-custom-product-card-2017 [hidden] { display: none; } #logitech-custom-product-card-2017 *, #logitech-custom-product-card-2017 *:before, #logitech-custom-product-card-2017 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms; -o-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; } #logitech-custom-product-card-2017 .scrollme, #logitech-custom-product-card-2017 .animateme { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } #logitech-custom-product-card-2017 { font-family: 'logitech', 'Open Sans', sans-serif; text-align: center; font-size: 16px; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ /** * Add the correct display in IE 9-. */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ /** * Add the correct margin in IE 8. */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct font style in Android 4.3-. */ /** * Add the correct background and color in IE 9-. */ /** * Add the correct font size in all browsers. */ /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ /** * Add the correct display in iOS 4-7. */ /** * Remove the border on images inside links in IE 10-. */ /** * Hide the overflow in IE. */ /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ /** * Correct the padding in Firefox. */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ /** * Remove the default vertical scrollbar in IE. */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ /* * Add the correct display in all browsers. */ /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ /** * Add the correct display in IE. */ /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ } #logitech-custom-product-card-2017 .velocity-animating { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } #logitech-custom-product-card-2017 html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #logitech-custom-product-card-2017 body { margin: 0; } #logitech-custom-product-card-2017 article, #logitech-custom-product-card-2017 aside, #logitech-custom-product-card-2017 footer, #logitech-custom-product-card-2017 header, #logitech-custom-product-card-2017 nav, #logitech-custom-product-card-2017 section { display: block; } #logitech-custom-product-card-2017 h1 { font-size: 2em; margin: 0.67em 0; } #logitech-custom-product-card-2017 figcaption, #logitech-custom-product-card-2017 figure, #logitech-custom-product-card-2017 main { /* 1 */ display: block; } #logitech-custom-product-card-2017 figure { margin: 1em 40px; } #logitech-custom-product-card-2017 hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } #logitech-custom-product-card-2017 pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #logitech-custom-product-card-2017 a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } #logitech-custom-product-card-2017 abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } #logitech-custom-product-card-2017 b, #logitech-custom-product-card-2017 strong { font-weight: inherit; } #logitech-custom-product-card-2017 b, #logitech-custom-product-card-2017 strong { font-weight: bolder; } #logitech-custom-product-card-2017 code, #logitech-custom-product-card-2017 kbd, #logitech-custom-product-card-2017 samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #logitech-custom-product-card-2017 dfn { font-style: italic; } #logitech-custom-product-card-2017 mark { background-color: #ff0; color: #000; } #logitech-custom-product-card-2017 small { font-size: 80%; } #logitech-custom-product-card-2017 sub, #logitech-custom-product-card-2017 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #logitech-custom-product-card-2017 sub { bottom: -0.25em; } #logitech-custom-product-card-2017 sup { top: -0.5em; } #logitech-custom-product-card-2017 audio, #logitech-custom-product-card-2017 video { display: inline-block; } #logitech-custom-product-card-2017 audio:not([controls]) { display: none; height: 0; } #logitech-custom-product-card-2017 img { border-style: none; } #logitech-custom-product-card-2017 svg:not(:root) { overflow: hidden; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 input, #logitech-custom-product-card-2017 optgroup, #logitech-custom-product-card-2017 select, #logitech-custom-product-card-2017 textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 input { /* 1 */ overflow: visible; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 select { /* 1 */ text-transform: none; } #logitech-custom-product-card-2017 button, #logitech-custom-product-card-2017 html [type="button"], #logitech-custom-product-card-2017 [type="reset"], #logitech-custom-product-card-2017 [type="submit"] { -webkit-appearance: button; /* 2 */ } #logitech-custom-product-card-2017 button::-moz-focus-inner, #logitech-custom-product-card-2017 [type="button"]::-moz-focus-inner, #logitech-custom-product-card-2017 [type="reset"]::-moz-focus-inner, #logitech-custom-product-card-2017 [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } #logitech-custom-product-card-2017 button:-moz-focusring, #logitech-custom-product-card-2017 [type="button"]:-moz-focusring, #logitech-custom-product-card-2017 [type="reset"]:-moz-focusring, #logitech-custom-product-card-2017 [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } #logitech-custom-product-card-2017 fieldset { padding: 0.35em 0.75em 0.625em; } #logitech-custom-product-card-2017 legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } #logitech-custom-product-card-2017 progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #logitech-custom-product-card-2017 textarea { overflow: auto; } #logitech-custom-product-card-2017 [type="checkbox"], #logitech-custom-product-card-2017 [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #logitech-custom-product-card-2017 [type="number"]::-webkit-inner-spin-button, #logitech-custom-product-card-2017 [type="number"]::-webkit-outer-spin-button { height: auto; } #logitech-custom-product-card-2017 [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } #logitech-custom-product-card-2017 [type="search"]::-webkit-search-cancel-button, #logitech-custom-product-card-2017 [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #logitech-custom-product-card-2017 ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } #logitech-custom-product-card-2017 details, #logitech-custom-product-card-2017 menu { display: block; } #logitech-custom-product-card-2017 summary { display: list-item; } #logitech-custom-product-card-2017 canvas { display: inline-block; } #logitech-custom-product-card-2017 template { display: none; } #logitech-custom-product-card-2017 [hidden] { display: none; } #logitech-custom-product-card-2017 *, #logitech-custom-product-card-2017 *:before, #logitech-custom-product-card-2017 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms; -o-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; } #logitech-custom-product-card-2017 .scrollme, #logitech-custom-product-card-2017 .animateme { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } #logitech-custom-product-card-2017 { text-align: center; width: 100%; max-width: 1570px; margin: 20px auto; padding: 20px 0; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; overflow: hidden; } #logitech-custom-product-card-2017 .logitech-blue { color: #00a9e0; } #logitech-custom-product-card-2017 .logitech-white { color: white; } #logitech-custom-product-card-2017 .logitech-grey { color: #999; } #logitech-custom-product-card-2017 .logitech-dark { color: #333; } #logitech-custom-product-card-2017 .logitech-red { color: #AB121D; } #logitech-custom-product-card-2017 #logitech-header { width: 100%; background-color: #333; min-height: 350px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; text-align: left; padding: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name { -webkit-box-flex: 0; -webkit-flex: 0 1 510px; -moz-box-flex: 0; -ms-flex: 0 1 510px; flex: 0 1 510px; margin: auto; min-width: 280px; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name > span { display: block; line-height:110%;} #logitech-custom-product-card-2017 #logitech-header .logitech-product-name .logitech-logo { max-width: 250px; width: 100%; margin-bottom: 3 0px; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name .logitech-first-line { font-size: 60px; color: #00a9e0; font-weight: bold; margin-bottom: 0em; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name .logitech-second-line { font-size: 30px; color: white; text-transform: uppercase; font-weight: bold; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name .logitech-third-line { font-size: 24px; color: white; font-weight: 200; margin-bottom: 1em; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-name .logitech-p { padding: 0; position: relative; z-index: 2; background-color: rgba(51, 51, 51, 0.5); font-weight: 200; display: block; max-width: 90%; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-photo { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -moz-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; min-width: 180px; margin: 15px auto; text-align: center; } #logitech-custom-product-card-2017 #logitech-header .logitech-product-photo img { max-width: auto; max-width: 100%; height: auto; } #logitech-custom-product-card-2017.logitech-ultimate-ears { font-family: 'logitech-news', 'Open Sans', sans-serif; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header { background-color: RGBA(235, 235, 235, 1); -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: bottom right; background-repeat: no-repeat; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header .logitech-p { background-color: RGBA(235, 235, 235, 0.5); color: black; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header .logitech-logo { width: auto; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header .logitech-product-photo { opacity: 0; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header .logitech-first-line { color: black; letter-spacing: 0; } #logitech-custom-product-card-2017.logitech-ultimate-ears #logitech-header .logitech-third-line { color: black; text-transform: uppercase; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-customise-section { margin-top: 20px; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-customise-section--list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-customise-section--list--item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 250px; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-customise-section--list--item--text { font-size: 18px; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-customise-section--list--item--desc { max-width: 150px; margin: auto; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-technology-name { font-weight: bold; font-size: 28px; line-height:110%;} #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-technology-description { text-align: center; color: black; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-review-text { color: black; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-ue-specs-area { color: black; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-ue-specs-area > * { display: inline-block; vertical-align: middle; margin: 20px; text-align: left; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-ue-specs-area .logitech-h1 span { font-size: 50px; line-height: 1em; margin-bottom: 0; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-ue-specs-area .logitech-h1 .logitech-tagline { font-size: 30px; font-weight: bold; line-height: 1em; color: black; margin-top: 0; } #logitech-custom-product-card-2017.logitech-ultimate-ears .logitech-ue-specs-area .logitech-specs { display: block; text-align: center; } #logitech-custom-product-card-2017.logitech-g-lighter-grey #logitech-header { background-color: #565A5C; } #logitech-custom-product-card-2017.logitech-g-lighter-grey #logitech-header .logitech-p { background-color: RGBA(86, 90, 92, 0.5); } #logitech-custom-product-card-2017 .logitech-section { display: block; padding: 70px 40px; } #logitech-custom-product-card-2017 .logitech-full-width-image { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } #logitech-custom-product-card-2017 .logitech-h1 { font-size: 36px; text-transform: uppercase; font-weight: bold; } #logitech-custom-product-card-2017 .logitech-tagline { font-size: 16px; color: #333; font-weight: 200; } #logitech-custom-product-card-2017 .logitech-h1 + .logitech-tagline { margin-bottom: 35px; } #logitech-custom-product-card-2017 .logitech-features { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #logitech-custom-product-card-2017 .logitech-features .logitech-feature { display: inline-block; margin: 0 20px 20px; vertical-align: top; -webkit-box-flex: 0; -webkit-flex: 0 1 280px; -moz-box-flex: 0; -ms-flex: 0 1 280px; flex: 0 1 280px; } #logitech-custom-product-card-2017 .logitech-features .logitech-feature-image { width: 100%; margin-bottom: 20px; } #logitech-custom-product-card-2017 .logitech-features .logitech-feature-image img { max-width: 100%; height: auto; } #logitech-custom-product-card-2017 .logitech-features .logitech-feature-text { text-transform: uppercase; max-width: 240px; margin: 0 auto; } #logitech-custom-product-card-2017 .logitech-video-section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1280px; margin: 0 auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #logitech-custom-product-card-2017 .logitech-video-section--video-container { -webkit-box-flex: 1; -webkit-flex: 1 1 400px; -moz-box-flex: 1; -ms-flex: 1 1 400px; flex: 1 1 400px; } #logitech-custom-product-card-2017 .logitech-video-section--video-container video { display: block; width: 100%; height: auto; max-width: 100%; } #logitech-custom-product-card-2017 .logitech-video-section--other { -webkit-box-flex: 1; -webkit-flex: 1 1 400px; -moz-box-flex: 1; -ms-flex: 1 1 400px; flex: 1 1 400px; text-align: center; } #logitech-custom-product-card-2017 .logitech-video-section--other img { margin: 20px auto; } #logitech-custom-product-card-2017 .logitech-customise-section { margin-bottom: 30px; text-align: right; } #logitech-custom-product-card-2017 .logitech-customise-section .logitech-h1, #logitech-custom-product-card-2017 .logitech-customise-section .logitech-tagline { max-width: 1280px; margin-left: auto; margin-right: auto; } #logitech-custom-product-card-2017 .logitech-customise-section--list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1280px; margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item { display: inline-block; margin: 0 5px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 1 200px; -moz-box-flex: 1; -ms-flex: 1 1 200px; flex: 1 1 200px; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item--photo { max-height: 130px; margin-bottom: 10px; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item--photo img { max-width: 100%; max-height: 100%; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item--text { text-transform: uppercase; font-size: 14px; font-weight: bold; color: black; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item--desc { font-weight: 200; text-transform: none; font-size: 13px; } #logitech-custom-product-card-2017 .logitech-customise-section--list--item:empty { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 20px; } #logitech-custom-product-card-2017 .logitech-accessories-section { max-width: 1050px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } #logitech-custom-product-card-2017 .logitech-accessories-section--photo { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } #logitech-custom-product-card-2017 .logitech-accessories-section--photo img { max-width: 100%; height: auto; } #logitech-custom-product-card-2017 .logitech-accessories-section--content { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #logitech-custom-product-card-2017 .logitech-accessories-section--content .logitech-h1, #logitech-custom-product-card-2017 .logitech-accessories-section--content .logitech-tagline { text-align: right; } #logitech-custom-product-card-2017 .logitech-accessories-section--list { text-align: right; line-height: 1.3em; } #logitech-custom-product-card-2017 .logitech-accessories-section--list--item { margin-bottom: 0.8em; color: #666; font-weight: 200; font-size: 20px; } #logitech-custom-product-card-2017 .logitech-introduction .logitech-p { font-weight: 200; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 5vw; -moz-column-gap: 5vw; column-gap: 5vw; padding: 0 5vw; } #logitech-custom-product-card-2017 .logitech-compatible-titles { text-align: left; margin-top: 20px; } #logitech-custom-product-card-2017 .logitech-compatible-titles span { display: inline-block; padding: 5px 10px 5px 0; margin-right: 10px; margin-bottom: 10px; border-right: solid thin #ccc; color: #666; } #logitech-custom-product-card-2017.farm-sim-bundle #logitech-header .logitech-product-name .logitech-first-line { font-size: 20px; } #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fifth-section .logitech-specs-box { display: inline-block; vertical-align: middle; max-width: 100%; } #logitech-custom-product-card-2017.g29 .logitech-second-section .logitech-flex-container { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #logitech-custom-product-card-2017.g29 .logitech-customise-section--list--item--photo { max-height: 170px; } #logitech-custom-product-card-2017 .logitech-table { border: solid thin #1d1d1d; border-collapse: collapse; margin: 0 auto; } #logitech-custom-product-card-2017 .logitech-table td { border: solid thin #1d1d1d; padding: 5px; } #logitech-custom-product-card-2017.g903 #logitech-header, #logitech-custom-product-card-2017.powerplay #logitech-header { padding-right: 0; overflow: hidden; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: right bottom; } #logitech-custom-product-card-2017.g903 #logitech-header .logitech-product-photo, #logitech-custom-product-card-2017.powerplay #logitech-header .logitech-product-photo { margin-left: auto; margin-right: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: -45px; opacity: 0; } #logitech-custom-product-card-2017.powerplay #logitech-header { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #logitech-custom-product-card-2017.powerplay #logitech-header .logitech-product-name { margin-right: 5%; margin-left: 5%; } #logitech-custom-product-card-2017.g233 #logitech-header, #logitech-custom-product-card-2017.farm-sim-bundle #logitech-header { margin-top: 0; padding: 0; margin-bottom: 0; } #logitech-custom-product-card-2017.g233 #logitech-header > *, #logitech-custom-product-card-2017.farm-sim-bundle #logitech-header > * { padding: 30px 0; } #logitech-custom-product-card-2017.g233 #logitech-header .logitech-product-photo, #logitech-custom-product-card-2017.farm-sim-bundle #logitech-header .logitech-product-photo { margin: 0; } #logitech-custom-product-card-2017.g233 #logitech-header .logitech-product-photo img, #logitech-custom-product-card-2017.farm-sim-bundle #logitech-header .logitech-product-photo img { max-width: 100%; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; } #logitech-custom-product-card-2017.g233 .logitech-technology, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-technology { text-align: center; } #logitech-custom-product-card-2017.g233 .logitech-technology:nth-child(2n), #logitech-custom-product-card-2017.farm-sim-bundle .logitech-technology:nth-child(2n) { text-align: center; } #logitech-custom-product-card-2017.g233 .logitech-accessories-section, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-accessories-section { margin-bottom: 0; } #logitech-custom-product-card-2017.g233 .logitech-accessories-section--photo, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-accessories-section--photo { -webkit-box-flex: 1; -webkit-flex: 1 1 450px; -moz-box-flex: 1; -ms-flex: 1 1 450px; flex: 1 1 450px; width: 50%; } #logitech-custom-product-card-2017.g233 .logitech-accessories-section--content, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-accessories-section--content { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section { padding-top: 0; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1220px; margin: 0 auto; font-size: 0; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; /* &--01{flex: 430 430 calc(0.1 * 430px);} &--02{flex: 767 767 calc(0.1 * 767px);} &--03{flex: 0 0 100%; width: 100%; } &--04{flex: 913 913 calc(0.1 * 913px);} &--05{flex: 285 285 calc(0.1 * 285px);} */ } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233 img, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle img, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233 img, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle img { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; height: auto; max-width: 100%; max-height: 510px; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233 > div, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle > div, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233 > div, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle > div { padding: 5px; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233--container, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle--container, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233--container, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle--container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 66%; -moz-box-flex: 1; -ms-flex: 1 1 66%; flex: 1 1 66%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233--container hr, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle--container hr, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233--container hr, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle--container hr { opacity: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--g233--03, #logitech-custom-product-card-2017.g233 .logitech-fourth-section .logitech-showcase--farm-sim-bundle--03, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--g233--03, #logitech-custom-product-card-2017.farm-sim-bundle .logitech-fourth-section .logitech-showcase--farm-sim-bundle--03 { -webkit-box-flex: 1; -webkit-flex: 1 1 33%; -moz-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; } #logitech-custom-product-card-2017 .logitech-flex-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; width: 100%; margin-left: auto; margin-right: auto; } #logitech-custom-product-card-2017 .logitech-video-area { display: inline-block; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -moz-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; min-width: 320px; } #logitech-custom-product-card-2017 .logitech-video-area video { display: block; max-width: 100%; } #logitech-custom-product-card-2017 .logitech-p { display: block; color: #999; vertical-align: top; text-align: justify; font-weight: normal; line-height: 1.5em; font-size: 18px; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -moz-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 100%; min-width: 320px; padding: 20px; } #logitech-custom-product-card-2017 .logitech-technology { -webkit-box-flex: 2; -webkit-flex: 2 1 300px; -moz-box-flex: 2; -ms-flex: 2 1 300px; flex: 2 1 300px; margin: 20px 10px; padding: 0; min-width: 40%; text-align: center; padding: 0 20px; } #logitech-custom-product-card-2017 .logitech-technology--left { margin-right: auto; margin-left: 5%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #logitech-custom-product-card-2017 .logitech-technology video { width: 100%; height: auto; margin-bottom: 30px; } #logitech-custom-product-card-2017 .logitech-technology--icon-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 15px 0; text-align: left; } #logitech-custom-product-card-2017 .logitech-technology span { display: block; width: 100%; } #logitech-custom-product-card-2017 .logitech-technology span img { max-width: 100%; height: auto; } #logitech-custom-product-card-2017 .logitech-technology-name { text-transform: uppercase; margin: 10px auto; } #logitech-custom-product-card-2017 .logitech-technology-description { font-size: 15px; color: #999; margin: 10px auto; font-weight: 200; text-align: justify; line-height: 1.5em; max-width: 450px; } #logitech-custom-product-card-2017 .logitech-first-section .logitech-flex-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #logitech-custom-product-card-2017 .logitech-second-section { max-width: 1280px; width: 100%; margin: 0 auto; padding: 30px 0; } #logitech-custom-product-card-2017 .logitech-second-section .logitech-flex-container { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } #logitech-custom-product-card-2017 .logitech-second-section .logitech-h1, #logitech-custom-product-card-2017 .logitech-second-section .logitech-tagline { text-align: left; } #logitech-custom-product-card-2017 .logitech-second-section .logitech-tagline { margin-bottom: 1.5em; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--first-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1050px; margin: 0 auto; font-size: 0; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item { display: inline-block; vertical-align: middle; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item video { max-width: 500px; width: 100%; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item--03 { width: 21%; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item--04 { width: 79%; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container .logitech-showcase--item { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; min-width: 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container .logitech-showcase--item img { height: auto; width: auto; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 20px; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container .logitech-showcase--item-last { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container .logitech-showcase--item-last :nth-child(1) { -webkit-box-flex: 0; -webkit-flex: 0 1 25%; -moz-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; margin-right: 20px; } #logitech-custom-product-card-2017 .logitech-fourth-section .logitech-showcase--item-container .logitech-showcase--item-last :nth-child(2) { -webkit-box-flex: 0; -webkit-flex: 0 1 280px; -moz-box-flex: 0; -ms-flex: 0 1 280px; flex: 0 1 280px; } #logitech-custom-product-card-2017 .logitech-partner-section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; background-color: black; color: white; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 150px; } #logitech-custom-product-card-2017 .logitech-esl-partner { padding: 0 40px; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } #logitech-custom-product-card-2017 .logitech-esl-partner .logitech-esl-logo { max-width: 108px; height: auto; } #logitech-custom-product-card-2017 .logitech-esl-partner .logitech-esl-tagline span { display: block; } #logitech-custom-product-card-2017 .logitech-esl-partner .logitech-esl-tagline .logitech-first-line { text-transform: uppercase; font-weight: bold; font-size: 24px; } #logitech-custom-product-card-2017 .logitech-esl-partner .logitech-esl-tagline .logitech-second-line { text-transform: uppercase; color: #999; font-size: 18px; } #logitech-custom-product-card-2017 .logitech-review { max-width: 420px; width: 32%; vertical-align: top; display: inline-block; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; min-width: 280px; margin-bottom: 20px; } #logitech-custom-product-card-2017 .logitech-review-logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 80px; } #logitech-custom-product-card-2017 .logitech-review-logo img { max-width: 260px; max-height: 80px; display: inline-block; } #logitech-custom-product-card-2017 .logitech-review-text { display: block; color: #999; font-weight: normal; padding-top: 20px; font-size: 15px; font-style: italic; line-height: 1.5em; } #logitech-custom-product-card-2017 .logitech-product-showcase { margin-top: -120px; } #logitech-custom-product-card-2017 .logitech-product-showcase img { max-width: 100%; } #logitech-custom-product-card-2017 .logitech-product-showcase .logitech-product-hero-photo { position: relative; display: inline-block; margin: 80px 0; } #logitech-custom-product-card-2017 .logitech-product-showcase .logitech-product-hero-photo:last-of-type { margin-bottom: 0; } #logitech-custom-product-card-2017 .logitech-product-showcase .logitech-product-hero-photo .logitech-hero-1, #logitech-custom-product-card-2017 .logitech-product-showcase .logitech-product-hero-photo .logitech-showcase-3 { position: absolute; top: 0; left: 0; } #logitech-custom-product-card-2017 .logitech-slogan { text-transform: uppercase; font-weight: 200; margin-top: -25px; margin-bottom: 60px; } #logitech-custom-product-card-2017 .logitech-specs { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #logitech-custom-product-card-2017 .logitech-specs > * { margin: 20px; } #logitech-custom-product-card-2017 .logitech-specs-box { display: inline-block; vertical-align: middle; max-width: 390px; max-height: 300px; height: auto; } #logitech-custom-product-card-2017 .logitech-specs-text { display: inline-block; font-size: 20px; font-weight: 200; color: #999; vertical-align: middle; text-align: left; line-height: 2em; }