/* Number Base */ /* Starkey.com Fonts */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=98ad87e7-07e5-45e5-94f4-3bba7541821f"); @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=98ad87e7-07e5-45e5-94f4-3bba7541821f"); @font-face { font-family: "DIN Next W02 Light"; src: url("/sites/starkey2015/starkey/fonts/din-next/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/074b86ea-3c33-4b3e-90da-76f8e2e20b6b.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg"); } @font-face { font-family: "DINNextW02-LightItalic"; src: url("/sites/starkey2015/starkey/fonts/din-next/fa792f94-71cb-4df0-8b2a-733fb5d87bc1.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/fa792f94-71cb-4df0-8b2a-733fb5d87bc1.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/17662d2d-15a9-462f-a9cf-00e29158294f.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/053cad7f-2a5f-4787-88eb-1f5170845404.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/f9287e55-2c51-42a7-9644-99ebfee2a994.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/e3792fca-c114-4539-9da1-676857fd36b7.svg#e3792fca-c114-4539-9da1-676857fd36b7") format("svg"); } @font-face { font-family: "DIN Next W02 Regular"; src: url("/sites/starkey2015/starkey/fonts/din-next/21159f5e-cd9e-408a-ba51-65510b4a13aa.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/21159f5e-cd9e-408a-ba51-65510b4a13aa.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/f3de66f3-8e63-467b-a343-dad3b4e2d400.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/20007504-6ea2-4d68-93e4-f4769b5d9f14.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/1c35aab7-8ddd-402f-8976-1363134c3817.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/91c8307f-e301-4d44-b0f3-5cff17b3a554.svg#91c8307f-e301-4d44-b0f3-5cff17b3a554") format("svg"); } @font-face { font-family: "DIN Next W02 Italic"; src: url("/sites/starkey2015/starkey/fonts/din-next/a814b61c-04f1-4bb5-9416-7770570342fb.eot?#iefix"); src: url("Fonts/a814b61c-04f1-4bb5-9416-7770570342fb.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/0bb50c06-f013-47e2-be28-14f03f60f84e.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/e80136ed-393d-4283-9f0f-f74997aa62ca.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/1f98650a-25b3-4532-a0db-f480bfd8769f.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/a44f6bcf-3d74-4283-8ffc-08be7c442958.svg#a44f6bcf-3d74-4283-8ffc-08be7c442958") format("svg"); } @font-face { font-family: "DIN Next W02 Bold"; src: url("/sites/starkey2015/starkey/fonts/din-next/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/ae90c0fa-96b1-476c-83a6-34af1e0790fc.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/109143ca-57fb-459c-9814-3a68f0245ac3.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/c9fa50e2-c243-451a-b91b-ee74f341d7a8.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5.svg#1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5") format("svg"); } @font-face { font-family: "DINNextW02-BoldItalic"; src: url("/sites/starkey2015/starkey/fonts/din-next/602964de-97e9-4396-9b71-ae6e011926bc.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/602964de-97e9-4396-9b71-ae6e011926bc.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/397f2e01-154b-4a77-be66-1ae8e8827ca1.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/d795b773-4e39-4f23-8a59-fd5878f5e720.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/9f0ed5c4-0a23-41ad-9dd4-4625bc5b8b71.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/402efe43-117e-472f-85c3-d73d5a2cde18.svg#402efe43-117e-472f-85c3-d73d5a2cde18") format("svg"); } @font-face { font-family: "Mr Eaves"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Italic"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Book"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Bold"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.woff") format("woff"); } /* Mr Eaves Mixins ------------------------------------------------- */ /* DIN Next -------------------------------------------------------- */ /* Colors */ /* Teal - PMS 3125C */ /* Blue - PMS 654C */ /* Gold - PMS 124C */ /* Orange - PMS 716C */ /* Red - PMS 485C */ /* Bergundy - PMS 194C */ /* Extends --------------------------------------------------------- */ .link-arrow-after, #ready-set-hear .style-link-item h5:after, #ready-set-hear .techonology-link-item h5:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-left: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .link-arrow-before { content: "\e257"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Mixins ---------------------------------------------------------- */ /* Starkey.com Fonts */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ @font-face { font-family: "DIN Next W02 Light"; src: url("/sites/starkey2015/starkey/fonts/din-next/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/074b86ea-3c33-4b3e-90da-76f8e2e20b6b.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg"); } @font-face { font-family: "DINNextW02-LightItalic"; src: url("/sites/starkey2015/starkey/fonts/din-next/fa792f94-71cb-4df0-8b2a-733fb5d87bc1.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/fa792f94-71cb-4df0-8b2a-733fb5d87bc1.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/17662d2d-15a9-462f-a9cf-00e29158294f.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/053cad7f-2a5f-4787-88eb-1f5170845404.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/f9287e55-2c51-42a7-9644-99ebfee2a994.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/e3792fca-c114-4539-9da1-676857fd36b7.svg#e3792fca-c114-4539-9da1-676857fd36b7") format("svg"); } @font-face { font-family: "DIN Next W02 Regular"; src: url("/sites/starkey2015/starkey/fonts/din-next/21159f5e-cd9e-408a-ba51-65510b4a13aa.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/21159f5e-cd9e-408a-ba51-65510b4a13aa.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/f3de66f3-8e63-467b-a343-dad3b4e2d400.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/20007504-6ea2-4d68-93e4-f4769b5d9f14.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/1c35aab7-8ddd-402f-8976-1363134c3817.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/91c8307f-e301-4d44-b0f3-5cff17b3a554.svg#91c8307f-e301-4d44-b0f3-5cff17b3a554") format("svg"); } @font-face { font-family: "DIN Next W02 Italic"; src: url("/sites/starkey2015/starkey/fonts/din-next/a814b61c-04f1-4bb5-9416-7770570342fb.eot?#iefix"); src: url("Fonts/a814b61c-04f1-4bb5-9416-7770570342fb.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/0bb50c06-f013-47e2-be28-14f03f60f84e.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/e80136ed-393d-4283-9f0f-f74997aa62ca.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/1f98650a-25b3-4532-a0db-f480bfd8769f.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/a44f6bcf-3d74-4283-8ffc-08be7c442958.svg#a44f6bcf-3d74-4283-8ffc-08be7c442958") format("svg"); } @font-face { font-family: "DIN Next W02 Bold"; src: url("/sites/starkey2015/starkey/fonts/din-next/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/ae90c0fa-96b1-476c-83a6-34af1e0790fc.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/109143ca-57fb-459c-9814-3a68f0245ac3.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/c9fa50e2-c243-451a-b91b-ee74f341d7a8.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5.svg#1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5") format("svg"); } @font-face { font-family: "DINNextW02-BoldItalic"; src: url("/sites/starkey2015/starkey/fonts/din-next/602964de-97e9-4396-9b71-ae6e011926bc.eot?#iefix"); src: url("/sites/starkey2015/starkey/fonts/din-next/602964de-97e9-4396-9b71-ae6e011926bc.eot?#iefix") format("eot"), url("/sites/starkey2015/starkey/fonts/din-next/397f2e01-154b-4a77-be66-1ae8e8827ca1.woff2") format("woff2"), url("/sites/starkey2015/starkey/fonts/din-next/d795b773-4e39-4f23-8a59-fd5878f5e720.woff") format("woff"), url("/sites/starkey2015/starkey/fonts/din-next/9f0ed5c4-0a23-41ad-9dd4-4625bc5b8b71.ttf") format("truetype"), url("/sites/starkey2015/starkey/fonts/din-next/402efe43-117e-472f-85c3-d73d5a2cde18.svg#402efe43-117e-472f-85c3-d73d5a2cde18") format("svg"); } @font-face { font-family: "Mr Eaves"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegular/mreavesxlsanr-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Italic"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansRegularItalic/mreavesxlsanri-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Book"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBook/mreavesxlsanbk-071211001EmigreWebOnly.woff") format("woff"); } @font-face { font-family: "Mr Eaves Bold"; src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.eot"); src: url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("/sites/starkey2015/starkey/fonts/MrEavesXLSansBold/mreavesxlsanb-071211001EmigreWebOnly.woff") format("woff"); } /* Mr Eaves Mixins ------------------------------------------------- */ /* DIN Next -------------------------------------------------------- */ /* Colors */ /* Teal - PMS 3125C */ /* Blue - PMS 654C */ /* Gold - PMS 124C */ /* Orange - PMS 716C */ /* Red - PMS 485C */ /* Bergundy - PMS 194C */ /* Starkey Canada - EN fixes */ html[lang='en-CA'] #get-started .cta a { width: 220px; } @media (max-width: 768px) { html[lang='en-CA'] #get-started .cta a { width: 165px; } } /* Starkey Canada - FR fixes */ html[lang='fr-CA'] #fha #product-list li .details p { height: 80px; } @media (max-width: 1200px) { html[lang='fr-CA'] #fha #product-list li .details p { height: 95px; } } @media (max-width: 768px) { html[lang='fr-CA'] #fha #product-list li .details p { height: 60px; } } @media (max-width: 480px) { html[lang='fr-CA'] #fha #product-list li .details p { height: 80px; } } html[lang='fr-CA'] .sts .stat p { padding-left: 10px; padding-right: 10px; } @media (max-width: 768px) { html[lang='fr-CA'] .sts .stat p { font-size: 2.2rem; } } @media (max-width: 480px) { html[lang='fr-CA'] .sts .stat p { font-size: 1.4rem; line-height: 2.0rem; } } @media (max-width: 480px) { html[lang='fr-CA'] .sts .stat strong { font-size: 5.0rem; } } @media (min-width: 992px) { html[lang='fr-CA'] #get-started .cta a { width: 220px; } } @media (max-width: 992px) { html[lang='fr-CA'] #get-started .cta a { width: 200px; } } @media (max-width: 768px) { html[lang='fr-CA'] #get-started .cta a { width: 200px; } } @media (max-width: 480px) { html[lang='fr-CA'] #get-started .cta a { width: 168px; } } @media (max-width: 1200px) { html[lang='fr-CA'] #technology.xino-tinnitus .tech-want-deliver h3 { font-size: 19px; } } html[lang='fr-CA'] #hearing-test .test-icon a { font-size: 3.8rem; } @media (max-width: 992px) { html[lang='fr-CA'] #hearing-test .test-icon a { font-size: 3.2rem; } } @media (max-width: 1200px) { html[lang='fr-CA'] .start-test a.btn { font-size: 2.5rem; } } @media (min-width: 1200px) { html[lang='fr-CA'] .start-test a.btn { font-size: 4.0rem; } } /* Starkey Colombia fixes */ @media (min-width: 992px) { html[lang='es-CO'] #get-started .cta a { width: 255px; } } @media (max-width: 992px) { html[lang='es-CO'] #get-started .cta a { width: 230px; } } @media (max-width: 768px) { html[lang='es-CO'] #get-started .cta a { width: 200px; } } @media (max-width: 480px) { html[lang='es-CO'] #get-started .cta a { width: 168px; font-size: 1.4rem; } } html[lang='es-CO'] #fha #product-list li .details p { height: 85px; } @media (max-width: 768px) { html[lang='es-CO'] #fha #product-list li .details p { height: 60px !important; } } @media (max-width: 480px) { html[lang='es-CO'] #fha #product-list li .details p { height: 95px !important; } } @media (max-width: 1200px) { html[lang='es-CO'] #fha #product-list li .details p { height: 100px; } } @media (max-width: 480px) { html[lang='es-CO'] .compare-styles.btn { padding: 9px 5px 6px 5px; font-size: 1.6rem; } } html[lang='es-CO'] #fha #product-list li .title { font-size: 2.1rem; } @media (max-width: 1200px) { html[lang='es-CO'] #fha #product-list li .title { font-size: 1.8rem; } } @media (max-width: 992px) { html[lang='es-CO'] #fha #product-list li .title { font-size: 2.1rem; } } html[lang='es-CO'] #fha #product-list li .cta { width: 150px; } html[lang='es-CO'] .sts .stat p { padding-left: 0px; padding-right: 0px; font-size: 2.3rem; } @media (max-width: 768px) { html[lang='es-CO'] .sts .stat p { font-size: 2.2rem; } } @media (max-width: 480px) { html[lang='es-CO'] .sts .stat p { font-size: 1.7rem; } } /* Starkey France fixes */ @media (min-width: 992px) { html[lang='fr-FR'] #get-started .cta a { width: 220px; } } @media (max-width: 992px) { html[lang='fr-FR'] #get-started .cta a { width: 200px; } } @media (max-width: 768px) { html[lang='fr-FR'] #get-started .cta a { width: 200px; } } @media (max-width: 480px) { html[lang='fr-FR'] #get-started .cta a { width: 168px; } } html[lang='fr-FR'] #fha #product-list li .details p { height: 85px; } @media (max-width: 768px) { html[lang='fr-FR'] #fha #product-list li .details p { height: 60px; } } @media (max-width: 480px) { html[lang='fr-FR'] #fha #product-list li .details p { height: 80px; } } @media (max-width: 1200px) { html[lang='fr-FR'] #fha #product-list li .details p { height: 95px; } } @media (max-width: 480px) { html[lang='fr-FR'] .compare-styles.btn { padding: 9px 5px 6px 5px; font-size: 1.6rem; } } html[lang='fr-FR'] .sts .stat p { padding-left: 10px; padding-right: 10px; } @media (max-width: 768px) { html[lang='fr-FR'] .sts .stat p { padding-left: 0px; padding-right: 0px; } } @media (max-width: 480px) { html[lang='fr-FR'] .sts .stat p { font-size: 1.6rem; } } @media (max-width: 1200px) { html[lang='fr-FR'] #technology.xino-tinnitus .tech-want-deliver h3 { font-size: 19px; } } html[lang='fr-FR'] #hearing-test .test-icon a { font-size: 3.8rem; } @media (max-width: 992px) { html[lang='fr-FR'] #hearing-test .test-icon a { font-size: 3.2rem; } } @media (max-width: 1200px) { html[lang='fr-FR'] .start-test a.btn { font-size: 2.5rem; } } @media (min-width: 1200px) { html[lang='fr-FR'] .start-test a.btn { font-size: 4.0rem; } } html[lang='fr-FR'] .flex-item { width: 100%; } html[lang='fr-FR'] .intl-hearing-test iframe { min-height: 620px; } /* Starkey Germany fixes */ @media (min-width: 992px) { html[lang='de-DE'] #get-started .cta a { width: 240px; } } @media (max-width: 992px) { html[lang='de-DE'] #get-started .cta a { width: 220px; } } @media (max-width: 768px) { html[lang='de-DE'] #get-started .cta a { width: 220px; } } @media (max-width: 480px) { html[lang='de-DE'] #get-started .cta a { width: 168px; font-size: 1.5rem; } } @media (min-width: 768px) { html[lang='de-DE'] #fha #product-list li .details { position: relative; height: 195px; } } html[lang='de-DE'] #fha #product-list li .details .cta { width: 190px; } @media (min-width: 768px) { html[lang='de-DE'] #fha #product-list li .details .cta { position: absolute; bottom: 0; } } html[lang='de-DE'] .tech-cta a.btn { font-size: 1.6rem; } @media (max-width: 1200px) { html[lang='de-DE'] .tech-cta a.btn { font-size: 1.2rem; } } @media (max-width: 768px) { html[lang='de-DE'] .tech-cta a.btn { font-size: 1.8rem; } } /* html[lang='de-DE'] #technology .want { margin-right: 35px; max-width: 270px; } @media (min-width: 992px) {html[lang='de-DE'] .tech-want-deliver p.wide { width: 380px; }} @media (min-width: 1200px) {html[lang='de-DE'] .tech-want-deliver p.wide { width: 470px; }} */ html[lang='de-DE'] #iyh.sts .stat p { font-size: 1.7rem; line-height: 1.8rem; } @media (max-width: 480px) { html[lang='de-DE'] #iyh.sts .stat p { font-size: 1.4rem; line-height: 1.6rem; } } html[lang='de-DE'] .contact-professional { width: 285px; } html[lang='de-DE'] #fha.hasc thead th a span { display: none; } @media (max-width: 479px) { html[lang='de-DE'] #fap .location-distance { top: 41%; } } /* Starkey Italy fixes */ html[lang='it-IT'] #fha #product-list li .details p { height: 85px; } @media (max-width: 768px) { html[lang='it-IT'] #fha #product-list li .details p { height: 60px; } } @media (max-width: 480px) { html[lang='it-IT'] #fha #product-list li .details p { height: 80px; } } @media (max-width: 480px) { html[lang='it-IT'] .compare-styles.btn { padding: 9px 5px 6px 5px; font-size: 1.6rem; } } html[lang='it-IT'] #fha #product-list li .title { font-size: 2.1rem; } @media (max-width: 1200px) { html[lang='it-IT'] #fha #product-list li .title { font-size: 1.8rem; } } @media (max-width: 992px) { html[lang='it-IT'] #fha #product-list li .title { font-size: 2.1rem; } } @media (max-width: 1200px) { html[lang='it-IT'] #technology.xino-tinnitus .tech-want-deliver h3 { font-size: 18px; } } @media (min-width: 1200px) { html[lang='it-IT'] #technology.xino-tinnitus .tech-want-deliver h3 { font-size: 23px; } } @media (min-width: 992px) { html[lang='it-IT'] #get-started .cta a { width: 260px; } } @media (max-width: 992px) { html[lang='it-IT'] #get-started .cta a { width: 230px; } } @media (max-width: 768px) { html[lang='it-IT'] #get-started .cta a { width: 240px; } } @media (max-width: 480px) { html[lang='it-IT'] #get-started .cta a { width: 168px; font-size: 1.3rem; } } html[lang='it-IT'] .sts .stat p { padding-left: 0px; padding-right: 0px; line-height: 2.2rem; margin-top: -10px; } @media (max-width: 768px) { html[lang='it-IT'] .sts .stat p { font-size: 2.2rem; } } @media (max-width: 480px) { html[lang='it-IT'] .sts .stat p { font-size: 1.4rem; line-height: 2.0rem; } } @media (max-width: 480px) { html[lang='it-IT'] .sts .stat strong { font-size: 5.0rem; } } html[lang='it-IT'] p.copyright { float: left; width: 45%; line-height: 1.7rem; } @media (max-width: 992px) { html[lang='it-IT'] p.copyright { width: 100%; } } html[lang='it-IT'] #cookies p a:after { display: none; } html[lang='it-IT'] #fha.product-detail .heading h2 { margin: 10px auto; text-align: center; max-width: 750px; } @media (max-width: 768px) { html[lang='it-IT'] #fha.product-detail .heading h2 { max-width: 600px; } } @media (max-width: 480px) { html[lang='it-IT'] #fha.product-detail .heading h2 { max-width: 360px; } } html[lang='it-IT'] .flex-item { width: 100%; } html[lang='it-IT'] .intl-hearing-test iframe { min-height: 620px; } @media (min-width: 768px) { li.language { top: -65px; right: 0; } } li.language { margin-right: 30px; list-style: none; position: relative; color: #fff; top: 6px; right: 0px; } li.language:hover ul { display: block; min-width: 110px; } li.language a { display: block; padding: 5px 15px; text-decoration: none; color: #00b7c6; } .choices ul { display: none; position: absolute; z-index: 999; left: -1px; padding: 0; border: 1px solid #00aec7; color: #00b7c6; background: #fff; } .choices li { min-width: 110px; } .choices li a:hover { color: #00b7c6; background: #e1e1e1; display: block; width: 110%; } .choice { padding-bottom: 4px; } .choice:after { content: "\e259"; position: relative; padding-left: 4px; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li.language a:after { content: "\e258"; position: relative; padding-left: 2px; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #fha.product-detail .heading { background-image: none; } html[lang='es-CO'] .iyh .stat p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } @media (min-width: 992px) { html[lang='es-CO'] .iyh .stat p { font-size: 20px; font-size: 2rem; line-height: 36px; line-height: 3.6rem; } } @media (min-width: 381px) { html[lang='es-CO'] .iyh .stat p.stat-data { padding-top: 311px; } } @media (min-width: 992px) { html[lang='es-CO'] .iyh .stat p.stat-data { font-size: 57px; font-size: 5.7rem; line-height: 50px; line-height: 5rem; padding-top: 318px; } } html[lang='hu-HU'] h1, html[lang='hu-HU'] h2, html[lang='hu-HU'] h3, html[lang='hu-HU'] h4, html[lang='hu-HU'] h5, html[lang='hu-HU'] h6 { font-family: 'Open Sans', Arial, sans-serif; } html[lang='hu-HU'] .btn, html[lang='hu-HU'] button { padding-bottom: 5px; } html[lang='hu-HU'] #home #hero-carousel .slide-foundation h1 { font-size: 36px; font-size: 3.6rem; line-height: 38px; line-height: 3.8rem; } @media (min-width: 768px) { html[lang='hu-HU'] #home #hero-carousel .slide-foundation h1 { margin-top: 30px; } } @media (min-width: 768px) { html[lang='hu-HU'] .navbar-default .nav > li > a { font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; } } @media (min-width: 480px) { html[lang='hu-HU'] #fha.product-detail .tertiary-nav a { font-size: 11px; font-size: 1.1rem; line-height: 21px; line-height: 2.1rem; } } @media (min-width: 768px) { html[lang='hu-HU'] #fha.product-detail .tertiary-nav a { font-size: 12px; font-size: 1.2rem; line-height: 21px; line-height: 2.1rem; } } @media (min-width: 992px) { html[lang='hu-HU'] #fha.product-detail .tertiary-nav a { font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; } } html[lang='hu-HU'] #fha #product-list li { position: relative; } html[lang='hu-HU'] #fha #product-list li .cta { position: relative; } @media (min-width: 768px) { html[lang='hu-HU'] #fha #product-list li .cta { position: absolute; bottom: 0; } } @media (min-width: 768px) { html[lang='hu-HU'] #fha #product-list li .details { height: 180px; } } html[lang='hu-HU'] #fha #product-list li .details p { height: auto; } @media (min-width: 380px) { html[lang='hu-HU'] .iyh .stat p.stat-data { font-size: 28px; font-size: 2.8rem; line-height: 30px; line-height: 3rem; padding-top: 292px; } } @media (min-width: 992px) { html[lang='hu-HU'] .iyh .stat p.stat-data { padding-top: 330px; } } @media (min-width: 380px) { html[lang='hu-HU'] .iyh .stat p { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } } @media (max-width: 380px) { html[lang='hu-HU'] .iyh .stat { height: auto; padding-bottom: 10px; } } @media (max-width: 480px) { html[lang='hu-HU'] .sts .stat { height: auto; padding-bottom: 10px; } } html[lang='hu-HU'] .sts .stat p { font-size: 19px; font-size: 1.9rem; line-height: 26px; line-height: 2.6rem; } @media (min-width: 768px) { html[lang='hu-HU'] .sts .stat p { padding-left: 0; padding-right: 0; } } html[lang='hu-HU'] .sts .stat strong { font-size: 40px; font-size: 4rem; line-height: 45px; line-height: 4.5rem; } html[lang='hu-HU'] #iyh .contact-professional { width: auto; } html[lang='hu-HU'] #hearing-test .test-icon a { font-size: 33px; font-size: 3.3rem; line-height: 54px; line-height: 5.4rem; } @media (min-width: 992px) { html[lang='hu-HU'] #hearing-test .test-icon a { line-height: 68px; } } html[lang='hu-HU'] #technology .tech-cta { padding: 10px 10px 20px; } html[lang='hu-HU'] #technology .tech-cta h2 { font-size: 28px; font-size: 2.8rem; line-height: 35px; line-height: 3.5rem; } @media (min-width: 768px) { html[lang='hu-HU'] #technology .tech-cta h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; } } @media (min-width: 992px) { html[lang='hu-HU'] #technology .tech-cta h3 { font-size: 18px; } } @media (min-width: 768px) { html[lang='hu-HU'] #fha #product-list li .details { position: relative; } } @media (min-width: 992px) { html[lang='hu-HU'] #fha #product-list li .details { height: 190px; } } @media (min-width: 1200px) { html[lang='hu-HU'] #fha #product-list li .details { height: 170px; } } html[lang='hu-HU'] #fha #product-list li .title { font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; } html[lang='hu-HU'] #fha #product-list li .cta { width: 160px; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; } @media (min-width: 768px) { html[lang='hu-HU'] #fha #product-list li .cta { position: absolute; bottom: 0; } } html[lang='en-IN'] #hero-carousel .slide-muse { background: url("../img/home/india/bkgd-slide-muse-xs.jpg") bottom center no-repeat; background-size: contain; } @media (min-width: 667px) { html[lang='en-IN'] #hero-carousel .slide-muse { background: url("../img/home/india/bkgd-slide-muse-sm.jpg") bottom left no-repeat; background-size: contain; } } @media (min-width: 992px) { html[lang='en-IN'] #hero-carousel .slide-muse { background: url("../img/home/india/bkgd-slide-muse-md.jpg") center left no-repeat; } } @media (min-width: 1200px) { html[lang='en-IN'] #hero-carousel .slide-muse { background-position: center bottom; } } html[lang='en-IN'] #hero-carousel .slide-halo2 { background: url("../img/home/india/bkgd-slide-halo2-xs.jpg") bottom center no-repeat; background-size: contain; } @media (min-width: 667px) { html[lang='en-IN'] #hero-carousel .slide-halo2 { background: url("../img/home/india/bkgd-slide-halo2-sm.jpg") bottom left no-repeat; background-size: contain; } } @media (min-width: 992px) { html[lang='en-IN'] #hero-carousel .slide-halo2 { background: url("../img/home/india/bkgd-slide-halo2-md.jpg") center left no-repeat; } } @media (min-width: 1200px) { html[lang='en-IN'] #hero-carousel .slide-halo2 { background-position: center bottom; } } html[lang='en-IN'] #hero-carousel .slide-hear-better-live-better { background-image: url("../img/home/india/bkgd-slide-hear-better-xs.jpg"); } @media (min-width: 768px) { html[lang='en-IN'] #hero-carousel .slide-hear-better-live-better { background-image: url("../img/home/india/bkgd-slide-hear-better-sm.jpg"); } } @media (min-width: 1200px) { html[lang='en-IN'] #hero-carousel .slide-hear-better-live-better { background-image: url("../img/home/india/bkgd-slide-hear-better-md.jpg"); } } html[lang='en-IN'] #hearing-health { background-image: url("../img/home/india/bkgd-hearing-health-wellness-xs.jpg"); } @media (min-width: 768px) { html[lang='en-IN'] #hearing-health { background-image: url("../img/home/india/bkgd-hearing-health-wellness-sm.jpg"); background-position: -80px bottom; } } @media (min-width: 1200px) { html[lang='en-IN'] #hearing-health { background-position: center bottom; } } html[lang='en-IN'] #get-started { background-image: url("../img/home/india/bkgd-get-started-xs.jpg"); } @media (min-width: 992px) { html[lang='en-IN'] #get-started { background-image: url("../img/home/india/bkgd-get-started-sm.jpg"); } } @media (min-width: 380px) { html[lang='en-IN'] .iyh .stat { background-image: url("../img/iyh/india/bg-one-in-six.jpg"); } } @media (min-width: 992px) { html[lang='en-IN'] .iyh .stat { height: 459px; } } @media (min-width: 480px) { html[lang='en-IN'] .sts .stat { background-image: url("../img/iyh/india/bg-five-seven-years.jpg"); } } @media (min-width: 768px) { html[lang='es-MX'] .navbar > .container .navbar-brand { margin-left: -9px; } } html[lang='es-MX'] .navbar-brand { background: url("../img/home/mexico/header-logo-mx.png"); height: 65px; width: 104px; display: block; margin-left: 6px; } html[lang='es-MX'] .navbar-brand img { display: none; } @media (min-width: 380px) { html[lang='es-MX'] .iyh .stat { background: url("../img/iyh/mexico/bg-one-in-six.jpg") no-repeat center bottom; background-size: 100%; } } @media (min-width: 992px) { html[lang='es-MX'] .iyh .stat { height: 459px; } } html[lang='es-MX'] .iyh .stat p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem; } @media (min-width: 992px) { html[lang='es-MX'] .iyh .stat p { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; } } @media (min-width: 992px) { html[lang='es-MX'] .iyh .stat p.stat-data { font-size: 40px; font-size: 4rem; line-height: 50px; line-height: 5rem; padding-top: 314px; } } html[lang='es-MX'] .sts .stat p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; } @media (max-width: 480px) { html[lang='es-MX'] .sts .stat p { font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; } } html[lang='es-MX'] .sts .stat p span { font-size: 26px; font-size: 2.6rem; line-height: 27px; line-height: 2.7rem; } html[lang='es-MX'] .sts .stat strong { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 26px; font-size: 2.6rem; line-height: 27px; line-height: 2.7rem; } html[lang='es-MX'] .sts .stat strong html[lang='pl-PL'], html[lang='hu-HU'] html[lang='es-MX'] .sts .stat strong { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } @media (min-width: 480px) { html[lang='es-MX'] .sts .stat { background: url("../img/iyh/mexico/bg-five-seven-years.jpg") no-repeat center bottom; background-size: 100%; } html[lang='es-MX'] .sts .stat p strong, html[lang='es-MX'] .sts .stat p span { font-size: 34px; font-size: 3.4rem; line-height: 40px; line-height: 4rem; } } html[lang='es-MX'] #fha #product-list li .details { height: 165px; position: relative; } html[lang='es-MX'] #fha #product-list li .details .cta { position: absolute; bottom: 0; } html[lang='es-MX'] .start-test a.btn { font-size: 34px; font-size: 3.4rem; line-height: 66px; line-height: 6.6rem; } html[lang='es-MX'] #dont-wait { background-size: cover; margin-top: -50px; } html[lang='es-MX'] #home #hero-carousel .slide-halo { background: url("../img/home/mexico/bkgd-slide-halo-xs.jpg") center bottom no-repeat; background-size: contain; text-align: center; } @media (min-width: 768px) { html[lang='es-MX'] #home #hero-carousel .slide-halo { background: url("../img/home/mexico/bkgd-slide-halo-sm.jpg") left center no-repeat; } html[lang='es-MX'] #home #hero-carousel .slide-halo h1 { margin-top: 86px; } } @media (min-width: 992px) { html[lang='es-MX'] #home #hero-carousel .slide-halo { background: url("../img/home/mexico/bkgd-slide-halo-md.jpg") left center no-repeat; } } @media (min-width: 1200px) { html[lang='es-MX'] #home #hero-carousel .slide-halo { background-position: center center; } } html[lang='es-MX'] #home #hero-carousel .slide-muse { background: url("../img/home/mexico/bkgd-slide-muse-xs.jpg") left bottom no-repeat; background-size: contain; } @media (min-width: 768px) { html[lang='es-MX'] #home #hero-carousel .slide-muse { background: url("../img/home/mexico/bkgd-slide-muse-sm.jpg") left bottom no-repeat; } } @media (min-width: 1200px) { html[lang='es-MX'] #home #hero-carousel .slide-muse { background: url("../img/home/mexico/bkgd-slide-muse-md.jpg") center center no-repeat; } html[lang='es-MX'] #home #hero-carousel .slide-muse .product-container { right: -800px; bottom: 130px; } } html[lang='es-MX'] #home #hero-carousel .slide-halo2 { background: url("../img/home/mexico/bkgd-slide-halo2-xs.jpg") center bottom no-repeat; background-size: contain; text-align: center; } @media (min-width: 768px) { html[lang='es-MX'] #home #hero-carousel .slide-halo2 { background: url("../img/home/mexico/bkgd-slide-halo2-sm.jpg") left bottom no-repeat; } } @media (min-width: 1200px) { html[lang='es-MX'] #home #hero-carousel .slide-halo2 { background: url("../img/home/mexico/bkgd-slide-halo2-md.jpg") left center no-repeat; background-position: center center; } html[lang='es-MX'] #home #hero-carousel .slide-halo2 .product-container { right: -770px; bottom: -140px; } } html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better { background: url("../img/home/mexico/bkgd-slide-hear-better-xs.jpg") center bottom no-repeat; background-size: contain; text-align: center; } html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 42px; font-size: 4.2rem; line-height: 42px; line-height: 4.2rem; } @media (min-width: 768px) { html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better { background: url("../img/home/mexico/bkgd-slide-hear-better-sm.jpg") right center no-repeat; } html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better p { text-align: left; } } @media (min-width: 992px) { html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better { background-position: bottom right; background-size: inherit; } } @media (min-width: 992px) { html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 60px; font-size: 6rem; line-height: 64px; line-height: 6.4rem; } } @media (min-width: 1200px) { html[lang='es-MX'] #home #hero-carousel .slide-hear-better-live-better { background: url("../img/home/mexico/bkgd-slide-hear-better-md.jpg") left center no-repeat; background-position: center center; } } html[lang='es-MX'] #get-started { background: url("../img/home/mexico/bkgd-get-started-xs.jpg") center bottom no-repeat; background-size: 100%; } @media (min-width: 992px) { html[lang='es-MX'] #get-started { background: url("../img/home/mexico/bkgd-get-started-sm.jpg") center bottom no-repeat; } } @media (min-width: 1200px) { html[lang='es-MX'] #get-started { background-position: center bottom; } } html[lang='es-MX'] #get-started .cta { margin-right: auto; margin-left: auto; float: none; width: auto; } html[lang='es-MX'] #get-started .cta a { width: 260px; } html[lang='es-MX'] #get-started .cta > div { float: none; } html[lang='es-MX'] #get-started .cta:first-child > div { float: none; } @media (min-width: 768px) { html[lang='es-MX'] #get-started .cta a { width: 300px; } } @media (min-width: 992px) { html[lang='es-MX'] #get-started { background-position: center top; } html[lang='es-MX'] #get-started .cta > div { margin: 0; } html[lang='es-MX'] #get-started .cta:first-child > div { margin-right: 0; } } html[lang='pl-PL'] h1, html[lang='pl-PL'] h2, html[lang='pl-PL'] h3, html[lang='pl-PL'] h4, html[lang='pl-PL'] h5, html[lang='pl-PL'] h6 { font-family: 'Open Sans', Arial, sans-serif; } html[lang='pl-PL'] .utility-nav a { font-size: 14px; font-size: 1.4rem; line-height: 33px; line-height: 3.3rem; } html[lang='pl-PL'] .utility-nav .country a { font-size: 16px; font-size: 1.6rem; line-height: 33px; line-height: 3.3rem; } @media (min-width: 768px) { html[lang='pl-PL'] .navbar-default .navbar-nav > li > a { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } } @media (min-width: 992px) { html[lang='pl-PL'] .navbar-default .navbar-nav > li > a { font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; } } @media (min-width: 1200px) { html[lang='pl-PL'] .navbar-default .navbar-nav > li > a { font-size: 19px; font-size: 1.9rem; line-height: 21px; line-height: 2.1rem; } } html[lang='pl-PL'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 37px; font-size: 3.7rem; line-height: 44px; line-height: 4.4rem; } @media (min-width: 768px) { html[lang='pl-PL'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 44px; font-size: 4.4rem; line-height: 50px; line-height: 5rem; } } @media (min-width: 992px) { html[lang='pl-PL'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 52px; font-size: 5.2rem; line-height: 60px; line-height: 6rem; } } @media (min-width: 1200px) { html[lang='pl-PL'] #home #hero-carousel .slide-hear-better-live-better h1 { font-size: 56px; font-size: 5.6rem; line-height: 64px; line-height: 6.4rem; } } html[lang='pl-PL'] #home #hero-carousel .slide-hear-better-live-better h1 span { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } html[lang='pl-PL'] #home #promo-boxes h3 { font-size: 27px; font-size: 2.7rem; line-height: 30px; line-height: 3rem; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } html[lang='pl-PL'] #home #promo-boxes h5 { font-size: 19px; font-size: 1.9rem; line-height: 23px; line-height: 2.3rem; } html[lang='pl-PL'] #home h2 { font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } html[lang='pl-PL'] #home #hearing-test .cta a { width: auto; padding: 10px; } @media (min-width: 462px) { html[lang='pl-PL'] #home #hearing-test .cta a { margin-right: auto; } } @media (min-width: 500px) { html[lang='pl-PL'] #home #hearing-test .cta a + a { margin-left: 15px; } } html[lang='pl-PL'] #home #get-started .cta { margin-right: auto; margin-left: auto; float: none; width: auto; } html[lang='pl-PL'] #home #get-started .cta > div { float: none; } html[lang='pl-PL'] #home #get-started .cta:first-child > div { float: none; } @media (min-width: 992px) { html[lang='pl-PL'] #home #get-started { background-position: center top; } html[lang='pl-PL'] #home #get-started .cta > div { margin: 0; } html[lang='pl-PL'] #home #get-started .cta:first-child > div { margin-right: 0; } } html[lang='pl-PL'] .heading a { padding-top: 4px; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; } html[lang='pl-PL'] .start-test a.btn { font-size: 19px; font-size: 1.9rem; line-height: 49px; line-height: 4.9rem; } @media (min-width: 1200px) { html[lang='pl-PL'] .start-test a.btn { font-size: 31px; font-size: 3.1rem; line-height: 60px; line-height: 6rem; } } @media (min-width: 768px) { html[lang='pl-PL'] #fha #product-list li .details { position: relative; height: 225px; } } @media (min-width: 992px) { html[lang='pl-PL'] #fha #product-list li .details { height: 285px; } } @media (min-width: 1200px) { html[lang='pl-PL'] #fha #product-list li .details { height: 220px; } } html[lang='pl-PL'] #fha #product-list li .title { font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; } html[lang='pl-PL'] #fha #product-list li .cta { width: 160px; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; } @media (min-width: 768px) { html[lang='pl-PL'] #fha #product-list li .cta { position: absolute; bottom: 0; } } html[lang='pl-PL'] #fha .comparison .btn { white-space: normal; } html[lang='pl-PL'] .product-features .title, html[lang='pl-PL'] .tech-avail h3 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 25px; font-size: 2.5rem; line-height: 30px; line-height: 3rem; padding-bottom: 6px; } html[lang='pl-PL'] .wireless-accessories .tertiary-nav a { display: block; width: 90%; margin: 6px auto; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; } @media (min-width: 768px) { html[lang='pl-PL'] .wireless-accessories .tertiary-nav a { display: inline-block; width: auto; margin: 3px; padding: 9px 12px; } } html[lang='pl-PL'] .tech-blurb p { font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; } html[lang='pl-PL'] .tech-want-deliver p { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; } html[lang='pl-PL'] .want { padding-right: 20px; } html[lang='pl-PL'] .want h4 { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; } html[lang='pl-PL'] #hero-carousel .slide-z-series h3 { line-height: 4.8rem; } html[lang='pl-PL'] #hero-carousel .slide-z-series h1 { font-size: 42px; font-size: 4.2rem; line-height: 44px; line-height: 4.4rem; } html[lang='pl-PL'] #hero-carousel .slide-foudnation h1 { font-size: 42px; font-size: 4.2rem; line-height: 44px; line-height: 4.4rem; } html[lang='pl-PL'] #hearing-test .cta a { width: 250px; font-size: 1.6rem; } html[lang='pl-PL'] #hearing-test .test-icon a { font-size: 2.8rem; padding-top: 0px; font-weight: bold; } html[lang='pl-PL'] #hearing-health { margin-top: -50px; } html[lang='pl-PL'] #hearing-test h2 { font-size: 36px; font-size: 3.6rem; line-height: 40px; line-height: 4rem; } html[lang='pl-PL'] #dont-wait { padding-top: 25px; padding-bottom: 50px; margin-top: -50px; } html[lang='pl-PL'] #get-started h1 { margin-bottom: 32px; font-size: 5.2rem; } html[lang='pl-PL'] #get-started h2 { font-size: 3rem; line-height: 4.2rem; } html[lang='pl-PL'] #get-started .cta a { font-size: 1.8rem; width: 295px; } html[lang='pl-PL'] .iyh .stat p.stat-data { font-size: 45px; font-size: 4.5rem; line-height: 51px; line-height: 5.1rem; padding-top: 0px; } html[lang='pl-PL'] .iyh .stat p { font-size: 21px; font-size: 2.1rem; line-height: 23px; line-height: 2.3rem; } html[lang='pl-PL'] .iyh .stat img { top: -5px; } html[lang='pl-PL'] .heading h2 { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; } @media (min-width: 768px) { html[lang='pl-PL'] .heading h2 { font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; margin-bottom: 40px; } } html[lang='pl-PL'] #fha.lp .heading { height: auto; } html[lang='pl-PL'] #associated-content div.title span { line-height: 3rem; line-height: 30px; } html[lang='pl-PL'] .btn { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } html[lang='pl-PL'] #iyh.sts .stat { height: auto; padding-bottom: 10px; } html[lang='pl-PL'] #iyh.sts .stat p { font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem; } html[lang='pl-PL'] #iyh.sts .stat p strong, html[lang='pl-PL'] #iyh.sts .stat p span { font-size: 41px; font-size: 4.1rem; line-height: 44px; line-height: 4.4rem; } @media (min-width: 480px) { html[lang='pl-PL'] #iyh.sts .stat { height: 394px; padding-bottom: 0px; } } @media (min-width: 768px) { html[lang='pl-PL'] #iyh.sts .stat { height: 420px; } } html[lang='pl-PL'] #online-hearing-test #results .HearingTest-test--resultsSection .HearingTest-test--smallTitle { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test .HearingTest-test--content .HearingTest-test--part .HearingTest-test--faultContainer .HearingTest-test--faultTiny { width: auto; margin-right: 5%; } html[lang='pl-PL'] .HearingTest .HearingTest-test .HearingTest-test--content .HearingTest-test--part .HearingTest-test--faultContainer .HearingTest-test--faultTiny .HearingTest-test--faultIconText { width: auto; } html[lang='pl-PL'] #results .HearingTest-test--resultsSectionCTA .HearingTest-test--textBold .sched-appt-number { font-size: 22px; } @media (min-width: 480px) { html[lang='pl-PL'] #results .HearingTest-test--resultsSectionCTA .HearingTest-test--textBold .sched-appt-number { font-size: 32px; } } html[lang='pl-PL'] .HearingTest .HearingTest-greeting .HearingTest-greeting--header { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-greeting .HearingTest-greeting--left .HearingTest-greeting--reminder { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } html[lang='pl-PL'] .HearingTest .HearingTest-greeting .HearingTest-greeting--left .HearingTest-greeting--subHeader { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test .HearingTest-test--sections .HearingTest-test--section { min-height: 68px; } html[lang='pl-PL'] .HearingTest .HearingTest-test .HearingTest-test--sections .HearingTest-test--section .HearingTest-test--sectionText { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--textBold { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--title, html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--button { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part.speech-section .HearingTest-test--button { width: 48% !important; margin-bottom: 4px; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--button { font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--calibrationContainer .HearingTest-test--volumeButton { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--resultsSectionMedium .HearingTest-test--smallTitle { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--resultsSectionSmall .HearingTest-test--textButton { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } html[lang='pl-PL'] .HearingTest .HearingTest-test--content .HearingTest-test--part .HearingTest-test--smallTitle { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } html[lang='pl-PL'] .HearingTest .HearingTest-test--resultsFooter { display: none; } html[lang='pl-PL'] .list-with-round-image li .cta { padding: 6px 15px; width: auto; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; } @media (min-width: 380px) { html[lang='pl-PL'] .iyh .stat p.stat-data { font-size: 49px; font-size: 4.9rem; line-height: 51px; line-height: 5.1rem; padding-top: 275px; } html[lang='pl-PL'] .iyh .stat p { font-size: 21px; font-size: 2.1rem; line-height: 23px; line-height: 2.3rem; } html[lang='pl-PL'] .iyh .stat img { top: -5px; } } @media (min-width: 414px) { html[lang='pl-PL'] #hero-carousel .slide-foundation h1 { font-size: 54px; font-size: 5.4rem; line-height: 58px; line-height: 5.8rem; } } @media (min-width: 768px) { html[lang='pl-PL'] #hero-carousel .slide-foundation h1 { font-size: 56px; font-size: 5.6rem; line-height: 60px; line-height: 6rem; } html[lang='pl-PL'] #hauc.iv #accordion .cta .title { font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2rem; } html[lang='pl-PL'] .product-detail h1 { font-size: 46px; font-size: 4.6rem; line-height: 54px; line-height: 5.4rem; } html[lang='pl-PL'] .list-with-round-image li { height: 290px; margin-bottom: 30px; } html[lang='pl-PL'] .list-with-round-image li .cta { bottom: 0; } html[lang='pl-PL'] ul.footer-nav li a { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; } } @media (min-width: 992px) { html[lang='pl-PL'] .iyh .stat p.stat-data { padding-top: 328px; } } html[lang='it-IT'] #results #speech > .speech-results-wrapper { background: none !important; } html[lang='it-IT'] #results .HearingTest-test--resultsFooter { display: none !important; } html[lang='de-DE'] #results #speech > .speech-results-wrapper { background: none !important; } html[lang='de-DE'] #results .HearingTest-test--resultsFooter { display: none !important; } html[lang='es-MX'] #results #speech > .speech-results-wrapper { background: none !important; } html[lang='es-MX'] #results .HearingTest-test--resultsFooter { display: none !important; } html[lang='es-CO'] #results #speech > .speech-results-wrapper { background: none !important; } html[lang='es-CO'] #results .HearingTest-test--resultsFooter { display: none !important; } html[lang='fr-FR'] #results #speech > .speech-results-wrapper { background: none !important; } html[lang='fr-FR'] #results .HearingTest-test--resultsFooter { display: none !important; } html[lang='fr-CA'] #results #speech > .speech-results-wrapper { background: none !important; } /* Improve Your Hearing -------------------------------------------- */ .iyh .group section h2 { border-bottom: 2px dotted #999; width: 92%; margin-bottom: 15px; } #iyh h3 { color: #00b7c6; } .iyh .stat { background: url("../img/iyh/bg-one-in-six.jpg") no-repeat center bottom; background-size: 100%; display: block; margin: 0 auto; height: 410px; width: 320px; } .iyh .stat p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem; color: #fff; text-align: center; width: 94%; margin: 0 3%; } .iyh .stat p.stat-data { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 50px; font-size: 5rem; line-height: 50px; line-height: 5rem; padding-top: 303px; vertical-align: bottom; letter-spacing: -2px; margin-bottom: -5px; } .iyh .stat p.stat-data html[lang='pl-PL'], html[lang='hu-HU'] .iyh .stat p.stat-data { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .iyh .stat p.stat-data span { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; letter-spacing: 0; } .iyh .stat img { max-width: 150px; position: relative; top: -11px; margin-left: 5px; } @media (max-width: 380px) { #iyh.iyh .group section { width: 100%; margin: 0; } .iyh .stat { background-image: none; background-color: #00b7c6; width: 100%; height: 150px; padding-left: 5px; padding-right: 5px; } .iyh .stat p { font-size: 22px; font-size: 2.2rem; line-height: 24px; line-height: 2.4rem; } .iyh .stat p.stat-data { padding-top: 20px; } .iyh .stat img { display: none; } } @media (min-width: 768px) { #iyh.iyh .group section { width: 44%; float: left; } #iyh.iyh .group section:last-child { margin-left: 5%; } } @media (min-width: 992px) { .iyh .stat { width: 350px; height: 458px; } .iyh .stat p { font-size: 28px; font-size: 2.8rem; line-height: 30px; line-height: 3rem; } .iyh .stat p.stat-data { font-size: 70px; font-size: 7rem; line-height: 60px; line-height: 6rem; padding-top: 330px; } .iyh .stat img { top: -7px; } } @media (min-width: 1200px) { .iyh .stat { margin-left: 110px; } } /* IYH landing page hearing fact graphics ----------------------------- */ .iyh .infographics { padding: 36px 0; background: #f8f8f8 url("../img/global/divider-dotted-down.png") center top no-repeat; } .iyh .infographics p { margin-bottom: 15px; text-align: center; } @media (max-width: 568px) { .iyh .infographics p { padding: 0 4%; } } @media (min-width: 768px) { .iyh .infographics .column-1 { padding: 0; border-right: 1px solid #e1e1e1; } } .iyh .infographics .column-1 > div, .iyh .infographics .graphic-2-1, .iyh .infographics .column-3, .iyh .infographics .column-3 > div { padding: 0; } .iyh .infographics .graphic-1-1, .iyh .infographics .row .row, .iyh .infographics .graphic-3-1 { border-bottom: 1px solid #e1e1e1; } .iyh .infographics .graphic-1-2a { border-right: 1px solid #e1e1e1; } .iyh .infographics .graphic-2-1 { padding-top: 2%; } @media (min-width: 992px) { .iyh .infographics .graphic-2-1 { padding-top: 1%; } } @media (min-width: 1200px) { .iyh .infographics .graphic-2-1 { padding-top: 0; } } .iyh .infographics .column-3 { border-left: 1px solid #e1e1e1; } /* IYH Hearing Loss Signs ------------------------------------------ */ .sts .stat { background: url("../img/iyh/bg-five-seven-years.jpg") no-repeat center bottom; background-size: 100%; display: block; margin: 30px auto 40px auto; height: 394px; width: 394px; } .sts .stat p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem; color: #fff; text-align: center; width: 94%; margin: 0 3%; padding-top: 10px; } .sts .stat p span { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 48px; font-size: 4.8rem; line-height: 55px; line-height: 5.5rem; } .sts .stat p span html[lang='pl-PL'], html[lang='hu-HU'] .sts .stat p span { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } .sts .stat strong { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 58px; font-size: 5.8rem; line-height: 60px; line-height: 6rem; } .sts .stat strong html[lang='pl-PL'], html[lang='hu-HU'] .sts .stat strong { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } .sts .content-with-heading ul { padding-left: 20px; } .sts .flex-item .video-text { float: left; margin-top: 50px; margin-left: 15px; } @media (max-width: 480px) { .sts .flex-item .video-text { clear: left; margin-top: 10px; } } .sts .flex-item .video-text p.cta { margin-bottom: 0; } @media (max-width: 480px) { .sts .stat { background-image: none; background-color: #00b7c6; width: 100%; height: 150px; padding-left: 5px; padding-right: 5px; } .sts .stat p { font-size: 19px; font-size: 1.9rem; line-height: 22px; line-height: 2.2rem; padding-top: 12px; } .sts .stat p.stat-data { padding-top: 20px; } .sts .stat img { display: none; } } @media (min-width: 768px) { .sts .stat { width: 420px; height: 420px; margin-top: 10px; } .sts .stat p { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .sts .stat p { padding-top: 14px; } } @media (min-width: 1200px) { .sts .stat { margin-left: 80px; } } .sts .content-with-heading { float: left; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } /* IYH Prevent Damage ---------------------------------------------- */ .pd dl { margin-top: 40px; margin-bottom: 120px; } .pd dl dt { background: url("../img/iyh/scale-mask.png") repeat-y 0 0; text-indent: 120px; border-top: 2px solid #fff; position: absolute; height: 175px; z-index: 0; } .pd dl dd { padding-top: 40px; margin-left: 120px; position: relative; z-index: 10; } .pd dl dt.level-4 { background-color: #00b7c6; } .pd dl dt.level-3 { background-color: #3ac2d6; } .pd dl dt.level-2 { background-color: #85d3df; } .pd dl dt.level-1 { background-color: #bae4ee; } .pd dl dt:first-child:before { content: url("../img/iyh/scale-top.png"); position: absolute; left: -122px; top: 0; } .pd dl dt:nth-last-child(2) { height: 130px; } .pd dl dd:last-child { border: none; } .pd dl dd:last-child:after { content: " "; background-color: #bae4ee; height: 100px; width: 100px; border-radius: 100%; display: block; position: absolute; top: 50px; left: -124px; } /* IYH - Take Action ----------------------------------------------- */ /* IYH - Help a Loved One ------------------------------------------ */ #halo .fluid-container { margin-bottom: 40px; } /* IYH - FAQ and Accordion ----------------------------------------- */ #accordion { padding-left: 0; } #accordion li.item { margin: 0; list-style: none; padding: 5px 10px; } #accordion li.item:nth-child(odd) { background: #f8f8f8; } #accordion .cta { display: inline-block; vertical-align: middle; cursor: pointer; min-height: 38px; padding: 10px 0px 0px 16px; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; position: relative; } #accordion .cta html[lang='pl-PL'], html[lang='hu-HU'] #accordion .cta { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #accordion .cta:before, #accordion .cta.open:before { content: "\e259"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; margin-top: -6px; left: 0; } #accordion .cta.open:before { content: "\e260"; } #accordion .cta:hover { color: #ea7600; } #accordion .cta.open { color: #ea7600; padding-bottom: 5px; } #accordion #accordion h3 { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; color: #333; margin-top: 5px; margin-bottom: 5px; } #accordion #accordion h4 { margin: 10px 0px; font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; color: #eaaa00; } #accordion #accordion h5 { margin: 15px 0px 2px 0px; font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; color: #003a70; } #accordion #accordion h5 html[lang='pl-PL'], html[lang='hu-HU'] #accordion #accordion h5 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #accordion .panel { display: none; } #accordion .panel.open { display: block; padding: 15px 10px; border-top: 2px dotted #999; /* the following override Bootstrap's default .panel styles */ margin-bottom: 0; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; box-shadow: none; -webkit-box-shadow: none; } #accordion .panel.open:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #accordion .panel p, #accordion .panel li { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; } #accordion .panel h4 { color: #333; } #accordion .panel p { margin-top: 5px; margin-bottom: 10px; } #accordion .panel p.contact { margin: 20px 0px; color: #00b7c6; cursor: pointer; } #accordion .panel p.contact:hover { color: #003a70; } #accordion .panel li { list-style: disc; } #accordion .panel ol > li { font-family: "DIN Next W02 Bold", Arial, Helvetica, sans-serif; list-style: decimal; } #accordion .panel a { color: #00b7c6; } #iyh #accordion h3 { color: #333; } /* IYH > FAQ > Types of hearing aids ------------------------------- */ .hearing-styles { /*h3 a:before { @extend .link-arrow-before; content: "\e258"; top: -1px; } */ } .hearing-styles .hearing-block { clear: both; display: table; margin-top: 15px; border-top: 2px dotted #e1e1e1; } @media (min-width: 992px) { .hearing-styles .hearing-block { margin-right: 20px; } } .hearing-styles .hearing-block a h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; } .hearing-styles .hearing-block a:hover h2 { color: inherit; } @media (min-width: 569px) { .hearing-styles .hearing-block p { margin-left: 240px; } } .hearing-styles .hearing-block-image { float: none; } @media (min-width: 569px) { .hearing-styles .hearing-block-image { float: left; } } .hearing-styles .hearing-block-image img { -webkit-box-shadow: 2px 2px 6px 2px #ccc; -moz-box-shadow: 2px 2px 6px 2px #ccc; box-shadow: 2px 2px 6px 2px #ccc; margin-right: 20px; margin-bottom: 15px; } /* Personal Audio & Hearing Protection ----------------------------- */ .pa .content-with-image, .hp .content-with-image { clear: both; display: table; margin-top: 15px; border-top: 2px dotted #e1e1e1; } @media (min-width: 992px) { .pa .content-with-image, .hp .content-with-image { margin-right: 20px; } } .pa .image-box, .hp .image-box { float: none; } @media (min-width: 569px) { .pa .image-box, .hp .image-box { float: left; } } .pa .image-box img, .hp .image-box img { margin: 10px 20px 0 0; } @media (min-width: 569px) { .pa .image-box img, .hp .image-box img { margin-bottom: 20px; } } @media (min-width: 569px) { .pa .content p, .hp .content p { margin-left: 145px; } } /* Product Detail Page --------------------------------------------- */ img.aids-nav-top { margin: -60px auto 10px auto; width: 300px; } .product-detail .heading { height: auto; } .product-detail .heading h1 { margin-top: 0; } .product-detail .heading h2 { margin-bottom: 0; } .product-detail .section-nav .top { background-color: transparent; padding-top: 30px; } .product-detail .section-nav .top:after { content: " "; background: url("../img/global/triangle-down.png") no-repeat 0 bottom; display: block; width: 50px; height: 27px; position: absolute; top: 0; left: 50%; margin-left: -25px; } .product-detail .section-nav { display: block; margin-top: 80px; } .product-detail .section-nav a { padding-top: 2px; padding-bottom: 0; } .product-detail .section-nav.top { border-top: none; } .product-detail .section-nav.top #title { height: 110px; padding-top: 75px; border-top: none; } .product-detail .section-nav.top #title:before { top: 118px; } .product-detail .section-nav.top #title.open:before { top: 116px; } .product-detail .section-nav a.active { color: #666; font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; background-color: transparent; } .product-detail .section-nav a:hover { text-decoration: none; background-color: #fff; } .product-detail .section-nav a img { height: 50px; margin: 6px 2px; } #viewer-360 > ul { padding-left: 20px; padding-right: 20px; } .product-detail .pricing { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 15px 25px; margin-top: 20px; margin-bottom: 20px; } .product-detail .pricing a { display: block; margin: 10px 0; } div.veterans h4, div.children h4 { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } div.veterans, div.children { padding-top: 5px; padding-left: 45px; } div.veterans { background: url("../img/icons/flag.png") no-repeat 10px 10px; } div.children { background: url("../img/icons/star.png") no-repeat 10px 6px; } .product-features { margin-bottom: 30px; } .product-features h2 { text-indent: 20px; border-bottom: 2px dotted #999; width: 75%; } .product-features ul li { font-family: 'DIN Next W02 Light', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; padding-top: 5px; padding-bottom: 5px; } .fine-print p { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .tech-avail { background: #f8f8f8; padding: 10px 20px; margin-top: 20px; margin-bottom: 25px; } .tech-avail h3 { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; color: #00b7c6; margin-top: 10px; } .tech-avail ul { padding-left: 0; } .tech-avail ul li { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; list-style-type: none; padding-top: 5px; padding-bottom: 5px; } .tech-avail a { color: #333; text-decoration: underline; } .tech-avail a:hover { color: #00b7c6; } .per-month h4 { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 4rem; color: #00b7c6; } .per-month h4 html[lang='pl-PL'], html[lang='hu-HU'] .per-month h4 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } .per-month p { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 26px; font-size: 2.6rem; line-height: 30px; line-height: 3rem; } .per-month p html[lang='pl-PL'], html[lang='hu-HU'] .per-month p { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } .per-month sup { font-size: 50%; } #fha.product-detail .flexslider { margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; box-shadow: none; } .flexslider .slides li .container { margin: 0px auto; max-width: 300px; text-align: center; } #fha.product-detail #gallery a.flex-prev, #fha.product-detail #gallery a.flex-prev:hover, #fha.product-detail #gallery a.flex-next, #fha.product-detail #gallery a.flex-next:hover { width: 22px; height: 30px; position: absolute; } #fha.product-detail #gallery a.flex-prev, #fha.product-detail #gallery a.flex-prev:hover { left: -20px; background: url("../img/global/arrow-prev.png") #ea7600 no-repeat 0 0; } #fha.product-detail #gallery a.flex-next, #fha.product-detail #gallery a.flex-next:hover { right: -20px; background: url("../img/global/arrow-next.png") #ea7600 no-repeat 0 0; } #fha.product-detail #gallery .flex-direction-nav a { top: 50%; opacity: 1; filter: alpha(opacity=100); } #KeyShotVR #turntable { background-size: 200px !important; } @media (max-width: 481px) { .product-detail .section-nav.top #title.open:before { left: 90%; } a#back-link { color: #666; background-color: transparent; display: block; border: none; margin-top: -5px; margin-bottom: 10px; } a#back-link:before { content: "\e257"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a#back-link:after { display: none; } } @media (min-width: 482px) { img.aids-nav-top { width: 440px; } .product-detail .section-nav.top #title { height: 135px; } .product-detail .section-nav.top #title:before { top: 143px; } .product-detail .section-nav.top #title.open:before { top: 141px; } #back-link { display: none; } } @media (min-width: 768px) { .product-detail .heading h2 { margin-bottom: 25px; } .product-detail .section-nav-container { display: block; width: 700px; margin-top: 20px; padding-bottom: 25px; border-bottom: 2px dotted #999; } .product-detail .image-holder { display: inline-block; width: 58px; } .product-detail .section-nav a { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; font-size: 1.3rem; line-height: 15px; line-height: 1.5rem; color: #666; border: none; padding: 0 0 0 30px; background-color: transparent; display: inline-block; text-align: left; margin: 5px auto; width: 220px; } .product-detail .section-nav a:hover { color: #ea7600; background-color: transparent; opacity: 1; filter: alpha(opacity=100); } .product-detail .section-nav a.active { color: #000; font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; font-size: 1.3rem; line-height: 15px; line-height: 1.5rem; opacity: 1; filter: alpha(opacity=100); } #fha.product-detail #gallery { margin: 0 auto 40px auto; max-width: 600px; } #fha.product-detail .slides li { display: inline-block; vertical-align: top; } #fha.product-detail .slides .container { width: 95px; height: 95px; text-align: left; } #fha.product-detail .slides .container.video { width: 155px; } #fha.product-detail .container .modal img { display: block; width: 85px; } #fha.product-detail .slides .video-modal img { width: 140px; } #fha.product-detail .slides .video-modal .title { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; display: block; width: 140px; margin-top: 10px; } /* Overides Bootstrap's .modal class */ .slides li .container .modal { display: inline-block; width: auto; position: relative; } } @media (min-width: 992px) { .product-detail .section-nav { text-align: center; } .product-detail .section-nav-container { width: auto; max-width: 1024px; padding-bottom: 0; } .product-detail .section-nav a { height: auto; text-align: center; padding: 5px; display: inline-block; width: 9.6%; } .product-detail .image-holder { display: block; height: 65px; text-align: center; width: auto; } .product-detail .image-holder img { max-width: auto; } #fha.product-detail .slides { margin: 0; padding: 0; list-style: none; text-align: left; } #fha.product-detail .slides li.viewer-360-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin-bottom: 20px; width: 100%; } #fha.product-detail .slides li .container { text-align: left; } #fha.product-detail .slides li .container.video { position: relative; } } @media (min-width: 992px) { .product-detail .section-nav-container { max-width: 1100px; } } /* Technology Detail Page ------------------------------------------ */ #technology .heading { height: 240px; } #technology .heading h1 { margin-top: 110px; } #technology .heading h2 { margin-top: 10px; } #technology .heading p.sub-text a { font-family: "DIN Next W02 Bold", Arial, Helvetica, sans-serif; color: #00b7c6; text-decoration: none; background-color: transparent; border: none; } #technology .heading p.sub-text a:after { content: " "; } @media (max-width: 480px) { #technology .heading a.find-a-pro { display: block; width: 80%; margin: 10px auto; } } .tech-lifestyle { position: relative; margin-top: 10px; margin-bottom: 40px; } @media (min-width: 992px) { .tech-lifestyle { max-width: 95%; } } .tech-lifestyle img { display: none; max-width: 100%; height: auto; } @media (min-width: 768px) { .tech-lifestyle img { display: block; } } .tech-cta { background: #00b7c6; text-align: center; position: relative; top: 0; right: 0; width: 100%; padding: 10px 50px 40px 50px; display: block; } @media (min-width: 768px) { .tech-cta { background: transparent; position: absolute; width: 260px; padding: 0 15px 10px 15px; } } @media (min-width: 992px) { .tech-cta { width: 243px; } } @media (min-width: 1200px) { .tech-cta { width: 295px; padding: 15px 25px 0 25px; } } .tech-cta h2 { font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 4rem; color: #fff; margin-bottom: 0; } .tech-cta h3 { color: #fff; line-height: 100%; margin-top: 0; } .tech-cta p { font-family: 'DIN Next W02 Italic', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; color: #fff; padding-top: 10px; border-top: 2px dotted rgba(255, 255, 255, 0.65); } .tech-cta p a { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 28px; font-size: 2.8rem; line-height: 28px; line-height: 2.8rem; color: #fff; display: block; margin-top: 5px; } .tech-cta p a html[lang='pl-PL'], html[lang='hu-HU'] .tech-cta p a { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } .tech-cta p a:hover { text-decoration: none; } .tech-cta a.btn { -webkit-box-shadow: 2px 2px 6px 0px #00707a; -moz-box-shadow: 2px 2px 6px 0px #00707a; box-shadow: 2px 2px 6px 0px #00707a; } .tech-blurb { position: relative; } #technology .tech-logo { display: block; width: 100%; } #technology .tech-logo img { display: block; position: relative; margin: 20px auto; } .tech-blurb p { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .tech-blurb p html[lang='pl-PL'], html[lang='hu-HU'] .tech-blurb p { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .wi-series .tech-lifestyle { background-image: url(""); } .tech-want-deliver { list-style: none; padding: 15px; } .tech-want-deliver h3 { display: none; } .tech-want-deliver li { border-bottom: 2px dotted #999; padding-top: 15px; padding-left: 15px; padding-right: 15px; } .tech-want-deliver li:last-child { border-bottom: none; } .tech-want-deliver li:nth-child(even) { background: rgba(0, 183, 198, 0.08); /* Old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 183, 198, 0.08)), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 183, 198, 0.08) 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 183, 198, 0.08) 0%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 183, 198, 0.08) 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 183, 198, 0.08) 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf9fb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .tech-want-deliver p { font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; display: block; } .want h4, .want h4 span { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; display: block; margin-bottom: 20px; } .want h4 span { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; padding-top: 5px; } .want p, .delivers p:first-child { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; color: #003a70; } /* .want p:after, .delivers p:after { content: ":"; position: relative; @include font-size(1.3,2); display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; margin-left: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tech-want-deliver p.wide:after { content: " "; } .delivers p.lead:after { display: none; } */ @media (min-width: 481px) and (max-width: 767px) { #technology .heading h1 { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { #technology .tech-logo img { position: absolute; left: 0; max-width: 220px; } .tech-blurb p { padding-left: 240px; } ul.tech-want-deliver li h3 { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; } } @media (min-width: 992px) { #technology .right-side { margin-top: 10px; } .tech-want-deliver h3 { color: #fff; background: #003a70; display: inline-block; width: 260px; padding: 7px 10px 4px 10px; } .tech-want-deliver h3.wide, .tech-want-deliver p.wide { width: 393px; } .tech-want-deliver p.wide { padding-left: 3px; } .tech-want-deliver li { padding: 20px 25px 10px 15px; } .want h4 { font-family: "DIN Next W02 Bold", Arial, Helvetica, sans-serif; margin-top: -1px; } .want p, .delivers p:first-child { display: none; } .want, .delivers { display: inline-block; width: 40%; float: left; } } @media (min-width: 1200px) { .tech-want-deliver h3 { width: 310px; } .tech-want-deliver h3.wide { width: 500px; } .tech-want-deliver p.wide { width: 470px; } } @media (min-width: 768px) and (max-width: 1199px) { #technology .xino-tinnitus .tech-cta h2 { font-size: 26px; font-size: 2.6rem; line-height: 26px; line-height: 2.6rem; margin-top: 10px; } #technology .xino-tinnitus .tech-cta h3 { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; padding-left: 15px; padding-right: 15px; margin-top: 5px; } } @media (min-width: 1200px) { #technology .xino-tinnitus .tech-cta h2 { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; margin-top: 10px; margin-bottom: 10px; } } /* Find a Professional --------------------------------------------- */ #fap header h2 a { display: inline-block; height: 24px; margin-top: 4px; } #fap section h2.location-icon { min-height: 35px; padding: 0px; background: none; } #fap .form-item input[type="text"] { display: inline; margin-right: 5px; } #fap .main-container .form-item input[type="submit"] { display: inline-block; vertical-align: -4px; } #fap .professionals-map .title { display: block; margin-bottom: 10px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 21px; line-height: 2.1rem; color: #00b7c6; } #fap .professionals-map .title span { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 21px; line-height: 2.1rem; } #fap .professionals-map .list { margin: 10px 0px 0px 0px; } #fap .professionals-map .list ul { margin: 0px; padding: 0px; list-style: none; } #fap .professionals-map .list li { margin-bottom: 10px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; color: #333; } #fap .professionals-map .list li:last-child { margin-bottom: 0px; } #fap .professionals-map .list li span { display: block; } #fap .professionals-map .list li .distance { font-family: 'DIN Next W02 Italic', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; } #fap .professionals-map .list a { display: block; margin-top: 8px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; color: #00b7c6; text-decoration: underline; } #fap .professionals-map .list a:after { margin-left: 3px; content: "\25BA"; display: inline-block; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; font-size: 1.2rem; line-height: 10px; line-height: 1rem; text-decoration: none; } #fap .professionals-map form { margin: 0px; } #fap .professionals-map form .form-label { display: block; margin: 5px 0px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; } #fap .professionals-map form input { display: inline-block; vertical-align: top; width: 127px; margin: 2px 0px; padding: 5px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; border: solid 1px #cccccc; border-radius: 3px; } #fap .professionals-map form input[type="submit"] { display: inline-block; vertical-align: top; width: 56px; margin-left: 5px; padding: 5px 28px 5px 10px; font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; text-transform: uppercase; color: #00b7c6; background: #f8f8f8; } #fap .professionals-map form input[type="submit"] html[lang='pl-PL'], html[lang='hu-HU'] #fap .professionals-map form input[type="submit"] { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #fap .professionals-map #frmMapSearch.form-item { padding-left: 10px; } #fap .professionals-map .locations-list h2 { margin-top: 20px; } #fap .professionals-map .locations-list ul { padding-left: 0; } #fap .professionals-map .locations-list li { list-style: none; padding-top: 12px; padding-bottom: 15px; position: relative; } #fap .professionals-map .locations-list li:nth-child(odd) { background-color: #f8f8f8; } #fap .professionals-map .locations-list li p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; padding: 0 15px 0 80px; margin: 0; width: 80%; } #fap .professionals-map .locations-list li p span.location-name { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; } #fap .professionals-map .marker-key { display: none; margin: 25px 30px 0 0; float: right; } #fap .professionals-map .marker-key img { position: relative; top: 1px; right: 3px; } #fap .full-address { display: inline-block; width: 100%; } #fap .location-name { display: block; } #fap .location-distance { position: absolute; text-align: center; top: 55px; left: 10px; } #fap span.mobile-phone { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; position: absolute; left: 8px; top: 21px; } #fap span.mobile-phone html[lang='pl-PL'], html[lang='hu-HU'] #fap span.mobile-phone { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #fap span.mobile-phone a { padding: 6px 10px 3px 10px; color: #fff; background: #00b7c6; } #fap span.mobile-phone a:active, #fap span.mobile-phone a:hover { text-decoration: none; background-color: #ea7600; } #fap aside #contact-form { margin-top: 35px; } #fap aside .sub-title { margin: 10px 0; } #fap aside .content p { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #333; } #fap .bottom-cta { display: none; } @media (min-width: 480px) { #fap .locations-list li { background: url("../img/global/map-pin-standard.png") no-repeat 24px 13px; } #fap .locations-list li.preferred { background: url("../img/global/map-pin-preferred.png") no-repeat 24px 13px; } #fap .locations-list li.preferred:lang(en) { background: url("../img/global/preferred-badge.png") no-repeat 10px 13px; } #fap .location-distance { left: 80%; padding-left: 2px; } #fap span.mobile-phone { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; top: 20px; left: 80%; } #fap span.mobile-phone html[lang='pl-PL'], html[lang='hu-HU'] #fap span.mobile-phone { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } } /* END 480px */ @media (min-width: 768px) { #fap section h2.location-icon { min-height: 35px; padding: 5px 0px 0px 45px; background: url("../../images/css/header-icons/location-icon.png") no-repeat; } #fap .locations-list li p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; } #fap .locations-list li, #fap .locations-list li.preferred { background-position-y: 16px; } #fap .locations-list .mobile-phone a { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; left: 84%; top: 32%; background: url("../../images/css/small-arrow-white.png") #00b7c6 no-repeat right center; } #fap .locations-list .mobile-phone a html[lang='pl-PL'], html[lang='hu-HU'] #fap .locations-list .mobile-phone a { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } } /* END 768px */ @media (min-width: 992px) { #fap .professionals-map #frmMapSearch.form-item { padding-left: 0; } #fap .mobile-phone { display: none; } #fap aside { padding-left: 25px; } #fap .locations-list li p { width: 450px; } #fap .full-address { width: 450px; } #fap .location-distance { left: 85%; top: 35px; } #fap .bottom-cta { display: block; padding-top: 25px; } } /* END 992px */ .fap-thank-you p:first-child { margin-top: 40px; } /* News Hub Page --------------------------------------------------- */ a.image-wrapper { text-decoration: none; } a.image-wrapper h2:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-left: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.image-wrapper img { max-width: 200px; margin-bottom: 10px; } a.blog-icon { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; display: block; position: relative; margin-top: 15px; margin-bottom: 40px; padding-left: 50px; padding-top: 15px; } a.blog-icon html[lang='pl-PL'], html[lang='hu-HU'] a.blog-icon { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } @media (min-width: 768px) { a.blog-icon { margin-bottom: 25px; } } a.blog-icon:before { content: " "; background: url("../img/social-icons.png") no-repeat -275px 0; width: 42px; height: 42px; position: absolute; top: 0; left: 0; } a.blog-icon:hover:before { opacity: 0.65; filter: alpha(opacity=65); } .press-release { position: relative; } .press-release a.arrow { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .press-release a.arrow html[lang='pl-PL'], html[lang='hu-HU'] .press-release a.arrow { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .rss-news-feed h2 { border-bottom: 2px dotted #999; width: 90%; } .rss-news-feed ul { margin-top: 15px; } .rss-news-feed li { padding-top: 5px; padding-bottom: 5px; } .rss-news-feed a { color: #333; text-decoration: underline; } .rss-news-feed a:hover { color: #00b7c6; } h2.banner-title { padding: 5px 10px 3px 10px; line-height: 30px; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(left, #e1e1e1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left top, #e1e1e1 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e1e1e1 0%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e1e1e1 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to right, #e1e1e1 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .box.tweets { margin: 15px; } .news-awards { margin-top: 30px; margin-bottom: 30px; clear: both; } .news-awards .thumbnail img { margin: 10px 20px 10px 0; } .thumbnail-block-mobile { width: 100%; margin: 10px 15px 10px 0; } .thumbnail-block-mobile img { padding: 4px; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; } @media (min-width: 768px) { a.image-wrapper img { max-width: 110%; } .press-release a.arrow { position: absolute; top: 32px; right: 0; } .thumbnail-block-mobile { width: auto; display: inline-block; } } /* Instructional Videos -------------------------------------------- */ #hauc.iv #accordion li.item:nth-child(even) { background: none; } #hauc.iv .cta { padding: 10px 0px 0px 0px; } #hauc.iv .cta .title { padding-left: 15px; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; } #hauc.iv .cta .title html[lang='pl-PL'], html[lang='hu-HU'] #hauc.iv .cta .title { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #hauc.iv .cta .product-image { display: none; margin: 0px auto; width: 244px; text-align: center; } #hauc.iv .cta.open .product-image { display: block; } #hauc.iv #accordion .cta:before, #hauc.iv #accordion .cta.open:before { top: 14px; margin-top: 0; } #hauc.iv #accordion .panel { margin-bottom: 10px; padding: 0px; } #hauc.iv #accordion .panel.open { border-bottom: none; } #hauc.iv #accordion h3 { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-top: 30px; margin-bottom: 10px; } #hauc.iv .downloads { margin: 0px 10px; } #hauc.iv #accordion a { display: block; margin: 5px 0px; text-decoration: none; } #hauc.iv #accordion .downloads a span { padding-left: 5px; color: #333; } #hauc.iv #accordion a:before { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #hauc.iv #video-content-holder { display: none; } @media (min-width: 768px) { #hauc.iv #videos { font-size: 0; margin-bottom: 30px; } #hauc.iv #accordion { display: inline-block; vertical-align: top; width: 290px; margin: 0px; padding-bottom: 5px; } #hauc.iv #accordion li.item { padding: 5px 0px 0px 10px; border: 2px solid #fff; height: 88px; position: relative; background: none; } #hauc.iv #accordion .cta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 88px; width: 100%; background: none; } #hauc.iv #accordion .item .cta:before { content: " "; } #hauc.iv #accordion .item.active { border-top: 2px dotted #999; border-right: none; border-bottom: 2px dotted #999; border-left: none; } #hauc.iv #accordion .item.active .cta:after { content: " "; background: url("../img/global/triangle-right.png") no-repeat right 0; display: block; width: 20px; height: 50px; position: absolute; top: 12px; left: 280px; z-index: 100; } #hauc.iv #accordion .cta, #hauc.iv #accordion .cta.open { background-size: 28px; color: #333; } #hauc.iv #accordion .cta { min-height: 0px; padding: 1px 0px 0px 30px; } #hauc.iv #accordion .panel { padding-left: 30px; border: none; } #hauc.iv #accordion .cta .title { display: inline-block; padding: 22px 0px 0px 60px; font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; } #hauc.iv #accordion .cta .product-image { display: block; float: left; height: 85px; position: absolute; top: 0; left: -85px; } #hauc.iv #accordion .cta .product-image img { height: 75px; } #hauc.iv #accordion .item.active .panel { display: block; vertical-align: top; padding-left: 35px; position: absolute; left: 290px; top: -2px; z-index: 1; width: 415px; visibility: visible; background: #f8f8f8; border: 2px dotted #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } } @media (min-width: 768px) and (min-width: 992px) { #hauc.iv #accordion .item.active .panel { width: 605px; } } @media (min-width: 768px) { #hauc.iv #accordion .item .panel { visibility: hidden; } #hauc.iv #video-content-holder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 50%; padding: 0px 45px 25px 45px; } #hauc.iv .downloads a { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; color: #00b7c6; text-decoration: underline; } #hauc.iv .downloads a span { padding-left: 5px; color: #000; } } /* Testimonials ---------------------------------------------------- */ section.testimonials .heading { background: url("../img/testimonials/bg-testimonials-hdr.jpg") no-repeat center center; background-size: cover; } .quote { margin-top: 10px; margin-bottom: 20px; height: 170px; position: relative; } .quote > a:hover .video-still:after { opacity: 1; filter: alpha(opacity=100); } .quote > a:hover { text-decoration: none; } .quote > a:hover p.play-video { text-decoration: underline; } .quote > a > img { margin-top: 20px; } .quote h3, .quote p { padding-left: 150px; } .quote p { padding-right: 10px; } @media (min-width: 768px) { .quote { height: 190px; } } @media (min-width: 1200px) { .quote { height: 170px; } } .video-still { position: relative; } .video-still img { position: absolute; top: 0; left: 0; max-width: 130px; max-height: 130px; border: solid 4px #e1e1e1; } .video-still:after { content: " "; background: url("../img/play-button-overlay.png") no-repeat 0 0; display: block; width: 40px; height: 40px; position: absolute; top: 45px; left: 48px; opacity: 0.8; filter: alpha(opacity=80); } p.play-video { color: #00b7c6; } p.play-video:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .testimonial-bottom-cta { background: url("../img/testimonials/phone-icon-sm.png") no-repeat 0 0; padding-left: 25px; } .testimonial-bottom-cta h2 { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; color: #00B7C6; padding-top: 8px; } .testimonial-bottom-cta a { font-family: 'Mr Eaves Bold', Arial, Helvetica, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; color: white; background-color: #00b7c6; border: 1px solid #00b7c6; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; padding: 6px 8px 5px 8px; } .testimonial-bottom-cta a:hover { color: #fff; background-color: #ea7600; border-color: #ea7600; text-decoration: none; } #cboxClose, #cboxClose:hover { background: url("../img/global/open-close.png") no-repeat -28px 0; top: 5px; right: 5px; width: 20px; height: 20px; display: block; } @media (max-width: 480px) { .quote { height: auto; margin-top: 30px; } .quote h3, .quote p { padding-left: 0; text-align: center; } .video-still { display: block; height: 130px; clear: both; } .video-still img { position: relative; display: block; margin: 0 auto; } .video-still:after { left: 50%; margin-left: -17px; opacity: 0.8; filter: alpha(opacity=80); } } /* End max 480px */ /* Hearing Aids 'Landing Page' -------------------------------------- */ #fha.lp .heading { height: 270px; } #fha.lp .heading h1 { margin-top: 120px; } #fha #product-list { margin: 30px 0 0 0; padding: 0; list-style: none; } #fha #product-list li { margin: 30px auto 20px auto; padding-top: 10px; border-top: solid 1px #e1e1e1; } #fha #product-list li .image-holder { display: table-cell; vertical-align: top; width: 100px; } #fha #product-list li .image-holder img { width: 100%; } #fha #product-list li .image-holder img.hoverProductImage { display: none; } #fha #product-list a:hover, #fha #product-list a:focus { text-decoration: none; } #fha #product-list li .details { display: table-cell; vertical-align: top; } #fha #product-list li .title { display: block; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; color: #eaaa00; } #fha #product-list li .title html[lang='pl-PL'], html[lang='hu-HU'] #fha #product-list li .title { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #fha #product-list li p { margin: 5px 0px; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; color: #333; } #fha #product-list li .cta { display: block; width: 130px; padding: 8px 0 6px 0; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; text-align: center; color: #fff; background: #00b7c6; } #fha #product-list li .cta html[lang='pl-PL'], html[lang='hu-HU'] #fha #product-list li .cta { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #fha #product-list li .cta:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; margin-left: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #fha #product-list li:hover .cta { background: #ea7600; } p.comparison { margin-top: 30px; margin-bottom: 40px; text-align: center; } .compare-styles.btn { padding: 9px 15px 6px 17px; } @media (min-width: 768px) { #fha #product-list { font-size: 0; } #fha #product-list li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; padding-top: 0; margin-left: 50px; margin-right: 30px; width: 255px; border: none; } #fha #product-list li:nth-child(4n+0) { margin-right: 0px; } #fha #product-list li .image-holder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 230px; height: 177px; padding: 0px; } #fha #product-list li:hover .image-holder { width: 177px; height: 177px; overflow: hidden; border: solid 3px rgba(0, 0, 0, 0.21); background: #fff; border-radius: 120px; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); } #fha #product-list li .image-holder img { width: 100%; height: 100%; vertical-align: bottom; } #fha #product-list li:hover .image-holder img { box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.2); } #fha #product-list li .image-holder img.hoverProductImage { width: 177px; height: 177px; } #fha #product-list li .details { display: block; width: 250px; } #fha #product-list li .title { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; margin-top: 10px; } #fha #product-list li .details p { width: 230px; height: 65px; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; } } @media (min-width: 992px) { #fha #product-list li { margin-left: 10px; margin-right: 10px; width: 205px; } #fha #product-list li .image-holder { width: 200px; height: 154px; } #fha #product-list li:hover .image-holder, #fha #product-list li .image-holder img.hoverProductImage { width: 154px; height: 154px; } #fha #product-list li .title { font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; } #fha #product-list li .details { width: auto; } #fha #product-list li .details p { width: auto; } } @media (min-width: 1200px) { #fha #product-list li { margin-left: 25px; width: 240px; } #fha #product-list li .image-holder { width: 230px; height: 177px; } #fha #product-list li:hover .image-holder, #fha #product-list li .image-holder img.hoverProductImage { width: 177px; height: 177px; } #fha #product-list li .title { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; } } /* Financing Page -------------------------------------------------- */ #fha.financing p span.care-credit-lrg { display: block; margin-bottom: 10px; width: 189px; height: 24px; text-indent: -9999px; overflow: hidden; background: url("../../shared/img/global/care-credit-logo-lrg.png"); } /* Accessories (SurfLink Mobile, SurfLink Media, SurfLink Remote) -- */ .product-detail.alt .heading h1 { margin-top: 120px; } .product-detail.alt .flexslider .slides img { max-width: 300px; display: block; margin: 0 auto; } .product-detail.alt ul li { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; } .product-detail.alt ul li strong { font-family: "DIN Next W02 Bold", Arial, Helvetica, sans-serif; } .product-detail.alt div.veterans { clear: left; } .product-detail.alt .product-features h2 { text-indent: 10px; width: 100%; } /* Accessories (Associated Content) -------------------------------- */ #associated-content { display: block; padding: 0 10px 30px 10px; } #associated-content ul { margin: 0; padding: 0; list-style: none; } #associated-content li { margin: 10px auto; text-align: center; display: inline-block; width: 49%; vertical-align: top; } #associated-content li a { display: block; } #associated-content li .image-holder { display: block; height: 80px; } #associated-content li .image-holder img { height: 100%; } #associated-content div.title, #associated-content div.title span { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; text-align: center; margin-bottom: 20px; } #associated-content div.title html[lang='pl-PL'], html[lang='hu-HU'] #associated-content div.title, #associated-content div.title span html[lang='pl-PL'], html[lang='hu-HU'] #associated-content div.title span { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #associated-content li a .title { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; text-decoration: none; } #associated-content li .title:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; margin-left: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #associated-content a { color: #00b7c6; text-decoration: none; } #associated-content a:hover { color: #ea7600; text-decoration: underline; } @media (max-width: 481px) { #associated-content li { display: block; width: 100%; } } @media (min-width: 768px) { #associated-content { padding-bottom: 10px; } #associated-content li { margin-top: 20px; width: 32%; } #associated-content li:last-child { margin-right: 0px; } #associated-content .title { text-align: left; } } @media (min-width: 992px) { #associated-content { padding-top: 20px; padding-bottom: 0; width: 100%; border-top: dotted 2px #e1e1e1; } #associated-content ul { display: inline-block; vertical-align: top; } #associated-content li { width: auto; margin-left: 15px; margin-right: 5px; } #associated-content .title { display: inline-block; vertical-align: top; margin-right: 15px; padding-top: 10px; text-align: left; } #associated-content .title span { display: block; } #associated-content a .title { padding-top: 0; margin-right: 0; } } @media (min-width: 1200px) { #associated-content li { margin-left: 25px; margin-right: 25px; } } /* Veterans Page ---------------------------------------------------- */ body.veterans .utility-nav ul { display: none; } /* Hearing Aid Use & Care ------------------------------------------- */ #hauc #accordion .panel.open ul { margin-top: 20px; margin-bottom: 20px; } #hauc #accordion .panel.open li { padding-top: 3px; padding-bottom: 3px; } #hauc #accordion a { text-decoration: underline; } #hauc #accordion a:hover { color: #ea7600; } #hauc #accordion a:before { content: " "; } #accordion dl { margin-top: 0; } #accordion dt, #accordion dd { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; color: #333; display: block; } #accordion dt { padding-top: 20px; padding-bottom: 10px; } #accordion dd { padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; } #accordion dt span, #accordion dd span { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; display: inline-block; padding-right: 7px; } #accordion dt span:after, #accordion dd span:after { content: ":"; position: relative; font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; margin-left: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #accordion dt.dt-header, #accordion dd.dd-header { display: none; } @media (min-width: 768px) { #accordion dl { margin-bottom: 0; } #accordion dt, #accordion dd { color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 49%; height: 60px; margin: 0; padding: 11px 20px 5px 20px; border-bottom: 1px solid #999; } #accordion dt:nth-last-child(2) { border-bottom: none; } #accordion dd:last-child { border-bottom: none; } #accordion dt { width: 50%; margin-right: -5px; } #accordion dt.dt-header, #accordion dd.dd-header { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; color: #fff; background: #00b7c6; position: relative; display: inline-block; width: 50%; margin: 0 0 20px 0; padding: 12px 0px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: none; height: 45px; } #accordion dt.dt-header html[lang='pl-PL'], html[lang='hu-HU'] #accordion dt.dt-header, #accordion dd.dd-header html[lang='pl-PL'], html[lang='hu-HU'] #accordion dd.dd-header { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #accordion dd.dd-header { width: 49%; } #accordion dl dt span, #accordion dl dd span { display: none; } } /* About Us - Leadership ------------------------------------------- */ .list-with-round-image { list-style: none; position: relative; padding: 0 0 16px 0; margin: 0 0 16px 0; } .list-with-round-image li:first-child { border-top: none; } .list-with-round-image li { margin: 0 auto; padding: 15px 10px; border-top: solid 1px #e1e1e1; } .list-with-round-image li .image-holder { display: table-cell; vertical-align: top; width: 100px; padding-right: 15px; } .list-with-round-image li .image-holder img { width: 100%; background: #fff; border-radius: 120px; border: solid 3px rgba(0, 0, 0, 0.2); } .list-with-round-image li .image-holder img:hover { border: solid 3px rgba(0, 0, 0, 0.5); cursor: pointer; } .list-with-round-image li .details { vertical-align: top; display: table-cell; padding-bottom: 26px; } .list-with-round-image li .title, .modal-content-robust .title { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; color: #00b7c6; display: block; margin-top: 10px; margin-bottom: 5px; } .list-with-round-image li .title html[lang='pl-PL'], html[lang='hu-HU'] .list-with-round-image li .title, .modal-content-robust .title html[lang='pl-PL'], html[lang='hu-HU'] .modal-content-robust .title { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .list-with-round-image li .secondary-title { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 17px; line-height: 1.7rem; } .list-with-round-image li .cta { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; text-align: center; color: #fff; position: absolute; width: 90px; padding: 6px 0 2px 0px; background: #00b7c6; } .list-with-round-image li .cta html[lang='pl-PL'], html[lang='hu-HU'] .list-with-round-image li .cta { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } .list-with-round-image li .cta:hover { background: #ea7600; cursor: pointer; } .leadership #cboxLoadedContent { background: #f8f8f8; border: 1px solid #e1e1e1; padding: 15px; } .modal-content-robust .image-holder img { width: 100%; background: #fff; border-radius: 120px; border: solid 3px rgba(0, 0, 0, 0.2); float: left; width: 154px; margin-bottom: 15px; } .modal-content-robust .title { clear: left; } .modal-content-robust p { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; } .modal-content-robust p.secondary-title { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 17px; line-height: 1.7rem; clear: left; } .modal-content-robust .cta { display: none; } @media (min-width: 768px) { .list-with-round-image { font-size: 0; } .list-with-round-image li:hover .image-holder img, .list-with-round-image .no-img-swap .image-holder img { -webkit-border-radius: 200px; border-radius: 200px; background-clip: padding-box; box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.2); } .list-with-round-image li .image-holder img { width: 150px; vertical-align: bottom; } .list-with-round-image li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 205px; height: 280px; margin-bottom: 20px; margin-right: 10px; margin-left: 10px; padding-top: 0; padding-bottom: 0; float: left; position: relative; border: none; } .list-with-round-image li .details { display: block; width: 200px; padding-bottom: 0; } .list-with-round-image li .secondary-title { height: 50px; } } @media (min-width: 1200px) { .list-with-round-image li { margin-left: 36px; margin-right: 36px; } } /* About Us - History ---------------------------------------------- */ ul.colored-list { list-style-type: none; padding-left: 0; position: relative; } ul.colored-list li { position: relative; min-height: 40px; } ul.colored-list li span.colored-list-indicator { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; position: absolute; left: 0; top: 0; width: 66px; height: 100%; padding-top: 15px; color: #fff; text-align: center; border-bottom: 2px solid #fff; } ul.colored-list li span.colored-list-indicator html[lang='pl-PL'], html[lang='hu-HU'] ul.colored-list li span.colored-list-indicator { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } ul.colored-list li span.colored-list-body { display: block; padding: 1px 0 10px 15px; border-bottom: 2px dotted #999; } ul.colored-list li span.colored-list-body p { padding: 0 10px 10px 85px; margin-top: 14px; margin-bottom: 0; } ul.colored-list li span.level-4 { background-color: #00b7c6; } ul.colored-list li span.level-3 { background-color: #00b7c6; } ul.colored-list li span.level-2 { background-color: #85d3df; } ul.colored-list li span.level-1 { background-color: #85d3df; } /* Hearing Tools / Worried About Cost Section ---------------------- */ .hearing-tools-cta h1 { margin-bottom: 30px; } .hearing-tools-cta h4 { font-family: 'Mr Eaves Bold', Arial, Helvetica, sans-serif; } .hearing-tools-cta h4.care-credit { height: 20px; width: 150px; text-indent: -9999px; overflow: hidden; margin-bottom: 10px; background: url("../../shared/img/global/care-credit-logo-lrg.png") no-repeat; background-size: 100%; } .hearing-tools-cta a img { width: 98%; margin-bottom: 12px; border: 1px solid #e1e1e1; } .hearing-tools-cta a.learn-more { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; color: white; background-color: #00b7c6; border: 1px solid #00b7c6; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; padding: 4px 10px 1px 12px; margin-bottom: 20px; display: inline-block; } .hearing-tools-cta a.learn-more html[lang='pl-PL'], html[lang='hu-HU'] .hearing-tools-cta a.learn-more { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } .hearing-tools-cta a.learn-more:hover { background-color: #ea7600; border-color: #ea7600; text-decoration: none; } .hearing-tools-cta a.learn-more:after { content: "\e258"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-left: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Hearing Test CTA Section ----------------------------------------- */ section.hearing-test-cta { background: url("../img/cta/bg-hearing-test-lg.jpg") no-repeat center center; display: block; background-size: cover; padding-top: 40px; padding-bottom: 40px; } .hearing-test-cta .white-90 { padding-bottom: 30px; position: relative; } .large-cta h1 { font-size: 32px; font-size: 3.2rem; line-height: 32px; line-height: 3.2rem; color: #fff; background: #00b7c6; text-align: center; width: 100%; padding: 15px 10px 12px 10px; margin-top: 0; margin-bottom: 0; } .start-test { position: relative; margin-top: 20px; } .start-test img { display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .start-test a.btn { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 34px; font-size: 3.4rem; line-height: 55px; line-height: 5.5rem; text-align: center; text-transform: uppercase; position: absolute; top: 50%; margin-top: -30px; width: 100%; height: 60px; padding-left: 0; padding-right: 0; border: 2px solid #fff; -webkit-box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.15); } .start-test a.btn html[lang='pl-PL'], html[lang='hu-HU'] .start-test a.btn { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .start-test a.btn:after { display: none; } .hearing-test-cta .share-this h3 { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; } .hearing-test-cta .share-this .hide-flex { display: none; } .contact-professional, .xs-100 { width: 265px; margin-bottom: 15px; clear: left; } @media (max-width: 480px) { .container.large-cta { padding-left: 0; padding-right: 0; } .xs-100, .contact-professional { width: 100%; } } @media (min-width: 768px) { .large-cta h1 { font-size: 38px; font-size: 3.8rem; line-height: 38px; line-height: 3.8rem; } .xs-100 { display: none; } } /* End min 768px */ @media (min-width: 992px) { .hearing-test-cta .share-this { display: inline; position: absolute; right: 20px; bottom: 0; width: auto; } } /* End min 992px */ @media (min-width: 1200px) { .hearing-test-cta .white-90 { padding-bottom: 30px; } .start-test a.btn { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 44px; font-size: 4.4rem; line-height: 66px; line-height: 6.6rem; height: 70px; } .start-test a.btn html[lang='pl-PL'], html[lang='hu-HU'] .start-test a.btn { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } } /* End min 1200px */ .social-wrap { padding: 10px 15px; } @media (min-width: 768px) { .social-wrap { padding: 10px 5%; } } .social-wrap h4.share-this { font-weight: 700; margin-bottom: 5px; } .intl-hearing-test .social-wrap iframe { min-height: auto !important; } /* Blog Widget Slider ---------------------------------------------- */ .blog-widget { padding-top: 30px; padding-bottom: 10px; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1e1e1 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1e1e1 0%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1e1e1 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1e1e1 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .blog-widget .blog-widget-slider { padding-bottom: 60px; } .blog-widget .flexslider { background: none; border: none; -webkit-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; margin-bottom: 30px; } .blog-widget h1 { text-align: center; margin-bottom: 30px; } .blog-widget .byline { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; } .blog-widget .first { padding-left: 40px; } .blog-widget .first h3, .blog-widget .first p { padding-right: 25px; } .blog-widget .second { padding-left: 40px; padding-right: 40px; } .blog-widget .sample-post img { width: auto; margin-bottom: 30px; } .blog-widget .flex-control-nav { bottom: 0; } /* END child elements of .blog-widget */ @media (min-width: 768px) { .blog-widget .second { border-left: 2px dotted #999; } } /* END Blog Widget Slider */ /* Flex Areas ------------------------------------------------------ */ .blog-story { margin-bottom: 30px; } .right-side .blog-story img { margin-bottom: 10px; } .flex-phone-cta { background: url("../img/testimonials/phone-icon-sm.png") no-repeat 0 0; } .flex-phone-cta h4, .flex-phone-cta p { padding-left: 25px; } .flex-phone-cta h4 { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; color: #00b7c6; padding-top: 8px; } .flex-phone-cta h4 html[lang='pl-PL'], html[lang='hu-HU'] .flex-phone-cta h4 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } .flex-phone-cta p { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; } .flex-phone-cta p.number-large { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 28px; font-size: 2.8rem; line-height: 28px; line-height: 2.8rem; color: #00b7c6; } .flex-phone-cta p.number-large html[lang='pl-PL'], html[lang='hu-HU'] .flex-phone-cta p.number-large { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } @media (min-width: 1200px) { .flex-phone-cta p.number-large { font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem; } } /* Hearing Aid Pricing table styles --------------------------------- */ #fha.prg thead th { width: 13%; border-right: solid 1px #fff; padding: 0; } #fha.prg thead th.features { width: 18%; } #fha.prg thead th .title { padding: 0 2px 6px 2px; width: 100%; vertical-align: middle; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; color: #333; text-align: center; } #fha.prg thead th .title html[lang='pl-PL'], html[lang='hu-HU'] #fha.prg thead th .title { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #fha.prg thead th.features .title { padding: 0 2px 3px 10px; font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 32px; line-height: 3.2rem; text-align: left; } #fha.prg thead th.features .title html[lang='pl-PL'], html[lang='hu-HU'] #fha.prg thead th.features .title { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #fha.prg thead th .pricing { padding: 8px; width: 100%; text-align: center; background: #00b7c6; color: #fff; } #fha.prg thead th.features .pricing { display: none; } #fha.prg thead th .pricing .text { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 17px; line-height: 1.7rem; } #fha.prg thead th .pricing .price { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 24px; line-height: 2.4rem; } #fha.prg tbody tr { position: relative; } #fha.prg tbody tr td { padding: 8px; vertical-align: middle; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 15px; line-height: 1.5rem; color: #333; text-align: center; border-right: solid 1px #e1e1e1; } #fha.prg tbody tr td div { margin-bottom: 4px; } #fha.prg tbody tr td div:last-child { margin-bottom: 0; } #fha.prg tbody tr td.header { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; color: #00b7c6; text-decoration: none; text-align: left; cursor: pointer; text-decoration: underline; background: none; position: relative; height: 45px; } .touch #fha.prg tbody tr td.header { text-decoration: none; } #fha.prg tbody tr td.header span, .touch #fha.prg tbody tr td.header:hover span { display: none; } #fha.prg tbody tr td.header:hover span { padding: 10px 12px; display: inline-block; vertical-align: middle; position: absolute; left: 98%; min-height: 45px; width: 400px; color: #fff; background-color: #666; } #fha.prg tbody tr td.header span:after { position: absolute; top: 50%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; margin-top: -18px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #666; } #fha.prg td.checked { text-indent: -9999px; overflow: hidden; background: url("../img/icons/checkmark.png") no-repeat center center; } #fha.prg .notes { margin: 10px 0; font-family: 'DIN Next W02 Light', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 17px; line-height: 1.7rem; } @media (max-width: 767px) { /* override bootstrap table nowrap at mobile vp */ .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: normal; } } /* Compare Hearing Aid Styles table */ #fha.hasc thead th { width: 13%; padding: 0 5px 4px; text-align: center; } #fha.hasc thead th img { width: 100%; } #fha.hasc thead th.styles { padding: 0 2px 3px 10px; font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 22px; font-size: 2.2rem; line-height: 32px; line-height: 3.2rem; text-align: left; } #fha.hasc thead th.styles html[lang='pl-PL'], html[lang='hu-HU'] #fha.hasc thead th.styles { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #fha.hasc tbody tr td { padding: 8px; vertical-align: middle; font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 15px; line-height: 1.5rem; color: #333; text-align: center; border-right: solid 1px #e1e1e1; } #fha.hasc tbody tr td.header { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; text-align: left; height: 45px; } #fha.hasc tbody tr td div { margin-bottom: 4px; } #fha.hasc tbody tr td div:last-child { margin-bottom: 0; } #fha.hasc tbody tr td div a { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; } #fha.hasc td.checked { text-indent: -9999px; overflow: hidden; background: url("../img/icons/checkmark.png") no-repeat center center; } /* Remove header/footer on Financing Terms and Compare Hearing Aid Styles page when presented in a modal window */ #fha.hasc.modal-window header, #fha.hasc.modal-window footer, #fha.financing-terms.modal-window header, #fha.financing-terms.modal-window footer { display: none; } #fha.hasc.modal-window .heading, #fha.financing-terms.modal-window .heading { height: 110px; background: none; } #fha.hasc.modal-window .heading h1, #fha.financing-terms.modal-window .heading h1 { margin-top: 40px; } /* Hearing Apps page styles ------------------------------------- */ .app-container > .row { margin-top: 30px; border-top: 1px dotted #a5a5a5; padding: 30px 0 10px; overflow: hidden; } .app-container > .row:first-child { margin-top: 0; border-top: none; } .app-container h2 { font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem; } .app-container p, .app-container li { margin-bottom: 12px; } .app-container .row .row + .row { margin-top: 12px; } @media (min-width: 768px) { .app-container .app-download { padding: 10px 0 0 30px; } } .app-container .app-download a { margin-top: 6px; margin-bottom: 16px; } @media (min-width: 768px) { .app-container .app-download a { margin-right: 20px; } } .app-container .app-download img { display: block; height: 40px; width: auto; margin-top: 6px; margin-bottom: 16px; } @media (min-width: 768px) { .app-container .app-download img { display: inline-block; } } .app-container .group-shot img { margin-top: 44px; } /* END Hearing Apps styles */ /* International page styles ------------------------------------------ */ #contact.international .country-list { margin: 30px 0; padding: 0; clear: both; list-style: none; } #contact.international .country-list span { float: left; vertical-align: top; margin: 0; padding: 0; } #contact.international .country-list li { margin: 5px 0; padding: 0; } #contact.international .country-list li a { margin: 0 15px; } @media (min-width: 768px) { #contact.international .country-list li a { margin: 0; } } .international.detail { font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; } .international.detail .location { margin: 20px 0; } .international.detail .title { display: block; font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 19px; font-size: 1.9rem; line-height: 22px; line-height: 2.2rem; } /* Mobile hearing test page styles ------------------------------------------ */ #online-hearing-test .mobile { padding-top: 120px; background: url("../img/home/bkgd-hearing-test.jpg") center top no-repeat; background-size: cover; } #online-hearing-test .mobile .container > .row > div > .row { margin-right: 0; margin-left: 0; } #online-hearing-test .mobile .headline-block { margin: 0; background-color: #00b7c6; } #online-hearing-test .mobile h1 { margin-top: 15px; font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 44px; font-size: 4.4rem; line-height: 44px; line-height: 4.4rem; color: #fff; } #online-hearing-test .mobile h1 html[lang='pl-PL'], html[lang='hu-HU'] #online-hearing-test .mobile h1 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } @media (min-width: 375px) { #online-hearing-test .mobile h1 { padding: 0 18px; font-size: 48px; font-size: 4.8rem; line-height: 46px; line-height: 4.6rem; } } @media (min-width: 414px) { #online-hearing-test .mobile h1 { padding: 0 30px; } } #online-hearing-test .mobile .content-block { margin-bottom: 40px; padding: 2em 1.5em; background-color: rgba(255, 255, 255, 0.9); } #online-hearing-test .mobile h2 { margin-top: 0; font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; } @media (min-width: 414px) { #online-hearing-test .mobile h2 { font-size: 34px; font-size: 3.4rem; line-height: 32px; line-height: 3.2rem; } } #online-hearing-test .mobile p { margin-bottom: 18px; } #online-hearing-test .mobile img { margin: 0 auto; } .mc-field-group .col-sm-2 { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-size: 1.6rem; } .mc-field-group span.small-meta.nowrap { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-size: 1.6rem; } label#patient-name { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-size: 1.6rem; } .mc-field-group input, .mc-field-group input#mce-EMAIL { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-size: 1.8rem; } input#mc-embedded-subscribe { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-size: 1.6rem; } .indicates-required { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; font-size: 1.4rem; } section.rsh p a { font-family: 'Mr Eaves Book', Helvetica, Arial, sans-serif; } .content-image-1 { float: left !important; padding-right: 16px; } .content-image-2 { float: right !important; padding-left: 16px; } #fap h2 a { background-color: transparent; color: #00b7c6; border: none; padding-left: 0px; margin-right: -8px; } #fap h2 a:after { display: none; } @media (min-width: 992px) { #ready-set-hear { margin-top: 20px; padding-top: 20px; } } #ready-set-hear > .row { margin-right: 0; margin-left: 0; } #ready-set-hear h2 { margin-top: 10px; border-bottom: 2px dotted #e1e1e1; } #ready-set-hear h4 { font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } #ready-set-hear h4 html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear h4 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #ready-set-hear h4 span { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; } #ready-set-hear #controls { border-bottom: 2px dotted #e1e1e1; padding-bottom: 10px; } @media (min-width: 992px) { #ready-set-hear #controls { border-bottom: none; } } #ready-set-hear .serial-search { margin-top: 20px; margin-bottom: 20px; } #ready-set-hear form { margin: 0 15px; padding: 20px; background: #f8f8f8; } @media (min-width: 768px) { #ready-set-hear form { padding-left: 22%; } } #ready-set-hear form h4 { margin-top: 0; } #ready-set-hear form .text-box { display: inline-block; } #ready-set-hear form button { margin-top: 15px; padding: 7px 20px 6px; white-space: nowrap; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); } @media (min-width: 768px) { #ready-set-hear form button { margin-top: 0; margin-left: 15px; } } #ready-set-hear .style-search { margin: 20px -5px; } #ready-set-hear .style-search h4 { margin-bottom: 20px; padding: 0 5px; } #ready-set-hear .technology-search .row { margin-right: -5px; margin-left: -5px; } #ready-set-hear .find-help { margin: 20px 0; padding: 20px; background: #f8f8f8; text-align: center; } #ready-set-hear .find-help h4 { margin-top: 0; } #ready-set-hear .find-help .btn { margin-top: 15px; padding: 7px 20px 6px; white-space: nowrap; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); } @media (min-width: 768px) { #ready-set-hear .find-help .btn { margin-top: 0; margin-left: 15px; } } #ready-set-hear .finder-nav-main { display: inline-block; margin-bottom: 25px; border: 1px solid #e1e1e1; padding: 10px 28px 8px; font-family: 'Mr Eaves Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; } #ready-set-hear .finder-nav-main html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear .finder-nav-main { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; } #ready-set-hear .finder-nav-main:before { content: "\e257"; position: relative; font-size: 1rem; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; margin-right: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #ready-set-hear .finder-nav-main:hover { border-color: #00b7c6; color: #00b7c6; text-decoration: none; } #ready-set-hear #waitMessage { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; color: #666; text-align: center; } #ready-set-hear #waitMessage html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear #waitMessage { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #ready-set-hear #waitMessage span { margin-right: 8px; color: #999; } #ready-set-hear #waitMessage .glyphicon { top: 3px; } #ready-set-hear #waitMessage .glyphicon-refresh-animate { -animation: spin 1.1s infinite linear; -ms-animation: spin 1.1s infinite linear; -webkit-animation: spinw 1.1s infinite linear; -moz-animation: spinm 1.1s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @-webkit-keyframes spinw { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinm { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } #ready-set-hear #errorMessage { font-family: 'DIN Next W02 Regular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; } #ready-set-hear #errorMessage button:after { display: none; } #ready-set-hear .style-link-item, #ready-set-hear .techonology-link-item { margin-bottom: 12px; padding-top: 14px; padding-bottom: 6px; border-right: 5px solid #fff; border-left: 5px solid #fff; background-color: #eee; background: -moz-linear-gradient(top, #eeeeee 0%, rgba(238, 238, 238, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeeeee 0%, rgba(238, 238, 238, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeeeee 0%, rgba(238, 238, 238, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); /* IE6-9 */ cursor: pointer; } #ready-set-hear .style-link-item:hover, #ready-set-hear .techonology-link-item:hover { background-color: #e1e1e1; } #ready-set-hear .style-link-item:hover h5, #ready-set-hear .techonology-link-item:hover h5 { color: #ea7600; } #ready-set-hear .style-link-item img, #ready-set-hear .techonology-link-item img { display: block; width: 100%; max-width: 300px; margin: 0 auto; } #ready-set-hear .style-link-item h3, #ready-set-hear .techonology-link-item h3 { font-family: 'DIN Next W02 Bold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; text-align: center; } #ready-set-hear .style-link-item h5, #ready-set-hear .techonology-link-item h5 { font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; text-align: center; white-space: nowrap; } #ready-set-hear .style-link-item h5 html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear .style-link-item h5, #ready-set-hear .techonology-link-item h5 html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear .techonology-link-item h5 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } @media (min-width: 375px) { #ready-set-hear .style-link-item h5, #ready-set-hear .techonology-link-item h5 { font-size: 19px; font-size: 1.9rem; line-height: 22px; line-height: 2.2rem; } } @media (min-width: 530px) { #ready-set-hear .style-link-item h5, #ready-set-hear .techonology-link-item h5 { font-size: 24px; font-size: 2.4rem; line-height: 28px; line-height: 2.8rem; } } @media (min-width: 992px) { #ready-set-hear .style-link-item h5, #ready-set-hear .techonology-link-item h5 { font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } } #ready-set-hear .style-link-item p, #ready-set-hear .techonology-link-item p { margin-top: 12px; font-family: 'Mr Eaves', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; text-align: center; } #ready-set-hear .style-link-item p html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear .style-link-item p, #ready-set-hear .techonology-link-item p html[lang='pl-PL'], html[lang='hu-HU'] #ready-set-hear .techonology-link-item p { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; } #ready-set-hear .techonology-link-item { min-height: 140px; } #ready-set-hear .product-summary { margin: 0 0 20px; padding-top: 15px; background-color: #f8f8f8; } #ready-set-hear .product-summary .img-responsive { margin: 0 auto; } @media (min-width: 768px) { #ready-set-hear .product-summary .img-responsive { margin: 0; } } #ready-set-hear .product-summary .product-logo { margin: 6px 0 12px; } #ready-set-hear .product-summary #personalInfo h4 { margin: 5px 0 15px; } #ready-set-hear .related-content a { display: block; margin: 5px 0; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; } #ready-set-hear .related-content a span { text-transform: uppercase; } #ready-set-hear .related-content .accessory-content { margin-top: 30px; border-top: 2px dotted #e1e1e1; padding-top: 10px; } .games .col-sm-2.hidden-xs img { margin-top: 20px; } .games .app-links a { display: inline-block; margin: 15px; } .games .app-links img { height: 46px; } .games .game-list { margin-top: 30px; } .games .game-list > div > div { margin-bottom: 20px; padding: 15px; background-color: #f8f8f8; } .games .game-list > div > div h3:first-child { margin-top: 0; color: #00b7c6; } #hear-starkey-sound { background: url("../img/hear-starkey-sound/bg-starkey-sound-in-action.jpg") no-repeat center center; display: block; background-size: cover; padding-top: 40px; padding-bottom: 40px; } #hear-starkey-sound .cstm-100 { width: 100%; } #hear-starkey-sound .color-1 { color: #00b7c6; } #hear-starkey-sound .italics { font-style: italic; } #hear-starkey-sound .container-685 { width: 90%; max-width: 470px; margin: 0 auto; position: relative; } #hear-starkey-sound .hands-tablet-wrap { width: 420px; position: absolute; bottom: -90px; left: 240px; } #hear-starkey-sound .hands-tablet { background: url("../img/hear-starkey-sound/bg-holding-tablet.png") no-repeat right bottom; position: absolute; width: 100%; height: 190px; bottom: 0; background-size: 100%; display: none; } @media all and (min-width: 768px) { #hear-starkey-sound { min-height: 420px; } #hear-starkey-sound .container-685 { margin-left: 5%; width: 650px; max-width: 650px; } #hear-starkey-sound .container-685 .content-wrap { width: 33%; } #hear-starkey-sound .hands-tablet { display: block; width: 420px; height: 295px; } } @media all and (min-width: 992px) { #hear-starkey-sound .hands-tablet { width: 420px; } #hear-starkey-sound .hands-tablet-wrap { left: 340px; } #hear-starkey-sound .container-685 { margin-left: 15.75%; } } @media all and (min-width: 1200px) { #hear-starkey-sound .container-685 { margin-left: 22%; } } /*# sourceMappingURL=styles.css.map */