/* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/fonts.css?t=1536945575 */ /* NOTE: This File version is not compressed */ @font-face { font-family: Proxima Nova Regular; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.eot) format("eot"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova Regular; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova Regular; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova Regular; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova Regular; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova Semi Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.eot) format("eot"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova Semi Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova Semi Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.woff2) format("woff2"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova Semi Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova Semi Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.ttf) format("truetype"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.eot) format("eot"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.woff2) format("woff2"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova Bold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.ttf) format("truetype"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova Extrabold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.eot) format("eot"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova Extrabold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova Extrabold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova Extrabold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova Extrabold; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.ttf) format("truetype"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova Black; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.eot) format("eot"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova Black; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova Black; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.woff2) format("woff2"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova Black; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.woff) format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova Black; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.ttf) format("truetype"); font-weight: 800; font-style: normal } @font-face { font-family: Rozha One; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/RozhaOne/RozhaOne-Regular.ttf) format("ttf"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_3_0.eot) format("eot"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_3_0.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_3_0.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_3_0.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_3_0.ttf) format("ttf"); font-weight: 400; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_0_0.eot) format("eot"); font-weight: 600; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_0_0.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_0_0.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_0_0.woff2) format("woff2"); font-weight: 600; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_0_0.ttf) format("ttf"); font-weight: 600; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_1_0.eot) format("eot"); font-weight: 700; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_1_0.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_1_0.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_1_0.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_1_0.ttf) format("ttf"); font-weight: 700; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_2_0.eot) format("eot"); font-weight: 800; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_2_0.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_2_0.woff) format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_2_0.woff2) format("woff2"); font-weight: 800; font-style: normal } @font-face { font-family: Averta; src: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Averta/361747_2_0.ttf) format("ttf"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.eot) format("eot"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_3_0.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.eot) format("eot"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.woff2) format("woff2"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_4_0.ttf) format("truetype"); font-weight: 500; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.eot) format("eot"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.woff2) format("woff2"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_1_0.ttf) format("truetype"); font-weight: 600; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.eot) format("eot"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_2_0.ttf) format("truetype"); font-weight: 700; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.eot) format("eot"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.woff2) format("woff2"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.woff) format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: Proxima Nova; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/ProximaNova/351C86_0_0.ttf) format("truetype"); font-weight: 800; font-style: normal } /* Lyon Regular*/ @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Regular-Web.eot) format("eot"); font-weight: 400; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Regular-Web.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Regular-Web.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-RegularItalic-Web.eot) format("eot"); font-weight: 400; font-style: italic } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-RegularItalic-Web.woff) format("woff"); font-weight: 400; font-style: italic } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-RegularItalic-Web.woff2) format("woff2"); font-weight: 400; font-style: italic } /* Lyon Semibold*/ @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Semibold-Web.eot) format("eot"); font-weight: 500; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Semibold-Web.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Semibold-Web.woff2) format("woff2"); font-weight: 500; font-style: normal } /* Lyon Bold*/ @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Bold-Web.eot) format("eot"); font-weight: 600; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Bold-Web.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Bold-Web.woff2) format("woff2"); font-weight: 600; font-style: normal } /* Lyon black*/ @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Black-Web.eot) format("eot"); font-weight: 800; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Black-Web.woff) format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: Lyon; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/Lyon/LyonText-Black-Web.woff2) format("woff2"); font-weight: 800; font-style: normal } @font-face { font-family: 'icomoon'; src: url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.eot?xzw80u'); src: url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.woff2') format('embedded-opentype'), url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.ttf?xzw80u') format('truetype'), url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.woff?xzw80u') format('woff'), url('/icomoon.svg?xzw80u#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { .AppCnbcPhoenix { font-family: social-icons; src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/social-icons.eot); src: url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/social-icons.woff2) format("embedded-opentype"), url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBj8AAAC8AAAAYGNtYXAAdbv2AAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5ZkOF+zYAAAGIAAAOmGhlYWQSmTJqAAAQIAAAADZoaGVhCQwFJwAAEFgAAAAkaG10eDtWA7kAABB8AAAARGxvY2EXAhsUAAAQwAAAACRtYXhwABoCFAAAEOQAAAAgbmFtZT36f7EAABEEAAABwnBvc3QAAwAAAAASyAAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpIQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg6RnpHukh//3//wAAAAAAIOkR6R3pIP/9//8AAf/jFvMW8BbvAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEaAA0C7ANzABYAACURIzUzNTQ2MzIWMxUjIgYdATMHIxEjAaSKinBdKkUMUjIbnxWKqQ0Bj5pwZGkFiiojYZr+cQAFAE0ACAO9A3MASACSAJ4AuwDHAAABIgYHIgYHDgEHDgEHDgEVFAYVFBYXFBYXHgEXHgEXHgEzMhYzMjY3MjY3PgE3PgE3PgE1NDY1NCYnNCYnLgEnLgEnLgEjKgEjFToBMzIWFx4BFx4BFx4BFRwBFRwBFRQGBw4BBw4BBw4BIyoBIyoBIyImJy4BJy4BJy4BNTwBNTwBNTQ2Nz4BNz4BNz4BMz4BMzERIiY1NDYzMhYVFAYDIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIyEUBiMiJjU0NjMyFgIAWDkiIzIXFyIUDxcICwkFAQQNBwgYFBMiFxQ1IyI5WFg5IiMyFxciFBMYCAgMBQEEDAgIGBMUIhcTNiMmOlhYNCIfJwwPGQsMDwQECwsECAsMCxkPDCMjIjhUWDQiHycMDxkLDA8EBAsLBAQPDAsZDwwjIyI0WD1XVz09V1c9MCoqPhISEhI+KiowMCoqPhISEhI+KiowARodFxccHBcUIANzAQQIBwgYExQmExcyIyI5WFg5IiMyFxciFBMYCAcNBQEEDQcIGBMUIhcTNiMiOVhYOSIjMhcXIhQTGAgHDU0LBAgLDAsZDwskIyI3VVgzIx8nDA8ZCwwPBAQLCwQICwwLGQ8MIyMjN1RYNCIfKAsMFwsMDwQECwQB/gZXPT1XVz09VwF6EhI+KiowMCoqPhISEhI+KiowMCoqPhISFxwcFxcdHQAAAAADAJQAWgNsAyYAGwAfACwAAAE0JiczFzM+ATMyFhURIxE0JiMiBgcOARURIxEDMxEjNxQGIyImNTQ2MzIWFQGPAQSFBQYTTj1NZ5ojKh8nDAQBmvqZmZ4rJyYsLCYnKwGxLk4iRxc7aG/+1wEUMjomEwcWDP7iAVf+qQH1iyMqLh8eLi4eAAAAAwBNAAgDswN4AAsAHQAuAAAlFAYjIiY1NDYzMhYFIzQnLgEnJiMxNTIXHgEXFhUzNCcuAScmIzUyFx4BFxYVIwE4RTAxRUUxMEUBV6kgIHBKS1R3aWmeLi12Nza+fn+QtJ+e7UREroMzSEgzMkhIrVRLSnAgIK4tLp9qanmSgIHAODeuRUXvoaC2AAABAC4ARQPNA0AASwAAAQ4BBz4BNw4BBy4BIyIHDgEHBhUUFhcmJy4BJyYnDgEVFBYXIiYnMRQWFw4BIyImJx4BMw4BIyoBIx4BMzI3PgE3NjU8ATU+ATc5AQPNGzYbHygLGzwfGkYqJiMiNA8PAQQ8NzdjKysiEAosJhctE1hCDBgQBxUHE10+MnlBCxcMPpVRgmVkiCMkHjATAuQMDwQTNiMQGwMaIw8QNCQjKQsXDAQQEDUkJCwTMxsyVxsODEVtDAQBAQQ5TCYsKi0zMp9jYmAICggPMhsAAAAAAv/7AFQD+wMxAAIARgAAAREFJTAmJy4BJyYnLgEjJjkBMAciBgcGByIGBw4BMTAGHQEUFjEwFhceARcWFx4BMxYxMDcyNjc2NzI2Nz4BMTA2PQE0JjEBlAEVAUgSFx84EDU/P2skJCQkaz8/Ng84HxcSCgoSFx9CEB47OnMrKyQkaz8/NRA4HxcSCgoBOwEklchPFx8MAwQCAgIBAQICAgQPHxdPaEFNPWxPFx8LBAQCAgIBAQICAgQPHxdPaEFNPWwAAAEAyP+7Az0DwAAxAAAlIiYnLgEnLgE1ETM1IxEjDgEHDgEHDgEHFTMRFBYXHgEXHgEXHgEzMjY3PgE3NQ4BIwKfFycPDBQEBAbw8JADFQsMJBMXMR5wCAgHGRMTLhsbPSMfPBsbOCImTippCQsIFgsMOyoBBZ8BBSZEGxctExMaC5D+miM2ExMhExAcCAcNBgQEFg+kExYAAgAA/8cFTwO5ADwAYgAAARQWOwEyNj0BNCcuAScmIyIHDgEHBhURFAYjIiY9ATQmKwEiBh0BFBceARcWMzI3PgE3NjURNDYzMhYdAQUjIgYdARQGIyImPQE0JisBIgYdARQXHgEXFjMyNz4BNzY9ATYmAtoLCuEKCxkZVjk5QEM5OlQYGCIVFBwKCuIKChkZVjk5QEM5OVUYGBsVFBwCbeELChsVFBsLCugKCxoZVTk5QEM5OlQYGQUJAjsKCwsKUj03NlIYGBgYUjY3Pf50FRsbFasKCgoKuT03NlIYGBgYUjY3PQGaFBwcFFJ7CgqyFBwcFLIKCgoKsj03N1IXGBgXUjc3PbIFDwAAAAgAAAAXBAADaQBAAIYAvAF1AaIBvwH5AhEAAAEeARUUBgcOAQcxOAExOAExIgYjIiYnLgEnMTgBMTgBOQE8ATE0Njc+ATc4ATE4ATE+ATMyFhceARc4ATE4ATkBBy4BIyIGBzEOASMiJic5ASImJyImIyImIyIGFTgBOQEiBgcOARUUFhcUFjMeATMyNjc5AT4BNzI2NT4BNTEwNDE0JiM2JiUwFDUyFjMyNjc+ATU4ATEwNDU0JicuASMqASM4ATE4ATEOAQc5ATgBMRQGFRQWFx4BMzgBMSUxMBQxFAYHDgEHHAEVFAYHOQEOAQc5AQ4BIyImJzkBLgEnLgE1PAE1LgEnLgE1OQI0Njc+ATM4ATE6ATMyFhc5AR4BFzI2Mz4BNzQ2Nz4BNzkBPgEzMhYXPgE3OQE+ATMyFhcxOAExOAExHgEXHgEVHAEVMTgBMRQGBw4BIyoBIyImJy4BNTgBMS4BIyoBOQEiBgc5AQ4BBx4BFzkBMBYVPgEzPgEzMhYXOQE4ATkBHgEXHgEVOQEDFDA1OQEUFhceATM5ATAyMzI2Nz4BNzkBMDQ1NCYnLgEjKgEjOQEOAQcOARUFLgEjMCI5AiIGBw4BFTkBMBQxFBYXHgEXPgE3BTQmJy4BJzEuASMuASMiBgcOAQcxDgEVFBYXMR4BFx4BFx4BFx4BMzoBMz4BNzE+ATc+ATc5AT4BNTc0Jic5AS4BJy4BIyIGBx4BFz4BNz4BNQLcBAEHCAgPCAQJBwwWBwgOBAcDBBMIBA0ECxEHDA8EKQQHBAQIBCJNKh83GwQJBwQDAwQIBAQGBAgDBAICBAYEJlkqKk4mBA0EBAYEAQEECAT+lgQMBAwXCwgNDQgLFwwEBwQPGwQFBgQIEAwCsw0HCBwQHBcufUYmSyM6bDY6YSMPFBAXCAcNFBAPMRcEAgQMHAsQEwsECAQ2fkIKDwwrGwwRDBs0FwQcFAsXDAsXDA8cCAsJGRAPKxcECAQXJhAHEhMtFwQGEBwICwUEPXo5BgMIBA8nFwcVCBMkCxAU8QgIBxUIAQQLEgwHCQQIBwgWCwQIBAcQBwwE/Z8LEQgFCxcMCAwGBAQHBAwrGwLNFQ8fXjYMEgsfPR8qUyc2Xh8PFQEECBYLECUTBAcENn9BDBUIQXo2Dx0MCxEIBAFCAQQEDgcIFAgIFAgbKA8EBwQEAQGcBAwEDBILCA4EBQgHCBELBAYMEQcIDgQEAQYEBA4IqQQBAQQTFg4MBgQFBQEEBgQECAMECAQEBhsYEBQDAwQGBAQIAwYDBwgHVwQEBQgHCBcQAQQLGwgHCAQVEAQJBwwQCAwOnwUTJAwPFwgHEAgmTx86Sw8IDRYTF0g1G0IeCA8ICBcPECATGy4TExYHAwgKCAUjHAQeQhsXIwgEAQ0HDxcIBAEGBAgWCxAgEwQHBBcnDw8QFQ8TLRcIDRUPFzAaBCAfAQQEBgwJAgQDFg8IKBMBDwQEDxIIBwgIBwgVBwEEDBYHCAgECQgLEQjhBAYJCwgWCwUIDwgEDQMiNhPIGzUXLjkUAwcIBw4LFDkuFzUbCxIMFycUExsPBAIEHx8EKCYMHRAPJhcQEgeVCAoHCA4EBAYGBBc2HgMJCAgQDAABAFz/wAN7A8AAawAAAS4BIyIHDgEHBgcOARUUFhcyFjMyNjc+ATU2JicuATU0Nz4BNzYzMhYVFAYHDgEjIiYnLgE3PgE3PgE1NCYjIgYVFBYXBgcOAQcGBwYHDgEXFhcWNz4BNzY3PgE3HgEzMjY3Njc2NzY1NiYnAxo2jlE7MjFOHh4VMjpDPQQIBAsVAwQHAwYIDw8REUMyMkFodBcXDz0qEx8LDAIEAw0EDBMyKjZKCwQECgoXCwoEBAYHBQYFFRkXFiMLCwEEFAcXSCZFfSoVEBALFwQzMgNaMjQLDCMWFhUyhEVUfBsFDw8IHwcQEwsYMB8uLi1JFxdtYDpsJxs3EA8MIhATJhMjQhsuOV9FIy4LDiwsZC0tDwgkI1IjIgYGGxtIISIIC1EeFxw8OhshISZMVUV/MgAAAwAaAUAD5gJAAAsAFwAjAAABFAYjIiY1NDYzMhYFFAYjIiY1NDYzMhYFFAYjIiY1NDYzMhYBGks1NUtLNTVLAWZLNTVLSzU1SwFmSzU1S0s1NUsBwDVLSzU1S0s1NUtLNTVLSzU1S0s1NUtLAAAAAAIABQBuBAADFwAaACgAAAEUFhURFAYHMQ4BIyEiJic8ATURNDY3ARc3AQEnATI2MyEyFhcBDwEnA/sFAQQIHRP8gBcjBAEEATnCwwEz/a4p/r0ECAQDZgQIBP69KVdXAtoECAT94gQNBBMWHBcEAwQCHgQIBP76mZkBBv71JAEfBQEE/uEkR0cAAAAACAAFAFoD+wMmAAYACwAQABUAHgAkAC8AMwAAExUjESERIwM1MxUjEzMRIxE1MxUjNQUxIREzFSMVIQM1MxUjFQEhETMVIxUhETA0AyM1M7izARpnTExMx2dnZ2cBpP7xqakBD6lDQwHN/vGzswEPXE1NAyaz/poCGf4+uLMBCv6aAWazZmaz/ppNZgEKuLMFAQ/+mk1mAb1c/vG4AAAAAAEAAAABAAA/8IEDXw889QALBAAAAAAA1xf2+QAAAADXF/b5//v/uwVPA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABVX/+wAABU8AAQAAAAAAAAAAAAAAAAAAABEEAAAAAAAAAAAAAAACAAAABAABGgQAAE0EAACUBAAATQQAAC4EAP/7BAAAyAVVAAAEAAAABAAAXAQAABoEAAAFBAAABQAAAAAACgAUAB4AQAFUAZgB3gJMAq4C+gOABeAGfga2BvwHTAABAAAAEQISAAgAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIABwCNAAEAAAAAAAMADABFAAEAAAAAAAQADACiAAEAAAAAAAUACwAkAAEAAAAAAAYADABpAAEAAAAAAAoAGgDGAAMAAQQJAAEAGAAMAAMAAQQJAAIADgCUAAMAAQQJAAMAGABRAAMAAQQJAAQAGACuAAMAAQQJAAUAFgAvAAMAAQQJAAYAGAB1AAMAAQQJAAoANADgc29jaWFsLWljb25zAHMAbwBjAGkAYQBsAC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwc29jaWFsLWljb25zAHMAbwBjAGkAYQBsAC0AaQBjAG8AbgBzc29jaWFsLWljb25zAHMAbwBjAGkAYQBsAC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByc29jaWFsLWljb25zAHMAbwBjAGkAYQBsAC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAABM0AAsAAAAAEugAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGP2NtYXAAAAFoAAAAZAAAAGQAdbv2Z2FzcAAAAcwAAAAIAAAACAAAABBnbHlmAAAB1AAADpgAAA6YQ4X7NmhlYWQAABBsAAAANgAAADYSmTJqaGhlYQAAEKQAAAAkAAAAJAkMBSdobXR4AAAQyAAAAEQAAABEO1YDuWxvY2EAABEMAAAAJAAAACQXAhsUbWF4cAAAETAAAAAgAAAAIAAaAhRuYW1lAAARUAAAAcIAAAHCPfp/sXBvc3QAABMUAAAAIAAAACAAAwAAAAMD9AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6SEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAEAIOkZ6R7pIf/9//8AAAAAACDpEekd6SD//f//AAH/4xbzFvAW7wADAAEAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBGgANAuwDcwAWAAAlESM1MzU0NjMyFjMVIyIGHQEzByMRIwGkiopwXSpFDFIyG58ViqkNAY+acGRpBYoqI2Ga/nEABQBNAAgDvQNzAEgAkgCeALsAxwAAASIGByIGBw4BBw4BBw4BFRQGFRQWFxQWFx4BFx4BFx4BMzIWMzI2NzI2Nz4BNz4BNz4BNTQ2NTQmJzQmJy4BJy4BJy4BIyoBIxU6ATMyFhceARceARceARUcARUcARUUBgcOAQcOAQcOASMqASMqASMiJicuAScuAScuATU8ATU8ATU0Njc+ATc+ATc+ATM+ATMxESImNTQ2MzIWFRQGAyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJiMhFAYjIiY1NDYzMhYCAFg5IiMyFxciFA8XCAsJBQEEDQcIGBQTIhcUNSMiOVhYOSIjMhcXIhQTGAgIDAUBBAwICBgTFCIXEzYjJjpYWDQiHycMDxkLDA8EBAsLBAgLDAsZDwwjIyI4VFg0Ih8nDA8ZCwwPBAQLCwQEDwwLGQ8MIyMiNFg9V1c9PVdXPTAqKj4SEhISPioqMDAqKj4SEhISPioqMAEaHRcXHBwXFCADcwEECAcIGBMUJhMXMiMiOVhYOSIjMhcXIhQTGAgHDQUBBA0HCBgTFCIXEzYjIjlYWDkiIzIXFyIUExgIBw1NCwQICwwLGQ8LJCMiN1VYMyMfJwwPGQsMDwQECwsECAsMCxkPDCMjIzdUWDQiHygLDBcLDA8EBAsEAf4GVz09V1c9PVcBehISPioqMDAqKj4SEhISPioqMDAqKj4SEhccHBcXHR0AAAAAAwCUAFoDbAMmABsAHwAsAAABNCYnMxczPgEzMhYVESMRNCYjIgYHDgEVESMRAzMRIzcUBiMiJjU0NjMyFhUBjwEEhQUGE049TWeaIyofJwwEAZr6mZmeKycmLCwmJysBsS5OIkcXO2hv/tcBFDI6JhMHFgz+4gFX/qkB9YsjKi4fHi4uHgAAAAMATQAIA7MDeAALAB0ALgAAJRQGIyImNTQ2MzIWBSM0Jy4BJyYjMTUyFx4BFxYVMzQnLgEnJiM1MhceARcWFSMBOEUwMUVFMTBFAVepICBwSktUd2lpni4tdjc2vn5/kLSfnu1ERK6DM0hIMzJISK1US0pwICCuLS6famp5koCBwDg3rkVF76GgtgAAAQAuAEUDzQNAAEsAAAEOAQc+ATcOAQcuASMiBw4BBwYVFBYXJicuAScmJw4BFRQWFyImJzEUFhcOASMiJiceATMOASMqASMeATMyNz4BNzY1PAE1PgE3OQEDzRs2Gx8oCxs8HxpGKiYjIjQPDwEEPDc3YysrIhAKLCYXLRNYQgwYEAcVBxNdPjJ5QQsXDD6VUYJlZIgjJB4wEwLkDA8EEzYjEBsDGiMPEDQkIykLFwwEEBA1JCQsEzMbMlcbDgxFbQwEAQEEOUwmLCotMzKfY2JgCAoIDzIbAAAAAAL/+wBUA/sDMQACAEYAAAERBSUwJicuAScmJy4BIyY5ATAHIgYHBgciBgcOATEwBh0BFBYxMBYXHgEXFhceATMWMTA3MjY3NjcyNjc+ATEwNj0BNCYxAZQBFQFIEhcfOBA1Pz9rJCQkJGs/PzYPOB8XEgoKEhcfQhAeOzpzKyskJGs/PzUQOB8XEgoKATsBJJXITxcfDAMEAgICAQECAgIEDx8XT2hBTT1sTxcfCwQEAgICAQECAgIEDx8XT2hBTT1sAAABAMj/uwM9A8AAMQAAJSImJy4BJy4BNREzNSMRIw4BBw4BBw4BBxUzERQWFx4BFx4BFx4BMzI2Nz4BNzUOASMCnxcnDwwUBAQG8PCQAxULDCQTFzEecAgIBxkTEy4bGz0jHzwbGzgiJk4qaQkLCBYLDDsqAQWfAQUmRBsXLRMTGguQ/pojNhMTIRMQHAgHDQYEBBYPpBMWAAIAAP/HBU8DuQA8AGIAAAEUFjsBMjY9ATQnLgEnJiMiBw4BBwYVERQGIyImPQE0JisBIgYdARQXHgEXFjMyNz4BNzY1ETQ2MzIWHQEFIyIGHQEUBiMiJj0BNCYrASIGHQEUFx4BFxYzMjc+ATc2PQE2JgLaCwrhCgsZGVY5OUBDOTpUGBgiFRQcCgriCgoZGVY5OUBDOTlVGBgbFRQcAm3hCwobFRQbCwroCgsaGVU5OUBDOTpUGBkFCQI7CgsLClI9NzZSGBgYGFI2Nz3+dBUbGxWrCgoKCrk9NzZSGBgYGFI2Nz0BmhQcHBRSewoKshQcHBSyCgoKCrI9NzdSFxgYF1I3Nz2yBQ8AAAAIAAAAFwQAA2kAQACGALwBdQGiAb8B+QIRAAABHgEVFAYHDgEHMTgBMTgBMSIGIyImJy4BJzE4ATE4ATkBPAExNDY3PgE3OAExOAExPgEzMhYXHgEXOAExOAE5AQcuASMiBgcxDgEjIiYnOQEiJiciJiMiJiMiBhU4ATkBIgYHDgEVFBYXFBYzHgEzMjY3OQE+ATcyNjU+ATUxMDQxNCYjNiYlMBQ1MhYzMjY3PgE1OAExMDQ1NCYnLgEjKgEjOAExOAExDgEHOQE4ATEUBhUUFhceATM4ATElMTAUMRQGBw4BBxwBFRQGBzkBDgEHOQEOASMiJic5AS4BJy4BNTwBNS4BJy4BNTkCNDY3PgEzOAExOgEzMhYXOQEeARcyNjM+ATc0Njc+ATc5AT4BMzIWFz4BNzkBPgEzMhYXMTgBMTgBMR4BFx4BFRwBFTE4ATEUBgcOASMqASMiJicuATU4ATEuASMqATkBIgYHOQEOAQceARc5ATAWFT4BMz4BMzIWFzkBOAE5AR4BFx4BFTkBAxQwNTkBFBYXHgEzOQEwMjMyNjc+ATc5ATA0NTQmJy4BIyoBIzkBDgEHDgEVBS4BIzAiOQIiBgcOARU5ATAUMRQWFx4BFz4BNwU0JicuAScxLgEjLgEjIgYHDgEHMQ4BFRQWFzEeARceARceARceATM6ATM+ATcxPgE3PgE3OQE+ATU3NCYnOQEuAScuASMiBgceARc+ATc+ATUC3AQBBwgIDwgECQcMFgcIDgQHAwQTCAQNBAsRBwwPBCkEBwQECAQiTSofNxsECQcEAwMECAQEBgQIAwQCAgQGBCZZKipOJgQNBAQGBAEBBAgE/pYEDAQMFwsIDQ0ICxcMBAcEDxsEBQYECBAMArMNBwgcEBwXLn1GJksjOmw2OmEjDxQQFwgHDRQQDzEXBAIEDBwLEBMLBAgENn5CCg8MKxsMEQwbNBcEHBQLFwwLFwwPHAgLCRkQDysXBAgEFyYQBxITLRcEBhAcCAsFBD16OQYDCAQPJxcHFQgTJAsQFPEICAcVCAEECxIMBwkECAcIFgsECAQHEAcMBP2fCxEIBQsXDAgMBgQEBwQMKxsCzRUPH142DBILHz0fKlMnNl4fDxUBBAgWCxAlEwQHBDZ/QQwVCEF6Ng8dDAsRCAQBQgEEBA4HCBQICBQIGygPBAcEBAEBnAQMBAwSCwgOBAUIBwgRCwQGDBEHCA4EBAEGBAQOCKkEAQEEExYODAYEBQUBBAYEBAgDBAgEBAYbGBAUAwMEBgQECAMGAwcIB1cEBAUIBwgXEAEECxsIBwgEFRAECQcMEAgMDp8FEyQMDxcIBxAIJk8fOksPCA0WExdINRtCHggPCAgXDxAgExsuExMWBwMICggFIxwEHkIbFyMIBAENBw8XCAQBBgQIFgsQIBMEBwQXJw8PEBUPEy0XCA0VDxcwGgQgHwEEBAYMCQIEAxYPCCgTAQ8EBA8SCAcICAcIFQcBBAwWBwgIBAkICxEI4QQGCQsIFgsFCA8IBA0DIjYTyBs1Fy45FAMHCAcOCxQ5Lhc1GwsSDBcnFBMbDwQCBB8fBCgmDB0QDyYXEBIHlQgKBwgOBAQGBgQXNh4DCQgIEAwAAQBc/8ADewPAAGsAAAEuASMiBw4BBwYHDgEVFBYXMhYzMjY3PgE1NiYnLgE1NDc+ATc2MzIWFRQGBw4BIyImJy4BNz4BNz4BNTQmIyIGFRQWFwYHDgEHBgcGBw4BFxYXFjc+ATc2Nz4BNx4BMzI2NzY3Njc2NTYmJwMaNo5ROzIxTh4eFTI6Qz0ECAQLFQMEBwMGCA8PERFDMjJBaHQXFw89KhMfCwwCBAMNBAwTMio2SgsEBAoKFwsKBAQGBwUGBRUZFxYjCwsBBBQHF0gmRX0qFRAQCxcEMzIDWjI0CwwjFhYVMoRFVHwbBQ8PCB8HEBMLGDAfLi4tSRcXbWA6bCcbNxAPDCIQEyYTI0IbLjlfRSMuCw4sLGQtLQ8IJCNSIyIGBhsbSCEiCAtRHhccPDobISEmTFVFfzIAAAMAGgFAA+YCQAALABcAIwAAARQGIyImNTQ2MzIWBRQGIyImNTQ2MzIWBRQGIyImNTQ2MzIWARpLNTVLSzU1SwFmSzU1S0s1NUsBZks1NUtLNTVLAcA1S0s1NUtLNTVLSzU1S0s1NUtLNTVLSwAAAAACAAUAbgQAAxcAGgAoAAABFBYVERQGBzEOASMhIiYnPAE1ETQ2NwEXNwEBJwEyNjMhMhYXAQ8BJwP7BQEECB0T/IAXIwQBBAE5wsMBM/2uKf69BAgEA2YECAT+vSlXVwLaBAgE/eIEDQQTFhwXBAMEAh4ECAT++pmZAQb+9SQBHwUBBP7hJEdHAAAAAAgABQBaA/sDJgAGAAsAEAAVAB4AJAAvADMAABMVIxEhESMDNTMVIxMzESMRNTMVIzUFMSERMxUjFSEDNTMVIxUBIREzFSMVIREwNAMjNTO4swEaZ0xMTMdnZ2dnAaT+8ampAQ+pQ0MBzf7xs7MBD1xNTQMms/6aAhn+PrizAQr+mgFms2Zms/6aTWYBCrizBQEP/ppNZgG9XP7xuAAAAAABAAAAAQAAP/CBA18PPPUACwQAAAAAANcX9vkAAAAA1xf2+f/7/7sFTwPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAVV//sAAAVPAAEAAAAAAAAAAAAAAAAAAAARBAAAAAAAAAAAAAAAAgAAAAQAARoEAABNBAAAlAQAAE0EAAAuBAD/+wQAAMgFVQAABAAAAAQAAFwEAAAaBAAABQQAAAUAAAAAAAoAFAAeAEABVAGYAd4CTAKuAvoDgAXgBn4Gtgb8B0wAAQAAABECEgAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAAcAjQABAAAAAAADAAwARQABAAAAAAAEAAwAogABAAAAAAAFAAsAJAABAAAAAAAGAAwAaQABAAAAAAAKABoAxgADAAEECQABABgADAADAAEECQACAA4AlAADAAEECQADABgAUQADAAEECQAEABgArgADAAEECQAFABYALwADAAEECQAGABgAdQADAAEECQAKADQA4HNvY2lhbC1pY29ucwBzAG8AYwBpAGEAbAAtAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMHNvY2lhbC1pY29ucwBzAG8AYwBpAGEAbAAtAGkAYwBvAG4Ac3NvY2lhbC1pY29ucwBzAG8AYwBpAGEAbAAtAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcnNvY2lhbC1pY29ucwBzAG8AYwBpAGEAbAAtAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"), url(//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/social-icons.svg#icomoon) format("svg"); font-weight: 400; font-style: normal; } } @font-face { font-family: 'FontAwesome'; src: url('https://www.cnbc.com/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('https://www.cnbc.com/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.cnbc.com/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.cnbc.com/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.cnbc.com/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.cnbc.com/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'cnbc_font_icons'; src: url('https://www.cnbc.com/fonts/cnbc_font_icons.eot?-k1ej6q'); src: url('https://www.cnbc.com/fonts/cnbc_font_icons.eot?#iefix-k1ej6q') format('embedded-opentype'), url('https://www.cnbc.com/fonts/cnbc_font_icons.woff?-k1ej6q') format('woff'), url('https://www.cnbc.com/fonts/cnbc_font_icons.ttf?-k1ej6q') format('truetype'), url('https://www.cnbc.com/fonts/cnbc_font_icons.svg?-k1ej6q#cnbc_font_icons') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0) } .fa-user:before { content: "\f007" } .fa-twitter:before { content: "\f099" } .fa-facebook:before { content: "\f09a" } .fa-youtube:before { content: "\f167" } .fa-youtube-play:before { content: "\f16a"; } .fa-instagram:before { content: "\f16d" } .fa-tumblr:before { content: "\f173" } .fa-linkedin:before { content: "\f0e1" } .fa-google-plus:before { content: "\f0d5" } .fa-pinterest-p:before { content: "\f231" } .fa-flickr:before { content: "\f16e" } .fa-rss:before { content: "\f09e" } .fa-bars:before { content: "\f0c9" } .fa-times:before { content: "\f00d" } .fa-search:before { content: "\f002" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-circle-up:before { content: "\f139" } .fa-pencil-square-o:before { content: "\f044" } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-chevron-left:before{ content:"\f053"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-th-large:before { content: "\f009" } .fa-list:before { content: "\f03a" } .fa-newspaper-o:before { content: "\f1ea" } .fa-apple:before { content: "\f179"; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/responsive_header.css?t=1536945575 */ /* NOTE: This File version is not compressed */ body { margin: 0; padding: 0; } h1, h2, h3, h4 { font-weight: normal; } #cnbc-new-header { position: relative; } #cnbc-new-header { z-index:5001; margin: 0; padding: 0; font-size: 14px; font-weight: normal; } #cnbc-new-header .main-header-nav { z-index: 5000; } .hide{display:none!important;} .show{display:block;} #cnbc-new-header img { border: 0; } #cnbc-new-header ul { list-style-type: none; } #cnbc-new-header a { color: #2077B6; text-decoration: none; } #cnbc-new-header.makeit a { color: #a1a1a1; margin-top: 4px; } #cnbc-new-header.makeit a.branding-makeit { color: #CCCCCC; } #cnbc-new-header a:hover { color: #1D8EC8; } #cnbc-new-header.makeit a:hover { color: #ffffff; } #cnbc-new-header.makeit .main-header-nav ul#nav li ul.more li { color: #6c6c6c; } #cnbc-new-header.makeit .branding-makeit { float: right; font-size: 18px; margin-top: 25px; } #cnbc-new-header.makeit .branding-makeit:after { content: " \203A"; } #cnbc-new-header .main-header { background: #146195; width: 100%; height: 71px; } #cnbc-new-header.makeit .main-header { background: #404040; } #cnbc-new-header .promo_heavy_container a { color: #FFF; } #cnbc-new-header .promo_heavy_container .desc { font-size: 12px; } #cnbc-new-header .header-content .promo_heavy_container { padding:0; height:60px; float: right; width: 275px; color: #FFF; } #cnbc-new-header .header-content > .promo_heavy_container { margin-right: -5px; } #cnbc-new-header .header-content .promo_heavy_container > div.asset.imgasset{ background-color: #104b76; vertical-align: middle; display: table; width: 100%; } #cnbc-new-header .header-content .promo_heavy_container img { margin-right:5px; } #cnbc-new-header .promo_heavy_container .headline { font-weight:normal; font-size:12px; font-family:'Proxima Nova Semi Bold'; margin-left:5px; width:120px; line-height:16px; } #cnbc-new-header .promo_heavy_container .headline a{ font-weight:normal; font-size:13px; font-family:'Proxima Nova Semi Bold'; line-height:16px; } #cnbc-new-header .promo_heavy_container .imgasset .headline{ width:185px; margin-left:5px; vertical-align: middle; display: table-cell; float: none; } #cnbc-new-header .promo_heavy_container .imgasset .desc{float:right;width:120px;} #cnbc-new-header .header-content { overflow: hidden; width: auto; height: 71px; margin-left: auto; margin-right: auto; padding: 0 5px; } #cnbc-new-header .header-content #cnbc-logo{ padding-top: 12px; } #cnbc-new-header .header-content #lookup-container, #cnbc-new-header .header-content #search-box{ padding-top: 16px; } #cnbc-new-header .header-content div, .header-content img { float: left; } #cnbc-new-header .badge-ad{ padding: 15px 0 0 120px; } #cnbc-new-header .ad, #cnbc-new-header .countdown-container{ padding: 6px 0 0 0; } #cnbc-new-header .header-content input{ background: #ccd6db; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: none; color: #424858; width: 150px; margin-right: 0; padding: 5px 5px; font-size: 10px; height: 15px; height: 13px\9; -moz-box-sizing: content-box; box-sizing: content-box; } #cnbc-new-header .header-content input::-moz-placeholder { color: #737373; } #cnbc-new-header .header-content input::-moz-placeholder { color: #737373; } #cnbc-new-header .header-content input::-webkit-input-placeholder { color: #737373; } #cnbc-new-header .header-content input:-ms-input-placeholder { color: #737373; } #cnbc-new-header .header-content #cnbc-logo {float: left;} #cnbc-new-header .main-header-nav, #cnbc-new-header .cnbc-menu{ background: #0d3d61; height: 30px; width: 100%; } #cnbc-new-header .cnbc-menu li.selected a{color:#C7D759} #cnbc-new-header #login-container{ float: right; } #lookup-container{padding-left: 35px;} #search-box{margin-left: 10px;} #cnbc-new-header{text-align: left;} #cnbc-new-header .header-inputs{ float: left; margin-top: 8px; } #cnbc-new-header .header-content .asset.imgasset { margin-top: 0; } /* === symbol lookup === */ #cnbc-new-header .lookup-results h4{ border-bottom: 1px solid #ccd6d8; } #cnbc-new-header .lookup-results .footer{ padding: 10px 0; width: 100%; } #cnbc-new-header .lookup-results p{ padding: 0; margin: 0; } #cnbc-new-header .lookup-results .footer p { padding: 0 10px; } #cnbc-new-header .lookup-results .footer .advancedlink { /*border-bottom: 1px solid #ccd6d8;*/ /*padding-bottom: 10px;*/ /*margin-bottom: 10px;*/ width: 100%; } #cnbc-new-header .lookup-results .advancedlink a { font-family: 'Proxima Nova Semi Bold'; } #cnbc-new-header .lookup-results .advancedlink a span { color: #2077B6; } #cnbc-new-header .lookup-results .advancedlink a:hover,#cnbc-new-header .lookup-results .advancedlink a:hover span, #cnbc-header .advancedlink a:hover span { color: #DD4B39; } #cnbc-new-header .lookup-results footer { padding-top: 10px; width: 100%; } #cnbc-new-header .lookup-results footer p { padding: 0 10px; border-bottom: 1px solid #ccd6d8; padding-bottom: 10px; color: #737373; } #cnbc-new-header .lookup-results table { width: 100%; } #cnbc-new-header .lookup-results tr td { border-bottom: 1px solid #ccd6d8; padding: 5px 0 5px 10px; vertical-align: top; font-size: 12px; } #cnbc-new-header .lookup-results tr td.nonResult { font-size: 14px; } #cnbc-new-header .lookup-results tr td span.hlight { font-size: 12px; font-family: 'Proxima Nova Semi Bold'; } #cnbc-new-header .lookup-results tr td.last { padding-right: 10px; } #cnbc-new-header .lookup-results, #cnbc-new-header .lookup-results span { color: #424858; } #cnbc-new-header .lookup-results .hover { background-color: #d5dee2; cursor: pointer; } #cnbc-new-header .lookup-results .hover .col-symbol, #cnbc-new-header .lookup-results .hover .col-symbol .hlight { color: #DD4B39; } #cnbc-new-header #sl-results { border-radius: 6px; width: 354px; border: 1px solid #ccd6d8; color: #424858; background-color: #fff; -moz-box-shadow: 0 1px 10px #424858; -webkit-box-shadow: 0 1px 10px #424858; box-shadow: 0 1px 10px #424858; z-index: 2147483647; position: absolute; } /*------------------------------------*\ NAVIGATION \*------------------------------------*/ #cnbc-new-header { overflow: visible; } #cnbc-new-header .main-header-nav .header-nav-content { margin: auto; } #nav { line-height: 30px; padding: 0 5px; clear: left; float: left; margin: 0; margin-left: auto; margin-right: auto; } /*--- DROPDOWN ---*/ #cnbc-new-header ul ul { margin-left: -15px; } #cnbc-new-header.makeit ul ul { margin-left: 0; } #cnbc-new-header .cnbc-menu ul ul:not(.more), #cnbc-new-header .cnbc-menu ul div.more-container { z-index:5000; padding: 10px 0 10px 0; position: absolute; top: 30px; left: 15px; /*display: none;*/ opacity: 0; visibility: hidden; width: 200px; border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px; filter:alpha(opacity=0); -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { padding-top: 10px; } #cnbc-new-header ul li ul li { display: block; padding: 0; cursor: pointer; clear: both; font-size: 14px; width: 100%; text-align: left; z-index:5000; } #cnbc-new-header ul li ul li.header span { cursor: default; } #cnbc-new-header #nav li ul li a, #cnbc-new-header #login-container ul li ul li a { color: #FFF; } #cnbc-new-header.makeit #nav li ul li a { color: #6c6c6c; } #cnbc-new-header ul li ul li:hover { background: transparent; } #cnbc-new-header #nav li ul li a:hover, #cnbc-new-header #login-container ul li ul li a:hover { color: #2FA5E3; background: transparent; } #cnbc-new-header.makeit #nav li ul li a:hover { color: #32B46A; } #cnbc-new-header #unreg-user li a:hover{ color:white; } [id*=story_carousel] .cnbc-contents .cnbc-body { margin-top: 40px; } /*----START Listicle header-----*/ .sub-header { background-color: #ffffff; position: fixed; left: 0; top: -400px; z-index: 4990; width: 100%; overflow: hidden; transition: height 0.2s ease-in-out, top 0.2s ease-in-out; } .sub-header-scroll-up { top: 40px; } .sub-header-title { max-width: 1150px; margin: auto; overflow: hidden; position: relative; } .sub-header-title h2 { float: left; width: 60%; padding: 15px 7px; color: #333333; font-family: "Proxima Nova Semi Bold"; letter-spacing: -.5px; line-height: 28px; } .sub-header-social-container { float: right; width: 35%; text-align: right; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Safari */ right: 0; } #sub-header-social-bar_gig_containerParent { overflow: hidden; } #sub-header-social-bar_gig_containerParent .shareText { float: right; color: #999999; padding: 10px; } #sub-header-social-bar_gig_containerParent #sub-header-social-bar { float: right; } /*START progress tracker*/ .progress-tracker { height: 3px; width: 100%; background: #999999; } .tracker-inner { /*transition: ease all 50ms;*/ height: 100%; background: -webkit-linear-gradient(90deg,#fdb916,#f36f21,#c8234a,#6460ab,#0089d0,#22b24c); background: -moz-linear-gradient(90deg,#fdb916,#f36f21,#c8234a,#6460ab,#0089d0,#22b24c); background: linear-gradient(90deg,#fdb916,#f36f21,#c8234a,#6460ab,#0089d0,#22b24c); width: 0%; } .makeit .tracker-inner { background: #33bb66; } /*END progress tracker*/ /*----END Listicle header-----*/ @media (min-width:992px) and (min-device-width: 1200px) { #cnbc-new-header .cnbc-menu ul li:hover ul:not(.more), #cnbc-new-header .cnbc-menu ul li.more:hover div.more-container { display: block; opacity: 1; visibility: visible; background: white; box-shadow: 0px 5px 8px #333; background: #104B77; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #104B77 65%, #104B77 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#104B77), color-stop(100%,#104B77)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #104B77 65%,#104B77 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #104B77 65%,#104B77 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #104B77 65%,#104B77 100%); /* IE10+ */ background: linear-gradient(to bottom, #104B77 65%,#104B77 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104B77', endColorstr='#104B77',GradientType=0 ); /* IE6-8 */ } #cnbc-new-header.makeit .cnbc-menu ul li.more:hover div.more-container { display: block; opacity: 1; visibility: visible; background: white; box-shadow: 0 7px 8px #999999; background: #EEEEEE; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #EEEEEE 65%, #EEEEEE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#EEEEEE), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* IE10+ */ background: linear-gradient(to bottom, #EEEEEE 65%,#EEEEEE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-8 */ } #cnbc-new-header.makeit #nav { padding-left: 0; } #cnbc-new-header .home-geo-container li:first-child { display: none; } } #cnbc-new-header .cnbc-menu #featured-menu-container ul li:hover ul:not(.more) { display: block; opacity: 1; visibility: visible; background: white; box-shadow: 0px 5px 8px #333; background: #104B77; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #104B77 65%, #104B77 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#104B77), color-stop(100%,#104B77)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #104B77 65%,#104B77 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #104B77 65%,#104B77 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #104B77 65%,#104B77 100%); /* IE10+ */ background: linear-gradient(to bottom, #104B77 65%,#104B77 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104B77', endColorstr='#104B77',GradientType=0 ); /* IE6-8 */ } #cnbc-new-header ul li { margin: 0px; display: inline; float: left; text-transform: uppercase; position: relative; z-index:5000; /*-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;*/ } #cnbc-new-header ul li.pro { background-color: #4FBF85; color: #FFFFFF; } #cnbc-new-header ul li a { color: #FFF; text-decoration: none; float: left; display: block; padding: 0px 10px; font-weight: normal; font-size: 14px; } #cnbc-new-header.makeit ul li a { color: #6C6C6D; font-size: 18px; } #cnbc-new-header.makeit ul.more li a { font-size: 14px; line-height: 16px; } #cnbc-new-header ul li.selected a{ color: #c7d759; } #cnbc-new-header > div:not(.more-container) ul li:hover a, #cnbc-new-header .cnbc-menu li.selected:hover a, #cnbc-new-header ul li:hover a span { color: #2FA5E3; } #cnbc-new-header.makeit > div:not(.more-container) ul li:hover a { color: #32B46A; } #cnbc-new-header ul li:hover { background: #104B77; } #cnbc-new-header.makeit ul li:hover { background: #EEEEEE; padding-bottom: 5px; } #cnbc-new-header .nav-home{ width: 94px; } #cnbc-new-header .no-nav { width: auto; } #cnbc-new-header .home-geo-container li:hover { color: #2FA5E3; } .home-geo-container { color: #FFF; } #cnbc-new-header #nav .site-set span.radio-site-type{ padding-left: 8px; } #cnbc-new-header #nav .site-set:hover ul{ padding-left: 10px; } #cnbc-new-header .arrow_down { float: right; margin: 13px 0 0 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #FFF; } #cnbc-new-header ul li:hover .nav-home .arrow_down, #cnbc-new-header .log-info li:hover a .arrow_down { border-top: 6px solid #DD4B39; } #cnbc-new-header .log-info { margin: 0; float: right; line-height: 30px; } #cnbc-new-header .log-info li.pipe{ color: grey; font-size: 12px; line-height: 28px; } #cnbc-new-header .log-info #sign-arrow{ margin-left: 10px; } #cnbc-new-header .btn_header{ background: #3d9cde!important; color: #ffffff !important; text-align: center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 7px; cursor: pointer; text-transform: uppercase; font-size: 12px; line-height: normal; float: right; height: 15px; height: 13px\9; } #cnbc-new-header .close .btn_header{ background: #b0b9bd; } #cnbc-new-header .btn_header:hover{ background: #2aa6e7 !important; } .brwsr-up-ban{background:#e6e6e6; height:50px; width:100%; font-size: 16px;} .brwsr-up-ban .brwsr-up-msg{width:940px; margin:0 auto; padding:0 15px; line-height: 50px;} .brwsr-up-ban .brwsr-up-close{text-decoration:none; float: right; font-size: 28px; font-family: 'Proxima Nova Semi Bold'; line-height: 44px;} /* make it social media */ #cnbc-new-header.makeit .makeit-social-media { display: block; color: #6C6C6C; float: right; font-size: 18px; line-height: 30px; } #cnbc-new-header.makeit .makeit-social-media .follow_us a { margin-left: 5px; } #cnbc-new-header.makeit .makeit-social-media .fa-facebook.makeit, #cnbc-new-header.makeit .makeit-social-media .fa-twitter.makeit, #cnbc-new-header.makeit .makeit-social-media .fa-instagram.makeit, #cnbc-new-header.makeit .makeit-social-media .fa-youtube.makeit, #cnbc-new-header.makeit .makeit-social-media .fa-tumblr.makeit, #cnbc-new-header.makeit .makeit-social-media .fa-linkedin.makeit{background:#969A9B;} #cnbc-new-header.makeit .makeit-social-media .fa-facebook.makeit:hover {background:#36528c;} #cnbc-new-header.makeit .makeit-social-media .fa-twitter.makeit:hover {background:#4e9edb;} #cnbc-new-header.makeit .makeit-social-media .fa-instagram.makeit:hover {background:#532a00;} #cnbc-new-header.makeit .makeit-social-media .fa-youtube.makeit:hover {background:#d22924;} #cnbc-new-header.makeit .makeit-social-media .fa-tumblr.makeit:hover {background:#29425a;} #cnbc-new-header.makeit .makeit-social-media .fa-linkedin.makeit:hover {background:#006da5;} #cnbc-new-header.makeit .makeit-social-media .fa { font-size: 18px; width: 35px; height: 35px; text-align: center; border-radius: 100%; line-height: 36px; color: white; cursor: pointer; } /* pop-up */ #backgroundPopup { z-index:10000; position: fixed; display:none; height:100%; width:100%; background:#000000; top:0px; left:0px; } #toPopup { padding: 12px; background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #ccc; border-radius: 3px; color: #333333; display: none; font-size: 14px; left: 50%; margin-left: -252px; margin-top: -165px; position: fixed; top: 50%; width: 500px; z-index: 10001; } div.close { cursor: pointer; float: right; position: relative; margin-top: 2px; } div#popup_content { margin: 4px 7px; } /*==== Simple Header ====*/ .simple-header { background-color: #146195; width:100%; } .simple-header-content { width: 940px; margin: 0 auto; overflow:hidden; padding:10px 0 5px 0; } .simple-header-content img { float:left; } .simple-header-headline { margin:5px 0 0; font-size: 24px; line-height: 30px; float:right; max-width: 750px; color: #FFF; font-family: 'Proxima Nova Semi Bold',Arial; font-weight:normal; } .simple-header-headline a{ color: #FFF; } .simple-header-headline a:hover { color:#DDD; } /*==== Simple Header - End ====*/ #login-container #reg-user li ul li a, #login-container #reg-user li ul li { float: right; height: 15px; } #login-container #reg-user ul li a { height: 10px; } #login-container #reg-user ul li { padding-bottom: 15px; } /*#cnbc-new-header ul li a{padding:0px 8px;}*/ #cnbc-new-header ul li a {padding: 0 6px !important;} .cnbc-contents, #cnbc-new-header,#cnbc-new-header ul li a, .breaking-news, .subsection h3, .bigHeader h2, .bigHeader h3, .pagehead a.header_title, body .news-widget, #cnbc-contents,.storyChart, .AR_1 .ob_what a, .AR_1 .rec-link, #video-title, .carousel_asset ul li > div, .pull-quote .quote {font-family:'Proxima Nova Semi Bold';} /*FORCE*/ #optIn-main, #optIn-main #optIn-mainSubmit {font-family:'Proxima Nova Semi Bold'!important;} /*END FORCE*/ .flex_chart.future-chart table tr td.first, .flex_chart.future-chart table tr td.last, .flex_chart.future-chart caption, table.data tbody td a, .flex_chart.future-chart h2 a, .flex_chart[data-quote-type="quick-quote"] h3, .cnbc-new-footer-res .main-footer-wrapper .main-footer-content .section h4 a { font-family: 'Proxima Nova Semi Bold'; font-weight: normal; } #cnbc-new-header .lookup-results .advancedlink a {font-weight:normal;} #lookupSearchLink { color: #2077B6; font-family: 'Proxima Nova Semi Bold'; font-size: 14px; font-weight: normal; height: auto; text-decoration: none; text-align: left; } /*Persistent Header*/ @media (min-width:993px) and (min-device-width: 1200px) { .main-header-nav #sm-logo, .main-header-nav #sm-logo, #cnbc-new-header.makeit .main-header-nav .branding-makeit, .makeit.immersive .main-header-nav #sm-logo { display: none; } [id*=story_carousel] #cnbc-new-header .cnbc-menu ul div.more-container, [id*=slideshow_ng] #cnbc-new-header .cnbc-menu ul div.more-container, #cnbc-new-header .persistentHeader .cnbc-menu ul div.more-container, .immersive #cnbc-new-header .cnbc-menu ul div.more-container { top: 40px; } #cnbc-new-header .persistentHeader .cnbc-menu, .immersive #cnbc-new-header .cnbc-menu, [id*=story_carousel] #cnbc-new-header .cnbc-menu, [id*=slideshow_ng] #cnbc-new-header .cnbc-menu { display: table; } .main-header-nav.persistentHeader #sm-logo, .immersive .main-header-nav #sm-logo, [id*=story_carousel]:not(.makeit) .main-header-nav #sm-logo { display: table-cell; line-height: 10px; } .main-header-nav.persistentHeader { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 40px !important; -webkit-transform: translate3d(0, 0, 0); } .immersive .main-header-nav, [id*=story_carousel] .main-header-nav, [id*=slideshow_ng] .main-header-nav { height: 40px !important; } .main-header-nav.persistentHeader #nav, .immersive .main-header-nav #nav, [id*=story_carousel] .main-header-nav #nav, [id*=slideshow_ng] .main-header-nav #nav { display: table-cell; padding-right: 0px; } .main-header-nav.persistentHeader .header-nav-content, .immersive .main-header-nav .header-nav-content, [id*=story_carousel] .main-header-nav .header-nav-content, [id*=slideshow_ng] .main-header-nav .header-nav-content { height: 40px; } .main-header-nav.persistentHeader .cnbc-menu, .immersive .main-header-nav .cnbc-menu, [id*=story_carousel] .main-header-nav .cnbc-menu, [id*=slideshow_ng] .main-header-nav .cnbc-menu { height: 40px !important; } .main-header-nav.persistentHeader #nav, .immersive .main-header-nav #nav, [id*=story_carousel] .main-header-nav #nav, [id*=slideshow_ng] .main-header-nav #nav { height: 40px; } .main-header-nav.persistentHeader .cnbc-menu ul ul, .immersive .main-header-nav .cnbc-menu ul ul, [id*=story_carousel] .main-header-nav .cnbc-menu ul ul, [id*=slideshow_ng] .main-header-nav .cnbc-menu ul ul { top: 40px !important; } .main-header-nav.persistentHeader ul:not(.more) > li, .immersive .main-header-nav ul:not(.more) > li, [id*=story_carousel] .main-header-nav ul:not(.more) > li, [id*=slideshow_ng] .main-header-nav ul:not(.more) > li { height: 35px; padding-top: 5px; box-sizing: content-box; } #cnbc-new-header.makeit .main-header-nav ul:not(.more) > li:first-child { padding-left: 0; } .main-header-nav.persistentHeader ul#nav li ul li, .immersive .main-header-nav ul#nav li ul li, [id*=story_carousel] .main-header-nav ul#nav li ul li, [id*=slideshow_ng] .main-header-nav ul#nav li ul li { height: 30px; } .main-header-nav.persistentHeader ul#nav li ul.more li, .immersive .main-header-nav ul#nav li ul.more li, [id*=story_carousel] .main-header-nav ul#nav li ul.more li, [id*=slideshow_ng] .main-header-nav ul#nav li ul.more li { height: 25px; } #cnbc-new-header.makeit .main-header-nav ul#nav li ul.more li { height: auto; color: #6c6c6c; line-height: 15px; } .persistentHeader #sm-logo img, .immersive #sm-logo img, [id*=story_carousel] #sm-logo img, [id*=slideshow_ng] #sm-logo img { padding-top: 0; } .persistentHeader #featured-menu-container, .immersive #featured-menu-container, [id*=story_carousel] #featured-menu-container, [id*=slideshow_ng] #featured-menu-container { display:table-cell; float: none; } } #cnbc-new-header .cnbc-menu ul li:last-child ul { right:0; left: auto; } #cnbc-new-header .cnbc-menu ul li:last-child ul li{ text-align: right; } #cnbc-new-header ul li:last-child ul li a{float:right} #cnbc-new-header .header-content input#cnbc_hdqbox{ border-top-right-radius:0; border-bottom-right-radius:0; } input:not() { -webkit-user-select: none; -khtml-user-select: none; -webkit-touch-callout: none; } body:not(.makeit) #page_story_promo .main-header, body:not(.makeit)[id*=story_carousel] .main-header, body:not(.makeit)[id*=slideshow_ng] .main-header { display: none; } #prtnr_mod_header{display: inline;} #cnbc-new-header #featured-menu-container li:hover, #cnbc-new-header .log-info li:hover { background: #104B77; } #cnbc-new-header #featured-menu-container ul li.pro, #cnbc-new-header #featured-menu-container ul li.watchlist, #cnbc-new-header #featured-menu-container ul li.livetv, #cnbc-new-header #featured-menu-container .log-info ul li a { color: #FFFFFF; white-space: nowrap; } #cnbc-new-header #featured-menu-container .log-info ul li a:hover{ color: #2FA5E3; } #featured-menu-container ul li.pro { background-color: #4FBF85; } #featured-menu-container ul li.livetv { background-color: #EF6527; } #featured-menu-container ul li.watchlist { background-color: #3A99DD; } #cnbc-new-header .log-info li a, #cnbc-new-header .log-info li a span { color: #FFFFFF; } #cnbc-new-header ul li.iconContainer.login a { padding: 0!important; height: 30px; } #cnbc-new-header .btn_header { width: 15px; color: #ffffff !important; text-align: center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 7px; cursor: pointer; text-transform: uppercase; font-size: 12px; line-height: normal; float: right; height: 18px; } #cnbc-new-header .header-content input { height: 18px; outline: 0; } #quickLinks { display: none; } #featured-menu-container { float: right; } #sm-logo img { margin-top: 0; padding: 4px 5px 0 8px; width: 150px; } #cnbc-new-header.makeit #sm-logo img { padding: 0 5px 5px 8px; } #quickLinks a.button { padding: 10px 6px; } #markets { background-position: -48px -10px; } #video { background-position: -84px -10px; } #quotesearch { background-position: -120px -10px; } #cnbc-new-header .header-content #cnbc-logo {float: left;} #cnbc-new-header .main-header-nav, #cnbc-new-header .cnbc-menu{ background: #146195; } #cnbc-new-header.makeit .main-header-nav, #cnbc-new-header.makeit .cnbc-menu{ background: #EEEEEE; } #cnbc-new-header.makeit .main-header-nav { padding: 10px 0; } .more-container { display: table; width: 100%; background: #104B77; z-index: 0; position: relative; } .grid-col { width: 33%; } .grid-col ul { width: 100%; } #cnbc-new-header.makeit .more-container .grid-col ul { width: 95%; } #cnbc-new-header .header, #cnbc-new-header .sub-nav-menu { float: none; display: table-row; } #cnbc-new-header ul li.sub-nav-menu ul li a { float: none; } #cnbc-new-header ul li.sub-nav-menu ul { margin-left: 0; padding: 10px 0; } #cnbc-new-header ul li.sub-nav-menu ul li { text-transform: capitalize; padding: 3px 0; line-height: 28px; } #cnbc-new-header ul li.sub-nav-menu:hover, #cnbc-new-header ul li.header:hover { background: none; } #cnbc-new-header ul li.header a, #cnbc-new-header ul li.header span{ font-family: 'Proxima Nova Semi Bold'; font-size: 16px; padding: 0 6px !important; } #cnbc-new-header.makeit ul li.header a, #cnbc-new-header.makeit ul li.header span { font-size: 16px; } li.more.hover { background-color: #104B77; } #cnbc-new-header li.more.hover a { color: #2FA5E3; } #login-container ul.log-info {padding-left: 0;} #cnbc-new-header #login-container .log-info ul{ width: 100px; padding-right: 6px; } #cnbc-new-header #login-container .log-info ul.registered{ width: 150px; padding-right: 6px; } #cnbc-new-header .more-container li.social { padding: 10px 2px; display: inline-block; width: auto; clear: none; } #cnbc-new-header .more-container .fa-facebook { background: #3b5998; letter-spacing: 2px; } #cnbc-new-header .more-container .fa-facebook:hover { background: #36528c; } #cnbc-new-header .more-container .fa { font-size: 18px !important; width: 35px; height: 35px; text-align: center; border-radius: 100%; line-height: 36px !important; color: white; cursor: pointer; } #cnbc-new-header .more-container .fa-twitter { background: #55acee; } #cnbc-new-header .more-container .fa-twitter:hover { background: #4e9edb; } .log-info .fa-2 { font-size: 21.5px; padding: 4px 8px 0px 8px; height: 26px; } #cnbc-new-header .log-info .iconContainer { background-color: #FFF; } #unreg-user .fa-user:before { color: gray; } #reg-user .fa-user:before { color: #3A99DD; } .fa-quotesearch:before { content: "\f002"; } .fa-video:before { content: "\f144"; } .fa-markets:before { content: "\f201"; } .fa-quotesearch:before, .fa-video:before, .fa-markets:before{ color: #43AEF8; } #quickLinks .fa.fa-markets, #quickLinks .fa.fa-video, #quickLinks .fa.fa-quotesearch { font-size: 25px; width: initial; } .sub-nav-menu .asset .headline { margin: 0; } #cnbc-new-header .cnbc-menu ul.log-info li.pro ul, #cnbc-new-header .cnbc-menu ul.log-info li.livetv ul { right:0; left: auto; } #cnbc-new-header .cnbc-menu ul.log-info li.pro ul li, #cnbc-new-header .cnbc-menu ul.log-info li.livetv ul li{ float: right; } #cnbc-new-header .cnbc-menu ul.log-info li.pro ul li a, #cnbc-new-header .cnbc-menu ul.log-info li.livetv ul li a { float: right; } #cnbc-new-header .more-mobile-login .log-info li a { font-size: 18px; color: #46B4FF; } #cnbc-new-header .grid-col ul.more-mobile-login { display: none; } .more-mobile-login .pipe span { font-size: 20px; color: #FFF; } #cnbc-new-header .more-go-up .go-up.sub-nav-menu { display: none; } #cnbc-new-header .log-info li:hover .fa-user:before { color: #2FA5E3; } .fa-chevron-circle-up:before { color: #42ABF5; } #cnbc-new-header.makeit .fa-chevron-circle-up:before { color: #6c6c6c; } #cnbc-new-header ul li.prime { display:none; } /*Sym lookup css*/ #cnbc-new-header .symbol-search { display: inline-block; padding-top: 16px; margin-top: 8px; padding-left: 35px; font-family: 'Proxima Nova Semi Bold'; } #cnbc-new-header .lookup-results{ border-radius: 6px; width: 392px; border: 1px solid #ccd6d8; color: #424858; background-color: #fff; -moz-box-shadow: 0 1px 10px #424858; -webkit-box-shadow: 0 1px 10px #424858; box-shadow: 0 1px 10px #424858; z-index: 2147483647; position: absolute; } #cnbc-new-header .lookup-results .result-row span{ display: inline-block; padding: 5px 10px; text-align: left; display: table-cell; word-break: break-word; } #cnbc-new-header .lookup-results .result-row span.symbol { width: 50px; } #cnbc-new-header .lookup-results .result-row span.country { width: 30px; text-align: right; padding-right: 30px; } #cnbc-new-header .lookup-results .result-row span.company { width: 240px; } #cnbc-new-header ul.lookup-list{ list-style-type: none; list-style-position: inside; padding-left: 0; margin-top: 0; margin-bottom: 0; } #cnbc-new-header .search-row a, #cnbc-new-header .all-quotes-row a { display: inline-block; width: 100%; } #cnbc-new-header .search-row, #cnbc-new-header .all-quotes-row { padding: 5px 0 5px 10px; } #cnbc-new-header .multisym-hint-row, #cnbc-new-header .recently-viewed-header { padding: 5px 0 5px 16px; } #cnbc-new-header .lookup-list a { text-decoration: none; color: #2077B6; } #cnbc-new-header .result-row a, #cnbc-new-header .symbol-search .lookup-results .result-row a:hover, #cnbc-new-header .symbol-search .lookup-results .result-row a span, #cnbc-new-header .symbol-search .lookup-results .result-row a span:hover { color: #424858; } #cnbc-new-header .result-row a { font-size: 12px; } #cnbc-new-header .lookup-results .hover { background-color: #d5dee2; cursor: pointer; } #cnbc-new-header .input-container { display: table; } #cnbc-new-header .input-container input, #cnbc-new-header .input-container span { display: table-cell; background: #ccd6db; height: 18px; height: 13px\9; -moz-box-sizing: content-box; box-sizing: content-box; float: left; } #cnbc-new-header .input-container span { width: 22px; padding: 5px 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #cnbc-new-header .input-container input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: none; color: #424858; width: 150px; margin-right: 0; padding: 5px 5px; } #cnbc-new-header .input-container .fa-search.fa-2:before { color: #424858; } #cnbc-new-header .input-container input:focus { outline: none; } #cnbc-new-header .lookup-results li:hover{ background: #d5dee2; } #cnbc-new-header .lookup-results li { display: list-item; float: none; position: static; text-transform: none; border-bottom: 1px solid #ccd6d8; } #cnbc-new-header .lookup-results li.multisym-hint-row { border-bottom: 0; } #cnbc-new-header .lookup-results li.highlight a { float: none; display: table; width: 100%; } #cnbc-new-header .lookup-results .multisym-hint-row, #cnbc-new-header .lookup-results .recently-viewed-header { background: none; } /* more menu */ #cnbc-new-header .more { color: #FFF; } #cnbc-new-header ul li.more { position: static; } #cnbc-new-header.makeit ul li.more { position: relative; } #cnbc-new-header .cnbc-menu ul div.more-container { top: 101px; left: 0px; width: 100%; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 40px; left: -8px; width: 500px; } .more-nav.grid { display: table; width: 97%; margin: 0 auto; } .more-nav.grid .grid-cell, .more-nav.grid .grid-cell { display: table; float: left; width: 50%; } #cnbc-new-header.makeit .more-nav.grid .grid-cell { width: 90%; } .grid-col { display: table-cell; width: 33%; } #cnbc-new-header .cnbc-menu ul li:last-child ul.more li { text-align: left; padding: 0; } #cnbc-new-header.makeit .cnbc-menu ul li:last-child ul.more li { margin-bottom: 10px; } #cnbc-new-header ul li:last-child ul.more li a { float: none; } .grid-cell .grid-col > ul.more { display: table; padding: 0 0 30px 20px; } #cnbc-new-header .input-container span.close-search { display: none; } .site-set .icon.arrow-down { float: right; height: 30px; vertical-align: middle; display: table; } .site-set .icon.arrow-down .fa-chevron-down { vertical-align: middle; display: table-cell; } #cnbc-new-header ul li.more li.primetime{ display:block; } #cnbc-new-header.makeit #nav .more .makeit-social-media { display: block; color: #6C6C6C; font-size: 18px; margin-left: 10px; font-weight: bold; float: none; } /* responsive break points */ /*desktop*/ @media (min-width:1200px), (max-width:1200px) and (min-width:992px) { #hamburger.hamburger-menu { display: none; } #cnbc-new-header .more-internationalization { display: none; } #featured-menu-container .pro .subscribe, #cnbc-new-header ul li.sub-nav-menu .more li.subscribe { display: none; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container .grid .cell1 .grid-col:first-child { display: none; } .immersive .makeit .main-header { display: block; } #cnbc-new-header.makeit .grid-cell .grid-col > ul.more-go-up.more { padding-bottom: 0; } #cnbc-new-header.makeit .main-header-nav ul:not(.more) > li{ padding: 0 5px 5px 10px; } } @media (min-width:1200px) { #cnbc-new-header .main-header-nav .header-nav-content, .more-container .more-nav.grid{ width: 1150px; } #cnbc-new-header.makeit .more-container .more-nav.grid { width: 500px; } #cnbc-new-header .header-content{ width: 1140px; } #cnbc-new-header .persistentHeader ul li.primetime, [id*=story_carousel] #cnbc-new-header ul li.primetime, [id*=slideshow_ng] #cnbc-new-header ul li.primetime { display:none; } #cnbc-new-header .persistentHeader ul li.prime, [id*=story_carousel] #cnbc-new-header ul li.prime, [id*=slideshow_ng] #cnbc-new-header ul li.prime { display:block; } } @media (max-width:1200px) and (min-width:992px) { #cnbc-new-header .main-header-nav .header-nav-content, .sub-header-title { width: 970px; } #cnbc-new-header .header-content{ width: 960px; } #cnbc-new-header ul li.primetime { display:none; } #cnbc-new-header ul li.prime { display:block; } .more-container .more-nav.grid { width: 970px; } #cnbc-new-header.makeit .more-container .more-nav.grid { width: 500px; } #cnbc-new-header .persistentHeader ul li.primetime, #cnbc-new-header .persistentHeader ul li.video, #cnbc-new-header .persistentHeader ul li.shows, #cnbc-new-header .persistentHeader ul li.prime, [id*=story_carousel] #cnbc-new-header ul li.primetime, [id*=slideshow_ng] #cnbc-new-header ul li.primetime, [id*=story_carousel] #cnbc-new-header ul li.video, [id*=slideshow_ng] #cnbc-new-header ul li.video, [id*=story_carousel] #cnbc-new-header ul li.shows, [id*=slideshow_ng] #cnbc-new-header ul li.shows, [id*=story_carousel] #cnbc-new-header ul li.prime, [id*=slideshow_ng] #cnbc-new-header ul li.prime, body.immersive #cnbc-new-header ul li.primetime, body.immersive #cnbc-new-header ul li.video, body.immersive #cnbc-new-header ul li.shows, body.immersive #cnbc-new-header ul li.prime { display:none; } .makeit .sub-header-title h2 { padding-left: 17px; } } /*tablet and mobile*/ @media (max-width:992px) and (min-width:768px), (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait), (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape), (max-width:767px) and (min-width:360px), (max-width:360px) { #cnbc-new-header .more-nav ul li.sub-nav-menu ul li a{ display: inline-block; } .main-header-nav.persistentHeader { position: fixed; z-index: 1000; top: 0; } .more-container { display: table; } #cnbc-new-header { height: 45px; } #cnbc-new-header .main-header.mobile-lookup { position: fixed; display: block; height: 60px; z-index: 10001; top: 45px; } #cnbc-new-header .main-header.mobile-lookup .header-content > a { display: none; } #cnbc-new-header .main-header.mobile-lookup .header-content { text-align: center; height: 60px; } #cnbc-new-header .mobile-lookup .symbol-search { padding: 0; margin: 8px auto 0 auto; float: none; width: 99%; } #cnbc-new-header .mobile-lookup .input-container { width: 100%; position: relative; } #cnbc-new-header .mobile-lookup .input-container input { height: 35px; float: left; width: 99%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #cnbc-new-header .mobile-lookup .input-container span.lookup { display: none; } #cnbc-new-header .mobile-lookup .input-container span.close-search { float: left; padding: 4px 10px 0 0; display: block; position: absolute; right: 0; } .btn-lookup-close .fa-times.fa-2 { font-size: 36px; } #cnbc-new-header .lookup-results { width: 99%; } #cnbc-new-header ul li.more:hover { background: none; } #cnbc-new-header .cnbc-menu ul div.more-container { top: 44px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #cnbc-new-header .cnbc-menu ul li.more div.more-container.mw-show { display: block; opacity: 1; visibility: visible; background: white; box-shadow: 0px 5px 8px #333; background: #104B77; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #104B77 65%, #104B77 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#104B77), color-stop(100%,#104B77)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #104B77 65%,#104B77 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #104B77 65%,#104B77 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #104B77 65%,#104B77 100%); /* IE10+ */ background: linear-gradient(to bottom, #104B77 65%,#104B77 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104B77', endColorstr='#104B77',GradientType=0 ); /* IE6-8 */ } #cnbc-new-header.makeit .cnbc-menu ul li.more div.more-container.mw-show { background: #EEEEEE; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #EEEEEE 65%, #EEEEEE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#EEEEEE), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEEEEE 65%,#EEEEEE 100%); /* IE10+ */ background: linear-gradient(to bottom, #EEEEEE 65%,#EEEEEE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-8 */ } #cnbc-new-header .main-header-nav, #cnbc-new-header .cnbc-menu{ height: 45px; z-index: 5000; } #quickLinks { display: inline-block; float: right; } #cnbc-new-header #featured-menu-container ul li.livetv { display: none; } #cnbc-new-header .cnbc-menu ul li.sub-nav-menu ul.more li { padding: 8px 0; } #cnbc-new-header .more a.singleton { display: none; } #cnbc-new-header.makeit .more a.singleton { display: block; } #cnbc-new-header.makeit .more a.singleton#makeit_ontv { display: none; } #cnbc-new-header .more-makeit.more a.singleton { display: block; } #cnbc-new-header .more-internationalization { display: table; } #cnbc-new-header .header-content .promo_heavy_container { display: none; } #cnbc-new-header .header-content { padding: 0 10px 0 0; } #cnbc-new-header .home-geo-container .defaultEdition { color: #1D8EC8; } #hamburger.hamburger-menu { display: block; width: 32px; height: 45px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #hamburger.hamburger-menu span { display: block; position: absolute; height: 2px; width: 28px; background: #46B4FF; opacity: 1; left: 50%; margin-left: -14px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #cnbc-new-header.makeit #hamburger.hamburger-menu span { background: #CCCCCC; } #hamburger.hamburger-menu span:nth-child(1) { top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #hamburger.hamburger-menu span:nth-child(2) { top: 17px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #hamburger.hamburger-menu span:nth-child(3) { top: 25px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #hamburger.hamburger-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 6px; } #hamburger.hamburger-menu.open span:nth-child(2) { width: 0%; opacity: 0; } #hamburger.hamburger-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 33px; left: 6px; } #hamburger.hamburger-menu.open span { width: 100%; margin: 0; } #cnbc-new-header .input-container input { font-size: 14px; } #cnbc-new-header.makeit .main-header-nav { padding: 0; } #cnbc-new-header.makeit ul li.more { position: static; } #cnbc-new-header.makeit .more-container .fa { width: 45px; height: 45px; line-height: 45px !important; } #cnbc-new-header.makeit .more-container .social .fa { font-size: 22px !important; } #cnbc-new-header.makeit a { margin-top: 8px; } #hamburger.hamburger-menu:after{ content:'menu'; display: block; position: absolute; font-size: 10px; bottom: 0; width: 100%; text-align: center; color: #46B4FF; margin-bottom: -4px; line-height: 30px; } #hamburger.hamburger-menu.open:after { content:''; } #cnbc-new-header.makeit #hamburger.hamburger-menu:after{ color: #CCCCCC; } } @media (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait){ #cnbc-new-header #hamburger.hamburger-menu:after { margin-bottom: 0px; } } /*tablet*/ @media (max-width:992px) and (min-width:768px), (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait), (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape) { .more-container { top: 42px; } #cnbc-new-header .cnbc-menu #featured-menu-container .log-info ul { width: auto; padding-right: 10px; padding-left: 10px; } #cnbc-new-header #nav > li, .main-header { display: none; } #cnbc-new-header #nav > li.more { display: block; } .header-nav-content #login-container, .sub-header-social-container { padding-right: 15px; } .main-header-nav #sm-logo { display: inline-block; margin-left: 15px; } #cnbc-new-header .log-info { padding-top: 15px; } .main-header-nav .button { display: inline-block; } .more-nav.grid .grid-cell.cell1, .more-nav.grid .grid-cell.cell2 { width: 95%; padding-left: 5%; } #cnbc-new-header ul li.header a, #cnbc-new-header ul li.header span, #cnbc-new-header ul li.header, #cnbc-new-header .more-internationalization .home-geo-container li.header { font-size: 26px; } #cnbc-new-header.makeit ul li.header a, #cnbc-new-header.makeit ul li.header span, #cnbc-new-header.makeit ul li.header { font-size: 23px; } #cnbc-new-header ul li.sub-nav-menu ul li , #cnbc-new-header ul li.sub-nav-menu ul li a, #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(2), #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(3) { font-size: 25px; } #cnbc-new-header.makeit ul li.sub-nav-menu ul li , #cnbc-new-header.makeit ul li.sub-nav-menu ul li a { font-size: 23px; line-height: 30px; } #cnbc-new-header #nav .more-internationalization .site-set .home-geo-container{ padding-left: 6px; } .more-nav.grid { padding-top: 30px; margin-bottom: 50px; } #quickLinks a.button { margin: 0 10px; padding: 13px 6px 7px 6px; } #cnbc-new-header #featured-menu-container ul li.watchlist { padding-left: 5px; padding-right: 5px } #cnbc-new-header.makeit .branding-makeit { margin-top: 22px; margin-right: 10px; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 65px; left: 0; width: 100%; } #cnbc-new-header.makeit .main-header-nav, #cnbc-new-header.makeit .cnbc-menu { background: #404040; } #cnbc-new-header.makeit .makeit-social-media { display: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media { display: block; color: #6C6C6C; font-size: 18px; margin-left: 10px; font-weight: bold; float: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media .follow_us a { margin-left: 0; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container .grid .cell1 .grid-col { width: 36%; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container .grid .cell1 .grid-col:first-child { display: table-cell; width: 28%; } #cnbc-new-header.makeit .more-container .more-nav.grid { width: 97%; } #cnbc-new-header.makeit ul.more li a { line-height: 25px; } #cnbc-new-header.makeit a { margin-top: 8px; } } /*Tablet - landscape*/ @media (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape){ html, body { margin-right: -1px; } #cnbc-new-header ul li.header a, #cnbc-new-header ul li.header span, #cnbc-new-header ul li.header, #cnbc-new-header .more-internationalization .home-geo-container li.header { font-size: 21px; } #cnbc-new-header ul li.sub-nav-menu ul li , #cnbc-new-header ul li.sub-nav-menu ul li a, #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(2), #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(3) { font-size: 20px; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 45px; } #cnbc-new-header.makeit .branding-makeit { margin-top: 12px; } #cnbc-new-header.makeit #hamburger.hamburger-menu:after{ margin-bottom: -4px; } } /*Tablet - portrait */ @media (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait){ #cnbc-new-header, #cnbc-new-header .main-header-nav, #cnbc-new-header .cnbc-menu{ height: 65px; } #cnbc-new-header .main-header.mobile-lookup { top: 62px; } #quickLinks .fa.fa-markets, #quickLinks .fa.fa-video, #quickLinks .fa.fa-quotesearch { font-size: 34px; } .log-info .fa-2 { font-size: 28px; padding: 8px 8px 0px 8px; } .main-header-nav #quickLinks a.button, #sm-logo img { margin-top: 8px; } #cnbc-new-header .log-info li a { font-size: 20px; } #featured-menu-container { padding-top: 5px; } #featured-menu-container .log-info { line-height: 45px; } #cnbc-new-header ul li.iconContainer.login a { height: 45px; line-height: 45px; } #cnbc-new-header .cnbc-menu ul div.more-container { top: 64px; } #hamburger.hamburger-menu { height: 65px; } #hamburger.hamburger-menu span:nth-child(1) { top: 20px; } #hamburger.hamburger-menu span:nth-child(2) { top: 29px; } #hamburger.hamburger-menu span:nth-child(3) { top: 38px; } #hamburger.hamburger-menu.open span:nth-child(1) { top: 20px; left: 12px; } #hamburger.hamburger-menu.open span:nth-child(3) { top: 43px; left: 12px; } } /*desktop version min 768*/ @media (min-width:768px) and (max-width:992px){ /*==========make it header=============*/ #cnbc-new-header.makeit .branding-makeit { margin-top: 14px; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top:45px; } } @media (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait){ #cnbc-new-header.makeit .branding-makeit { margin-top: 20px; font-size: 20px; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 65px; } } /*mobile*/ @media (max-width:767px) and (min-width:360px), (max-width:360px) { .more-container { top: 45px; } #cnbc-new-header #nav > li, .main-header, #login-container, #featured-menu-container{ display: none; } #cnbc-new-header #nav > li.more { display: block; } .main-header-nav #sm-logo { display: inline-block; margin-left: 7px; } .main-header-nav .button { display: inline-block; } .more-nav.grid .grid-cell.cell1, .more-nav.grid .grid-cell.cell2 { width: 90%; padding-left: 8%; } .more-nav.grid .grid-cell .grid-col { width: 100%; float: left; } #cnbc-new-header .grid-col ul.more-mobile-login { display: table; } #cnbc-new-header .more-mobile-login.more li { clear: none; width: auto; } #cnbc-new-header ul li.header a, #cnbc-new-header ul li.header span, #cnbc-new-header .more-internationalization .home-geo-container li.header { font-size: 26px; } #cnbc-new-header.makeit ul li.header a, #cnbc-new-header.makeit ul li.header span { font-size: 21px; } #cnbc-new-header ul li.sub-nav-menu ul li a, #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(2), #cnbc-new-header .more-internationalization .home-geo-container li:nth-child(3) { font-size: 18px; } #cnbc-new-header.makeit ul li.sub-nav-menu ul li { line-height: 20px; } #cnbc-new-header.makeit ul li.sub-nav-menu ul li a { font-size: 20px; } #cnbc-new-header .more-go-up .go-up.sub-nav-menu { display: table-row; } #cnbc-new-header .more-go-up .go-up.sub-nav-menu a{ float: none; text-align: center; width: 60px; margin: 0 auto; } #cnbc-new-header .more-go-up { padding: 50px 0 80px 0; margin: 0 auto; } #cnbc-new-header .fa-chevron-circle-up.fa-3 { font-size: 5em !important; width: 60px; height: 60px; line-height: 60px !important; } #cnbc-new-header #nav .more-internationalization .site-set .home-geo-container{ padding-left: 6px; } .search-row { display: none !important; } .input-container input::-webkit-input-placeholder::before{ content:"Search Quotes \A"; } #quickLinks a.button{ margin: 0 10px; } #cnbc-new-header.makeit .main-header-nav, #cnbc-new-header.makeit .cnbc-menu { background: #404040; } #cnbc-new-header.makeit .makeit-social-media { display: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media { display: block; color: #6C6C6C; font-size: 18px; margin-left: 10px; font-weight: bold; float: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media .follow_us a { margin-left: 0; } #cnbc-new-header.makeit .branding-makeit { margin-top: 14px; margin-right: 10px; font-size: 14px; } #cnbc-new-header.makeit .main-header-nav { padding: 0; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 45px; left: 0; width: 100%; } #cnbc-new-header.makeit #nav { line-height: 20px; } #cnbc-new-header.makeit ul.more li a { line-height: 25px; } #cnbc-new-header.makeit #nav li ul li a { letter-spacing: -0.3px; } } @media (max-device-width:767px) and (min-device-width:320px) { .main-header-nav { position: fixed; z-index: 1000; top: 0; } #cnbc-new-header.makeit .makeit-social-media { display: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media { display: block; color: #6C6C6C; font-size: 18px; margin-left: 10px; font-weight: bold; float: none; } #cnbc-new-header.makeit #nav .more .makeit-social-media .follow_us a { margin-left: 0; } #cnbc-new-header.makeit .branding-makeit { margin-top: 14px; margin-right: 10px; font-size: 14px; } #cnbc-new-header.makeit .main-header-nav { padding: 0; } #cnbc-new-header.makeit .cnbc-menu ul div.more-container { top: 45px; left: 0; width: 100%; } #cnbc-new-header.makeit #nav { line-height: 20px; } } @media (max-width:640px) { .sub-header-social-container { display: none; } .sub-header-title h2 { width: 95%; line-height: 20px; padding: 10px 18px; font-size: 14px; line-height: 20px; } } @media (max-width:450px) { #quickLinks a.button{ padding: 10px 2px; margin: 0 4px; } } @media (max-width:360px) { #quickLinks a.button { padding: 10px 2px; } #sm-logo img { padding: 4px 0 0 0; margin-left: 0; } .grid-col { width: 100%; } #cnbc-new-header.makeit .branding-makeit { font-size: 12px; margin-right: 5px; } #cnbc-new-header.makeit ul li.sub-nav-menu ul li { line-height: 20px; } #cnbc-new-header.makeit #nav { line-height: 20px; } } .AppCnbcPhoenix .mega-links-primaryLinkExpanded a:hover { color: #071d39; } .AppCnbcPhoenix header.GlobalNavigation-container { height: auto; } .AppCnbcPhoenix .xc-header--more-ul { margin: 6px 0 0 -255px; } .AppCnbcPhoenix .xc-header--personal-link {padding: 7px 0 4px 0;} .p-vod .AppCnbcPhoenix ul li a { font-size: inherit; font-weight: inherit; } .top-stories-container h2{color: inherit;} .AppCnbcPhoenix .NavSpacer-navSpacer { display: block; height: 45px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer { height: 90px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 112px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 157px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer { height: 70px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer { height: 115px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 112px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 157px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 85px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 130px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 125px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 170px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 192px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 237px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 110px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 155px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 150px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 195px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 152px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 197px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 85px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 130px; } @media (min-width: 360px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 125px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 170px; } } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 195px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 195px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 195px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 192px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 237px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerCountDownClock { height: 152px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerCountDownClock { height: 197px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 110px; } .xfinity .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 155px; } } /*search redesign */ .AppCnbcPhoenix .Topic-container { border-top: 6px solid #002f6c; } .AppCnbcPhoenix .Topic-container.makeit { border-top: none; } .AppCnbcPhoenix .Topic-header { font-family: 'Proxima Nova'; font-size: 22px; color: #002f6c; text-transform: uppercase; margin-top: 10px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Topic-header { font-size: 30px; font-weight: 700; } } .AppCnbcPhoenix .Topic-contentTitle { text-transform: uppercase; margin-top: 20px; font-family: 'Proxima Nova'; font-size: 12px; font-weight: 600; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix .Topic-contentTitle { font-family: 'averta'; color: #3e4855; font-weight: normal; font-size: 30px; text-transform: none; font-weight: 700; margin-bottom: 20px; } @media (min-width: 1340px) { .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix .Topic-contentTitle { margin-bottom: 30px; } } .AppCnbcPhoenix .Topic-contentList { font-weight: 700; overflow: auto; } .AppCnbcPhoenix .Topic-contentType { border-top: 1px dashed #9b9b9b; padding-bottom: 20px; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix .Topic-contentType { border-top: none; } .AppCnbcPhoenix li.Topic-contentListItem { display: inline; } .AppCnbcPhoenix li.Topic-contentListItem a { color: #2077b6; } .AppCnbcPhoenix li.Topic-contentListItem a:hover { color: #002f6c; } .AppCnbcPhoenix li.Topic-contentListItem:after { content: '|'; color: #747474; margin: 0 10px; } @media (min-width: 760px) { .AppCnbcPhoenix li.Topic-contentListItem:after { margin: 0 20px; } } .AppCnbcPhoenix li.Topic-contentListItem:last-of-type:after { content: ''; } .AppCnbcPhoenix li.Topic-topicListItem { display: block; width: 100%; height: 40px; border: 3px solid #68ebca; margin-bottom: 20px; } .AppCnbcPhoenix li.Topic-topicListItem a { width: 100%; height: 100%; font-size: 14px; line-height: 35px; color: #3e4855; text-align: center; font-weight: 100; display: block; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem { width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem { float: left; width: calc(50% - 10px); } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem:nth-child(even) { margin-left: 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem { width: 100%; margin-left: 0; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem:nth-child(even) { margin-left: 0; } } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix li.Topic-topicListItem:hover { background-color: #68ebca; } .AppCnbcPhoenix .Topic-peopleListItem { position: relative; width: 47.5%; padding-bottom: 40.43%; margin-bottom: 20px; display: inline-block; background-size: cover; background-position: center; background-repeat: no-repeat; } .AppCnbcPhoenix .Topic-peopleListItem:nth-child(odd) { margin-right: 5%; } .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson { padding-bottom: 0; margin-bottom: 20px; float: left; } @media (min-width: 760px) { .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson { margin-bottom: 50px; width: 23.125%; margin-right: 2.5%; } .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson:nth-child(4n) { margin-right: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson { margin-bottom: 20px; width: 75%; margin-right: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson { width: 47.5%; } .AppCnbcPhoenix .Topic-peopleListItem.Topic-makeItPerson:nth-child(odd) { margin-right: 5%; } } .AppCnbcPhoenix .Topic-peopleListItem a { position: absolute; height: 100%; width: 100%; } .AppCnbcPhoenix .Topic-peopleListItem a:hover { color: #2077b6; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix .Topic-peopleListItem a { position: relative; } .AppCnbcPhoenix .Topic-peopleImage { width: 100%; height: 0; width: 100%; padding-bottom: 100%; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; } .AppCnbcPhoenix .Topic-peopleListItem span { position: absolute; bottom: 10px; left: 10px; } .AppCnbcPhoenix .Topic-makeit .AppCnbcPhoenix .Topic-peopleListItem span { width: 100%; position: relative; color: #6258ff; font-size: 20px; line-height: 24px; display: block; text-align: center; font-family: 'averta'; font-weight: 700; margin-top: 20px; margin-bottom: 15px; left: 0; } .AppCnbcPhoenix .Topic-squiggle { height: 6px; margin-bottom: 15px; } .AppCnbcPhoenix .Topic-squiggleMobile { height: 6px; margin-bottom: 15px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Topic-squiggleMobile { opacity: 0; } } .AppCnbcPhoenix .Topic-makeItPerson { position: relative; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreaker { border-top: 6px solid #39bb7a; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreaker.buffett { border-top: 6px solid #732634; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerWrapper { padding-top: 10px; padding-left: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerWrapper { position: relative; padding-left: 0; } } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerTitle { font-weight: 800; color: #171717; font-size: 26px; font-family: 'Proxima Nova'; margin-bottom: 20px; } .AppCnbcPhoenix .buffett .CrossPromotionBreaker-crossPromotionalBreakerTitle { font-family: 'Lyon'; } @media (min-width: 1020px) { .AppCnbcPhoenix .standardVariant .CrossPromotionBreaker-crossPromotionalBreakerTitle { margin-bottom: 11px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerTitle { font-size: 30px; } } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerSliderTrack { overflow: hidden; } } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerSlider { transition: transform 0.25s; white-space: nowrap; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerSlide { display: inline-block; margin-right: 30px; white-space: normal; width: 190px; vertical-align: top; } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerSlide { width: calc((100% / 3) - 20px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerSlide { width: calc(25% - 22.5px); } } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows { text-align: center; width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows { position: absolute; top: 15px; right: 0; width: auto; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows :global(.icon-arrow-left), .AppCnbcPhoenix .CrossPromotionBreaker-CrossPromotionBreaker-crossPromotionalBreakerArrows :global(.icon-arrow-right) { font-size: 70px; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows :global(.icon-arrow-left):before, .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows :global(.icon-arrow-right):before { line-height: 35px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrows { display: none; } } .AppCnbcPhoenix .buffett .CrossPromotionBreaker-crossPromotionalBreakerArrows { display: block; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrow { color: #2e2e2e; border: 1px solid #d1bb7e; font-size: 20px; line-height: 65px; text-align: center; height: 60px; width: 60px; } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrow { border: none; line-height: 20px; height: 20px; width: auto; } } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrow:hover { color: #071d39; } .AppCnbcPhoenix .buffett .CrossPromotionBreaker-crossPromotionalBreakerArrow:hover { color: #d1bb7e; } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowLeft { margin-right: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowLeft { margin-right: 60px; } } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowLeftInactive { color: rgba(46, 46, 46, 0.3); } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowLeftInactive:hover { color: rgba(46, 46, 46, 0.3); } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowRightInactive { color: rgba(46, 46, 46, 0.3); } .AppCnbcPhoenix .CrossPromotionBreaker-crossPromotionalBreakerArrowRightInactive:hover { color: rgba(46, 46, 46, 0.3); } .AppCnbcPhoenix .page { display: block; overflow: hidden; margin-bottom: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .page { margin-bottom: 28px; } } .AppCnbcPhoenix .pageGrid { overflow: visible; margin-right: auto; margin-left: auto; max-width: 1290px; width: 100%; } .AppCnbcPhoenix .pageWrapper { margin: 0 auto; max-width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .pageWrapper { max-width: 678px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .pageWrapper { max-width: 960px; } } @media (min-width: 1180px) { .AppCnbcPhoenix .pageWrapper { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .pageWrapper { max-width: 1290px; } } .AppCnbcPhoenix .pageRow { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; } @media (min-width: 760px) { .AppCnbcPhoenix .pageRow { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .pageRow { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 20px; margin-right: 0; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .pageRow { padding-left: 0; padding-right: 0; } } .AppCnbcPhoenix .pageRowFlex { display: flex; } .AppCnbcPhoenix .rowUnderAd { margin-top: -29px; } @media (min-width: 1020px) { .AppCnbcPhoenix .rowUnderAd { margin-top: -50px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .rowUnderAd { margin-top: -44px; } } .AppCnbcPhoenix .rowWithBackground { position: relative; background: #cfd8e2; } .AppCnbcPhoenix .rowWithBackground:before, .AppCnbcPhoenix .rowWithBackground:after { content: ''; width: 25vw; height: 100%; display: block; position: absolute; background: #cfd8e2; } .AppCnbcPhoenix .rowWithBackground:before { right: 100%; top: 0; } .AppCnbcPhoenix .rowWithBackground:after { left: 100%; top: 0; } .AppCnbcPhoenix .flipRowOrder .col:first-child { order: 2; } @media (min-width: 1020px) { .AppCnbcPhoenix .flipRowOrder .col:first-child { order: 1; } } .AppCnbcPhoenix .flipRowOrder .col:last-child { order: 1; } @media (min-width: 1020px) { .AppCnbcPhoenix .flipRowOrder .col:last-child { order: 2; } } .AppCnbcPhoenix .col { flex-grow: 0; flex-shrink: 0; min-width: calc(100% - 30px); max-width: calc(100% - 30px); margin-right: 30px; display: flex; flex-direction: column; } @media (min-width: 760px) { .AppCnbcPhoenix .col { min-width: calc(33.33333% - 30px); max-width: calc(33.33333% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .col { min-width: calc(44.44444% - 30px); max-width: calc(44.44444% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .col { min-width: calc(33.33333% - 30px); max-width: calc(33.33333% - 30px); } } .AppCnbcPhoenix .col:last-child { margin-right: 0; } @media (min-width: 1340px) { body .AppCnbcPhoenix .searchCol4 { min-width: 35%; max-width: 35%; margin-right: 0px; float:left; } body .AppCnbcPhoenix .searchCol8 { min-width: 60%; max-width: 60%; padding-right: 0px; margin-right: 0px; float: right; } body .AppCnbcPhoenix .searchResultsCols { max-width: 100%; min-width: 100%; padding: 0px 60px; } } @media (min-width: 760px) { .AppCnbcPhoenix .col-4 { flex-grow: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .col-4 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .col-4 { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .col-4 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .col-4 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 3 + 60px + 0px); max-width: calc( ((100% - 240px) / 9) * 3 + 60px + 0px); margin-left: 30px; } .AppCnbcPhoenix .col-4:first-child { margin-left: 0; margin-right: 30px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .col-4 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 3 + 60px + 0px); max-width: calc( ((100% - 330px) / 12) * 3 + 60px + 0px); margin-left: 30px; } } .AppCnbcPhoenix .col-8 .BrandBanner-container { margin-bottom: 30px; z-index: 99; } @media (min-width: 1340px) { .AppCnbcPhoenix .col-8 .BrandBanner-container { margin-left: calc(((100vw) - 1077px) / -2); } } @media (min-width: 760px) { .AppCnbcPhoenix .col-8 .BrandBanner-container { margin-bottom: -100px; margin-top: 50px; } } @media (min-width: 760px) { .AppCnbcPhoenix .col-8 { flex-grow: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .col-8 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .col-8 { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .col-8 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .col-8 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 6 + 150px + 0px); max-width: calc( ((100% - 240px) / 9) * 6 + 150px + 0px); margin-right: 0; } .AppCnbcPhoenix .col-8:last-child { margin-right: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .col-8 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 9 + 240px + 0px); max-width: calc( ((100% - 330px) / 12) * 9 + 240px + 0px); } .AppCnbcPhoenix .col-8.article { margin-left: calc( ( ((100% - 330px) / 12) * 1 + 0px + 30px) * 1); flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); max-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); } .AppCnbcPhoenix .col-8.makeItArticle { margin-left: calc( ( ((100% - 330px) / 12) * 1 + 0px + 30px) * 1); flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); max-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); padding-right: 8.33333%; } } @media (min-width: 760px) { .AppCnbcPhoenix .col-12 { flex-grow: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .col-12 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .col-12 { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .col-12 { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .col-12 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 9 + 240px + 0px); max-width: calc( ((100% - 240px) / 9) * 9 + 240px + 0px); margin-right: 0; } .AppCnbcPhoenix .col-12:last-child { margin-right: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .col-12 { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); } } .AppCnbcPhoenix .col-full .MyComponentName-container { width: 100vw; margin-left: -20px; } @media (min-width: 760px) { .AppCnbcPhoenix .col-full .MyComponentName-container { margin-left: calc(((100vw) - 678px) / -2); margin-right: calc(((100vw) - 678px) / -2); width: 100vw; } } @media (min-width: 1020px) { .AppCnbcPhoenix .col-full .MyComponentName-container { margin-right: calc(((100vw) - 960px) / -2); margin-left: calc(((100vw) - 960px) / -2); padding-left: calc(calc(100vw - 960px) / 2); padding-right: calc(calc(100vw - 960px) / 2); width: 100vw; } } @media (min-width: 1180px) { .AppCnbcPhoenix .col-full .MyComponentName-container { margin-right: calc(((100vw) - 1077px) / -2); margin-left: calc(((100vw) - 1077px) / -2); padding-left: calc(calc(100vw - 1077px) / 2); padding-right: calc(calc(100vw - 1077px) / 2); width: 100vw; } } @media (min-width: 1340px) { .AppCnbcPhoenix .col-full .MyComponentName-container { margin-right: calc(((100vw) - 1290px) / -2); margin-left: calc(((100vw) - 1290px) / -2); padding-left: calc(calc(100vw - 1290px) / 2); padding-right: calc(calc(100vw - 1290px) / 2); max-width: none; width: 100vw; } } @media (min-width: 760px) { .AppCnbcPhoenix .col-full { flex-grow: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .col-full { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .col-full { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .col-full { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .col-full { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 9 + 240px + 0px); max-width: calc( ((100% - 240px) / 9) * 9 + 240px + 0px); margin-right: 0; } .AppCnbcPhoenix .col-full:last-child { margin-right: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .col-full { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); } } .AppCnbcPhoenix .clear-col-padding { padding-top: 0; padding-bottom: 0; } .AppCnbcPhoenix .paddedWrapper { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 1020px) { .AppCnbcPhoenix .paddedWrapper { padding-top: 25px; padding-bottom: 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .hasBanner { margin-bottom: 130px; } } .AppCnbcPhoenix .SearchResults-articleBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-articleBody { padding-left: 0; padding-right: 0; } } .AppCnbcPhoenix .group { font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (max-width: 760px) { .AppCnbcPhoenix .hideOnMobile { display: none; } } .AppCnbcPhoenix .SearchResults-bodyText { color: #2e2e2e; font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-bodyText { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-listWrapper { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); max-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); margin-left: calc((((100% - 150px) / 6) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); max-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); margin-left: calc((((100% - 180px) / 7) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } .AppCnbcPhoenix .SearchResults-listTitle { font-weight: 700; font-size: 24px; margin-bottom: 15px; } .AppCnbcPhoenix .numeric { text-align: right; } .AppCnbcPhoenix .SearchResults-page { overflow: hidden; max-width: 100%; } .AppCnbcPhoenix .SearchResults-adContainer { margin-right: 0; } .AppCnbcPhoenix .SearchResults-adTopBanner { max-width: 728px; margin: 0 auto; width: 100%; } .AppCnbcPhoenix .SearchResults-rail { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 12 + 330px + -30px); max-width: calc(((100% - 330px) / 12) * 12 + 330px + -30px); } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-rail { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 240px) / 9) * 3 + 60px + 0px); max-width: calc(((100% - 240px) / 9) * 3 + 60px + 0px); margin-right: 30px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-rail { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 4 + 90px + 0px); max-width: calc(((100% - 330px) / 12) * 4 + 90px + 0px); } } .AppCnbcPhoenix .SearchResults-results { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 12 + 330px + -30px); max-width: calc(((100% - 330px) / 12) * 12 + 330px + -30px); } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-results { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 240px) / 9) * 6 + 150px + 0px); max-width: calc(((100% - 240px) / 9) * 6 + 150px + 0px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-results { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 7 + 180px + 0px); max-width: calc(((100% - 330px) / 12) * 7 + 180px + 0px); margin-left: 8.33333%; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-results { margin-left: 8.33333%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-results { margin-left: 8.33333%; } } .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { border-top: 6px solid #002f6c; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { margin: 0 auto; max-width: 100%; padding: 0; margin: 0; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { max-width: 678px; } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { max-width: 960px; } } @media (min-width: 760px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { max-width: 1077px; } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterContainer { max-width: 1290px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsContainer { margin: 0 auto; max-width: 100%; padding: 0; margin: 0; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsContainer { } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsContainer { } } @media (min-width: 760px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchResults-searchResultsContainer { max-width: 1077px; } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsContainer { max-width: 1290px; } } .AppCnbcPhoenix .SearchResults-searchResultsBreaker { width: 100vw; margin-left: -20px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); margin-left: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 150px) / 6) * 6 + 150px + 0px); max-width: calc(((100% - 150px) / 6) * 6 + 150px + 0px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 180px) / 7) * 8 + 210px + 0px); max-width: calc(((100% - 180px) / 7) * 8 + 210px + 0px); margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker { margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker { margin-left: -14.71429%; } } .AppCnbcPhoenix .SearchResults-searchResultsColumnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AppCnbcPhoenix .SearchResults-searchResultsWrapper { font-family: Proxima Nova; } .AppCnbcPhoenix .SearchResults-searchResultsSelectWrapper { position: relative; width: 100%; margin: 10px 0 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsSelectWrapper { padding-right: 20px; padding-bottom: 10px; margin-bottom: 0; width: auto; } } .AppCnbcPhoenix .SearchResults-resultsFilterLabel { font-size: 12px; font-weight: 600; color: #747474; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: none; letter-spacing: 1px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-resultsFilterLabel { display: block; } } .AppCnbcPhoenix .SearchResults-searchResultsSelect { font-weight: 500; width: 100%; border: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #002f6c; color: #171717; font-size: 12px; line-height: 2; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius: 0; font-family: Proxima Nova; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsSelect { border-bottom: none; width: auto; border-bottom: 1px solid #cfd8e2; } } .AppCnbcPhoenix .SearchResults-resultsFilterGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AppCnbcPhoenix .SearchResults-searchResultsSelectIcon { color: #002f6c; font-size: 12px; position: absolute; right: 0; top: 5px; pointer-events: none; } .AppCnbcPhoenix .SearchResults-searchResultsFilters, .AppCnbcPhoenix .SearchResults-searchResultsToggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AppCnbcPhoenix .SearchResults-searchResultsFilters { margin-bottom: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsFilters { margin-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsToggle:before { font-weight: 500; content: "Sort By"; margin-right: 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #747474; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsFilterWrapper { border-bottom: 1px dashed #9b9b9b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-bottom: 40px; } } .AppCnbcPhoenix .SearchResults-searchResultsAmount { font-weight: 500; color: #5d5d5d; font-size: 15px; text-transform: uppercase; letter-spacing: 1.27px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsAmount { display: none; } } .AppCnbcPhoenix .SearchResults-searchResultsBox .SearchResults-searchResultsAmount { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsBox .SearchResults-searchResultsAmount { display: block; padding-left: 80px; } } .AppCnbcPhoenix .SearchResults-searchResultsAmount span { font-weight: 600; } .AppCnbcPhoenix .SearchResults-searchResultsSort { font-weight: 600; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; width: 75px; float: left; margin: 0 20px 0 0; color: #171717; } .AppCnbcPhoenix .SearchResults-searchResultsSort:last-child { margin: 0; width: auto; } .AppCnbcPhoenix .SearchResults-searchResultsSort:last-child:after { display: none; } .AppCnbcPhoenix .SearchResults-searchResultsSortActive { font-weight: 700; color: #005594; text-decoration: underline; } .AppCnbcPhoenix .SearchResults-searchResultsSearchWrapper { background-color: #fff; padding: 20px 20px 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsSearchWrapper { margin-bottom: 0; padding: 30px 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsSearchWrapper { padding-top: 40px; padding-bottom: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsSearchWrapper { padding-bottom: 30px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsSearchBox { margin-left: -30px; } } .AppCnbcPhoenix .SearchResults-searchResultsBreaker .SearchResults-searchResultsBox { margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsBreaker .SearchResults-searchResultsBox { margin-bottom: 40px; } } .AppCnbcPhoenix .SearchResults-searchResultsNoResults { color: #747474; font-family: Proxima Nova; font-weight: 500; font-size: 20px; line-height: 1.3; margin-bottom: 130px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResults-searchResultsNoResults { font-size: 18px; line-height: 1.2; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResults-searchResultsNoResults { font-size: 24px; line-height: 1.2; } } .AppCnbcPhoenix .SearchResults-searchResultsNoResults p { margin-bottom: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResults-searchResultsNoResults p { margin-bottom: 30px; } } .AppCnbcPhoenix .SearchResult-searchResult { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #9b9b9b; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResult-searchResult { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 30px; padding-bottom: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-searchResult { margin-bottom: 40px; padding-bottom: 40px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResult-searchResult { margin-left: -30px; } } .AppCnbcPhoenix .SearchResult-searchResult:last-child { border-bottom: 0; padding-bottom: 0; } .AppCnbcPhoenix .SearchResult-searchResult.SearchResult-standardVariant { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResult-searchResult.SearchResult-standardVariant { margin-left: 0; } } .AppCnbcPhoenix .SearchResult-searchResultCard { margin-bottom: 10px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResult-searchResultCard { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: -20px; width: calc(50% - 15px); } .AppCnbcPhoenix .SearchResult-searchResultCard .SearchResult-standardVariant { margin-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-searchResultCard { width: calc(33.33333% - 15px); } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultCard { -webkit-box-flex: 1; -ms-flex: 1 1 300px; flex: 1 1 300px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResult-searchResultCard { width: calc(30% - 15px); } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultCard { -webkit-box-flex: 1; -ms-flex: 1 1 300px; flex: 1 1 300px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResult-searchResultContent { margin-right: 30px; width: calc(50% - 15px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-searchResultContent { width: calc(66.66667% - 15px); } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultContent { -webkit-box-flex: 1; -ms-flex: 1 1 340px; flex: 1 1 340px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchResult-searchResultContent { width: calc(70% - 15px); } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultContent { -webkit-box-flex: 1; -ms-flex: 1 0 410px; flex: 1 0 410px; } } .AppCnbcPhoenix .SearchResult-searchHighlight { background-color: #e7ecf1; } .AppCnbcPhoenix .SearchResult-searchResultEyebrow { font-weight: 500; color: #732634; font-size: 12px; letter-spacing: 2px; line-height: 1.116; text-transform: uppercase; margin-bottom: 10px; } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultEyebrow { font-weight: 700; color: #005594; letter-spacing: 1px; } .AppCnbcPhoenix .SearchResult-searchResultTitle { font-weight: 500; color: #171717; font-family: Lyon; font-size: 20px; line-height: 1.3; margin-bottom: 10px; } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultTitle { font-family: Proxima Nova; font-size: 24px; font-weight: 600; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultTitle { margin-bottom: 10px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-searchResultTitle { font-size: 26px; line-height: 1.23; margin-bottom: 20px; } } .AppCnbcPhoenix .SearchResult-searchResultPreview { font-weight: 400; font-family: Lyon; color: #5d5d5d; font-size: 18px; line-height: 1.611; margin-top: 0; margin-bottom: 0; } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultPreview { margin-bottom: 10px; } .AppCnbcPhoenix .SearchResult-byline { font-size: 12px; } .AppCnbcPhoenix .SearchResult-author { font-family: Lyon; font-weight: 600; color: #005594; letter-spacing: 1px; } .AppCnbcPhoenix .SearchResult-publishedDate { font-family: Proxima Nova; font-weight: 600; color: #747474; text-transform: uppercase; } .AppCnbcPhoenix .SearchResult-searchResultFrom { font-weight: 500; color: #b2b2b2; font-size: 12px; text-transform: uppercase; line-height: 1.33; letter-spacing: 2px; margin-top: 15px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchResult-searchResultFrom { margin-top: 25px; } } .AppCnbcPhoenix .SearchResult-searchResultFrom a { color: #000; } .AppCnbcPhoenix .SearchResult-searchResultFrom a:hover { color: #d1bb7e; } .AppCnbcPhoenix .SearchResult-searchResultImage { background-size: cover; background-position: 50% 50%; margin-bottom: 10px; padding-bottom: 50%; width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchResult-searchResultImage { margin-bottom: 20px; } } @-webkit-keyframes SearchGroup-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes SearchGroup-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes SearchGroup-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchGroup-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchGroup-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchGroup-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchGroup-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchGroup-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchGroup-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes SearchGroup-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .SearchGroup-container { display: block; width: 100%; border-top: 6px solid #002f6c; } .AppCnbcPhoenix .SearchGroup-container.SearchGroup-railVariant { margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-container.SearchGroup-railVariant { margin-bottom: 50px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-container.SearchGroup-railVariant { margin-bottom: 60px; } } .AppCnbcPhoenix .SearchGroup-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0; background: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .AppCnbcPhoenix .SearchGroup-sectionTitle { font-weight: 800; margin: 0; color: #002f6c; font-size: 22px; line-height: 1.2; text-transform: uppercase; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-sectionTitle { font-size: 14px; } } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-sectionTitle { font-weight: 800; font-size: 18px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-sectionTitle { font-size: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-sectionTitle { font-size: 30px; } } .AppCnbcPhoenix .SearchGroup-contentButton { display: inline-block; vertical-align: middle; margin-top: 10px; color: #002f6c; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; } .AppCnbcPhoenix .SearchGroup-contentButton i { margin-right: 3px; font-style: normal; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-contentButton { margin: 10px 0 0; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-contentButton { margin: 0 0 0 25px; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-contentButton { margin: 0 0 0 auto; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-contentButton { line-height: 1; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-contentButton { margin: 5px 0 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-contentButton { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 0 0 24px; } } .AppCnbcPhoenix .SearchGroup-headerButton { margin: 0 0 0 50px; } .AppCnbcPhoenix .SearchGroup-headerButton .icon-short-arrow-right { display: inline-block; vertical-align: middle; margin-right: 0; margin-left: 3px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-headerButton { margin-left: auto; } } .AppCnbcPhoenix .SearchGroup-content { position: relative; } .AppCnbcPhoenix .SearchGroup-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px dashed #9b9b9b; padding: 20px 5px; } .AppCnbcPhoenix .SearchGroup-item:nth-child(2n) { background-color: #f2f2f2; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-item { min-height: 53px; padding: 10px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .AppCnbcPhoenix .SearchGroup-item.extratickers{ display:none; } .AppCnbcPhoenix .SearchGroup-itemIdentifier { display: block; min-width: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-itemIdentifier { min-width: 0; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-itemIdentifier { min-width: 42%; max-width: 42%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-itemIdentifier { min-width: 50%; max-width: 50%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-itemIdentifier { min-width: 0; max-width: 100%; } } .AppCnbcPhoenix .SearchGroup-itemTitle { display: block; color: #171717; font-size: 16px; font-weight: 800; line-height: 1.25; text-transform: uppercase; } .AppCnbcPhoenix .SearchGroup-itemTitle:focus, .AppCnbcPhoenix .SearchGroup-itemTitle:hover { color: #005594; } .AppCnbcPhoenix .SearchGroup-itemSubTitle { display: block; margin-top: 5px; color: #747474; font-size: 14px; line-height: 1.4; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-itemSubTitle { font-size: 12px; line-height: 1; } } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-itemSubTitle { font-weight: 500; } .AppCnbcPhoenix .SearchGroup-marketChange { display: block; min-width: 40%; margin-left: auto; color: #747474; font-size: 14px; font-weight: 600; line-height: 1.42; text-align: right; text-transform: uppercase; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-marketChange { min-width: 0; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-marketChange { } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-marketChange { font-size: 12px; line-height: 1; } .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-marketChange { min-width: 50%; max-width: 50%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-railVariant .SearchGroup-marketChange { min-width: 0; max-width: 100%; } } .AppCnbcPhoenix .SearchGroup-marketChangeUp { color: #008456; } .AppCnbcPhoenix .SearchGroup-marketChangeDown { color: #ce2b2b; } .AppCnbcPhoenix .SearchGroup-change, .AppCnbcPhoenix .SearchGroup-change_pct { display: block; } .AppCnbcPhoenix .SearchGroup-change_pct { margin-top: 5px; } .AppCnbcPhoenix .SearchGroup-label { display: block; margin-left: auto; color: #747474; font-size: 14px; font-weight: 600; line-height: 1.42; text-align: right; text-transform: uppercase; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-label { font-size: 12px; line-height: 1; } } .AppCnbcPhoenix .SearchGroup-noSavedData { display: block; padding: 20px 0; border-top: 1px dashed #9b9b9b; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-noSavedData { padding: 10px 0 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchGroup-noSavedData { padding-top: 18px; } } .AppCnbcPhoenix .SearchGroup-callToActionTitle { display: block; margin: 0; color: #171717; font-size: 20px; font-weight: 700; line-height: 1.2; } .AppCnbcPhoenix .SearchGroup-callToActionDescription { font-weight: 500; color: #5d5d5d; font-size: 14px; line-height: 1.28; display: block; margin: 10px 0 20px; } .AppCnbcPhoenix .SearchGroup-callToActionDescription .SearchGroup-emphasized { font-weight: 600; text-transform: uppercase; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-callToActionDescription { font-size: 12px; line-height: 1.33; width: 70%; max-width: 382px; margin: 10px 0 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchGroup-callToActionDescription { margin: 10px 0 20px; width: 100%; max-width: 100%; font-size: 12px; line-height: 1.33; } } .AppCnbcPhoenix .SearchGroup-callToActionButton { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 100%; padding: 0 20px; border: 1px solid #002f6c; background-color: #002f6c; color: #fff; font-size: 12px; letter-spacing: 1px; text-align: center; text-transform: uppercase; -webkit-transition: all .15s linear; transition: all .15s linear; } .AppCnbcPhoenix .SearchGroup-callToActionButton > span { display: block; line-height: 12px; } .AppCnbcPhoenix .SearchGroup-callToActionButton [class*=" icon-"], .AppCnbcPhoenix .SearchGroup-callToActionButton [class^=icon-] { position: relative; margin-left: 5px; height: 12px; } .AppCnbcPhoenix .SearchGroup-callToActionButton [class*=" icon-"]:before, .AppCnbcPhoenix .SearchGroup-callToActionButton [class^=icon-]:before { line-height: 12px; } .AppCnbcPhoenix .SearchGroup-callToActionButton:focus, .AppCnbcPhoenix .SearchGroup-callToActionButton:hover { border-color: #2077b6; background-color: #2077b6; color: #fff; } .AppCnbcPhoenix .SearchGroup-callToActionButton[class*=touchButton]:hover { border-color: #002f6c; background-color: #002f6c; color: #fff; } @media (hover: hover) { .AppCnbcPhoenix .SearchGroup-callToActionButton[class*=touchButton]:hover { border-color: #2077b6; background-color: #2077b6; color: #fff; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchGroup-callToActionButton { width: auto; padding: 0 30px; max-width: 236px; } } .AppCnbcPhoenix .SearchGroup-noResults { padding-top: 10px; border-top: 1px dotted #9b9b9b; color: #5d5d5d; font-size: 14px; font-weight: 500; } .AppCnbcPhoenix .SearchGroup-noResults span { font-weight: 700; } .AppCnbcPhoenix .adContainer { margin-right: 0; } .AppCnbcPhoenix .adTopBanner { max-width: 728px; margin: 0 auto; width: 100%; } .AppCnbcPhoenix .rail { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 12 + 330px + -30px); max-width: calc( ((100% - 330px) / 12) * 12 + 330px + -30px); } @media (min-width: 1020px) { .AppCnbcPhoenix .rail { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 3 + 60px + 0px); max-width: calc( ((100% - 240px) / 9) * 3 + 60px + 0px); margin-right: 30px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .rail { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 4 + 90px + 0px); max-width: calc( ((100% - 330px) / 12) * 4 + 90px + 0px); } } .AppCnbcPhoenix .results { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 12 + 330px + -30px); max-width: calc( ((100% - 330px) / 12) * 12 + 330px + -30px); } @media (min-width: 1020px) { .AppCnbcPhoenix .results { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 240px) / 9) * 6 + 150px + 0px); max-width: calc( ((100% - 240px) / 9) * 6 + 150px + 0px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .results { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); max-width: calc( ((100% - 330px) / 12) * 7 + 180px + 0px); margin-left: 8.33333%; margin-left: 8.33333%; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .results { margin-left: 8.33333%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .results { margin-left: 8.33333%; } } .AppCnbcPhoenix .searchResultsFilterContainer { border-top: solid 6px #002f6c; } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsFilterContainer { margin: 0 auto; max-width: 100%; padding: 0; margin: 0; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .searchResultsFilterContainer { max-width: 678px; } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .searchResultsFilterContainer { max-width: 960px; } } @media (min-width: 760px) and (min-width: 1180px) { .AppCnbcPhoenix .searchResultsFilterContainer { max-width: 1077px; } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .searchResultsFilterContainer { max-width: 1290px; } } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsContainer { margin: 0 auto; max-width: 100%; padding: 0; margin: 0; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .searchResultsContainer { max-width: 678px; } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .searchResultsContainer { max-width: 960px; } } @media (min-width: 760px) and (min-width: 1180px) { .AppCnbcPhoenix .searchResultsContainer { max-width: 1077px; } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .searchResultsContainer { max-width: 1290px; } } .AppCnbcPhoenix .searchResultsBreaker { width: 100vw; margin-left: -20px; } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsBreaker { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc( ((100% - 330px) / 12) * 12 + 330px + 0px); margin-left: 0px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsBreaker { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 150px) / 6) * 6 + 150px + 0px); max-width: calc( ((100% - 150px) / 6) * 6 + 150px + 0px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsBreaker { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 180px) / 7) * 8 + 210px + 0px); max-width: calc( ((100% - 180px) / 7) * 8 + 210px + 0px); margin-left: -14.71429%; margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .searchResultsBreaker { margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .searchResultsBreaker { margin-left: -14.71429%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsBreaker { flex-grow: 0; flex-shrink: 0; min-width: calc( ((100% - 180px) / 7) * 8 + 210px + 0px); max-width: calc( ((100% - 180px) / 7) * 8 + 210px + 0px); margin-left: -14.71429%; margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .searchResultsBreaker { margin-left: -14.71429%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .searchResultsBreaker { margin-left: -14.71429%; } } .AppCnbcPhoenix .searchResultsColumnWrapper { display: flex; flex-wrap: wrap; } .AppCnbcPhoenix .searchResultsColumnWrapper { display: flex; flex-wrap: wrap; } .AppCnbcPhoenix .searchResultsWrapper { font-family: 'Proxima Nova'; } .AppCnbcPhoenix .searchResultsSelectWrapper { position: relative; width: 100%; margin: 10px 0 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsSelectWrapper { padding-right: 20px; padding-bottom: 10px; margin-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsSelectWrapper { width: auto; } } .AppCnbcPhoenix .resultsFilterLabel { font-size: 12px; font-weight: 600; color: #747474; flex: 0 0 50%; display: none; letter-spacing: 1px; } @media (min-width: 1020px) { .AppCnbcPhoenix .resultsFilterLabel { display: block; } } .AppCnbcPhoenix .searchResultsSelect { font-weight: 500; width: 100%; border: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #002f6c; color: #171717; font-size: 12px; line-height: 2; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Proxima Nova'; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsSelect { border-bottom: none; width: auto; border-bottom: 1px solid #cfd8e2; } } .AppCnbcPhoenix .resultsFilterGroup { display: flex; align-items: center; } .AppCnbcPhoenix .searchResultsSelectIcon { color: #002f6c; font-size: 12px; position: absolute; right: 0; top: 5px; pointer-events: none; } .AppCnbcPhoenix .searchResultsToggle, .AppCnbcPhoenix .searchResultsFilters { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .AppCnbcPhoenix .searchResultsFilters { margin-bottom: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsFilters { margin-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsToggle::before { font-weight: 500; content: 'Sort By'; margin-right: 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #747474; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsFilterWrapper { border-bottom: 1px dashed #9b9b9b; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsFilterWrapper { margin-bottom: 40px; } } .AppCnbcPhoenix .searchResultsAmount { font-weight: 500; color: #5d5d5d; font-size: 15px; text-transform: uppercase; letter-spacing: 1.27px; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsAmount { display: none; } } .AppCnbcPhoenix .searchResultsBox .searchResultsAmount { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsBox .searchResultsAmount { display: block; padding-left: 80px; } } .AppCnbcPhoenix .searchResultsAmount span { font-weight: 600; } .AppCnbcPhoenix .searchResultsSort { font-weight: 600; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; width: 75px; float: left; margin: 0 20px 0 0; color: #171717; } .AppCnbcPhoenix .searchResultsSort:last-child { margin: 0; width: auto; } .AppCnbcPhoenix .searchResultsSort:last-child::after { display: none; } .AppCnbcPhoenix .searchResultsSortActive { font-weight: 700; color: #005594; text-decoration: underline; } .AppCnbcPhoenix .searchResultsSearchWrapper { background-color: #fff; padding: 20px 20px 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsSearchWrapper { margin-bottom: 0; padding: 30px 0 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsSearchWrapper { padding-top: 40px; padding-bottom: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsSearchWrapper { padding-bottom: 30px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsSearchBox { margin-left: -30px; } } .AppCnbcPhoenix .searchResultsBreaker .searchResultsBox { margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsBreaker .searchResultsBox { margin-bottom: 40px; } } .AppCnbcPhoenix .searchResultsNoResults { color: #747474; font-family: Proxima Nova; font-weight: 500; font-size: 20px; line-height: 1.3; margin-bottom: 130px; } @media (min-width: 760px) { .AppCnbcPhoenix .searchResultsNoResults { font-size: 18px; line-height: 1.2; } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsNoResults { font-size: 24px; line-height: 1.2; } } .AppCnbcPhoenix .searchResultsNoResults p { margin-bottom: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .searchResultsNoResults p { margin-bottom: 30px; } } .AppCnbcPhoenix .Card-card { display: block; padding: 15px 0; border-top: 1.4px dashed rgba(139, 139, 139, 0.5); box-sizing: border-box; font-weight: 600; } .AppCnbcPhoenix .Card-card .Card-title { color: #2e2e2e; font-family: "Proxima Nova"; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-card { padding: 30px 0; } } .AppCnbcPhoenix .Card-buffett:hover .Card-title { text-decoration: underline; } .AppCnbcPhoenix .Card-package { border-color: rgba(255, 255, 255, 0.5); } .AppCnbcPhoenix .Card-package .Card-title { color: #ffffff; } .AppCnbcPhoenix .Card-title:focus, .AppCnbcPhoenix .Card-title:hover { text-decoration: underline; } .AppCnbcPhoenix .Card-titleAndFooter { display: flex; flex-direction: column; justify-content: space-between; } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .AppCnbcPhoenix .Card-titleAndFooter, .AppCnbcPhoenix .Card-leftSquareMedia .AppCnbcPhoenix .Card-titleAndFooter { height: auto; } .AppCnbcPhoenix .Card-mediaContainer { position: relative; display: block; width: 100%; margin-bottom: 10px; line-height: 0; } .AppCnbcPhoenix .Card-mediaContainer:hover, .AppCnbcPhoenix .Card-mediaContainer:focus { text-decoration: underline; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-mediaContainer { margin-bottom: 20px; } } .AppCnbcPhoenix .Card-buffett .AppCnbcPhoenix .Card-mediaContainer:hover { text-decoration: underline; } .AppCnbcPhoenix .Card-mediaContainerPackage { position: relative; display: block; margin: 0 -20px 20px -20px; } .AppCnbcPhoenix .Card-mediaContainerPackage:hover { text-decoration: underline; } .AppCnbcPhoenix .Card-squareMediaContainer { width: 100%; padding-bottom: 100%; background-position: center; } .AppCnbcPhoenix .Card-rectangleMediaContainer { width: 100%; padding-bottom: 50%; background-position: center; } .AppCnbcPhoenix .Card-imageGradient { position: absolute; width: 100%; height: 50%; bottom: 0; background: -moz-linear-gradient(top, rgba(7, 29, 57, 0) 0%, rgba(7, 29, 57, 0.5) 46%, #071d39 97%, #071d39 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(7, 29, 57, 0) 0%, rgba(7, 29, 57, 0.5) 46%, #071d39 97%, #071d39 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(7, 29, 57, 0) 0%, rgba(7, 29, 57, 0.5) 46%, #071d39 97%, #071d39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00071d39", endColorstr="#071d39", GradientType=0 ); /* IE6-9 */ } .AppCnbcPhoenix .Card-videoFooter { position: absolute; bottom: 0; height: 40px; width: 100%; padding-top: 10px; padding-left: 10px; background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001e5799", endColorstr="#000000", GradientType=0 ); /* IE6-9 */ } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-videoFooter { height: 50px; padding-top: 25px; } } .AppCnbcPhoenix .Card-videoFooterContent { position: absolute; left: 10px; bottom: 10px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-videoFooterContent { left: 20px; bottom: 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-Column-squareLeadRight .Card-videoFooterContent, .AppCnbcPhoenix .Card-Column-threeUp .Card-videoFooterContent { left: 10px; bottom: 10px; } } .AppCnbcPhoenix .Card-videoLabel { font-weight: 800; color: #fcb700; font-size: 10px; line-height: 12px; letter-spacing: 1.67px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-videoLabel { font-size: 12px; line-height: 15px; letter-spacing: 2px; } } .AppCnbcPhoenix .Card-videoTime { composes: videoLabel; font-weight: 600; letter-spacing: 1.2px; padding-left: 10px; color: rgba(255, 255, 255, 0.8); } @media (min-width: 760px) { .AppCnbcPhoenix .Card-videoTime { letter-spacing: 1.44px; } } .AppCnbcPhoenix .Card-totalTime { composes: videoTime; padding-left: 5px; } .AppCnbcPhoenix .Card-totalTime::before { content: "|"; display: inline-block; margin-right: 5px; } .AppCnbcPhoenix .Card-cardFooter { margin: 15px 0; } .AppCnbcPhoenix .Card-byline { font-weight: 600; font-family: "Lyon Text"; color: #005594; font-size: 12px; line-height: 1.15; margin-right: 10px; } .AppCnbcPhoenix .Card-byline a { color: inherit; } .AppCnbcPhoenix .Card-byline a:focus, .AppCnbcPhoenix .Card-byline a:hover { text-decoration: underline; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-byline { font-size: 12px; } } .AppCnbcPhoenix .Card-bylinePackage { composes: byline; color: #fcb700; } .AppCnbcPhoenix .Card-time { font-weight: 600; color: #747474; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 15px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-time { font-size: 11px; } } .AppCnbcPhoenix .Card-timePackage { composes: time; color: #b9c7d5; } .AppCnbcPhoenix .Card-sponsoredLogo { font-family: "Lyon Text"; font-size: 12px; font-weight: 600; margin: 0 0 10px; } @media (min-width: 360px) { .AppCnbcPhoenix .Card-sponsoredLogo { font-size: 12px; margin-top: 12px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-sponsoredLogo { font-size: 14px; margin: 0 0 10px 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-sponsoredLogo { font-size: 14px; margin-top: 0px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-sponsoredLogo { font-size: 16px; margin-top: 0px; } } .AppCnbcPhoenix .Card-sponsoredLogo img { position: relative; bottom: -2px; display: inline-block; margin-left: 10px; max-width: calc(100% - 80px); max-height: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-sponsoredLogo img { max-width: calc(100% - 85px); } } .AppCnbcPhoenix .Card-packageTitle { position: absolute; bottom: 0; left: 20px; font-size: 12px; color: #fcb700; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; } .AppCnbcPhoenix .Card-packageTitle:hover { text-decoration: underline; } .AppCnbcPhoenix .Card-proSmall { position: relative; bottom: -8px; margin-right: 0; color: #3cb878; font-size: 35px; line-height: 0; } .AppCnbcPhoenix .Card-proSmall .icon-probug:before { line-height: 0; margin-right: 5px; } .AppCnbcPhoenix .Card-proLarge { composes: proSmall; bottom: -10px; font-size: 50px; margin-right: 5px; } .AppCnbcPhoenix .Card-live img { height: 12px; max-height: 12px; width: 42px; max-width: 42px; margin-bottom: 10px; } .AppCnbcPhoenix .Card-titleOnly { composes: card; font-weight: 500; line-height: 1.3; padding: 15px 0; } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleOnly { line-height: 1.2; padding: 20px 0; } } .AppCnbcPhoenix .Card-titleOnlyPackage { composes: titleOnly; composes: package; } .AppCnbcPhoenix .Card-titleOnlyTopBorder { composes: titleOnly; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleOnlyTopBorder { border-top: none; padding-top: 0; } } .AppCnbcPhoenix .Card-titleOnlyNoBorder { composes: titleOnly; border-top: none; padding-top: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleOnlyNoBorder { padding-top: 0; } } .AppCnbcPhoenix .Card-titleOnlyTopSolidBorder { composes: titleOnly; border-top: 1px solid #e8e8e8; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleOnlyTopSolidBorder { border-top: none; padding-top: 0; } } .AppCnbcPhoenix .Card-titleOnlyHalf { composes: titleOnly; width: 50%; float: left; padding-right: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleOnlyHalf { width: 100%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleOnlyHalf { width: 50%; } } .AppCnbcPhoenix .Card-titleOnlyHalf:last-child { padding-right: 0; } .AppCnbcPhoenix .Card-titleOnlyHalf:last-child .Card-textContent { padding-left: 30px; border-left: 1px dashed rgba(139, 139, 139, 0.5); } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleOnlyHalf:last-child .Card-textContent { padding-left: 0; border-left: none; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleOnlyHalf:last-child .Card-textContent { padding-left: 30px; border-left: 1px dashed rgba(139, 139, 139, 0.5); } } .AppCnbcPhoenix .Card-titleOnlyHalfPackage:last-child .Card-textContent { border-color: rgba(255, 255, 255, 0.5); } .AppCnbcPhoenix .Card-titleByline { font-size: 16px; line-height: 1.2; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleByline { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleByline { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleByline { font-size: 24px; } } .AppCnbcPhoenix .Card-titleBylinePackage { border-top: 1px dashed rgba(255, 255, 255, 0.5); } .AppCnbcPhoenix .Card-titleBylineNoBorder { font-size: 19px; line-height: 1.2; border-top: none; padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineNoBorder { font-size: 18px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleBylineNoBorder { font-size: 21px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleBylineNoBorder { font-size: 24px; } } .AppCnbcPhoenix .Card-titleBylineRight { font-size: 16px; line-height: 1.2; width: 100%; border-top: 1px dashed rgba(139, 139, 139, 0.5); } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineRight { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleBylineRight { font-size: 22px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleBylineRight { font-size: 24px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineRight { border-top: none; padding-top: 0; } } .AppCnbcPhoenix .Card-titleBylineRight .Card-textContent { padding-left: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineRight .Card-textContent { padding-left: 15px; border-left: 1px dashed rgba(139, 139, 139, 0.5); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleBylineRight .Card-textContent { padding-left: 30px; } } .AppCnbcPhoenix .Card-largeTitleByline { font-size: 16px; line-height: 1.2; border-top: 1px dashed rgba(139, 139, 139, 0.5); } @media (min-width: 760px) { .AppCnbcPhoenix .Card-largeTitleByline { font-size: 26px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-largeTitleByline { font-size: 26px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-largeTitleByline { font-size: 36px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-largeTitleByline { line-height: 40px; } } .AppCnbcPhoenix .Card-titleBylineHalf { font-size: 16px; line-height: 1.2; flex: 1 0 40%; max-width: 50%; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineHalf { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-titleBylineHalf { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-titleBylineHalf { font-size: 16px; } } .AppCnbcPhoenix .Card-titleBylineHalf .Card-byline, .AppCnbcPhoenix .Card-titleBylineHalf .Card-time { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-titleBylineHalf .Card-byline, .AppCnbcPhoenix .Card-titleBylineHalf .Card-time { display: inline-block; } } .AppCnbcPhoenix .Card-featuredRectangleMedia { font-size: 22px; line-height: 1.2; border-top: none; padding-top: 0; padding-bottom: 9px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredRectangleMedia { font-size: 22px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-featuredRectangleMedia { font-size: 22px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-featuredRectangleMedia { font-size: 30px; } } .AppCnbcPhoenix .Card-featuredRectangleMedia .Card-mediaContainer { margin: 0 -20px 10px -20px; width: auto; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredRectangleMedia { padding-bottom: 14px; } .AppCnbcPhoenix .Card-featuredRectangleMedia .Card-mediaContainer { margin: 0 0 20px 0; width: 100%; } } .AppCnbcPhoenix .Card-featuredRectangleMediaPackage { display: block; } .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia { composes: card; font-size: 22px; line-height: 1.2; border-top: none; padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia { font-size: 22px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia { font-size: 22px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia { font-size: 24px; } } .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia .Card-mediaContainer { width: auto; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredSecondaryRectangleMedia .Card-mediaContainer { width: 100%; } } .AppCnbcPhoenix .Card-featuredSecondaryRectangleMediaPackage { display: block; } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-featuredSecondaryRectangleMediaPackage { line-height: 28px; } } .AppCnbcPhoenix .Card-rectangleMedia { font-size: 16px; line-height: 1.2; border-top: none; padding-top: 0; margin-top: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMedia { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleMedia { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMedia { font-size: 24px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMedia { margin-top: 0; } } .AppCnbcPhoenix .Card-rectangleMedia.Card-standardBreakerCard { margin-top: 0; padding-bottom: 0; } .AppCnbcPhoenix .Card-rectangleMedia.Card-standardBreakerCard .Card-title { font-size: 18px; display: block; line-height: 1.2; } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMedia.standardBreakerCard .Card-title { font-size: 24px; } } @media (max-width: 760px) { .AppCnbcPhoenix .Card-rectangleMedia.standardBreakerCard .Card-title { font-size: 19px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMedia { margin-top: 0; } } .AppCnbcPhoenix .Card-rectangleMediaPackage { font-size: 22px; line-height: 1.2; display: block; margin-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMediaPackage { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleMediaPackage { font-size: 22px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMediaPackage { font-size: 24px; } } .AppCnbcPhoenix .Card-rectangleMediaHalf { font-size: 16px; line-height: 1.2; float: left; width: 50%; padding-right: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMediaHalf { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleMediaHalf { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMediaHalf { font-size: 24px; } } .AppCnbcPhoenix .Card-rectangleMediaHalf .Card-byline, .AppCnbcPhoenix .Card-rectangleMediaHalf .Card-time { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMediaHalf { border-top: none; padding-top: 0; line-height: 20px; } .AppCnbcPhoenix .Card-rectangleMediaHalf .Card-byline, .AppCnbcPhoenix .Card-rectangleMediaHalf .Card-time { display: inline-block; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleMediaHalf { line-height: 1.2; } } .AppCnbcPhoenix .Card-rectangleMediaHalf:last-of-type { padding-right: 0; padding-left: 15px; } .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder { font-size: 14px; line-height: 1.2; float: left; border-top: none; padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder { font-size: 14px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder { font-size: 14px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder { font-size: 14px; } } .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder .Card-byline, .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder .Card-time { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder .Card-byline, .AppCnbcPhoenix .Card-rectangleMediaHalfNoBorder .Card-time { display: inline-block; } } @media only screen and (max-width: 759px) { .AppCnbcPhoenix .Card-imageContainer { position: relative; margin: 0 -20px; } } .AppCnbcPhoenix .Card-leftRectangleToTopMedia { composes: card; font-size: 19px; line-height: 1.2; border-top: none; padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia { font-size: 18px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia { font-size: 18px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia { font-size: 24px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia { display: flex; flex-direction: row; flex-grow: 1; } } .AppCnbcPhoenix .Card-leftRectangleToTopMedia .Card-mediaContainer { position: relative; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia .Card-mediaContainer { margin-right: 30px; margin-bottom: 0; flex: 1 1 0; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftRectangleToTopMedia .Card-textContent { flex: 1 1 0; } } .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf { font-size: 16px; line-height: 1.2; border-top: none; margin-top: 30px; padding-top: 0; float: left; width: 50%; padding-right: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf { font-size: 24px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf { float: none; width: 100%; padding-right: 0; margin-top: 0; } } .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf:last-of-type { padding-right: 0; padding-left: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleToRectangleMediaHalf:last-of-type { padding-left: 0; } } .AppCnbcPhoenix .Card-squareMedia { font-size: 16px; line-height: 1.2; border-top: none; display: flex; flex-direction: row; padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-squareMedia { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-squareMedia { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-squareMedia { font-size: 24px; } } .AppCnbcPhoenix .Card-squareMedia .Card-byline, .AppCnbcPhoenix .Card-squareMedia .Card-time { display: block; } .AppCnbcPhoenix .Card-squareMedia .Card-mediaContainer { margin-right: 30px; margin-bottom: 0; width: 50%; } .AppCnbcPhoenix .Card-squareMedia .Card-textContent { width: 50%; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-squareMedia { flex-direction: column; border-top: none; margin-top: 0; } .AppCnbcPhoenix .Card-squareMedia .Card-mediaContainer { margin-right: 0; margin-bottom: 30px; width: 100%; } .AppCnbcPhoenix .Card-squareMedia .Card-textContent { width: 100%; } .AppCnbcPhoenix .Card-squareMedia .Card-byline, .AppCnbcPhoenix .Card-squareMedia .Card-time { display: inline-block; } } .AppCnbcPhoenix .Card-leftSquareMedia { font-size: 16px; line-height: 1.2; display: flex; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftSquareMedia { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-leftSquareMedia { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-leftSquareMedia { font-size: 24px; } } .AppCnbcPhoenix .Card-leftSquareMedia .Card-byline, .leftSquareMedia .time { display: block; } .AppCnbcPhoenix .Card-leftSquareMedia .Card-mediaContainer { width: 30%; margin-bottom: 0; } .AppCnbcPhoenix .Card-leftSquareMedia .Card-textContent { display: flex; flex-direction: column; width: 70%; padding-left: 30px; } .AppCnbcPhoenix .Card-leftSquareMedia .Card-titleAndFooter { flex-grow: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-leftSquareMedia .Card-byline, .AppCnbcPhoenix .Card-leftSquareMedia .Card-time { display: inline-block; } } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { font-size: 17px; line-height: 1.2; font-weight: 500; border-top: none; padding-top: 0; margin-top: 30px; display: flex; flex-direction: row; border-bottom: 1px dashed rgba(139, 139, 139, 0.5); line-height: 1.3; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { font-size: 17px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { font-size: 16px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { font-size: 18px; } } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .Card-mediaContainer { width: 103px; min-width: 103px; margin-bottom: 0; margin-right: 30px; } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .Card-textContent { display: flex; flex-direction: column; } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .Card-titleAndFooter { flex-grow: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { flex-direction: column; margin-top: 0; border-bottom: none; } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .Card-mediaContainer { width: 100%; margin-bottom: 10px; margin-right: 0; } .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia .Card-mediaContainer .Card-squareMediaContainer { padding-bottom: 50%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-rectangleToLeftSquareMedia { line-height: 1.2; } } .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia { font-size: 22px; line-height: 1.2; border-top: none; padding-top: 0; border-bottom: 1px dashed rgba(139, 139, 139, 0.5); } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia { font-size: 22px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia { font-size: 26px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia { font-size: 30px; } } .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia .Card-mediaContainer { margin: 0 -20px 20px -20px; width: auto; } .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia .Card-squareMediaContainer { padding-bottom: 50%; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia { border: none; } .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia .Card-mediaContainer { margin: 0 0 20px 0; } .AppCnbcPhoenix .Card-featuredSquareToRectangleMedia .Card-squareMediaContainer { padding-bottom: 100%; } } .AppCnbcPhoenix .Card-squareToRectangleMediaPackage { font-size: 22px; line-height: 1.2; padding-top: 0; border-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-squareToRectangleMediaPackage { font-size: 16px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Card-squareToRectangleMediaPackage { font-size: 22px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Card-squareToRectangleMediaPackage { font-size: 24px; } } .AppCnbcPhoenix .Card-squareToRectangleMediaPackage .Card-squareMediaContainer { padding-bottom: 50%; } @media (min-width: 760px) { .AppCnbcPhoenix .Card-squareToRectangleMediaPackage .Card-squareMediaContainer { padding-bottom: 100%; } } .AppCnbcPhoenix .Card-placeholder { background-color: #d7e1e4; } div:focus { outline: none; } .AppCnbcPhoenix .Card-mediaContainerInner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .AppCnbcPhoenix .PlayButton-container { position: absolute; border-top: 6px solid #fcb700; z-index: 1; right: 0px; top: -1px; } .AppCnbcPhoenix .PlayButton-base { background-color: #fcb700; color: #ffffff; font-size: 12px; display: flex; align-items: center; justify-content: center; position: absolute; top: -5px; right: 0; height: 40px; width: 40px; z-index: 1; transition: all 0.35s linear; } @media (min-width: 760px) { .AppCnbcPhoenix .PlayButton-base { font-size: 14px; height: 50px; width: 50px; } } @media (min-width: 760px) { .AppCnbcPhoenix .PlayButton-featured { font-size: 22px; height: 80px; width: 80px; } } [data-type=playlist] { box-shadow: inset 10 2px 10px #dcffa6, 10 2px 15px #000; } .AppCnbcPhoenix .PlayButton-icon { z-index: 2; display: block; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border: 2px solid #fcb700; transition: border 0.15s linear; } AppCnbcPhoenix .PlayButton a:hover .PlayButton-icon, .PlayButton a:focus .PlayButton-icon, .PlayButton button:hover .PlayButton-icon, .PlayButton button:focus .PlayButton-icon, .PlayButton-base:hover .PlayButton-icon { border: 2px solid #ffffff; } @media (min-width: 760px) { .PlayButton-icon { height: 40px; width: 40px; } .PlayButton-featured .PlayButton-icon { height: 60px; width: 60px; border: 2px solid #fcb700; } } .PlayButton-flyout { font-weight: 800; z-index: 1; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 30px; height: 100%; width: 90px; background-color: #fcb700; font-size: 10px; letter-spacing: 1px; line-height: 1; text-align: center; text-transform: uppercase; color: rgba(7, 29, 57, 0); transform: scaleX(0); transform-origin: center right; transition: color 0.15s linear, transform 0.15s linear 0.15s; } a:hover .PlayButton-flyout, a:focus .PlayButton-flyout, button:hover .PlayButton-flyout, button:focus .PlayButton-flyout, .base:hover .PlayButton-flyout { transform: scaleX(1); color: #071d39; transition: color 0.15s linear 0.25s, transform 0.25s linear; } @media (min-width: 760px) { .PlayButton-flyout { right: 50px; width: 130px; font-size: 12px; letter-spacing: 2.2px; } .PlayButton-featured .PlayButton-flyout { right: 80px; width: 200px; font-size: 20px; } } .PlayButton-hover { transform: scaleX(1); color: #071d39; transition: color 0.15s linear 0.25s, transform 0.25s linear; } .PlayButton-featured .PlayButton-iconHover { border: 2px solid #ffffff; transition: border 0.15s linear; } .PlayButton-playlistWrapper { position: relative; } .PlayButton-playlist { position: absolute; top: 5px; right: 5px; height: 35px; width: 40px; background-color: #ffffff; box-shadow: -5px 5px 0 0 #fcb700; } a:hover .PlayButton-playlist, a:focus .PlayButton-playlist, button:hover .PlayButton-playlist, button:focus .PlayButton-playlist, .PlayButton-playlist:hover { visibility: hidden; } @media (min-width: 760px) { .PlayButton-playlist { height: 45px; width: 50px; } } @media (min-width: 760px) { .PlayButton-featuredPlaylist { height: 75px; width: 80px; } } #back-top-top[class*=" icon-"], #back-top-top[class^=icon-] { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #back-top-top { cursor: pointer; position: fixed; right: 0; bottom: 40px; padding: 10px; background: #005594; color: #fff; display: none; height: auto; } #back-top-top:hover { background: #2077b6; } .icon-buffett-backtotop:before { content: "\E908"; font-size: 1.5em; padding-left: 3px; } /* End Redesign search */ /* this part is namespaced css from Phx App */ /* Start - Redesign Header Styles */ .AppCnbcPhoenix .ErrorHandler-container { background: #ff5053; position: relative; width: 100%; height: 100%; } .AppCnbcPhoenix .ProgressBar-container { width: 100vw; height: 3px; position: absolute; top: 0; left: 0; background: #e8e8e8; } @media (min-width: 760px) { .AppCnbcPhoenix .ProgressBar-container { top: auto; bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .ProgressBar-container { bottom: 0; } } .AppCnbcPhoenix .ProgressBar-hiddenContainer { opacity: 0; pointer-events: none; } .AppCnbcPhoenix .ProgressBar-innerProgress { height: 100%; width: 0; background: #ffbc05; -webkit-transition: background 1s; transition: background 1s; } .AppCnbcPhoenix .ProgressBar-innerProgress20 { background: #f26f20; } .AppCnbcPhoenix .ProgressBar-innerProgress40 { background: #645fa9; } .AppCnbcPhoenix .ProgressBar-innerProgress60 { background: #0088cf; } .AppCnbcPhoenix .ProgressBar-innerProgress80 { background: #0cb04c; } .AppCnbcPhoenix .ProgressBar-makeit { background: #68ebca; } .AppCnbcPhoenix .SignInMenu-megaMenu { position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; padding-bottom: 45px; background: #fff; z-index: 999; color: #071d39; overflow-y: scroll; -webkit-overflow-scrolling: touch; opacity: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-megaMenu { padding-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-megaMenu { overflow: hidden; overflow: auto; height: 100%; width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-megaMenuContainer { margin: 0 auto; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-megaMenuContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-megaMenuContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SignInMenu-megaMenuContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SignInMenu-megaMenuContainer { max-width: 1290px; } } .AppCnbcPhoenix .SignInMenu-searchToggle { display: block; padding: 20px; border-bottom: 1px solid #9b9b9b; background-color: #fff; } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-searchToggle { background-color: transparent; border-bottom: none; padding: 27px 40px; position: absolute; right: 0; z-index: 1; } } .AppCnbcPhoenix .SignInMenu-topBar { position: fixed; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 45px; height: 45px; max-height: 45px; padding: 0 45px 0 20px; background-color: #005594; z-index: 5; } @media (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-topBar { position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-topBar { position: absolute; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; min-height: 92px; height: 102px; max-height: 102px; padding: 0 0 0 8px; background-color: transparent; width: 50%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SignInMenu-topBar { height: 102px; max-height: 102px; } } .AppCnbcPhoenix .SignInMenu-close { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; color: #fff; background: none; font-size: 17px; } .AppCnbcPhoenix .SignInMenu-close span:before { display: block; } .AppCnbcPhoenix .SignInMenu-close:focus, .AppCnbcPhoenix .SignInMenu-close:hover { color: #fcb700; } @media (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-close { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-close { color: #005594; font-size: 15px; } } .AppCnbcPhoenix .SignInMenu-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 35px; max-width: 35px; } @media (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-logo { min-width: 120px; max-width: 120px; } } .AppCnbcPhoenix .SignInMenu-logo img { width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-logoSmall { display: none; } } .AppCnbcPhoenix .SignInMenu-logoLarge { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-logoLarge { display: block; } } .AppCnbcPhoenix .SignInMenu-search { font-weight: 600; margin-right: 30px; color: #fff; font-size: 14px; letter-spacing: 1px; } @media (min-width: 1340px) { .AppCnbcPhoenix .SignInMenu-search { margin-right: 75px; } } .AppCnbcPhoenix .SignInMenu-accountLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; } .AppCnbcPhoenix .SignInMenu-accountLinks li { height: 70px; line-height: 70px; padding: 0 20px; text-align: center; } .AppCnbcPhoenix .SignInMenu-accountLinks a { font-weight: 600; color: #071d39; font-size: 14px; letter-spacing: .85px; } .AppCnbcPhoenix .SignInMenu-accountLinks li:first-child, .AppCnbcPhoenix .SignInMenu-accountLinks li:nth-child(2), .AppCnbcPhoenix .SignInMenu-accountLinks li:nth-child(3) { width: 33.3333%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .AppCnbcPhoenix .SignInMenu-accountLinks li:nth-child(4), .AppCnbcPhoenix .SignInMenu-accountLinks li:nth-child(5) { border-top: 1px solid #9b9b9b; text-align: center; width: 50%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .AppCnbcPhoenix .SignInMenu-accountLinks li:nth-child(5) { border-left: 1px solid #9b9b9b; } .AppCnbcPhoenix .SignInMenu-accountLinks .SignInMenu-editionMenu { -webkit-transition: all .25s; transition: all .25s; } @media (min-width: 360px) { .AppCnbcPhoenix .SignInMenu-accountLinks .SignInMenu-editionMenu li { font-weight: 500; font-size: 10px; letter-spacing: 1.2px; float: left; padding: 0; width: 50%; } .AppCnbcPhoenix .SignInMenu-accountLinks .SignInMenu-editionMenu li span { margin-left: 5px; } .AppCnbcPhoenix .SignInMenu-accountLinks .SignInMenu-editionMenu li:last-child { border-left: none !important; } } .AppCnbcPhoenix .SignInMenu-accountLinks .icon-offsite-arrow { display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 14px; } .AppCnbcPhoenix .SignInMenu-accountLinks .icon-offsite-arrow:before { font-size: 12px; line-height: 14px; color: rgba(7, 29, 57, 0.4); } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-accountLinks { display: none; } } .AppCnbcPhoenix .SignInMenu-editions { border-left: 1px solid #9b9b9b !important; padding-left: 15px; } .AppCnbcPhoenix .SignInMenu-underlineLabel { border-bottom: 1px solid #071d39; padding-bottom: 2px; } .AppCnbcPhoenix .account-menu-accountMenu { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .account-menu-accountMenu { display: block; float: right; position: relative; z-index: 99; } } @media (min-width: 1020px) { .AppCnbcPhoenix .account-menu-accountMenu ul { text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 100; -ms-flex: 100; flex: 100; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 15px; } } .AppCnbcPhoenix .account-menu-accountMenu ul li { font-weight: 600; font-size: 11px; letter-spacing: 1.2px; margin-left: 15px; } .AppCnbcPhoenix .account-menu-accountMenu ul li:last-child { border-left: 1px solid rgba(102, 153, 190, 0.5); padding-left: 15px; } .AppCnbcPhoenix .account-menu-accountMenu ul li span { margin-left: 5px; } .AppCnbcPhoenix .account-menu-underlineLabel { border-bottom: 1px solid #fff; padding-bottom: 2px; } .AppCnbcPhoenix .account-menu-editionMenu { -webkit-transition: all .25s; transition: all .25s; } @media (min-width: 1020px) { .AppCnbcPhoenix .account-menu-editionMenu { margin: 10px 0 0 15px !important; } .AppCnbcPhoenix .account-menu-editionMenu li:last-child { border-left: none !important; } .AppCnbcPhoenix .account-menu-editionMenu li:last-child:before { content: "\2022"; color: #fff; font-size: 10px; position: relative; left: -14px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .account-menu-editionMenuSticky { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .AppCnbcPhoenix .branding-menu-brandingMenu { background-color: #005594; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; position: fixed; left: 0; overflow: hidden; height: 54px; z-index: 99; } @media (min-width: 760px) { .AppCnbcPhoenix .branding-menu-brandingMenu { padding: 0 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .branding-menu-brandingMenu { background-color: transparent; height: 35px; padding: 0 15px 0 30px; } } @-webkit-keyframes branding-menu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes branding-menu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes branding-menu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes branding-menu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes branding-menu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes branding-menu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes branding-menu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes branding-menu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes branding-menu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes branding-menu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .branding-menu-brandingMenu { height: 45px; top: 0; position: absolute; opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s; width: 100%; z-index: 0; } .AppCnbcPhoenix .branding-menu-brandingMenu img { float: left; width: 135px; } @media (min-width: 760px) { .AppCnbcPhoenix .branding-menu-brandingMenu { padding-top: 13px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 70px; width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .branding-menu-brandingMenu { padding-top: 13px; padding-left: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(100% - 155px); overflow: visible; display: block; } } .AppCnbcPhoenix .branding-menu-brandingMenuSticky { opacity: 0; } .AppCnbcPhoenix .branding-menu-logo:after { content: ""; clear: both; } .AppCnbcPhoenix .Share-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .AppCnbcPhoenix .Share-share:before { font-weight: 600; content: "Share"; display: block; color: #7f7f7f; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; margin-top: -5px; } .AppCnbcPhoenix .Share-share .Share-icon { margin-left: 16px; font-size: 19px; color: #005594; height: 23px; cursor: pointer; } .AppCnbcPhoenix .Share-share .Share-icon:focus, .AppCnbcPhoenix .Share-share .Share-icon:hover { color: #ffbc05; } .AppCnbcPhoenix .Share-articleNavShare { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: -5px; right: 0; width: auto !important; } @media (min-width: 760px) { .AppCnbcPhoenix .Share-articleNavShare { right: 40px; } } .AppCnbcPhoenix .Share-articleNavShare:before { content: ""; margin-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Share-articleNavShare:before { content: "Share"; } } .AppCnbcPhoenix .Share-articleNavShare .Share-icon { margin-left: 8px; width: 60px; height: 30px; padding-top: 3px; display: block; text-align: center; line-height: 1.7; color: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .Share-articleNavShare .Share-icon { width: 24px; color: #005594; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Share-articleNavShare { position: relative; right: -10px; top: 10px; } } .AppCnbcPhoenix .Share-share.Share-highlightShare { margin: 0 0 5px; } .AppCnbcPhoenix .Share-share.Share-highlightShare .Share-icon { margin: 0 9px; } .AppCnbcPhoenix .Share-highlightShare { position: relative; display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .AppCnbcPhoenix .Share-highlightShare:before { content: ""; margin-top: 0; } .AppCnbcPhoenix .Share-highlightShare .Share-icon { width: 15px; height: 15px; display: block; text-align: center; line-height: 1.7; color: #fff; } .AppCnbcPhoenix .gig-button-container, .AppCnbcPhoenix div.gig-button-container { padding: 0 !important; } .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-facebook .icon-social { background: #3b5998; } .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-twitter .icon-social { background: #0084b4; } .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-linkedin .icon-social { background: #0077b5; } .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-email .icon-social { background: #002f6c; } .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-share .icon-social { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .Share-articleNavShare .gig-button-container-share .icon-social { display: block; } } @media (min-width: 760px) { .AppCnbcPhoenix .Share-articleNavShare .gig-button-container .icon-social { background: none; } } .AppCnbcPhoenix div.gig-simpleShareUI { border: none; width: 250px !important; margin-left: 25px; } @media (max-width: 760px) { .AppCnbcPhoenix div.gig-simpleShareUI { left: 10px !important; } } .AppCnbcPhoenix div.gig-simpleShareUI-content { padding: 10px 5px 5px 10px; } .AppCnbcPhoenix div.gig-simpleShareUI-caption-text { display: none; } .AppCnbcPhoenix div.gig-simpleShareUI-caption { border-bottom: none; margin-bottom: -20px; background-color: #005594; } .AppCnbcPhoenix div.gig-simpleShareUI-inner { border: none; background-color: #005594; } .AppCnbcPhoenix div.gig-simpleShareUI-closeButton { padding-right: 14px; } .AppCnbcPhoenix span.gig-simpleShareUI-buttonText { font-weight: 600; color: #fff; font-family: Proxima Nova; font-size: 12px; margin-left: 10px; } .AppCnbcPhoenix div.gig-simpleShareUI-button { margin: 0 0 10px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 90px; margin-right: 25px; } .AppCnbcPhoenix .gig-simpleShareUI-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AppCnbcPhoenix .Share-buffett.Share-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 20px; } .AppCnbcPhoenix .Share-buffett.Share-share:before { font-weight: 600; content: "Share"; color: #7f7f7f; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; } .AppCnbcPhoenix .Share-buffett.Share-share .Share-icon { margin-left: 16px; font-size: 19px; color: #732634; height: 23px; cursor: pointer; } .AppCnbcPhoenix .Share-buffett.Share-share .Share-icon:focus, .AppCnbcPhoenix .Share-buffett.Share-share .Share-icon:hover { color: #d1bb7e; } .AppCnbcPhoenix .Share-buffett.Share-shareDark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 20px; } .AppCnbcPhoenix .Share-buffett.Share-shareDark:before { font-weight: 600; content: "Share"; color: #fff; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; } .AppCnbcPhoenix .Share-buffett.Share-shareDark .Share-icon { margin-left: 16px; font-size: 19px; color: #d1bb7e; height: 23px; cursor: pointer; } .AppCnbcPhoenix .Share-buffett.Share-shareDark .Share-icon:focus, .AppCnbcPhoenix .Share-buffett.Share-shareDark .Share-icon:hover { color: #fff; } .AppCnbcPhoenix .Share-makeit.Share-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0; } .AppCnbcPhoenix .Share-makeit.Share-share:before { font-weight: 600; content: "Share"; color: #3e4855; font-size: 12px; letter-spacing: 1px; margin-right: 10px; text-transform: capitalize; } .AppCnbcPhoenix .Share-makeit.Share-share .Share-icon { margin-left: 0; font-size: 16px; color: #ff685d; height: 16px; width: 30px; cursor: pointer; background: transparent; } .AppCnbcPhoenix .Share-makeit.Share-share .Share-icon:focus, .AppCnbcPhoenix .Share-makeit.Share-share .Share-icon:hover { color: #ffb3ae; } @media (min-width: 1020px) { .AppCnbcPhoenix .Share-makeit.Share-share { top: -5px; } } .AppCnbcPhoenix .Share-makeit.Share-articleNavShare { top: 2px; right: 0; } .AppCnbcPhoenix .Share-makeit.Share-articleNavShare:before { margin-right: 5px; } .AppCnbcPhoenix .Share-makeit.Share-articleNavShare .Share-icon { font-size: 20px; height: 30px; width: 40px; padding-top: 0; } .AppCnbcPhoenix div.gig-simpleShareUI { border: none; width: 250px !important; margin-left: 40px; } @-webkit-keyframes nav-menu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes nav-menu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nav-menu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nav-menu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes nav-menu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .nav-menu-navMenu { background-color: #005594; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; left: 0; overflow: hidden; height: 54px; z-index: 99; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenu { padding: 0 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-navMenu { background-color: transparent; height: 35px; padding: 0 15px 0 30px; } } @keyframes nav-menu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes nav-menu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes nav-menu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes nav-menu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes nav-menu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .nav-menu-navMenu { position: fixed; bottom: 0; width: 100%; -webkit-transition: background-color .25s; transition: background-color .25s; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenu { height: 25px; -webkit-transition: top .25s, height .25s, width .25s; transition: top .25s, height .25s, width .25s; top: 44px; padding-bottom: 14px; overflow: visible; position: absolute; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-navMenu { padding-left: 0; position: absolute; width: 75%; z-index: 999; } } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .AppCnbcPhoenix .nav-menu-navMenu { overflow: visible; margin-bottom: 20px; } .AppCnbcPhoenix .nav-menu-navMenu:after { -webkit-transition: background-color .25s; transition: background-color .25s; background: #005594; content: ""; width: 100%; height: 21px; position: absolute; bottom: -20px; left: 0; } } .AppCnbcPhoenix .nav-menu-navMenuArticle { background: transparent; pointer-events: none; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenuArticle { background: transparent; pointer-events: auto; } } .AppCnbcPhoenix .nav-menu-navMenuSticky { z-index: 100; background: #005594; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenuSticky { height: 45px; width: 100%; top: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-navMenuSticky { height: 45px; width: calc(100% - 60px); top: 0; } } .AppCnbcPhoenix .nav-menu-navMenuArticleSticky { color: #000; background: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenuArticleSticky { background: transparent; } } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .AppCnbcPhoenix .nav-menu-navMenuArticleSticky:after { background: #fff; } } .AppCnbcPhoenix .nav-menu-button { background-color: transparent; border: 0; color: #fff; font-size: 18px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .AppCnbcPhoenix .nav-menu-button .icon-cnbctv { position: relative; top: 4px; font-size: 26px; margin-bottom: -3px; } .AppCnbcPhoenix .nav-menu-button .icon-news { position: relative; top: 4px; font-size: 23px; } .AppCnbcPhoenix .nav-menu-button .icon-markets { position: relative; top: 7px; font-size: 18px; padding-bottom: 5px; } .AppCnbcPhoenix .nav-menu-button:hover .nav-menu-buttonText { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-button:focus .nav-menu-buttonText { color: #fff; } @media (max-width: 360px) { .AppCnbcPhoenix .nav-menu-button { font-size: 23px; } } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-button { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 20px; } .AppCnbcPhoenix .nav-menu-button span:first-child { display: none; } } .AppCnbcPhoenix .nav-menu-hamburger { top: 3px; position: relative; font-size: 19px; } .AppCnbcPhoenix .nav-menu-hamburger:hover { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-hamburger span { font-weight: 600; margin-top: 2px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-hamburger { top: 0; } } .AppCnbcPhoenix .nav-menu-articleHamburger { color: #005594; } .AppCnbcPhoenix .nav-menu-desktopHamburger { display: none; position: relative; top: 4px; font-size: 9px; font-weight: 700; color: #fff; letter-spacing: .8px; padding: 3px 0; -webkit-transition: top .25s; transition: top .25s; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:after, .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:before { background: #ffbc05; } .AppCnbcPhoenix .nav-menu-desktopHamburger:focus { color: #fff; } .AppCnbcPhoenix .nav-menu-desktopHamburger:focus:after, .AppCnbcPhoenix .nav-menu-desktopHamburger:focus:before { background: #fff; } .AppCnbcPhoenix .nav-menu-desktopHamburger:after, .AppCnbcPhoenix .nav-menu-desktopHamburger:before { content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 0; } .AppCnbcPhoenix .nav-menu-desktopHamburger:after { top: auto; bottom: 1px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-desktopHamburger { margin-right: 31px; display: block; top: 2px; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:after, .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:before { background: #ffbc05; } } .AppCnbcPhoenix .nav-menu-desktopHamburgerSticky { -webkit-transform: translateY(5px); transform: translateY(5px); } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-desktopHamburgerSticky { -webkit-transform: translateY(7px); transform: translateY(7px); } } .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky { color: #005594; } .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky:after, .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky:before { background: #005594; } .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky:focus { color: #005594; } .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky:focus:after, .AppCnbcPhoenix .nav-menu-desktopHamburgerArticleSticky:focus:before { background: #005594; } .AppCnbcPhoenix .nav-menu-buttonText { font-weight: 600; font-size: 9px; letter-spacing: .8px; color: #e8e8e8; opacity: .75; text-align: center; text-transform: uppercase; margin-top: 5px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-buttonText { font-weight: 700; font-size: 12px; opacity: 1; color: #fff; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-buttonText { font-weight: 600; font-size: 14px; } } .AppCnbcPhoenix .nav-menu-articleButtonText { color: #005594; } .AppCnbcPhoenix .nav-menu-logoStickyContainer { margin-right: 9%; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-logoStickyContainer { margin-right: 0; } } .AppCnbcPhoenix .nav-menu-logo { opacity: 0; width: 34px; height: 100%; overflow: hidden; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-logo { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } } .AppCnbcPhoenix .nav-menu-logoSticky { width: 41px; z-index: 1; opacity: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-logoSticky { -webkit-transform: translateY(6px); transform: translateY(6px); margin-right: 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-logoSticky { -webkit-transform: translateY(9px); transform: translateY(9px); } } .AppCnbcPhoenix .nav-menu-mainLinks { position: relative; margin-left: -35px; margin-right: 0; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; z-index: 2; text-align: left; overflow: hidden; white-space: nowrap; -webkit-transition: all .25s; transition: all .25s; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-mainLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 100; -ms-flex: 100; flex: 100; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible; height: 100%; } } .AppCnbcPhoenix .nav-menu-mainLinksSticky { margin-left: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-mainLinksSticky { -webkit-transform: translateY(8px); transform: translateY(8px); } } .AppCnbcPhoenix .nav-menu-mainLinksWrapper:after, .AppCnbcPhoenix .nav-menu-mainLinksWrapper:before { display: none; content: ""; position: absolute; top: 0; height: 100%; width: 44px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-mainLinksWrapper:after, .AppCnbcPhoenix .nav-menu-mainLinksWrapper:before { display: none; } } .AppCnbcPhoenix .nav-menu-mainLinksWrapper:before { background: -webkit-gradient(linear, right top, left top, from(transparent), to(#005594)); background: linear-gradient(270deg, transparent, #005594); opacity: 1; -webkit-transition: all .25s; transition: all .25s; } .AppCnbcPhoenix .nav-menu-mainLinksWrapper:after { background: -webkit-gradient(linear, right top, left top, from(#005594), to(transparent)); background: linear-gradient(270deg, #005594, transparent); right: 0; } .AppCnbcPhoenix .nav-menu-mainLinksWrapperStart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AppCnbcPhoenix .nav-menu-mainLinksWrapperStart:before { opacity: 0; } .AppCnbcPhoenix .nav-menu-articleMainWrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 32px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-articleMainWrapper { height: auto; } } .AppCnbcPhoenix .nav-menu-articleContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2px; margin-bottom: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-articleContent { width: calc(100% - 330px); -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media (min-width: 1180px) { .AppCnbcPhoenix .nav-menu-articleContent { width: calc(100% - 215px); -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media (min-width: 1340px) { .AppCnbcPhoenix .nav-menu-articleContent { width: 100%; } } .AppCnbcPhoenix .nav-menu-articleTitle, .AppCnbcPhoenix .nav-menu-articleTitleWithoutShareComponent { font-weight: 700; font-size: 14px; line-height: 2; -webkit-transform: translateY(2px); transform: translateY(2px); display: none; text-overflow: ellipsis; } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-articleTitle, .AppCnbcPhoenix .nav-menu-articleTitleWithoutShareComponent { display: block; overflow: hidden; width: 912px; -webkit-transform: translateY(14px); transform: translateY(14px); padding-right: 12px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .nav-menu-articleTitle, .AppCnbcPhoenix .nav-menu-articleTitleWithoutShareComponent { padding-left: 5px; } } .AppCnbcPhoenix .nav-menu-articleTitleWithoutShareComponent { margin-bottom: 15px; } .AppCnbcPhoenix .nav-menu-articleHidden { display: none; } .AppCnbcPhoenix .nav-menu-linksSticky, .AppCnbcPhoenix .nav-menu-navLinks { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AppCnbcPhoenix .nav-menu-articleNavLinks { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-articleNavLinks { display: -webkit-box; display: -ms-flexbox; display: flex; } .AppCnbcPhoenix .nav-menu-articleNavLinks.nav-menu-linksSticky { display: none; } } .AppCnbcPhoenix .nav-menu-primaryLink { font-weight: 700; display: inline-block; font-size: 14px; letter-spacing: .85px; margin-right: 4px; text-transform: uppercase; } .AppCnbcPhoenix .nav-menu-primaryLink:not(.business_news):not(.markets):not(.cnbc_tv):not(.hamburger) { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-primaryLink { margin-right: 0; font-size: 12px; } .AppCnbcPhoenix .nav-menu-primaryLink:not(.business_news):not(.markets):not(.cnbc_tv):not(.hamburger) { display: block; } .AppCnbcPhoenix .nav-menu-primaryLink:last-child { display: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-primaryLink { margin-right: 10px; } } .AppCnbcPhoenix .nav-menu-primaryLink.nav-menu-active { position: relative; } .AppCnbcPhoenix .nav-menu-primaryLink.nav-menu-active:after { content: ""; background-color: #fff; position: absolute; left: 0; bottom: -10px; height: 3px; width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-progressBarContainer { display: none; } } .AppCnbcPhoenix .nav-menu-logoContainer { width: 34px; } .AppCnbcPhoenix .AutoSuggest-suggest { position: relative; width: 100%; } .AppCnbcPhoenix .AutoSuggest-suggestList { position: absolute; width: 100%; top: 0; padding: 20px 15px; border: 1px solid #9b9b9b; background-color: #fff; } .AppCnbcPhoenix .AutoSuggest-suggestList li { padding: 20px 0; border-top: 1px dotted #9b9b9b; } .AppCnbcPhoenix .AutoSuggest-suggestList li:first-child { border-top: 0; padding-top: 0; } .AppCnbcPhoenix .AutoSuggest-suggestList li:last-child { padding-bottom: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-suggestList { padding: 20px 30px; } .AppCnbcPhoenix .AutoSuggest-suggestList li { padding: 20px 0 23px; } .AppCnbcPhoenix .AutoSuggest-suggestList li:first-child { padding-top: 0; } .AppCnbcPhoenix .AutoSuggest-suggestList li:last-child { padding-bottom: 0; } } .AppCnbcPhoenix .AutoSuggest-suggestItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-suggestItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .AppCnbcPhoenix .AutoSuggest-suggestLink { color: #2077b6; font-size: 12px; line-height: 1; text-transform: uppercase; } .AppCnbcPhoenix .AutoSuggest-suggestText { font-weight: 600; overflow-wrap: break-word; } .AppCnbcPhoenix .AutoSuggest-suggestText .icon-arrow-right { display: inline-block; vertical-align: middle; margin-left: 5px; } .AppCnbcPhoenix .AutoSuggest-suggestTitle { display: block; color: #071d39; font-size: 16px; line-height: 1.25; font-weight: 600; } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-suggestTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 1.7; } } .AppCnbcPhoenix .AutoSuggest-suggestQuoteTitle { display: block; margin-top: 5px; color: #7f7f7f; font-size: 14px; line-height: 1.4; } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-suggestQuoteTitle { display: inline-block; vertical-align: middle; margin: 0 0 0 45px; font-size: 20px; line-height: 1.7; } } .AppCnbcPhoenix .AutoSuggest-suggestLabel { margin-left: auto; color: #7f7f7f; font-size: 14px; line-height: 1.4; text-transform: uppercase; } .AppCnbcPhoenix .AutoSuggest-marketData + .AutoSuggest-suggestLabel { margin-left: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-marketData + .AutoSuggest-suggestLabel { margin-left: auto; } } .AppCnbcPhoenix .AutoSuggest-marketData { margin-left: auto; color: #008456; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: right; } .AppCnbcPhoenix .AutoSuggest-marketData span { display: block; } .AppCnbcPhoenix .AutoSuggest-marketData span:last-child { margin-top: 5px; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-marketData { margin-left: 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-marketData { margin-left: 30px; font-size: 20px; font-weight: 700; line-height: 1.7; } .AppCnbcPhoenix .AutoSuggest-marketData span { display: inline-block; vertical-align: middle; } .AppCnbcPhoenix .AutoSuggest-marketData span:last-child { margin: 0 0 0 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .AutoSuggest-marketData { margin-left: 40px; } } .AppCnbcPhoenix .AutoSuggest-marketDown { color: #ce2b2b; } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestList { border: 1px solid #2e2e2e; background-color: #fcfbf8; } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestList { border-color: #fff; background-color: #2e0810; } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestListItem { border-top: 1px solid rgba(46, 46, 46, 0.2); } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestListItem { border-color: rgba(255, 255, 255, 0.3); } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestLink { color: #732634; font-size: 10px; } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestLink, .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestLink:hover { color: #d1bb7e; } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestLink:hover { color: #fff; } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestTitle { font-weight: 400; font-family: Lyon; color: #732634; font-size: 14px; line-height: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestTitle { font-size: 20px; } } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestTitle:hover { color: #d1bb7e; } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestTitle { color: #fff; } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestLabel { color: #5d5d5d; font-size: 10px; line-height: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-suggestLabel { font-size: 12px; } } .AppCnbcPhoenix .AutoSuggest-buffett.AutoSuggest-overlay .AutoSuggest-suggestLabel { color: #d1bb7e; } .AppCnbcPhoenix .AutoSuggest-buffett .AutoSuggest-marketData { display: none; } .AppCnbcPhoenix .AutoSuggest-suggestList.AutoSuggest-makeit { border: 1px solid #ccc; font-family: Averta; z-index: 999; background: #fff; } .AppCnbcPhoenix .AutoSuggest-suggestList.AutoSuggest-makeit li { border-top: 1px solid #ccc; } .AppCnbcPhoenix .AutoSuggest-suggestList.AutoSuggest-makeit li:first-child { border-top: none; } .AppCnbcPhoenix .AutoSuggest-suggestList.AutoSuggest-makeit .AutoSuggest-suggestText .icon-arrow-right { display: none; } .AppCnbcPhoenix .AutoSuggest-suggestList.AutoSuggest-makeit .AutoSuggest-suggestText { text-transform: none; } .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestTitle { font-weight: 700; color: #3e4855; font-size: 16px; line-height: 20px; font-family: Averta; } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestTitle { font-size: 20px; line-height: 24px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestTitle { font-size: 14px; line-height: 18px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestTitle { font-size: 20px; line-height: 24px; } } .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-marketData, .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestLabel, .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestQuoteTitle { display: none; } .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestLink { font-weight: 600; text-transform: none; color: #6258ff; font-size: 14px; background: #fff; z-index: 999; } .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestLink:focus, .AppCnbcPhoenix .AutoSuggest-makeit .AutoSuggest-suggestLink:hover { color: #3e4855; } @-webkit-keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .Search-query_suggest { position: absolute; border: 1px solid transparent; background: #fff; color: grey; } .AppCnbcPhoenix .Search-query, .AppCnbcPhoenix .Search-query_suggest { opacity: 1; margin: 0; padding: 6px; width: calc(100% - 30px); } .AppCnbcPhoenix .Search-query { position: relative; border-width: 1px; border-style: solid; border-color: #888 #888 #ccc; -o-border-image: initial; border-image: initial; background: transparent; z-index: 2; } .AppCnbcPhoenix .Search-container { position: relative; width: 100%; padding: 0 20px; background-color: transparent; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-container { padding: 0 150px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-container { padding: 0 160px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-container { padding: 0 290px; } } .AppCnbcPhoenix .Search-container.Search-standardVariant { padding: 20px 0 0; } @media (min-width: 360px) { .AppCnbcPhoenix .Search-container.Search-standardVariant { padding: 45px 20px 20px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Search-container.Search-standardVariant { padding: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-container.Search-standardVariant { padding: 8px 80px 40px; } } .AppCnbcPhoenix .Search-overlay { padding: 0; width: 100%; margin: 0 auto; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-overlay { max-width: 560px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-overlay { max-width: 800px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-overlay { max-width: 1132px; } } .AppCnbcPhoenix .Search-buffettSearch .Search-Search-searchInput { text-transform: none; } .AppCnbcPhoenix .Search-inputCallToAction { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-inputCallToAction { font-weight: 600; display: block; margin-bottom: 5px; font-size: 15px; letter-spacing: 1px; line-height: 15px; } .AppCnbcPhoenix .Search-overlay .Search-inputCallToAction { color: #fff; } } .AppCnbcPhoenix .Search-form { position: relative; display: block; } .AppCnbcPhoenix .Search-overlay .Search-form { border-bottom: 0; } .AppCnbcPhoenix .Search-form ::-webkit-input-placeholder { color: #a2a2a2; } .AppCnbcPhoenix .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-form ::-ms-input-placeholder { color: #a2a2a2; } .AppCnbcPhoenix .Search-form ::placeholder { color: #a2a2a2; } .AppCnbcPhoenix .Search-searchInput { font-weight: 500; display: block; height: 50px; width: 100%; padding: 0 50px 0 15px; border: 0; background-color: #fff; color: #171717; font-size: 16px; letter-spacing: 1px; line-height: 1; -webkit-appearance: none; } .AppCnbcPhoenix .Search-standardVariant .Search-searchInput { text-transform: uppercase; } .AppCnbcPhoenix .Search-overlay .Search-searchInput { border-radius: 3px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-searchInput { font-weight: 600; height: 60px; padding: 0 80px 0 30px; font-size: 36px; } .AppCnbcPhoenix .Search-overlay .Search-searchInput { border-radius: 0; } } .AppCnbcPhoenix .Search-submitBtn { position: absolute; top: 0; right: 10px; bottom: 0; height: 0; width: 30px; padding-top: 30px; margin: auto; overflow: hidden; z-index: 2; } .AppCnbcPhoenix .Search-submitBtn:before { top: 0; left: 0; width: 100%; height: 100%; position: absolute; color: #2077b6; font-size: 26px; line-height: 30px; text-align: center; } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-submitBtn { right: 30px; width: 40px; padding-top: 40px; } .AppCnbcPhoenix .Search-submitBtn:before { font-size: 36px; line-height: 40px; } } @-webkit-keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .Search-buffett.Search-container { padding: 0; margin-bottom: 0; } .AppCnbcPhoenix .Search-buffett.Search-container button:before { color: #2e0810; } .AppCnbcPhoenix .Search-buffett .Search-form { border-bottom: 1px solid #2e2e2e; } .AppCnbcPhoenix .Search-buffett .Search-form ::-webkit-input-placeholder { color: rga(#171717, 0.7); text-transform: none; } .AppCnbcPhoenix .Search-buffett .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-buffett .Search-form ::-ms-input-placeholder { color: rga(#171717, 0.7); text-transform: none; } .AppCnbcPhoenix .Search-buffett .Search-form ::placeholder { color: rga(#171717, 0.7); text-transform: none; } .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-form { border-color: #fff; } .AppCnbcPhoenix .Search-buffett .Search-searchInput { font-weight: 400; font-family: Lyon; background-color: transparent; color: #2e2e2e; padding-left: 0; font-size: 18px; letter-spacing: 0; text-transform: none; } .AppCnbcPhoenix .Search-buffett .Search-searchInput::-ms-clear { display: none; } .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-searchInput { color: #fff; font-size: 16px; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-searchInput { font-size: 22px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-searchInput { height: 50px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-searchInput { font-size: 26px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Search-buffett .Search-searchInput { font-size: 26px; padding-left: 15px; } } .AppCnbcPhoenix .Search-buffett .Search-query { color: #fff; } .AppCnbcPhoenix .Search-buffett .Search-submitBtn:before { color: #732634; } .AppCnbcPhoenix .Search-buffett.Search-overlay .Search-submitBtn:before { color: #d1bb7e; } .AppCnbcPhoenix .Search-buffett .Search-inputCallToAction, .AppCnbcPhoenix .Search-inputCallToAction { display: none; } @-webkit-keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes Search-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Search-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes Search-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .Search-makeit.Search-container { font-family: Averta; margin: 0 auto; } .AppCnbcPhoenix .Search-makeit.Search-container.Search-searchPage { padding-left: 0; padding-right: 0; } .AppCnbcPhoenix .Search-makeit.Search-container.Search-searchPage .Search-form ::-webkit-input-placeholder { color: #3e4855; } .AppCnbcPhoenix .Search-makeit.Search-container.Search-searchPage .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-makeit.Search-container.Search-searchPage .Search-form ::-ms-input-placeholder { color: #3e4855; } .AppCnbcPhoenix .Search-makeit.Search-container.Search-searchPage .Search-form ::placeholder { color: #3e4855; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-makeit.Search-container { padding: 0 40px; width: 100%; max-width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-makeit.Search-container { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .Search-makeit.Search-container { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .Search-makeit.Search-container { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .Search-makeit.Search-container { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .Search-makeit.Search-container { max-width: 1290px; } } .AppCnbcPhoenix .Search-makeit .Search-form ::-webkit-input-placeholder { color: #fff; text-transform: none; padding: 0; font-size: 20px; } .AppCnbcPhoenix .Search-makeit .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-makeit .Search-form ::-ms-input-placeholder { color: #fff; text-transform: none; padding: 0; font-size: 20px; } .AppCnbcPhoenix .Search-makeit .Search-form ::placeholder { color: #fff; text-transform: none; padding: 0; font-size: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-makeit .Search-form ::-webkit-input-placeholder { font-size: 30px; } .AppCnbcPhoenix .Search-makeit .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-makeit .Search-form ::-ms-input-placeholder { font-size: 30px; } .AppCnbcPhoenix .Search-makeit .Search-form ::placeholder { font-size: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-makeit .Search-form ::-webkit-input-placeholder { font-size: 48px; } .AppCnbcPhoenix .Search-makeit .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-makeit .Search-form ::-ms-input-placeholder { font-size: 48px; } .AppCnbcPhoenix .Search-makeit .Search-form ::placeholder { font-size: 48px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-makeit .Search-form ::-webkit-input-placeholder { font-size: 64px; } .AppCnbcPhoenix .Search-makeit .Search-form :-ms-input-placeholder, .AppCnbcPhoenix .Search-makeit .Search-form ::-ms-input-placeholder { font-size: 64px; } .AppCnbcPhoenix .Search-makeit .Search-form ::placeholder { font-size: 64px; } } .AppCnbcPhoenix .Search-makeit .Search-form { border-bottom: none; } .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-searchInput { color: #3e4855; opacity: 1; font-weight: 800; padding-right: 50px; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-searchInput { padding-right: 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-searchInput { padding-right: 50px; } } .AppCnbcPhoenix .Search-makeit .Search-searchInput { background-color: transparent; color: #fff; border-radius: 0; border-bottom: 5px solid #68ebca; font-family: Averta; text-transform: none; font-weight: 700; padding: 0 50px 0 0; font-size: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .Search-makeit .Search-searchInput { font-size: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-makeit .Search-searchInput { font-size: 48px; padding-right: 80px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-makeit .Search-searchInput { height: 80px; font-size: 64px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-submitBtn { right: 0; } } .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-submitBtn:before, .AppCnbcPhoenix .Search-makeit.Search-searchPage .Search-submitBtn:hover:before { color: #ff685d; } .AppCnbcPhoenix .Search-makeit .Search-submitBtn:before { color: #68ebca; } .AppCnbcPhoenix .Search-makeit .Search-submitBtn:hover:before { color: #fff; } .AppCnbcPhoenix .Search-makeit .Search-query { position: relative; z-index: 2; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreas { display: -webkit-box; display: -ms-flexbox; display: flex; } } .AppCnbcPhoenix .SearchColumn-contentAreas.SearchColumn-overlay { padding: 0 20px 50px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreas.SearchColumn-overlay { padding-left: 0; padding-right: 0; margin-right: 70px; margin-left: 70px; width: calc(100% - 135px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchColumn-contentAreas.SearchColumn-overlay { margin-right: 140px; margin-left: 140px; width: calc(100% - 280px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchColumn-contentAreas.SearchColumn-overlay { margin-left: auto; margin-right: auto; max-width: 850px; } } .AppCnbcPhoenix .SearchColumn-contentAreaSection { margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreaSection { padding-right: 30px; width: 33.33333%; } } .AppCnbcPhoenix .SearchColumn-contentAreaSection:last-child { margin-bottom: 0; } .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaSection:last-child { padding-right: 0; } .AppCnbcPhoenix .SearchColumn-contentAreaTitle { font-weight: 800; color: #732634; font-family: Lyon; font-size: 16px; letter-spacing: .18px; margin-bottom: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreaTitle { margin-bottom: 10px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchColumn-contentAreaTitle { font-size: 18px; letter-spacing: .2px; margin-bottom: 15px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchColumn-contentAreaTitle { margin-bottom: 20px; } } .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaTitle { color: #d1bb7e; } .AppCnbcPhoenix .SearchColumn-contentAreaItem { font-size: 12px; line-height: 1.5; letter-spacing: .93px; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 360px) { .AppCnbcPhoenix .SearchColumn-contentAreaItem { line-height: .8; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreaItem { margin-bottom: 15px; line-height: .8; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchColumn-contentAreaItem { font-size: 14px; line-height: 1.42; letter-spacing: 1.09px; margin-bottom: 20px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem { line-height: 1.66; line-height: .8; } } @media (min-width: 360px) { .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem { line-height: .8; } } .AppCnbcPhoenix .SearchColumn-contentAreaItem, .AppCnbcPhoenix .SearchColumn-contentAreaItem a { font-weight: 500; color: #171717; } .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem, .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem a { color: #fff; } .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem:hover, .AppCnbcPhoenix .SearchColumn-overlay .SearchColumn-contentAreaItem a:hover { color: #d1bb7e; } .AppCnbcPhoenix .SearchColumn-contentAreaItem a:hover { color: #732634; } .AppCnbcPhoenix .SearchColumn-contentAreaItem:nth-child(n+4) { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-contentAreaItem:nth-child(n+4) { display: block; } } .AppCnbcPhoenix .SearchColumn-contentAreaItem:last-child { margin-bottom: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-contentAreas { display: -webkit-box; display: -ms-flexbox; display: flex; } } .AppCnbcPhoenix .Buffett-contentAreas.Buffett-overlay { padding: 0 20px 50px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-contentAreas.Buffett-overlay { padding-left: 0; padding-right: 0; margin-right: 70px; margin-left: 70px; width: calc(100% - 135px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-contentAreas.Buffett-overlay { margin-right: 140px; margin-left: 140px; width: calc(100% - 280px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-contentAreas.Buffett-overlay { margin-left: auto; margin-right: auto; max-width: 850px; } } .AppCnbcPhoenix .Buffett-contentAreaSection { margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-contentAreaSection { padding-right: 30px; width: 33.33333%; } } .AppCnbcPhoenix .Buffett-contentAreaSection:last-child { margin-bottom: 0; } .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaSection:last-child { padding-right: 0; } .AppCnbcPhoenix .Buffett-contentAreaTitle { font-weight: 800; color: #732634; font-family: Lyon; font-size: 16px; letter-spacing: .18px; margin-bottom: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-contentAreaTitle { margin-bottom: 10px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-contentAreaTitle { font-size: 18px; letter-spacing: .2px; margin-bottom: 15px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-contentAreaTitle { margin-bottom: 20px; } } .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaTitle { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-contentAreaItem { font-size: 12px; line-height: 1.5; letter-spacing: .93px; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-contentAreaItem { margin-bottom: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-contentAreaItem { font-size: 14px; line-height: 1.42; letter-spacing: 1.09px; margin-bottom: 20px; } } @media (min-width: 360px) { .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaItem { line-height: .8; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaItem { line-height: 1.66; } } .AppCnbcPhoenix .Buffett-contentAreaItem a { font-weight: 500; color: #171717; } .AppCnbcPhoenix .Buffett-contentAreaItem a:hover { color: #732634; } .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaItem a { color: #fff; } .AppCnbcPhoenix .Buffett-overlay .Buffett-contentAreaItem a:hover { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-contentAreaItem:last-child { margin-bottom: 0; } .AppCnbcPhoenix .SearchToggle-button { position: absolute; top: 0; right: 5px; height: 37px; width: 45px; color: #fff; z-index: 0; border-radius: 0; padding: 6px; margin-top: 3px; } .AppCnbcPhoenix .SearchToggle-button .icon-search { display: block; } .AppCnbcPhoenix .SearchToggle-button .icon-search:before { font-size: 24px; -webkit-transition: font-size .25s; transition: font-size .25s; } .AppCnbcPhoenix .SearchToggle-button .icon-close:before { font-size: 18px; } .AppCnbcPhoenix .SearchToggle-button span { display: none; font-weight: 700; font-size: 12px; letter-spacing: .85px; text-transform: uppercase; opacity: 1; -webkit-transition: opacity .25s; transition: opacity .25s; left: 10px; top: 10px; position: absolute; } .AppCnbcPhoenix .SearchToggle-button.SearchToggle-searchOpen { background: #005594; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 3px; width: 155px; height: 37px; padding: 0 20px 0 15px; background: #336aa0; margin-top: 10px; margin-right: 17px; } .AppCnbcPhoenix .SearchToggle-button span { display: block; margin-right: 32px; left: 12px; top: 8px; } .AppCnbcPhoenix .SearchToggle-button .icon-search { position: absolute; height: 20px; right: 10px; top: 0; bottom: 3px; margin: auto; } .AppCnbcPhoenix .SearchToggle-button .icon-search:before { font-size: 20px; } .AppCnbcPhoenix .SearchToggle-button:before { content: ""; background-color: rgba(102, 153, 190, 0.5); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: calc(100% - 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-button { position: absolute; top: auto; bottom: auto; right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 0; width: 155px; -webkit-transition: height .25s, -webkit-transform .25s; transition: height .25s, -webkit-transform .25s; transition: transform .25s, height .25s; transition: transform .25s, height .25s, -webkit-transform .25s; height: 37px; margin-top: 15px; margin-right: 0; background: #336aa0; } .AppCnbcPhoenix .SearchToggle-button span { left: 10px; top: 10px; } .AppCnbcPhoenix .SearchToggle-button .icon-search { right: 10px; bottom: 0; } } .AppCnbcPhoenix .SearchToggle-mega-menu .SearchToggle-button { position: relative; width: auto; } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-mega-menu .SearchToggle-button { padding: 0; margin: 0 75px; } } .AppCnbcPhoenix .SearchToggle-articleButton.SearchToggle-buttonSticky { color: #005594; width: 39px; z-index: 999; background: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-articleButton.SearchToggle-buttonSticky { display: block; line-height: 1px; } .AppCnbcPhoenix .SearchToggle-articleButton.SearchToggle-buttonSticky:before { content: ""; width: 1px; height: 30px; display: block; background: none; position: absolute; left: 0; bottom: 0; } } .AppCnbcPhoenix .SearchToggle-buttonSticky { -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 1000; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-buttonSticky { -webkit-transform: translateY(0); transform: translateY(0); height: 30px; width: 75px; -webkit-transition: width 0s .25s; transition: width 0s .25s; background: #005594; } .AppCnbcPhoenix .SearchToggle-buttonSticky:before { display: none; } .AppCnbcPhoenix .SearchToggle-buttonSticky span { opacity: 0; -webkit-transition: opacity .25s; transition: opacity .25s; } .AppCnbcPhoenix .SearchToggle-buttonSticky .icon-search { height: 26px; } .AppCnbcPhoenix .SearchToggle-buttonSticky .icon-search:before { font-size: 26px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-buttonSticky .icon-search { height: 38px; font-size: 26px; } .AppCnbcPhoenix .SearchToggle-buttonSticky .icon-search:before { font-size: 26px; } } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .AppCnbcPhoenix .SearchToggle-buttonSticky { height: 35px; } } .AppCnbcPhoenix .SearchToggle-megaMenuButton { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 50px; padding: 0 0 0 20px; background-color: #f2f2f2; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton { background-color: transparent; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton { right: 0; } } @media (min-width: 360px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton { right: 0; } } .AppCnbcPhoenix .SearchToggle-megaMenuButton span { display: inline-block; border-radius: 3px; color: #071d39; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-top: .2rem; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton span { margin-top: .3rem; left: 30px; top: 10px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton span { color: #fff; left: 0; } } .AppCnbcPhoenix .SearchToggle-megaMenuButton .icon-search { position: absolute; top: 0; right: 15px; bottom: 0; height: 30px; width: 30px; margin: auto; color: #071d39; font-size: 24px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton .icon-search { color: #fff; position: relative; margin-left: 50px; right: 0; } } @media (min-width: 1100px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton .icon-search { margin-left: 10px; } } .AppCnbcPhoenix .SearchToggle-megaMenuButton .icon-search:before { display: block; height: 100%; line-height: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton:hover .icon-search, .AppCnbcPhoenix .SearchToggle-megaMenuButton:hover span { color: #ffbc05; } } .AppCnbcPhoenix .SearchToggle-touchButton { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AppCnbcPhoenix .SearchToggle-touchButton:hover { color: #fff; } @media (hover: hover) { .AppCnbcPhoenix .SearchToggle-touchButton:hover { color: #ffbc05; } } .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button { top: 20px; right: 20px; height: auto; width: auto; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button { display: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button { display: block; top: 30px; right: 30px; text-align: right; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button { top: 50px; right: 0; } } .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button:hover { color: #d1bb7e; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button .icon-close:before { font-size: 15px; } } .AppCnbcPhoenix .SearchToggle-buffett.SearchToggle-button span { display: none; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button { height: 20px; width: 150px; font-family: Averta; position: absolute; right: 0; top: 15px; color: #68ebca; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button { position: absolute; right: 0; top: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button { position: static; display: block; top: 30px; right: 30px; text-align: right; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button { position: static; top: 50px; right: 0; } } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button:focus, .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button:focus span, .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button:hover, .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button:hover span { color: #68ebca; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button span { display: inline-block; color: #fff; font-size: 14px; font-weight: 600; margin-right: 10px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button .icon-search { position: static; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button .icon-search { position: static; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button .icon-search { position: static; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-button .icon-search { position: static; } } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky { -webkit-transform: translateY(0); transform: translateY(0); width: 45px; right: 20px; font-size: 16px; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky:focus, .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky:hover { color: #fff; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky span { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky { position: absolute; right: 0; top: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky { position: absolute; display: inline-block; top: 20px; right: 0; text-align: right; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-buttonSticky { position: absolute; top: 20px; right: 0; } } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen { display: block; font-size: 22px; -webkit-transform: translateY(0); transform: translateY(0); width: 22px; height: 22px; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen:focus, .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen:hover { color: #fff; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen [class*=icon-makeit] { position: absolute; display: block; height: 20px; width: 20px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen [class*=icon-makeit]:before { font-size: inherit; line-height: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen { font-size: 16px; position: absolute; top: 25px; height: 20px; width: 20px !important; padding: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen { height: 27px; width: 27px !important; font-size: 26px; right: 0; text-align: right; } .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen [class*=icon-makeit] { height: 27px; width: 27px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-makeit.SearchToggle-searchOpen { position: absolute; top: 30px; right: 0; } } @-webkit-keyframes MakeitCircleStory-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes MakeitCircleStory-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes MakeitCircleStory-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeitCircleStory-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeitCircleStory-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeitCircleStory-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeitCircleStory-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeitCircleStory-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeitCircleStory-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes MakeitCircleStory-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .MakeitCircleStory-containerExpanded { display: block; position: relative; width: 190px; -webkit-animation: MakeitCircleStory-circleStory 1.2s; animation: MakeitCircleStory-circleStory 1.2s; } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-containerExpanded { width: 300px; } } .AppCnbcPhoenix .MakeitCircleStory-storyImage { border-radius: 50%; height: 0; width: 190px; padding-top: 100%; background-position: top; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .AppCnbcPhoenix .MakeitCircleStory-storyImage:focus .MakeitCircleStory-videoButton, .AppCnbcPhoenix .MakeitCircleStory-storyImage:hover .MakeitCircleStory-videoButton { background-color: #6258ff; } .AppCnbcPhoenix .MakeitCircleStory-storyImage:focus + .MakeitCircleStory-info .MakeitCircleStory-title, .AppCnbcPhoenix .MakeitCircleStory-storyImage:hover + .MakeitCircleStory-info .MakeitCircleStory-title { color: #fff; text-decoration: underline; } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-storyImage { width: 300px; padding-top: 100%; } } .AppCnbcPhoenix .MakeitCircleStory-info { position: absolute; top: 90%; border-top: 5px solid #fff; width: 45%; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-info { width: 100%; } } .AppCnbcPhoenix .MakeitCircleStory-title { display: block; color: #fff; font-weight: 700; font-size: 16px; line-height: 1.25; } .AppCnbcPhoenix .MakeitCircleStory-title:focus, .AppCnbcPhoenix .MakeitCircleStory-title:hover { color: #fff; text-decoration: underline; } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-title { font-size: 20px; max-width: 100%; } } .AppCnbcPhoenix .MakeitCircleStory-eyebrow { display: inline-block; margin: 10px 0; text-transform: uppercase; color: #68ebca; font-weight: 600; font-size: 11px; letter-spacing: 1.38px; } .AppCnbcPhoenix .MakeitCircleStory-eyebrow:focus, .AppCnbcPhoenix .MakeitCircleStory-eyebrow:hover { color: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-eyebrow { margin: 14px 0 10px; } } .AppCnbcPhoenix .MakeitCircleStory-searchType { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-searchType { width: 206px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeitCircleStory-searchType { width: 226px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-searchType { width: 301px; } } .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-info { position: static; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-info { position: absolute; top: 80%; left: 0; } } .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-storyImage { width: 45%; height: 0; padding-top: 45%; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-storyImage { width: 206px; padding-top: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-storyImage { width: 180px; padding-top: 180px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-searchType .MakeitCircleStory-storyImage { width: 190px; height: 190px; padding-top: 0; } } .AppCnbcPhoenix .MakeitCircleStory-videoButton { position: relative; display: inline-block; height: 60px; width: 60px; background-color: #ff685d; border-radius: 50%; -webkit-transition: background-color .25s linear; transition: background-color .25s linear; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .AppCnbcPhoenix .MakeitCircleStory-videoButton:before { display: block; font-family: makeit-icons; content: "\E910"; color: #fff; position: absolute; top: 0; left: 0; right: 0; width: 22px; margin: auto; font-size: 22px; line-height: 60px; } @-webkit-keyframes SearchOverlay-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes SearchOverlay-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes SearchOverlay-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchOverlay-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchOverlay-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchOverlay-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchOverlay-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes SearchOverlay-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes SearchOverlay-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes SearchOverlay-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .icon-buffett-backtotop:before { font-size: 1.5em; padding-left: 3px; } #back-top-top { cursor: pointer; position: fixed; right: 0; bottom: 40px; padding: 10px; background: #005594; color: #fff; display: none; height: auto; } #back-top-top:hover { background: #2077b6; } .AppCnbcPhoenix #presearchheader { margin-top: 27px !important; margin-bottom: -10px !important; display: block; width: 100% !important; text-transform: uppercase; letter-spacing: .5px; } .AppCnbcPhoenix #presearchheader div { position: static; width: 100%; top: 0; padding-top: 5px; text-align: left; font-weight: 900 !important; font-size: 20px !important; padding-left: 0 !important; color: #002f6c !important; border-top: 6px solid #002f6c; } .AppCnbcPhoenix .openSearchNav { overflow-y: hidden; } @media (min-width: 1340px) { .AppCnbcPhoenix .searchResultsCols { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .searchCol4 { min-width: 35%; max-width: 35%; } .AppCnbcPhoenix .searchCol8 { min-width: 60%; max-width: 60%; padding-right: 0; } .AppCnbcPhoenix .searchResultsCols { max-width: 100%; min-width: 100%; padding: 0 60px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .searchCol4 { min-width: 420px; max-width: 420px; } .AppCnbcPhoenix .searchCol8 { min-width: 820px; max-width: 820px; padding-right: 0; } .AppCnbcPhoenix .searchResultsCols { max-width: 1320px; min-width: 1320px; padding: 0 20px; } } .AppCnbcPhoenix .SearchOverlay-searchResultsContainer { margin: 0 auto; } .AppCnbcPhoenix .SearchOverlay-overlayContainer { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; width: 100%; z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; } .AppCnbcPhoenix .SearchOverlay-overlayContainer:before { content: ""; display: block; position: fixed; top: 100px; left: 0; height: 100vh; width: 100vw; background-color: #fff; } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-overlayContainer:before { background-color: rgba(255, 255, 255, 0); } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-overlayContainer:before { background-color: rgba(255, 255, 255, 0.8); -webkit-transition: background-color .1s ease-in .3s; transition: background-color .1s ease-in .3s; } .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-overlayContainer:before { background-color: rgba(255, 255, 255, 0.8); } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-overlayContainer:before { background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-enter { -webkit-transform: translateX(100%); transform: translateX(100%); } .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-enter-active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in; } .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-leave { -webkit-transform: translateX(0); transform: translateX(0); } .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-leave-active { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { background-color: transparent; } .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-enter, .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-enter-active, .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-leave, .AppCnbcPhoenix .SearchOverlay-overlayContainer.SearchOverlay-leave-active { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding-left: 0; padding-right: 0; padding: 0; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-overlayContainer { padding: 0; } } .AppCnbcPhoenix .SearchOverlay-adContainer { margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; } .AppCnbcPhoenix .SearchOverlay-adLeftContainer { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-adLeftContainer { margin-bottom: 40px; } } .AppCnbcPhoenix .SearchOverlay-brandingContainer { position: relative; width: 100%; background-color: #005594; z-index: 5; } .AppCnbcPhoenix .SearchOverlay-branding { position: relative; top: 0; left: 0; width: 100%; z-index: 3; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-branding { height: 46px; } .AppCnbcPhoenix .SearchOverlay-branding [class*=-button] { -webkit-transition: none !important; transition: none !important; width: 54px !important; display: block; } .AppCnbcPhoenix .SearchOverlay-branding [class*=-button][class*=-makeit] { width: 20px !important; } .AppCnbcPhoenix .SearchOverlay-branding [class*=-button]:before { display: none; } .AppCnbcPhoenix .SearchOverlay-branding [class*=-button] span { visibility: hidden; -webkit-transform: translateY(-70px); transform: translateY(-70px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-branding { height: 70px; max-width: 960px; margin: 0 auto; } .AppCnbcPhoenix .SearchOverlay-branding [class*=-button] { right: -8px; -webkit-transition: none; transition: none; } .AppCnbcPhoenix .SearchOverlay-branding[class*=-makeit] { width: 27px !important; right: 0; } } @media (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-branding { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-branding { max-width: 1290px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-branding { background-color: rgba(0, 85, 148, 0); } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-branding [class*=-button] { width: 140px; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-branding [class*=-button] { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-branding { background-color: #005594; -webkit-transition: background-color .1s ease-in; transition: background-color .1s ease-in; } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-branding [class*=-button] { width: 75px; -webkit-transition: width .2s ease-in; transition: width .2s ease-in; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-branding [class*=-button] { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: width .2s ease-in, background-color .1s ease-in, -webkit-transform .2s ease-in .1s; transition: width .2s ease-in, background-color .1s ease-in, -webkit-transform .2s ease-in .1s; transition: transform .2s ease-in .1s, width .2s ease-in, background-color .1s ease-in; transition: transform .2s ease-in .1s, width .2s ease-in, background-color .1s ease-in, -webkit-transform .2s ease-in .1s; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-branding { background-color: #005594; } .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-branding [class*=-button] { width: 75px; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-branding [class*=-button] { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-branding { background-color: rgba(0, 85, 148, 0); -webkit-transition: background-color .1s ease-out .2s; transition: background-color .1s ease-out .2s; } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-branding [class*=-button] { width: 140px; -webkit-transition: width .1s ease-in .2s; transition: width .1s ease-in .2s; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-branding [class*=-button] { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: opacity .2s ease-out, background-color .1s ease-out .2s, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, background-color .1s ease-out .2s, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, background-color .1s ease-out .2s; transition: transform .2s ease-out, opacity .2s ease-out, background-color .1s ease-out .2s, -webkit-transform .2s ease-out; } } .AppCnbcPhoenix .SearchOverlay-brandingLogo { position: absolute; display: block; width: 127px; left: 20px; top: 12px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-brandingLogo { -webkit-transform: translateY(11px); transform: translateY(11px); } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-brandingLogo { -webkit-transition: -webkit-transform .2s ease-in .1s; transition: -webkit-transform .2s ease-in .1s; transition: transform .2s ease-in .1s; transition: transform .2s ease-in .1s, -webkit-transform .2s ease-in .1s; } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-brandingLogo, .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-brandingLogo { -webkit-transform: translateY(11px); transform: translateY(11px); } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-brandingLogo { left: 0; -webkit-transform: translateY(25px); transform: translateY(25px); } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-brandingLogo { -webkit-transition: -webkit-transform .2s ease-in .1s; transition: -webkit-transform .2s ease-in .1s; transition: transform .2s ease-in .1s; transition: transform .2s ease-in .1s, -webkit-transform .2s ease-in .1s; } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-brandingLogo, .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-brandingLogo { -webkit-transform: translateY(25px); transform: translateY(25px); } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } } .AppCnbcPhoenix .SearchOverlay-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.1); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-content { -webkit-transform-origin: top; transform-origin: top; } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-content { -webkit-transform: scaleY(0); transform: scaleY(0); } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-content { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .3s ease-in; transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; } .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-content { -webkit-transform: scaleY(1); transform: scaleY(1); } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-content { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .2s ease-out .1s; transition: -webkit-transform .2s ease-out .1s; transition: transform .2s ease-out .1s; transition: transform .2s ease-out .1s, -webkit-transform .2s ease-out .1s; } } .AppCnbcPhoenix .SearchOverlay-inputContainer { position: relative; padding: 20px; background-color: #005594; z-index: 2; opacity: 1; } @media (min-width: 360px) { .AppCnbcPhoenix .SearchOverlay-inputContainer { padding-top: 45px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-inputContainer { padding: 15px 0 25px; } .AppCnbcPhoenix .SearchOverlay-inputContainer > * { opacity: 1; } .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-inputContainer > * { opacity: 0 !important; } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-inputContainer > * { opacity: 1 !important; -webkit-transition: opacity .1s ease-in .3s; transition: opacity .1s ease-in .3s; } .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-inputContainer > * { opacity: 1 !important; } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-inputContainer > * { opacity: 0 !important; -webkit-transition: -webkit-transform .1s ease-out; transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; transition: transform .1s ease-out, -webkit-transform .1s ease-out; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-inputContainer { padding: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-inputContainer { padding: 20px; } } .AppCnbcPhoenix .SearchOverlay-contentContainer { background-color: #fff; z-index: 1; opacity: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-enter .SearchOverlay-contentContainer { opacity: 0 !important; } .AppCnbcPhoenix .SearchOverlay-enter-active .SearchOverlay-contentContainer { opacity: 1 !important; -webkit-transition: opacity .1s ease-in .3s; transition: opacity .1s ease-in .3s; } .AppCnbcPhoenix .SearchOverlay-leave .SearchOverlay-contentContainer { opacity: 1 !important; } .AppCnbcPhoenix .SearchOverlay-leave-active .SearchOverlay-contentContainer { opacity: 0 !important; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } } .AppCnbcPhoenix .SearchOverlay-contentWrapper { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 20px; overflow-x: hidden; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-contentWrapper { padding: 20px 20px 0; margin: 0 auto; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-contentWrapper { max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; padding: 0; max-width: 1200px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-contentWrapper { padding: 40px 0 100px; max-width: 1350px; } } .AppCnbcPhoenix .SearchOverlay-contentItem { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-contentItem:first-child, .AppCnbcPhoenix .SearchOverlay-contentItem:last-child { min-width: 270px; max-width: 270px; } .AppCnbcPhoenix .SearchOverlay-contentItem:nth-child(2) { min-width: 350px; max-width: 350px; margin-left: 35px; margin-right: 35px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-contentItem:first-child, .AppCnbcPhoenix .SearchOverlay-contentItem:last-child { min-width: 300px; max-width: 300px; } .AppCnbcPhoenix .SearchOverlay-contentItem:nth-child(2) { min-width: 412px; max-width: 412px; margin-left: 60px; margin-right: 60px; } } .AppCnbcPhoenix .buffett #query { color: #fff; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer { background-color: #2e0810; height: 100%; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer a { color: #fff; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer a:hover { color: #d1bb7e; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer input::-webkit-input-placeholder { text-transform: none; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer input:-ms-input-placeholder, .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer input::-ms-input-placeholder { text-transform: none; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer input::placeholder { text-transform: none; } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer button:before { color: #d1bb7e; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer { height: auto; overflow: visible; -webkit-transform: translateY(45px); transform: translateY(45px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer { -webkit-transform: translateY(0); transform: translateY(0); margin-left: 0; margin-right: 0; } } .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer:before { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-buffett.SearchOverlay-overlayContainer:after { content: ""; background-color: rgba(255, 255, 255, 0.9); position: absolute; opacity: 1; top: 100%; left: 0; height: calc(100vh - 100%); width: 100vw; } } .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-content, .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-contentContainer, .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-inputContainer { background-color: #2e0810; } .AppCnbcPhoenix .SearchOverlay-buffettBranding { font-weight: 400; color: #fff; letter-spacing: .26px; font-family: Lyon; font-size: 26px; font-style: italic; padding: 40px 20px 0; margin-bottom: 15px; text-align: center; width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-buffettBranding { font-size: 40px; margin-bottom: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-buffettBranding { font-size: 52px; letter-spacing: .52px; padding-top: 60px; margin-bottom: 40px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-buffettBranding { margin-bottom: 80px; } } .AppCnbcPhoenix .SearchOverlay-buffettBranding span { font-weight: 800; color: #d1bb7e; letter-spacing: .24px; font-style: normal; } .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-inputContainer { padding-top: 0; padding-bottom: 0; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-inputContainer { padding-left: 0; padding-right: 0; margin-right: 70px; margin-left: 70px; margin-bottom: 40px; width: calc(100% - 135px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-inputContainer { margin-right: 140px; margin-left: 140px; margin-bottom: 60px; width: calc(100% - 280px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-buffett .SearchOverlay-inputContainer { margin-left: auto; margin-right: auto; margin-bottom: 100px; width: 1070px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-buffettHeaderWrapper { margin: 0 auto; max-width: 100%; position: relative; width: 100%; } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-buffettHeaderWrapper { max-width: 678px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-buffettHeaderWrapper { max-width: 960px; } } @media (min-width: 1340px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-buffettHeaderWrapper { max-width: 1077px; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-buffettHeaderWrapper { max-width: 1290px; } } .AppCnbcPhoenix .SearchOverlay-makeit.SearchOverlay-overlayContainer { background-color: #3e4855; font-family: Averta; height: 100vh; max-height: 100vh; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeit.SearchOverlay-overlayContainer { height: auto; overflow: visible; height: 100vh; max-height: 100vh; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit.SearchOverlay-overlayContainer { -webkit-transform: translateY(0); transform: translateY(0); margin-left: 0; margin-right: 0; max-height: 100vh; } } .AppCnbcPhoenix .SearchOverlay-makeit.SearchOverlay-overlayContainer:before { display: none; } .AppCnbcPhoenix .SearchOverlay-brandingContainer { padding: 0 20px; } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { background-color: transparent; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { padding: 0 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingContainer { max-width: 1290px; } } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingLogo { width: 111px; left: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingLogo { width: 101px; top: 10px; left: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingLogo { width: 151px; top: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-brandingLogo { width: 166px; } } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-branding { height: 60px; background-color: transparent; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-branding { height: 80px; } } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-content, .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-contentContainer, .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-inputContainer { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-content { padding-bottom: 20px; } .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-inputContainer { padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-inputContainer { padding-top: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-inputContainer { padding-top: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-makeit .SearchOverlay-inputContainer { padding-top: 40px; } } .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { margin: 0 auto; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { padding: 0 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStoriesContainer { max-width: 1290px; } } .AppCnbcPhoenix .SearchOverlay-makeitTrendingTitle { font-size: 36px; color: #68ebca; font-weight: 700; margin: 0 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingTitle { margin: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingTitle { font-size: 46px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .AppCnbcPhoenix .SearchOverlay-makeitTrendingStories li { padding: 20px; min-height: 180px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-makeitTrendingStories li { min-height: 300px; padding: 0; } } @-webkit-keyframes mega-links-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes mega-links-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes mega-links-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes mega-links-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes mega-links-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes mega-links-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes mega-links-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes mega-links-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes mega-links-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes mega-links-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .mega-links-container a { color: #005594; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-container { width: 60%; } } .AppCnbcPhoenix .mega-links-item { padding: 0 0 0 20px; width: 100%; position: relative; border-bottom: 1px solid #9b9b9b; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-item { position: static; border: none; } } .AppCnbcPhoenix .mega-links-expanded:before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #071d39; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-expanded:before { display: none; } } .AppCnbcPhoenix .mega-links-wrapper { overflow: visible; position: relative; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-wrapper { border-right: 1px solid #9b9b9b; padding-right: 20px; width: 50%; margin-top: 100px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-links-wrapper { padding-right: 40px; } } .AppCnbcPhoenix .mega-links-activeBar { position: absolute; top: -5px; right: -4px; height: 30px; width: 6px; background: #071d39; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-activeBar { display: block; } } .AppCnbcPhoenix .mega-links-primaryLink { font-weight: 500; display: block; width: 100%; position: relative; height: 70px; line-height: 70px; font-size: 22px; text-align: left; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform-origin: center right; transform-origin: center right; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-primaryLink { font-size: 20px; letter-spacing: 1.3px; margin-bottom: 32px; height: auto; line-height: 1; text-align: right; } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-links-primaryLink { font-size: 28px; letter-spacing: 3px; } } .AppCnbcPhoenix .mega-links-primaryLink a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .AppCnbcPhoenix .mega-links-primaryLink button { position: relative; height: 0; padding-top: 70px; width: 70px; background: #f2f2f2; color: #071d39; text-align: center; line-height: 70px; overflow: hidden; } .AppCnbcPhoenix .mega-links-primaryLink button:before { top: 0; left: 0; width: 100%; height: 100%; position: absolute; font-size: 16px; line-height: 70px; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .25s linear; transition: -webkit-transform .25s linear; transition: transform .25s linear; transition: transform .25s linear, -webkit-transform .25s linear; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-primaryLink button { display: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-primaryLinkExpanded { font-weight: 600; -webkit-transform: scale(1.32); transform: scale(1.32); } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-links-primaryLinkExpanded { -webkit-transform: scale(1.33); transform: scale(1.33); } } .AppCnbcPhoenix .mega-links-primaryLinkExpanded a { color: #071d39; } .AppCnbcPhoenix .mega-links-primaryLinkExpanded button { background: #071d39; color: #fff; } .AppCnbcPhoenix .mega-links-primaryLinkExpanded button:before { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .AppCnbcPhoenix .mega-links-subLinks { position: relative; width: 100%; overflow: auto; margin: 0; overflow: hidden; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-subLinks { position: absolute; top: 0; left: calc(100% + 20px); width: calc(100% - 60px); max-width: 400px; -webkit-transition: visibility 0s, opacity .5s linear; transition: visibility 0s, opacity .5s linear; max-height: calc(100vh - 102px); overflow: auto; padding-right: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-links-subLinks { left: calc(100% + 40px); } } .AppCnbcPhoenix .mega-links-subLinks li { font-weight: 500; position: relative; display: block; width: 50%; min-height: 30px; line-height: 1.2; text-align: left; font-size: 16px; margin-bottom: 13px; padding-right: 30px; } .AppCnbcPhoenix .mega-links-subLinks li a { color: #071d39; } .AppCnbcPhoenix .mega-links-subLinks li a .mega-links-event { font-size: 12px; margin-top: 5px; } .AppCnbcPhoenix .mega-links-subLinks li a .mega-links-event .mega-links-location { color: #747474; } .AppCnbcPhoenix .mega-links-subLinks li a:focus, .AppCnbcPhoenix .mega-links-subLinks li a:focus .mega-links-location, .AppCnbcPhoenix .mega-links-subLinks li a:hover, .AppCnbcPhoenix .mega-links-subLinks li a:hover .mega-links-location { color: #fcb700; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-links-subLinks li { font-size: 15px; line-height: 1; width: 100%; min-height: auto; margin-bottom: 15px; padding: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-links-subLinks li { font-size: 20px; margin-bottom: 20px; } } .AppCnbcPhoenix .top-stories-container { background: #071d39; color: #fff; text-align: left; padding: 30px 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .top-stories-container { padding: 30px 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-container { position: relative; height: 100vh; padding-top: 100px; padding-right: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-container { padding: 100px 80px; padding-right: 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-container:after { content: ""; background-color: #071d39; height: 100vh; width: 50vw; position: absolute; top: 0; left: 0; z-index: -1; } } .AppCnbcPhoenix .top-stories-container h2 { font-weight: 700; font-size: 22px; text-transform: uppercase; margin: 0 0 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .top-stories-container h2 { font-size: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-container h2 { font-size: 24px; margin-bottom: 25px; letter-spacing: 1px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-container h2 { font-size: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-container { width: 40%; } } .AppCnbcPhoenix .top-stories-story { height: 150px; position: relative; margin-bottom: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-story { height: 125px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-story { height: 150px; } } .AppCnbcPhoenix .top-stories-content { width: 50%; } @media (min-width: 760px) { .AppCnbcPhoenix .top-stories-content { width: calc(100% - 280px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-content { width: calc(100% - 140px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-content { width: calc(100% - 200px); } } .AppCnbcPhoenix .top-stories-content:hover .top-stories-title { color: #fcb700; } .AppCnbcPhoenix .top-stories-title { font-weight: 700; color: #fff; font-size: 14px; line-height: 1.4; } @media (min-width: 760px) { .AppCnbcPhoenix .top-stories-title { font-size: 18px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-title { display: block; padding-top: 0; font-size: 15px; line-height: 19px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-title { font-size: 18px; line-height: 22px; } } .AppCnbcPhoenix .top-stories-title:hover { color: #fcb700; } .AppCnbcPhoenix .top-stories-category { font-weight: 800; display: block; color: #00e0ff; font-size: 12px; text-transform: uppercase; margin-bottom: 10px; } .AppCnbcPhoenix .top-stories-category:hover .top-stories-title { color: #fcb700; } .AppCnbcPhoenix .top-stories-img { background-size: cover; position: absolute; top: 0; right: -20px; height: 150px; width: 150px; } @media (min-width: 760px) { .AppCnbcPhoenix .top-stories-img { right: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .top-stories-img { height: 125px; width: 125px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .top-stories-img { height: 150px; width: 150px; } } .AppCnbcPhoenix .mega-menu-megaMenu { position: fixed; display: block; top: 45px; left: 0; height: 100%; width: 100%; padding-bottom: 45px; background: #fff; z-index: 999; color: #071d39; overflow-y: scroll; -webkit-overflow-scrolling: touch; opacity: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .mega-menu-megaMenu { top: 0; padding-bottom: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-megaMenu { overflow-x: hidden; overflow-y: auto; height: 100%; width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { margin: 0 auto; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { max-width: 1290px; } } @media screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .mega-menu-megaMenuContainer { max-width: 100%; } } .AppCnbcPhoenix .mega-menu-searchToggle { display: block; padding: 20px; border-bottom: 1px solid #9b9b9b; background-color: #fff; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-searchToggle { background-color: transparent; border-bottom: none; padding: 27px 40px; position: absolute; right: 0; z-index: 1; } } .AppCnbcPhoenix .mega-menu-topBar { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 45px; height: 45px; max-height: 45px; padding: 0 30px 0 20px; background-color: #005594; z-index: 10000; } @media (min-width: 760px) { .AppCnbcPhoenix .mega-menu-topBar { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-topBar { position: absolute; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; min-height: 92px; height: 102px; max-height: 102px; padding: 0 0 0 8px; background-color: transparent; width: 50%; } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-menu-topBar { height: 102px; max-height: 102px; } } .AppCnbcPhoenix .mega-menu-close { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; color: #fff; background: none; font-size: 17px; } .AppCnbcPhoenix .mega-menu-close span:before { display: block; } .AppCnbcPhoenix .mega-menu-close:hover { color: #fcb700; } .AppCnbcPhoenix .mega-menu-close:focus { color: #fff; } .AppCnbcPhoenix .mega-menu-close:focus:hover { color: #fcb700; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-close:focus { color: #005594; } } @media (min-width: 760px) { .AppCnbcPhoenix .mega-menu-close { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-close { color: #005594; font-size: 15px; } } .AppCnbcPhoenix .mega-menu-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 35px; max-width: 35px; } @media (min-width: 760px) { .AppCnbcPhoenix .mega-menu-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-logo { min-width: 120px; max-width: 120px; } } .AppCnbcPhoenix .mega-menu-logo img { width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-logoSmall { display: none; } } .AppCnbcPhoenix .mega-menu-logoLarge { display: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-logoLarge { display: block; } } .AppCnbcPhoenix .mega-menu-search { font-weight: 600; margin-right: 30px; color: #fff; font-size: 14px; letter-spacing: 1px; } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-menu-search { margin-right: 75px; } } .AppCnbcPhoenix .mega-menu-accountLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AppCnbcPhoenix .mega-menu-accountLinks li { height: 70px; line-height: 70px; padding: 0 20px; text-align: center; } .AppCnbcPhoenix .mega-menu-accountLinks a { font-weight: 600; color: #071d39; font-size: 14px; letter-spacing: .85px; } .AppCnbcPhoenix .mega-menu-accountLinks li:first-child, .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(2), .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(3) { width: 33.3333%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(4), .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(5) { border-top: 1px solid #f2f2f2; text-align: center; width: 50%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(5) { border-left: 1px solid #f2f2f2; } .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(5) a { margin: 0 14px; } .AppCnbcPhoenix .mega-menu-accountLinks li:nth-child(5) a:last-child:before { content: "\2022"; color: #000; font-size: 10px; position: relative; left: -14px; top: -2px; } .AppCnbcPhoenix .mega-menu-accountLinks .icon-offsite-arrow { display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 14px; } .AppCnbcPhoenix .mega-menu-accountLinks .icon-offsite-arrow:before { font-size: 12px; line-height: 14px; color: rgba(7, 29, 57, 0.4); } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-accountLinks { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .AppCnbcPhoenix .mega-menu-megaMenu { margin-top: 2.5rem; } } @-webkit-keyframes BreakingNews-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes BreakingNews-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes BreakingNews-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes BreakingNews-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes BreakingNews-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes BreakingNews-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes BreakingNews-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes BreakingNews-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes BreakingNews-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes BreakingNews-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @-webkit-keyframes BreakingNews-SlideInFull { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } .AppCnbcPhoenix .BreakingNews-container { position: relative; width: 100%; background: #ce2b2b; height: 40px; line-height: 40px; color: #fff; z-index: -1; } .AppCnbcPhoenix .BreakingNews-container .BreakingNews-closeButton, .AppCnbcPhoenix .BreakingNews-container .BreakingNews-heading { z-index: 3; } .AppCnbcPhoenix .BreakingNews-container .BreakingNews-article { z-index: 1; } .AppCnbcPhoenix .BreakingNews-container.BreakingNews-intro:not(.BreakingNews-stickyContainer):before { content: ""; position: absolute; left: 100%; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, #fc3c46), color-stop(70%, #fc3c46), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fc3c46 30%, #fc3c46 70%, rgba(255, 255, 255, 0)); background-size: 100% 100%; background-position-x: center; -webkit-animation: BreakingNews-SlideInFull 2s ease; animation: BreakingNews-SlideInFull 2s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; z-index: 2; } @media (max-width: 760px) { .AppCnbcPhoenix .BreakingNews-stickyContainer { width: 174px; background: #ce2b2b; height: 40px; line-height: 40px; color: #fff; position: fixed; top: 8px; left: 20px; overflow-y: visible; z-index: 990; } .AppCnbcPhoenix .BreakingNews-stickyContainer .BreakingNews-heading { margin: 0; } .AppCnbcPhoenix .BreakingNews-stickyContainer .BreakingNews-newsText { display: inline-block; } .AppCnbcPhoenix .BreakingNews-stickyContainer:before { content: ""; position: absolute; top: -4px; left: 8px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #ce2b2b; font-size: 0; line-height: 0; } .AppCnbcPhoenix .BreakingNews-stickyContainer .BreakingNews-wrapper { height: 40px; } .AppCnbcPhoenix .BreakingNews-stickyContainer .BreakingNews-article, .AppCnbcPhoenix .BreakingNews-stickyContainer .BreakingNews-closeButton { display: none; } } @media (max-width: 760px) { .AppCnbcPhoenix .BreakingNews-stickyContainer.BreakingNews-timerFired { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translateY(-110px); transform: translateY(-110px); } } .AppCnbcPhoenix .BreakingNews-gridContainer { height: 40px; } @media (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-gridContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .BreakingNews-gridContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-gridContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .BreakingNews-gridContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .BreakingNews-gridContainer { max-width: 1290px; } } .AppCnbcPhoenix .BreakingNews-wrapper { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } @media (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; position: relative; padding: 0; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .BreakingNews-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .BreakingNews-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .BreakingNews-heading { font-weight: 800; font-size: 16px; margin-right: 20px; color: #fff; } .AppCnbcPhoenix .BreakingNews-heading:hover { color: #fff; } .AppCnbcPhoenix .BreakingNews-newsText { display: none; } .AppCnbcPhoenix .BreakingNews-titleContainer { position: relative; } .AppCnbcPhoenix .BreakingNews-article { font-weight: 500; font-size: 18px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: calc(100% - 130px); white-space: nowrap; overflow: hidden; position: relative; margin-right: 10px; } .AppCnbcPhoenix .BreakingNews-article:after { content: ""; width: 80px; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#ce2b2b), to(rgba(206, 43, 43, 0))); background: linear-gradient(270deg, #ce2b2b, rgba(206, 43, 43, 0)); position: absolute; top: 0; right: 0; } .AppCnbcPhoenix .BreakingNews-article:hover { text-decoration: underline; color: #fff; } .AppCnbcPhoenix .BreakingNews-marquee { overflow: hidden; position: relative; white-space: nowrap; -webkit-animation: BreakingNews-marquee 10s linear infinite; animation: BreakingNews-marquee 10s linear infinite; } .AppCnbcPhoenix .BreakingNews-closeButton { color: #fff; font-size: 15px; position: absolute; top: 11px; right: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-closeButton { right: 2px; } } @-webkit-keyframes LiveAlerts-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes LiveAlerts-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes LiveAlerts-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LiveAlerts-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes LiveAlerts-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LiveAlerts-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes LiveAlerts-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LiveAlerts-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes LiveAlerts-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes LiveAlerts-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .LiveAlerts-container { position: relative; width: 100%; background: #ce2b2b; height: 40px; line-height: 40px; color: #fff; -webkit-transition: none; transition: none; overflow: hidden; z-index: -1; } @media (max-width: 760px) { .AppCnbcPhoenix .LiveAlerts-stickyContainer { -webkit-transition: height .3s, -webkit-transform .3s; transition: height .3s, -webkit-transform .3s; transition: transform .3s, height .3s; transition: transform .3s, height .3s, -webkit-transform .3s; height: 0; } .AppCnbcPhoenix .LiveAlerts-stickyContainer .LiveAlerts-gridContainer { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translateY(-40px); transform: translateY(-40px); } } .AppCnbcPhoenix .LiveAlerts-gridContainer { height: 40px; -webkit-transition: none; transition: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-gridContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .LiveAlerts-gridContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-gridContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .LiveAlerts-gridContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .LiveAlerts-gridContainer { max-width: 1290px; } } .AppCnbcPhoenix .LiveAlerts-wrapper { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } @media (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; padding: 0; position: relative; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .LiveAlerts-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .LiveAlerts-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .LiveAlerts-heading { font-weight: 800; font-size: 16px; margin-right: 49px; color: #fff; } .AppCnbcPhoenix .LiveAlerts-heading:hover { color: #fff; } .AppCnbcPhoenix .LiveAlerts-newsText { display: none; } .AppCnbcPhoenix .LiveAlerts-article { font-weight: 500; font-size: 18px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: calc(100% - 131px); white-space: nowrap; overflow: hidden; position: relative; margin-right: 10px; } .AppCnbcPhoenix .LiveAlerts-article:after { content: ""; width: 80px; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#ce2b2b), to(rgba(206, 43, 43, 0))); background: linear-gradient(270deg, #ce2b2b, rgba(206, 43, 43, 0)); position: absolute; top: 0; right: 0; } .AppCnbcPhoenix .LiveAlerts-article:hover { text-decoration: underline; color: #fff; } .AppCnbcPhoenix .LiveAlerts-marquee { overflow: hidden; position: relative; white-space: nowrap; -webkit-animation: LiveAlerts-marquee 10s linear infinite; animation: LiveAlerts-marquee 10s linear infinite; } .AppCnbcPhoenix .LiveAlerts-closeButton { color: #fff; font-size: 15px; position: absolute; top: 11px; right: 20px; } @media (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-closeButton { right: 2px; } } .AppCnbcPhoenix .LiveAlerts-liveIcon { margin-right: 5px; top: 1px; position: relative; font-size: 14px; } .AppCnbcPhoenix .NavSpacer-navSpacer { height: 45px; display: block; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 112px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer { height: 70px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerCountDownClock { height: 112px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 85px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 125px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 192px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert { height: 110px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerLiveAlert { height: 150px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 152px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 85px; } @media (min-width: 360px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 125px; } } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert { height: 150px; } } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerNewsAlert.NavSpacer-navSpacerCountDownClock { height: 192px; } .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert.NavSpacer-navSpacerCountDownClock { height: 152px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-navSpacer.NavSpacer-navSpacerLiveAlert { height: 110px; } } @keyframes countdown-clock-slide-in { 0% { height: 0; } to { height: 42px; } } @-webkit-keyframes countdown-clock-slide-in { 0% { height: 0; } to { height: 42px; } } @keyframes countdown-clock-slide-out { 0% { height: 42px; } to { height: 0; } } @-webkit-keyframes countdown-clock-slide-out { 0% { height: 42px; } to { height: 0; } } .AppCnbcPhoenix .countdown-clock-container { font-weight: 700; color: #fff; background-color: #000; height: 42px; width: 100%; position: relative; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; animation: countdown-clock-slide-in .5s forwards; -webkit-animation: countdown-clock-slide-in .5s forwards; letter-spacing: 1px; line-height: 15px; margin: 0 auto; max-width: 960px; } @media (min-width: 1340px) { .AppCnbcPhoenix .countdown-clock-container { max-width: 1290px; } } .AppCnbcPhoenix .countdown-clock-gridWrapper { max-width: 960px; width: 100%; margin: 0 auto; } @media (min-width: 1340px) { .AppCnbcPhoenix .countdown-clock-gridWrapper { max-width: 1290px; } } .AppCnbcPhoenix .countdown-clock-contentWrapper { float: right; padding-top: 2px; } .AppCnbcPhoenix .countdown-clock-hidden { height: 0; animation: countdown-clock-slide-out .5s forwards; -webkit-animation: countdown-clock-slide-out .5s forwards; } .AppCnbcPhoenix .countdown-clock-marketLabel { font-weight: 600; text-transform: uppercase; padding-right: 10px; color: #fcb700; } .AppCnbcPhoenix .countdown-clock-sponsor { font-weight: 600; padding-left: 20px; margin: 0 0 0 20px; text-transform: uppercase; color: rgba(255, 255, 255, 0.54); border-left: 1px solid rgba(255, 255, 255, 0.54); display: inline; } .AppCnbcPhoenix .countdown-clock-sponsor img { height: 31px; max-width: 100px; margin-left: 5px; display: inline-block; position: relative; vertical-align: middle; margin-top: -3px; } @media (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .countdown-clock-sponsor img { margin-top: -7px; } } .AppCnbcPhoenix .countdown-clock-sponsorText { position: relative; top: 0; } @-webkit-keyframes CountdownClock-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes CountdownClock-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes CountdownClock-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes CountdownClock-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes CountdownClock-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes CountdownClock-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes CountdownClock-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes CountdownClock-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes CountdownClock-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes CountdownClock-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .CountdownClock-container { margin-bottom: 20px; margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; margin: 0; display: none; } .AppCnbcPhoenix .CountdownClock-countdownContainer { background-color: #000; } .AppCnbcPhoenix .SurfComponent-surfContainer { position: relative; min-height: 458px; width: 440px; top: 100px; background: none repeat scroll 0 0 #fff; color: #000; border-radius: 3px; margin-left: auto; margin-right: auto; margin-bottom: 100px; padding: 40px; } .AppCnbcPhoenix .SurfComponent-surfContainer a { color: #2979b4; } @media only screen and (max-width: 500px) { .AppCnbcPhoenix .SurfComponent-surfContainer { width: 100%; top: 0; } } .AppCnbcPhoenix .SurfComponent-surfCloseBtn { color: #a9a9a9; cursor: pointer; display: inline; float: right; font-size: 21px; font-weight: 400; background-color: #fff; border: none; border-style: none; text-align: center; padding: 0; margin-top: 5px; margin-right: 10px; } .AppCnbcPhoenix .SurfComponent-surfPopupBackground { z-index: 100001; position: fixed; display: none; overflow-y: scroll; overflow-x: hidden; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: background-color .4s; transition: background-color .4s; } .AppCnbcPhoenix .SurfComponent-logoContainer { text-align: center; padding: 5px; } .AppCnbcPhoenix .SurfComponent-logoContainer > .SurfComponent-logo { display: inline-block; } .AppCnbcPhoenix .SurfComponent-SignIn { float: left; width: 50%; } .AppCnbcPhoenix .SurfComponent-SignInSignUp > .SurfComponent-tab { border-bottom: 1px solid #ccd6d8; margin-bottom: 20px; padding: 0; list-style-type: disc; border-top: none; text-align: center; } .AppCnbcPhoenix .SurfComponent-surfContainer > .SurfComponent-SignInSignUp > .SurfComponent-tab li { margin: 10px 30px 0; display: inline-block; zoom: 1; text-align: center; vertical-align: bottom; border: 0; background: 0; padding: 0 0 7px; min-width: 59px; font-size: 16px; text-transform: uppercase; background-color: #fff; text-decoration: none; color: #2077b6; } .AppCnbcPhoenix .SurfComponent-SignInSignUp > .SurfComponent-tab > li > a { text-decoration: none; color: #2077b6; cursor: pointer; } .AppCnbcPhoenix .SurfComponent-SignInSignUp > .SurfComponent-tab > li.SurfComponent-selected * { background: transparent url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/tab-marker.png) no-repeat bottom; background-position: bottom; background-repeat: no-repeat; padding-bottom: 32px; color: #dd4b39; margin-bottom: -22px; } .AppCnbcPhoenix .SurfComponent-SignInSignUp p { font-size: 14px; color: #737373; font-style: normal; text-align: center; padding-top: 15px; padding-bottom: 15px; } .AppCnbcPhoenix surfContainer div { background: red; } .AppCnbcPhoenix .SurfComponent-SignIn > h1, .AppCnbcPhoenix .SurfComponent-SignUp > h1 { color: #06306b; } .AppCnbcPhoenix .SurfComponent-surfWrapper { min-height: 250px; } .AppCnbcPhoenix .SurfComponent-Footer { font-size: 12px; font-weight: 400; text-align: left; line-height: 18px; color: #737373; } .AppCnbcPhoenix .SurfComponent-Footer div:first-child { float: right; } .AppCnbcPhoenix .SurfComponent-Footer div:nth-child(2) { float: left; height: 100px; padding: 15px 10px 0; } .AppCnbcPhoenix .Buffett-buffettNav { position: relative; z-index: 11; } .AppCnbcPhoenix .Buffett-globalNavigationWrapper { background-color: #732634; height: 45px; position: fixed; left: 0; bottom: 0; -webkit-transition: all .25s; transition: all .25s; width: 100%; z-index: 99; } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper { overflow: visible; margin-bottom: 20px; } .AppCnbcPhoenix .Buffett-globalNavigationWrapper:after { background: #732634; content: ""; width: 100%; height: 21px; position: absolute; bottom: -20px; left: 0; z-index: 9999; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper { top: 0; bottom: auto; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper { background-color: #732634; height: 100px; -webkit-transition: all .25s; transition: all .25s; overflow: hidden; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper.Buffett-hubs { background-color: #732634; -webkit-transition: none; transition: none; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper.Buffett-home, .AppCnbcPhoenix .Buffett-globalNavigationWrapper.Buffett-timeline { background-color: transparent; -webkit-transition: none; transition: none; height: 102px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapper.Buffett-home.Buffett-expanded, .AppCnbcPhoenix .Buffett-globalNavigationWrapper.Buffett-timeline.Buffett-expanded { background-color: #732634; } } .AppCnbcPhoenix .Buffett-globalNavigationContainer { background-color: #732634; position: relative; -webkit-transition: background-color .25s; transition: background-color .25s; z-index: 3; } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationContainer { background-color: transparent; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationContainer { background-color: transparent; -webkit-transition-delay: .25s; transition-delay: .25s; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-home.Buffett-globalNavigationWrapperSticky .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-globalNavigationWrapperSticky .Buffett-globalNavigationContainer { background-color: #732634; -webkit-transition-delay: 0s; transition-delay: 0s; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-home.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-home.Buffett-globalNavigationWrapperSticky .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-globalNavigationWrapperSticky .Buffett-globalNavigationContainer { background-color: transparent; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-expanded .Buffett-globalNavigationContainer { -webkit-transition: none; transition: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-home.Buffett-expanded .Buffett-globalNavigationContainer, .AppCnbcPhoenix .Buffett-timeline.Buffett-expanded .Buffett-globalNavigationContainer { -webkit-transition: background-color .25s; transition: background-color .25s; } } .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky { top: auto; bottom: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky { bottom: auto; top: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky { height: 60px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky.Buffett-home, .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky.Buffett-timeline { -webkit-transition: all .25s; transition: all .25s; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky.Buffett-home, .AppCnbcPhoenix .Buffett-globalNavigationWrapperSticky.Buffett-timeline { background-color: #732634; height: 60px; } } .AppCnbcPhoenix .Buffett-globalNavigationBranding { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); background-color: #732634; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; height: 45px; position: relative; -webkit-transition: background-color .01s, border-bottom .01s; transition: background-color .01s, border-bottom .01s; z-index: 2; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationBranding { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationBranding { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-globalNavigationBranding { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationBranding { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 68px; padding-top: 22px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationBranding, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationBranding { background-color: transparent; border-bottom: 1px solid rgba(209, 187, 128, 0.5); -webkit-transition-delay: .01s; transition-delay: .01s; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationBranding, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationBranding { border-bottom: none; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationBranding { border-bottom: none; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home.Buffett-expanded .Buffett-globalNavigationBranding, .AppCnbcPhoenix .Buffett-timeline.Buffett-expanded .Buffett-globalNavigationBranding { border-bottom: none; -webkit-transition-delay: .01s; transition-delay: .01s; } } .AppCnbcPhoenix .Buffett-globalNavigationBrandingSticky { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationBrandingSticky { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationBrandingSticky, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationBrandingSticky { border-bottom-color: transparent; -webkit-transition-delay: 0s; transition-delay: 0s; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainer { -webkit-transition: all .25s; transition: all .25s; -webkit-transform: translateY(100%); transform: translateY(100%); position: relative; z-index: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainer { -webkit-transform: translateY(-100%); transform: translateY(-100%); bottom: 45px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainer { bottom: 0; -webkit-transform: translateY(0); transform: translateY(0); z-index: 3; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainer:after { content: ""; opacity: 0; -webkit-transition: opacity .5s .25s; transition: opacity .5s .25s; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerSticky { -webkit-transform: translateY(-100%); transform: translateY(-100%); bottom: 45px; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpen { -webkit-transform: translateY(-100%); transform: translateY(-100%); bottom: 45px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpen { -webkit-transform: translateY(0); transform: translateY(0); bottom: 0; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpen:after { background-color: rgba(255, 255, 255, 0.9); position: absolute; opacity: 1; top: -100vh; left: 0; height: 100vh; width: 100vw; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpen:after { top: 0; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpenSticky { -webkit-transform: translateY(-100%); transform: translateY(-100%); bottom: 45px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpenSticky { -webkit-transform: translateY(0); transform: translateY(0); bottom: 0; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpenSticky:after { background-color: rgba(255, 255, 255, 0.9); position: absolute; opacity: 1; top: -100vh; left: 0; height: 100vh; width: 100vw; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuContainerOpenSticky:after { top: 0; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AppCnbcPhoenix .Buffett-globalNavigationLogo { -webkit-transition: all .25s; transition: all .25s; width: 196px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationLogo { margin-top: -2px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationLogo { margin-top: 0; width: 253px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationLogoSticky { width: 182px; } } .AppCnbcPhoenix .Buffett-globalNavigationHamburger { color: #fff; font-size: 17px; margin-right: 10px; } .AppCnbcPhoenix .Buffett-globalNavigationHamburger span, .AppCnbcPhoenix .Buffett-globalNavigationSearch { display: -webkit-box; display: -ms-flexbox; display: flex; } .AppCnbcPhoenix .Buffett-globalNavigationSearch { color: #fff; font-size: 20px; height: 24px; } .AppCnbcPhoenix .Buffett-globalNavigationSearch:hover { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-globalNavigationMenu { background-color: #2e0810; height: 0; opacity: 0; position: relative; overflow: hidden; z-index: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenu { height: auto; margin: 0; width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenu { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 20px; -webkit-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition: all .25s; transition: all .25s; overflow: visible; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-globalNavigationMenu { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } .AppCnbcPhoenix .Buffett-expanded .Buffett-globalNavigationMenu { opacity: 1; } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationMenu, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationMenu { border-bottom: 1px solid rgba(209, 187, 128, 0.5); padding-bottom: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationMenu { border-bottom: none; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuExpanded, .AppCnbcPhoenix .Buffett-globalNavigationMenuSticky { height: auto; } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuSticky { -webkit-transform: translate(210px, -43px); transform: translate(210px, -43px); max-width: 720px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuSticky { -webkit-transform: translate(-35px, -43px); transform: translate(-35px, -43px); max-width: 800px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-home .Buffett-globalNavigationMenuSticky, .AppCnbcPhoenix .Buffett-timeline .Buffett-globalNavigationMenuSticky { border-bottom: none; padding-bottom: 20px; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuStickyExpanded { height: auto; } .AppCnbcPhoenix .Buffett-globalNavigationMenuStickyClosed { height: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuStickyClosed { height: auto; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { font-weight: 500; margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; font-size: 14px; line-height: 1.28; letter-spacing: 1.64px; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all .25s; transition: all .25s; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { margin: 0 auto; max-width: 100%; width: 100%; font-size: 18px; line-height: 1.22; letter-spacing: 1.64px; padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { max-width: 678px; } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { max-width: 960px; } } @media (min-width: 760px) and (min-width: 1180px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { max-width: 1077px; } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItem { border-bottom: none; font-size: 14px; line-height: 1; letter-spacing: 1.09px; margin-right: 40px; margin-left: 0; padding: 0; width: auto; max-width: 100%; } } .AppCnbcPhoenix .Buffett-globalNavigationMenuItem a:focus, .AppCnbcPhoenix .Buffett-globalNavigationMenuItem a:hover { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-globalNavigationMenuItem:last-child { border-bottom: none; } .AppCnbcPhoenix .Buffett-globalNavigationMenuItem.Buffett-active a { color: #d1bb7e; } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationMenuItemSticky { font-size: 12px; margin-right: 20px; } } .AppCnbcPhoenix .Buffett-globalNavigationSearchText { font-weight: 500; font-size: 14px; letter-spacing: 1.27px; text-transform: uppercase; margin-right: 10px; margin-top: 2px; } .AppCnbcPhoenix .Buffett-globalNavigationOffsite { -webkit-transition: all .25s; transition: all .25s; -webkit-transform: translateX(0); transform: translateX(0); } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-globalNavigationOffsite:before { content: ""; background-color: #d1bb7e; display: inline-block; margin: 0 20px; height: 20px; width: 1px; vertical-align: middle; } } .AppCnbcPhoenix .Buffett-globalNavigationOffsiteLogo { display: inline-block; margin-right: 10px; width: 30px; vertical-align: middle; } .AppCnbcPhoenix .Buffett-globalNavigationSearchAndOffsite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: all .25s; transition: all .25s; -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-globalNavigationSearchAndOffsiteSticky { -webkit-transform: translateX(calc(100% - 20px)); transform: translateX(calc(100% - 20px)); } } @media (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .Buffett-globalNavigationSearchAndOffsiteSticky { -webkit-transform: translateX(150px); transform: translateX(150px); } } .AppCnbcPhoenix .Buffett-globalNavigationOffsiteName { font-weight: 500; color: #fff; font-size: 10px; line-height: 1.2; letter-spacing: .91px; text-transform: uppercase; margin-right: 5px; } .AppCnbcPhoenix .Buffett-globalNavigationOffsiteName:hover { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-globalNavigationOffsiteArrow { color: #d1bb7e; font-size: 8px; } .AppCnbcPhoenix .NavLinks-navMenu { background-color: #005594; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 20px; left: 0; overflow: hidden; height: 54px; z-index: 99; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-navMenu { padding: 0 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-navMenu { background-color: transparent; height: 35px; padding: 0 15px 0 30px; } } @-webkit-keyframes NavLinks-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes NavLinks-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes NavLinks-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes NavLinks-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes NavLinks-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes NavLinks-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes NavLinks-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes NavLinks-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes NavLinks-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes NavLinks-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .NavLinks-hamburgerButton, .AppCnbcPhoenix .NavLinks-iconButton { display: block; font-size: 22px; color: #68ebca; } .AppCnbcPhoenix .NavLinks-hamburgerButton:focus, .AppCnbcPhoenix .NavLinks-hamburgerButton:hover, .AppCnbcPhoenix .NavLinks-iconButton:focus, .AppCnbcPhoenix .NavLinks-iconButton:hover { color: #fff; } .AppCnbcPhoenix .NavLinks-hamburgerButton span:before, .AppCnbcPhoenix .NavLinks-iconButton span:before { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-hamburgerButton, .AppCnbcPhoenix .NavLinks-iconButton { font-size: 16px; } } .AppCnbcPhoenix .NavLinks-iconButton { margin-right: 15px; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-iconButton { margin-right: 0; } } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-hamburgerButton { margin-right: 13px; -webkit-transform: translateY(1px); transform: translateY(1px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-iconButton { margin-right: 0; padding-left: 20px; border-left: 1px solid #e8e8e8; color: #ff685d; font-size: 16px; } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-iconButton:focus, .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-iconButton:hover { color: #3e4855; } } .AppCnbcPhoenix .NavLinks-navMenu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Averta; position: fixed; bottom: 0; width: 100%; background-color: #3e4855; border-top: 1px solid #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-navMenu { height: 100%; -webkit-transition: top .25s, height .25s, width .25s; transition: top .25s, height .25s, width .25s; padding: 0 41px; overflow: visible; position: absolute; background-color: transparent; border-top: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-navMenu { padding-left: 0; position: absolute; z-index: 999; height: auto; width: calc(100% - 350px); top: 34px; } } .AppCnbcPhoenix .NavLinks-navMenuSticky { background-color: #3e4855; border-top: 1px solid #fff; } .AppCnbcPhoenix .NavLinks-navMenuSticky .NavLinks-buttonText { color: #fff; } .AppCnbcPhoenix .NavLinks-navMenuSticky .NavLinks-buttonText:focus, .AppCnbcPhoenix .NavLinks-navMenuSticky .NavLinks-buttonText:hover { color: #68ebca; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-navMenuSticky { width: 100%; background-color: transparent; border-top: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-navMenuSticky { width: auto; top: 30px; } } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .AppCnbcPhoenix .NavLinks-navMenuSticky { overflow: visible; margin-bottom: 20px; } .AppCnbcPhoenix .NavLinks-navMenuSticky:after { -webkit-transition: background-color .25s; transition: background-color .25s; background: #3e4855; content: ""; width: 100%; height: 21px; position: absolute; bottom: -20px; left: 0; } } .AppCnbcPhoenix .NavLinks-navMenuArticle { background-color: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-navMenuArticle { background-color: transparent; } } @media (max-width: 760px) { .AppCnbcPhoenix .NavLinks-navMenuArticle .NavLinks-hamburgerButton { color: #3e4855; } .AppCnbcPhoenix .NavLinks-navMenuArticle .NavLinks-hamburgerButton:focus, .AppCnbcPhoenix .NavLinks-navMenuArticle .NavLinks-hamburgerButton:hover { color: #ff685d; } } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky { background-color: #fff; width: 100%; border-top: none; } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .AppCnbcPhoenix .NavLinks-navMenuArticleSticky:after { background: #fff; } } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-hamburgerButton { color: #3e4855; } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-hamburgerButton:focus, .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-hamburgerButton:hover { color: #ff685d; } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-buttonText { color: #3e4855; } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-buttonText:focus, .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-buttonText:hover { color: #6258ff; } .AppCnbcPhoenix .NavLinks-mainLinks { position: relative; margin-left: 0; margin-right: 0; -webkit-transition: margin-left .25s; transition: margin-left .25s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; z-index: 2; text-align: left; white-space: nowrap; -webkit-transition: all .25s; transition: all .25s; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-mainLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 100; -ms-flex: 100; flex: 100; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible; height: 100%; } } .AppCnbcPhoenix .NavLinks-mainLinksWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-mainLinksWrapper { width: 100%; } } .AppCnbcPhoenix .NavLinks-mainLinksWrapperStart { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .AppCnbcPhoenix .NavLinks-mainLinksWrapperStart:before { opacity: 0; } .AppCnbcPhoenix .NavLinks-articleMainWrapper { width: 100%; } .AppCnbcPhoenix .NavLinks-mainLinksSticky { margin-left: 0; overflow: visible; } .AppCnbcPhoenix .NavLinks-hovered, .AppCnbcPhoenix .NavLinks-logo { position: relative; } .AppCnbcPhoenix .NavLinks-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; width: 111px; -webkit-transform: translateY(70px); transform: translateY(70px); margin-right: 30px; -webkit-transition: -webkit-transform .25s linear; transition: -webkit-transform .25s linear; transition: transform .25s linear; transition: transform .25s linear, -webkit-transform .25s linear; } .AppCnbcPhoenix .NavLinks-mainLinksSticky .NavLinks-logo { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .NavLinks-logo img { width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-logo { width: 101px; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-logo { width: 166px; height: 33px; } .AppCnbcPhoenix .NavLinks-logo:not(.NavLinks-hovered):before { content: ""; position: absolute; border-radius: 50%; background-color: #68ebca; height: 1px; width: 1px; right: 13%; top: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: NavLinks-circlePulseLarge 1s; animation: NavLinks-circlePulseLarge 1s; } .AppCnbcPhoenix .NavLinks-logo:not(.NavLinks-hovered):focus:before { -webkit-animation: NavLinks-circlePulseLarge 1s infinite; animation: NavLinks-circlePulseLarge 1s infinite; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-logo:not(.NavLinks-hovered):focus:before, .AppCnbcPhoenix .NavLinks-logo:not(.NavLinks-hovered):hover:before { -webkit-animation: NavLinks-circlePulseLarge2 1.5s infinite; animation: NavLinks-circlePulseLarge2 1.5s infinite; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-logo:focus:before { content: ""; position: absolute; border-radius: 50%; background-color: #68ebca; height: 1px; width: 1px; right: 13%; top: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: NavLinks-circlePulseLarge 1s; animation: NavLinks-circlePulseLarge 1s; } .AppCnbcPhoenix .NavLinks-logo:focus:focus:before { -webkit-animation: NavLinks-circlePulseLarge 1s infinite; animation: NavLinks-circlePulseLarge 1s infinite; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-logo:focus:focus:before, .AppCnbcPhoenix .NavLinks-logo:focus:hover:before { -webkit-animation: NavLinks-circlePulseLarge2 1.5s infinite; animation: NavLinks-circlePulseLarge2 1.5s infinite; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-navMenuSticky .NavLinks-logo { width: 111px; height: 23px; } .AppCnbcPhoenix .NavLinks-navMenuSticky .NavLinks-logo:before { content: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-logo { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .AppCnbcPhoenix .NavLinks-buttonText { position: relative; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1.75px; } .AppCnbcPhoenix .NavLinks-buttonText:focus, .AppCnbcPhoenix .NavLinks-buttonText:hover { color: #68ebca; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-buttonText { color: #3e4855; } .AppCnbcPhoenix .NavLinks-buttonText:focus, .AppCnbcPhoenix .NavLinks-buttonText:hover { color: #6258ff; } } .AppCnbcPhoenix .NavLinks-navLinks { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .AppCnbcPhoenix .NavLinks-articleTitle, .AppCnbcPhoenix .NavLinks-articleTitleWithoutShareComponent { color: #3e4855; font-weight: 600; font-size: 12px; letter-spacing: .38px; line-height: 2; display: none; text-overflow: ellipsis; } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-articleTitle, .AppCnbcPhoenix .NavLinks-articleTitleWithoutShareComponent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; width: calc(100% - 364px); padding-right: 12px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavLinks-articleTitle, .AppCnbcPhoenix .NavLinks-articleTitleWithoutShareComponent { padding-left: 5px; font-size: 14px; letter-spacing: .44px; } } .AppCnbcPhoenix .NavLinks-articleTitleWithoutShareComponent { margin-bottom: 15px; } .AppCnbcPhoenix .NavLinks-articleHidden { display: none; } .AppCnbcPhoenix .NavLinks-articleContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-articleContent { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-articleContent { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavLinks-articleContent { width: calc(100% - 44px); } } .AppCnbcPhoenix .NavLinks-linksSticky, .AppCnbcPhoenix .NavLinks-navLinks { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .AppCnbcPhoenix .NavLinks-articleNavLinks { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-articleNavLinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-hiddenArticleLinks { display: none; } .AppCnbcPhoenix .NavLinks-primaryLink .NavLinks-buttonText { display: inline-block; font-size: 14px; letter-spacing: 1px; margin-right: 15px; text-transform: uppercase; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-primaryLink .NavLinks-buttonText { margin-right: 0; font-size: 12px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavLinks-primaryLink .NavLinks-buttonText { margin-right: 15px; -webkit-transform: translateY(4px); transform: translateY(4px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavLinks-primaryLink .NavLinks-buttonText { margin-right: 30px; font-size: 14px; -webkit-transform: translateY(6px); transform: translateY(6px); } } .AppCnbcPhoenix .NavLinks-selectedCarrot { position: absolute; width: 0; height: 0; bottom: -18px; left: calc(50% - 9px); border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #3e4855; -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .NavLinks-linksSticky .NavLinks-selectedCarrot { border-bottom: 9px solid #fff; -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .AppCnbcPhoenix .NavLinks-navMenuArticleSticky .NavLinks-selectedCarrot { border-bottom: 9px solid #3e4855; } @media (min-width: 760px) { .AppCnbcPhoenix .NavLinks-progressBarContainer { display: none; } } @-webkit-keyframes ExpandedLink-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes ExpandedLink-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes ExpandedLink-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedLink-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedLink-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedLink-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedLink-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedLink-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedLink-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes ExpandedLink-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .ExpandedLink-container { width: 100%; height: 360px; background-color: #3e4855; font-family: Averta; } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-container { height: 400px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-container { height: 500px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-gridContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .ExpandedLink-gridContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-gridContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .ExpandedLink-gridContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-gridContainer { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; position: relative; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .ExpandedLink-leftSideExpanded { position: absolute; z-index: 2; top: 40px; max-width: 520px; -webkit-animation: ExpandedLink-circleStory 1s; animation: ExpandedLink-circleStory 1s; } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-leftSideExpanded { top: 15px; } } .AppCnbcPhoenix .ExpandedLink-title { margin: 0; color: #fff; font-weight: 700; font-size: 100px; line-height: 1; } .AppCnbcPhoenix .ExpandedLink-title a:focus, .AppCnbcPhoenix .ExpandedLink-title a:hover { color: #68ebca; } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-title { font-size: 110px; } } .AppCnbcPhoenix .ExpandedLink-sublinks { text-align: left; } .AppCnbcPhoenix .ExpandedLink-sublinks li { padding-bottom: 15px; } .AppCnbcPhoenix .ExpandedLink-sublinks a { color: #68ebca; font-size: 14px; font-weight: 700; letter-spacing: .44px; } .AppCnbcPhoenix .ExpandedLink-sublinks a:focus, .AppCnbcPhoenix .ExpandedLink-sublinks a:hover { color: #fff; } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-sublinks { margin-top: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-sublinks { margin-top: 40px; } .AppCnbcPhoenix .ExpandedLink-sublinks a { font-size: 16px; } } .AppCnbcPhoenix .ExpandedLink-linkOffsiteIcon { margin-left: 5px; font-size: 14px; } .AppCnbcPhoenix .ExpandedLink-stories { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 330px; padding-top: 25px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-stories { padding-top: 30px; } } @-webkit-keyframes ExpandedMenu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes ExpandedMenu-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes ExpandedMenu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedMenu-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedMenu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedMenu-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedMenu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ExpandedMenu-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ExpandedMenu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes ExpandedMenu-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .ExpandedMenu-container { background-color: #3e4855; position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; overflow-y: scroll; -webkit-overflow-scrolling: touch; opacity: 1; font-family: Averta; } .AppCnbcPhoenix .ExpandedMenu-container button { font-family: Averta; color: #68ebca; } .AppCnbcPhoenix .ExpandedMenu-container button:hover { color: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-container { padding-right: 0; } } .AppCnbcPhoenix .ExpandedMenu-topBar { height: 61px; padding: 0 41px; border-bottom: 1px solid #fff; } .AppCnbcPhoenix .ExpandedMenu-bottomBar, .AppCnbcPhoenix .ExpandedMenu-topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .AppCnbcPhoenix .ExpandedMenu-bottomBar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: fixed; z-index: 2; bottom: 0; left: 0; height: 54px; padding: 0 20px; background-color: #3e4855; border-top: 1px solid #fff; } .AppCnbcPhoenix .ExpandedMenu-searchButton { display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 22px; margin-right: 15px; margin-left: auto; } .AppCnbcPhoenix .ExpandedMenu-searchButton:before { font-weight: 700; } .AppCnbcPhoenix .ExpandedMenu-searchButton span:before { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-searchButton { font-size: 16px; margin-right: 0; } } .AppCnbcPhoenix .ExpandedMenu-closeButton { display: block; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 22px; } .AppCnbcPhoenix .ExpandedMenu-closeButton span:before { display: block; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-closeButton { margin-right: 13px; font-size: 16px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: translateY(1px); transform: translateY(1px); } } .AppCnbcPhoenix .ExpandedMenu-logo { display: block; width: 111px; } .AppCnbcPhoenix .ExpandedMenu-logo img { width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 101px; } } .AppCnbcPhoenix .ExpandedMenu-menuContent { padding-top: 30px; padding-bottom: 54px; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-menuContent { padding-bottom: 45px; } } .AppCnbcPhoenix .ExpandedMenu-menuContent .submenu-enter { max-height: 0; overflow-y: hidden; -webkit-transition: all .5s .2s; transition: all .5s .2s; } .AppCnbcPhoenix .ExpandedMenu-menuContent .submenu-enter-active { max-height: 500px; } .AppCnbcPhoenix .ExpandedMenu-menuContent .submenu-leave { max-height: 500px; overflow-y: hidden; -webkit-transition: all .5s .2s; transition: all .5s .2s; } .AppCnbcPhoenix .ExpandedMenu-menuContent .submenu-leave-active { max-height: 0; } .AppCnbcPhoenix .ExpandedMenu-menuContent li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 75px; width: 100%; font-size: 24px; font-weight: 600; color: #fff; text-transform: uppercase; } .AppCnbcPhoenix .ExpandedMenu-menuContent li button:hover { color: #68ebca; } .AppCnbcPhoenix .ExpandedMenu-expandedLink li a { display: block; height: 65px; background-color: #68ebca; padding: 20px 40px 0; font-size: 20px; font-weight: 700; color: #3e4855; } .AppCnbcPhoenix .ExpandedMenu-expandedLink li a:hover { color: #fff; } .AppCnbcPhoenix .ExpandedMenu-link { padding: 0 20px; letter-spacing: 2px; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-link { padding: 0 41px; } } .AppCnbcPhoenix .ExpandedMenu-linkIcon { width: 40px; height: 40px; border: 4px solid #68ebca; border-radius: 50%; display: inline-block; position: relative; } .AppCnbcPhoenix .ExpandedMenu-linkIcon:after, .AppCnbcPhoenix .ExpandedMenu-linkIcon:before { content: ""; background-color: #fff; border-radius: 2px; position: absolute; width: 18px; height: 4px; top: 14px; left: 7px; -webkit-transform-origin: center center; transform-origin: center center; } .AppCnbcPhoenix .ExpandedMenu-linkIcon:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .AppCnbcPhoenix .ExpandedMenu-active .ExpandedMenu-linkIcon:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .AppCnbcPhoenix .ExpandedMenu-footerContent { padding-bottom: 20px; } .AppCnbcPhoenix .ExpandedMenu-buttonContainer, .AppCnbcPhoenix .ExpandedMenu-footerContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .AppCnbcPhoenix .ExpandedMenu-buttonContainer { margin: 40px 40px 20px; } .AppCnbcPhoenix .ExpandedMenu-buttonContainer a { display: block; height: 40px; width: 318px; margin-bottom: 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.75px; font-weight: 600; text-align: center; padding-top: 10px; color: #fff; border: 3px solid #68ebca; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-buttonContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .AppCnbcPhoenix .ExpandedMenu-socialTray { width: 215px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .AppCnbcPhoenix .ExpandedMenu-socialTray a { font-size: 20px; color: #ff685d; } .AppCnbcPhoenix .ExpandedMenu-socialTray a:hover { color: #68ebca; } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedMenu-socialTray { margin-bottom: 40px; } } .AppCnbcPhoenix .ExpandedMenu-linkOut { color: #fff; font-size: 12px; font-weight: 600; margin-bottom: 10px; } .AppCnbcPhoenix .ExpandedMenu-linkOut:hover { color: #68ebca; } .AppCnbcPhoenix .ExpandedMenu-linkOut span { display: inline-block; margin: 0 5px; } .AppCnbcPhoenix .ExpandedMenu-linkOut span:first-child { font-size: 24px; -webkit-transform: translateY(6px); transform: translateY(6px); } .AppCnbcPhoenix .ExpandedMenu-linkOut span:last-child { font-size: 12px; color: #68ebca; } .AppCnbcPhoenix .ExpandedMenu-linkOut span:last-child:hover { color: #fff; } .AppCnbcPhoenix .ExpandedMenu-copyright { font-size: 10px; color: #fff; text-align: center; font-weight: 600; margin-bottom: 10px; } @-webkit-keyframes MakeIt-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes MakeIt-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes MakeIt-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeIt-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeIt-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeIt-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeIt-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeIt-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeIt-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes MakeIt-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .MakeIt-globalNavigation { font-family: Averta; position: relative; height: 60px; background-color: #3e4855; padding-bottom: 20px; color: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeIt-globalNavigation { top: 0; width: 100%; z-index: 0; -webkit-transition: all .25s; transition: all .25s; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-globalNavigation { height: 80px; background-color: #fff; border-bottom: 5px solid #3e4855; z-index: 2; } } .AppCnbcPhoenix .MakeIt-globalNavigationSearch { background-color: #3e4855; height: 80px; } .AppCnbcPhoenix .MakeIt-globalNavigationSearch .MakeIt-gridContainer, .AppCnbcPhoenix .MakeIt-globalNavigationSearch .MakeIt-rightSection { display: none; } .AppCnbcPhoenix .MakeIt-globalNavigationSticky { height: 60px; background-color: #3e4855; border-bottom: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-globalNavigationSticky { height: 64px; border-bottom: 4px solid transparent; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-globalNavigationSticky.MakeIt-globalNavigationExpanded { border-color: #fff; } } .AppCnbcPhoenix .MakeIt-globalNavigationArticle.MakeIt-globalNavigationSticky { background-color: #fff; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-globalNavigationArticle.MakeIt-globalNavigationSticky { border-bottom: none; } } .AppCnbcPhoenix .MakeIt-globalNavigationArticle .MakeIt-rightSectionSticky { background-color: #fff; } .AppCnbcPhoenix .MakeIt-globalNavigationArticle .MakeIt-rightSectionSticky span { color: #ff685d; } .AppCnbcPhoenix .MakeIt-globalNavigationArticle .MakeIt-rightSectionSticky span:hover { color: #ffb3ae; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-globalNavigationArticle { background-color: #fff; } } .AppCnbcPhoenix .MakeIt-globalNavigationSmallMobile { background-color: #fff; } .AppCnbcPhoenix .MakeIt-rightSection { position: absolute; right: 0; top: 0; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 30px; background-color: #3e4855; } .AppCnbcPhoenix .MakeIt-rightSection button { font-family: Averta; font-weight: 600; letter-spacing: 1.75px; text-transform: uppercase; color: #fff; padding: 0 20px; } .AppCnbcPhoenix .MakeIt-rightSection button:first-child { border-right: 1px solid #fff; } .AppCnbcPhoenix .MakeIt-rightSection button:hover { color: #40e0d0; } .AppCnbcPhoenix .MakeIt-rightSection span { color: #68ebca; margin-left: 5px; font-size: 16px; } @media (max-width: 760px) { .AppCnbcPhoenix .MakeIt-rightSection span:hover { color: #fff; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-rightSection { padding-right: calc((100vw - 960px) / 2); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-rightSection { padding-right: calc((100vw - 1290px) / 2); } } .AppCnbcPhoenix .MakeIt-cnbcLogoContainer, .AppCnbcPhoenix .MakeIt-cnbcLogoContainer span { font-size: 10px; } .AppCnbcPhoenix .MakeIt-cnbcLogoContainer:focus, .AppCnbcPhoenix .MakeIt-cnbcLogoContainer:focus span.MakeIt-cnbcLogo, .AppCnbcPhoenix .MakeIt-cnbcLogoContainer:hover, .AppCnbcPhoenix .MakeIt-cnbcLogoContainer:hover span.MakeIt-cnbcLogo { color: #68ebca; } .AppCnbcPhoenix span.MakeIt-cnbcLogo { font-size: 23px; color: #fff; } .AppCnbcPhoenix span.MakeIt-cnbcLogo:before { display: inline-block; -webkit-transform: translateY(6px); transform: translateY(6px); margin-right: 5px; } .AppCnbcPhoenix .MakeIt-rightSectionSticky { height: 60px; padding-bottom: 15px; } .AppCnbcPhoenix .MakeIt-rightSectionSticky button { padding-right: 0; } .AppCnbcPhoenix .MakeIt-rightSectionSticky button:first-child { border-right: none; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-rightSectionSticky { padding: 0; margin-right: calc((100vw - 960px) / 2); } } @media (min-width: 1180px) { .AppCnbcPhoenix .MakeIt-rightSectionSticky { padding: 0; margin-right: calc((100vw - 1077px) / 2); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-rightSectionSticky { padding: 0; margin-right: calc((100vw - 1290px) / 2); } } .AppCnbcPhoenix .MakeIt-container { position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; } .AppCnbcPhoenix .MakeIt-navLoaded .MakeIt-container { opacity: 1; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-gridContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .MakeIt-gridContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-gridContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .MakeIt-gridContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-gridContainer { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; position: relative; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .MakeIt-smallMobileNav { position: fixed; top: 0; width: 100%; height: 60px; background-color: #fff; border-bottom: 3px solid #3e4855; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: top .2s; transition: top .2s; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeIt-smallMobileNav { display: none; } } .AppCnbcPhoenix .MakeIt-smallMobileNavCollapsed { top: -70px; -webkit-transition-duration: .5s; transition-duration: .5s; } .AppCnbcPhoenix .MakeIt-logo { position: relative; width: 111px; height: 23px; } .AppCnbcPhoenix .MakeIt-logo:before { content: ""; position: absolute; border-radius: 50%; background-color: #68ebca; height: 1px; width: 1px; right: 13%; top: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: MakeIt-circlePulseSmall 1s; animation: MakeIt-circlePulseSmall 1s; } .AppCnbcPhoenix .MakeIt-logo:focus:before { -webkit-animation: MakeIt-circlePulseSmall 1s infinite; animation: MakeIt-circlePulseSmall 1s infinite; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-logo:focus:before, .AppCnbcPhoenix .MakeIt-logo:hover:before { -webkit-animation: MakeIt-circlePulseLarge2 1.5s infinite; animation: MakeIt-circlePulseLarge2 1.5s infinite; } } .AppCnbcPhoenix .MakeIt-logo img { position: absolute; width: 100%; } .AppCnbcPhoenix .MakeIt-progressBarContainer { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeIt-progressBarContainer { display: block; } } .AppCnbcPhoenix .GlobalNavigation-globalNavigation { position: relative; } @media (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigation { background-color: #005594; position: relative; top: 0; -webkit-transition: all .25s; transition: all .25s; height: 70px; width: 100%; z-index: 0; } } @media (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigation.GlobalNavigation-sticky { height: 45px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigation.GlobalNavigation-sticky { height: 50px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigation:after { content: ""; position: absolute; background-color: #005594; top: 0; left: 0; height: 70px; width: 100%; z-index: -1; } } @media (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigationSticky { height: 45px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigationSticky { height: 50px; } } .AppCnbcPhoenix .GlobalNavigation-globalNavigationSticky.GlobalNavigation-globalNavigationArticle { background: #fff; } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-globalNavigationSticky:after { display: none; } } .AppCnbcPhoenix .GlobalNavigation-container { position: fixed; top: 0; width: 100%; z-index: 1999; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-gridContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-gridContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-gridContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .GlobalNavigation-gridContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .GlobalNavigation-gridContainer { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; position: relative; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .GlobalNavigation-wrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .GlobalNavigation-progressBarContainer { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-progressBarContainer { display: block; } } .AppCnbcPhoenix * { -webkit-box-sizing: border-box; box-sizing: border-box; } .AppCnbcPhoenix li, .AppCnbcPhoenix ol, .AppCnbcPhoenix ul { margin: 0; padding: 0; list-style: none; } .AppCnbcPhoenix a { color: #fff; text-decoration: none; cursor: pointer; } .AppCnbcPhoenix a:focus, .AppCnbcPhoenix a:hover { color: #ffbc05; } .AppCnbcPhoenix button { cursor: pointer; border: none; padding: 0; background: none; } .AppCnbcPhoenix table { border-collapse: collapse; } .AppCnbcPhoenix td, .AppCnbcPhoenix th { text-align: left; padding: 8px 15px 8px 0; } .AppCnbcPhoenix img { display: block; } div.AppCnbcPhoenix { font-family: Proxima Nova; border: 0; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body:after { content: "mobile"; display: none; } @media (min-width: 760px) { body:after { content: "tablet"; } } @media (min-width: 1020px) { body:after { content: "small_desktop"; } } @media (min-width: 1180px) { body:after { content: "medium_desktop"; } } @media (min-width: 1340px) { body:after { content: "large_desktop"; } } .AppCnbcPhoenix :focus { outline: none; } .AppCnbcPhoenix button { font-family: Proxima Nova; border-radius: 0; } .AppCnbcPhoenix button::-moz-focus-inner { border: 0; } .AppCnbcPhoenix .openNav { position: fixed; width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .openNav { overflow-y: scroll; } } .AppCnbcPhoenix .App-articleBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-articleBody { padding-left: 0; padding-right: 0; } } .AppCnbcPhoenix .group { font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (max-width: 760px) { .AppCnbcPhoenix .hideOnMobile { display: none; } } .AppCnbcPhoenix .App-bodyText { color: #2e2e2e; font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); max-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); margin-left: calc((((100% - 150px) / 6) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); max-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); margin-left: calc((((100% - 180px) / 7) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } .AppCnbcPhoenix .App-listTitle { font-weight: 700; font-size: 24px; margin-bottom: 15px; } .AppCnbcPhoenix .numeric { text-align: right; } .AppCnbcPhoenix [class*=" icon-"], .AppCnbcPhoenix [class^=icon-] { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AppCnbcPhoenix .icon-social_apple_news:before { content: "\E900"; } .AppCnbcPhoenix .icon-close-2:before { content: "\E901"; } .AppCnbcPhoenix .icon-thumbs-up:before { content: "\E902"; } .AppCnbcPhoenix .icon-chat-bubble:before { content: "\E903"; } .AppCnbcPhoenix .icon-chat-bubble-hover:before { content: "\E904"; } .AppCnbcPhoenix .icon-thumbs-down:before { content: "\E905"; } .AppCnbcPhoenix .icon-buffett-pause:before { content: "\E906"; } .AppCnbcPhoenix .icon-buffett-timeline:before { content: "\E907"; } .icon-buffett-backtotop:before { content: "\E908"; } .AppCnbcPhoenix .icon-buffett-sync:before { content: "\E909"; } .AppCnbcPhoenix .icon-buffett-arrow-right-long:before { content: "\E90A"; } .AppCnbcPhoenix .icon-buffett-arrow-left-long:before { content: "\E90B"; } .AppCnbcPhoenix .icon-buffett-diamond:before { content: "\E90C"; } .AppCnbcPhoenix .icon-check:before { content: "\E90D"; } .AppCnbcPhoenix .icon-search:before { content: "\E90E"; } .AppCnbcPhoenix .icon-hamburger:before { content: "\E90F"; } .AppCnbcPhoenix .icon-close:before { content: "\E910"; } .AppCnbcPhoenix .icon-social_facebook:before { content: "\E911"; } .AppCnbcPhoenix .icon-social_instagram:before { content: "\E912"; } .AppCnbcPhoenix .icon-social_linkedin:before { content: "\E913"; } .AppCnbcPhoenix .icon-social_rss:before { content: "\E914"; } .AppCnbcPhoenix .icon-social_twitter:before { content: "\E915"; } .AppCnbcPhoenix .icon-social_youtube:before { content: "\E916"; } .AppCnbcPhoenix .icon-tumblr:before { content: "\E917"; } .AppCnbcPhoenix .icon-stumbleupon:before { content: "\E918"; } .AppCnbcPhoenix .icon-reddit:before { content: "\E919"; } .AppCnbcPhoenix .icon-quote-mark:before { content: "\E91A"; } .AppCnbcPhoenix .icon-probug:before { content: "\E91B"; } .AppCnbcPhoenix .icon-play-triangle:before { content: "\E91C"; } .AppCnbcPhoenix .icon-pinterest:before { content: "\E91D"; } .AppCnbcPhoenix .icon-more-dots:before { content: "\E91E"; } .AppCnbcPhoenix .icon-play:before { content: "\E91F"; } .AppCnbcPhoenix .icon-email:before { content: "\E920"; } .AppCnbcPhoenix .icon-digg:before { content: "\E921"; } .AppCnbcPhoenix .icon-arrow-left:before { content: "\E922"; } .AppCnbcPhoenix .icon-arrow-right:before { content: "\E923"; } .AppCnbcPhoenix .icon-arrow-down-readmore:before { content: "\E924"; } .AppCnbcPhoenix .icon-arrow-transporter-down:before { content: "\E925"; } .AppCnbcPhoenix .icon-calendar:before { content: "\E926"; } .AppCnbcPhoenix .icon-livebug:before { content: "\E927"; } .AppCnbcPhoenix .icon-lock:before { content: "\E928"; } .AppCnbcPhoenix .icon-sort:before { content: "\E929"; } .AppCnbcPhoenix .icon-cnbctv:before { content: "\E92A"; } .AppCnbcPhoenix .icon-markets:before { content: "\E92B"; } .AppCnbcPhoenix .icon-menu:before { content: "\E92C"; } .AppCnbcPhoenix .icon-news:before { content: "\E92D"; } .AppCnbcPhoenix .icon-offsite-arrow:before { content: "\E92E"; } .AppCnbcPhoenix .icon-short-arrow-left:before { content: "\E92F"; } .AppCnbcPhoenix .icon-short-arrow-right:before { content: "\E930"; } .AppCnbcPhoenix .icon-live:before { content: "\E931"; } .AppCnbcPhoenix .icon-newsletter:before { content: "\E932"; } .AppCnbcPhoenix .icon-caret-left:before { content: "\E933"; } .AppCnbcPhoenix .icon-triangle-down:before { content: "\E934"; } .AppCnbcPhoenix .icon-triangle-up:before { content: "\E935"; } .AppCnbcPhoenix .icon-caret-right:before { content: "\E936"; } .AppCnbcPhoenix .icon-buffett-arrow-left:before { content: "\E937"; } .AppCnbcPhoenix .icon-buffett-arrow-right:before { content: "\E938"; } .AppCnbcPhoenix .icon-buffett-chevron-down:before { content: "\E939"; } .AppCnbcPhoenix .icon-buffett-chevron-left:before { content: "\E93A"; } .AppCnbcPhoenix .icon-buffett-chevron-right:before { content: "\E93B"; } .AppCnbcPhoenix .icon-buffett-chevron-up:before { content: "\E93C"; } .AppCnbcPhoenix .icon-buffett-playlist:before { content: "\E93D"; } .AppCnbcPhoenix .icon-buffett-slideshow:before { content: "\E93E"; } .AppCnbcPhoenix .icon-buffett-video-fullscreen:before { content: "\E93F"; } .AppCnbcPhoenix .icon-buffett-video-mute:before { content: "\E940"; } .AppCnbcPhoenix .icon-buffett-video-volume:before { content: "\E941"; } .AppCnbcPhoenix .icon-buffett-video:before { content: "\E91C"; } .AppCnbcPhoenix .PlayButton-buffett .icon-buffett-video:before, .AppCnbcPhoenix .UniversalVideoPlayer-videoContainer.buffett .icon-buffett-video:before { content: "\E942"; } .AppCnbcPhoenix .icon-video_back_to_top:before { content: "\E943"; } .AppCnbcPhoenix .icon-video_close:before { content: "\E944"; } .AppCnbcPhoenix .icon-logo-cnbc:before { content: "\E945"; } .AppCnbcPhoenix .icon-minus:before { content: "\E946"; } .AppCnbcPhoenix .icon-plus:before { content: "\E947"; } .AppCnbcPhoenix [class*=" icon-makeit-"]:before, .AppCnbcPhoenix [class^=icon-makeit-]:before { font-family: makeit-icons !important; } .AppCnbcPhoenix .icon-makeit-arrow-down:before { content: "\E900"; } .AppCnbcPhoenix .icon-makeit-arrow-left:before { content: "\E901"; } .AppCnbcPhoenix .icon-makeit-arrow-right:before { content: "\E902"; } .AppCnbcPhoenix .icon-makeit-arrow-up:before { content: "\E903"; } .AppCnbcPhoenix .icon-makeit-backtotop:before { content: "\E904"; } .AppCnbcPhoenix .icon-makeit-check:before { content: "\E905"; } .AppCnbcPhoenix .icon-makeit-close:before { content: "\E906"; } .AppCnbcPhoenix .icon-makeit-externallink:before { content: "\E907"; } .AppCnbcPhoenix .icon-makeit-filter-closed:before { content: "\E908"; } .AppCnbcPhoenix .icon-makeit-filter-open:before { content: "\E909"; } .AppCnbcPhoenix .icon-makeit-fullscreen:before { content: "\E90A"; } .AppCnbcPhoenix .icon-makeit-hamburger:before { content: "\E90B"; } .AppCnbcPhoenix .icon-makeit-logo-cnbc:before { content: "\E90C"; } .AppCnbcPhoenix .icon-makeit-mail:before { content: "\E90D"; } .AppCnbcPhoenix .icon-makeit-mute:before { content: "\E90E"; } .AppCnbcPhoenix .icon-makeit-pause:before { content: "\E90F"; } .AppCnbcPhoenix .icon-makeit-play:before { content: "\E910"; } .AppCnbcPhoenix .icon-makeit-questionnaire:before { content: "\E911"; } .AppCnbcPhoenix .icon-makeit-quote:before { content: "\E912"; } .AppCnbcPhoenix .icon-makeit-search:before { content: "\E913"; } .AppCnbcPhoenix .icon-makeit-trending-bug:before { content: "\E914"; } .AppCnbcPhoenix .icon-makeit-unmute:before { content: "\E915"; } .AppCnbcPhoenix .icon-makeit-plus:before { content: "\E916"; } .AppCnbcPhoenix .icon-makeit-minus:before { content: "\E917"; } .AppCnbcPhoenix [class*=" gig-button-container-"], .AppCnbcPhoenix [class^=gig-button-container-] { font-family: social-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AppCnbcPhoenix .gig-button-container-facebook .Share-icon:before { content: "\E911"; } .AppCnbcPhoenix .gig-button-container-instagram .Share-icon:before { content: "\E912"; } .AppCnbcPhoenix .gig-button-container-linkedin .Share-icon:before { content: "\E913"; } .AppCnbcPhoenix .gig-button-container-rss .Share-icon:before { content: "\E914"; } .AppCnbcPhoenix .gig-button-container-twitter .Share-icon:before { content: "\E915"; } .AppCnbcPhoenix .gig-button-container-youtube .Share-icon:before { content: "\E916"; } .AppCnbcPhoenix .gig-button-container-tumblr .Share-icon:before { content: "\E917"; } .AppCnbcPhoenix .gig-button-container-stumbleupon .Share-icon:before { content: "\E918"; } .AppCnbcPhoenix .gig-button-container-reddit .Share-icon:before { content: "\E919"; } .AppCnbcPhoenix .gig-button-container-pinterest .Share-icon:before { content: "\E91D"; } .AppCnbcPhoenix .gig-button-container-share .Share-icon:before { content: "\E91E"; } .AppCnbcPhoenix .gig-button-container-email .Share-icon:before { content: "\E920"; } .AppCnbcPhoenix .gig-button-container-digg .Share-icon:before { content: "\E921"; } .AppCnbcPhoenix .transition-fade-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .transition-fade-appear { opacity: .01; } .AppCnbcPhoenix .transition-fade-appear.transition-fade-appear-active { opacity: 1 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-fade-enter.transition-fade-enter-active { opacity: 1 !important; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .AppCnbcPhoenix .transition-fade-leave { opacity: 1 !important; } .AppCnbcPhoenix .transition-fade-leave.transition-fade-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } .AppCnbcPhoenix .transition-transform-y-appear { -webkit-transform: translateY(20%); transform: translateY(20%); } .AppCnbcPhoenix .transition-transform-y-appear, .AppCnbcPhoenix .transition-transform-y-appear.transition-transform-y-appear-active { -webkit-transition: -webkit-transform .5s ease-in; transition: -webkit-transform .5s ease-in; transition: transform .5s ease-in; transition: transform .5s ease-in, -webkit-transform .5s ease-in; } .AppCnbcPhoenix .transition-transform-y-appear.transition-transform-y-appear-active { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-search-fade-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .transition-search-fade-enter.transition-search-fade-enter-active { opacity: 1 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-search-fade-leave { opacity: 1 !important; } .AppCnbcPhoenix .transition-search-fade-leave.transition-search-fade-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-top-enter { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .AppCnbcPhoenix .transition-top-enter.transition-top-enter-active { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-top-enter.transition-top-enter-active, .AppCnbcPhoenix .transition-top-leave { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-top-leave.transition-top-leave-active { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-bottom-enter { -webkit-transform: translateY(100%); transform: translateY(100%); } .AppCnbcPhoenix .transition-bottom-enter.transition-bottom-enter-active { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-bottom-leave { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-bottom-leave.transition-bottom-leave-active { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .mega-menu-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .mega-menu-enter .mega-menu-megaMenu { -webkit-transform: translate3d(0, -100%, 0) !important; transform: translate3d(0, -100%, 0) !important; } .AppCnbcPhoenix .mega-menu-enter.mega-menu-enter-active { opacity: 1 !important; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .AppCnbcPhoenix .mega-menu-enter.mega-menu-enter-active .mega-menu-megaMenu { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .AppCnbcPhoenix .mega-menu-leave { opacity: 1 !important; } .AppCnbcPhoenix .mega-menu-leave .mega-menu-megaMenu { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } .AppCnbcPhoenix .mega-menu-leave.mega-menu-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } .AppCnbcPhoenix .mega-menu-leave.mega-menu-leave-active .mega-menu-megaMenu { -webkit-transform: translate3d(0, -100%, 0) !important; transform: translate3d(0, -100%, 0) !important; -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .AppCnbcPhoenix .App-contentWrapper { margin-top: 45px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-contentWrapper { margin-top: 70px; } } .AppCnbcPhoenix .App-contentWrapperClock { margin-top: 112px; } .AppCnbcPhoenix .App-containerClick a:focus, .AppCnbcPhoenix .App-containerClick button:focus, .AppCnbcPhoenix .App-containerClick input:focus, .AppCnbcPhoenix .App-containerClick textarea:focus { outline: none; } /* End - Redesign Header Styles */ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/alerts.css?t=1536945575 */ /* NOTE: This File version is not compressed */ /*==== News Alerts ====*/ /* Common css for all alerts */ .news-alert {width:100%;} .news-alert-title { width: 90%; float: left; } .news-alert .content { max-width: 940px; margin: auto; padding: 7px 0; line-height:24px; letter-spacing: -0.01em;} .news-alert .content .headline {margin-top: 0px; margin-bottom: 0px;} .news-alert .content .headline a , .news-alert .content .headline div.alert-banner {color: #FFF; margin-top: 0px; font-size: 18px;font-weight:normal;} .news-alert .content .headline a:not(.noclick):hover {color:#DDD; padding-top: 7px;} .news-alert .content .headline a.noclick:hover {cursor:default;} .news-alert .content .headline .alert-title {font-family:"Proxima Nova Semi Bold";} .news-alert .content .headline .alert-content {font-family:"Proxima Nova Semi Bold";} .news-alert .content .news-alert-container .alert-close-button {color: #FFF; font-size: 32px; float:right; font-family:"Proxima Nova Semi Bold"; font-style:normal;} .news-alert .content .news-alert-container .alert-close-button:hover { cursor:pointer; } /* Breaking news overrides */ .news-alert.breaking-news .content {padding: 15px 0;} .news-alert.breaking-news .content .headline + .headline:before {content:'\203A\0000a0';} .news-alert.breaking-news .content .headline a{font-size: 20px;} /* Background color overrides*/ .pro-alert, .watch-live {border-top: 1px solid white; padding: 5px 0px; } .breaking-news {background-color: #93231c;} .breaking-news h2 {text-transform: none !important;} .pro-alert {background-color: #35a46b;} .pro-alert h2 {text-transform: none !important;} .watch-live {background-color: #e3352b;} .watch-live h2 {text-transform: none !important;} /*==== News Alerts - End ====*/ /* Background color overrides*/ .pro-alert, .watch-live, .watch-live-international {border-top: 1px solid white; padding: 5px 0px; } .watch-live, .watch-live-international {padding: 0;} .breaking-news {background-color: #93231c;} .breaking-news h2 {text-transform: none !important;} .pro-alert {background-color: #35a46b;} .pro-alert h2 {text-transform: none !important;} .watch-live, .watch-live-international {background-color: #e96525;} .watch-live h2, .watch-live-international h2 {text-transform: none !important;} /* the reddish color is e3352b, orange is e96525 */ .news-alert-container {padding: 0 10px;} /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/responsive_footer.css?t=1536945575 */ /* NOTE: This File version is not compressed */ /* Start - Responsive Footer Styles -*/ .cnbc-new-footer-res{ width:100%; background: #0d3d61; font-family: 'Proxima Nova Semi Bold'; font-weight: normal; font-style: normal; font-size: 14px; color:white; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links div#oba-link-container img{ margin:0px; width: 10px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links ul { list-style-type: none; margin: 0; padding: 0; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links ul li { margin-bottom: 22px; } .cnbc-new-footer-res p { margin: 0; padding: 0; } .cnbc-new-footer-res .sec-footer-wrapper{ width:100%; overflow:hidden; max-width:1140px; font-family: 'Proxima Nova Semi Bold'; background: #0d3d61; font-weight: normal; font-style: normal; font-size: 14px; color: white; padding-top: 20px; margin-left: auto; margin-right: auto; padding-bottom:20px; } .cnbc-new-footer-res .sec-footer-wrapper .footer-disclaimer a{ /*padding-left:10px;*/ float:none; } .cnbc-new-footer-res .sec-footer-wrapper a{ /*padding-left:10px;*/ float:left; } .cnbc-new-footer-res .sec-footer-wrapper .sec-logo-container { border-bottom: 1px solid #3d6481; overflow:hidden; padding-bottom:15px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links .switchDefault{ display:none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-logo-container .social ul { padding:0px; margin:0px; } .cnbc-new-footer-res .social{ display:inline-block; /*padding-right: 20px;*/ } .cnbc-new-footer-res .social-container{ float:right; /*padding-right: 20px;*/ } .cnbc-new-footer-res .social li{ padding:9px; display: inline-block; } .cnbc-new-footer-res .fa { font-size: 20px !important; width: 40px; height: 40px; text-align: center; border-radius: 100%; line-height: 40px !important; color: white; cursor: pointer; } .cnbc-new-footer-res .fa-facebook{background:#3b5998;letter-spacing:2px;} .cnbc-new-footer-res .fa-twitter{background:#55acee;} .cnbc-new-footer-res .fa-instagram , .cnbc-new-footer-res .fa-instagram:hover{ background: url(https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/social_icons_2.png); background-position: 0px -44px; border-radius: 0; background-repeat: no-repeat; background-size:cover; height: 41px; } .cnbc-new-footer-res .fa-youtube{background:#e52d27;} .cnbc-new-footer-res .fa-youtube-play{background:#e52d27;} .cnbc-new-footer-res .fa-tumblr{background:#32506d;letter-spacing:2px;} .cnbc-new-footer-res .fa-linkedin{background:#0077B5;} .cnbc-new-footer-res .fa-google-plus{background:#dd4b39;} .cnbc-new-footer-res .fa-pinterest-p{background: #c8232c;} .cnbc-new-footer-res .fa-flickr{background:#FC329B;letter-spacing:2px;} .cnbc-new-footer-res .fa-twitter-pro{background:#3cb878;} .cnbc-new-footer-res .fa-whatsapp{background:#4dc247;} .cnbc-new-footer-res .fa-envelope-o, .fa-share-square-o{background:#afb8bc;} .cnbc-new-footer-res .fa-reddit{background:#ff4500;letter-spacing:2px;} .cnbc-new-footer-res .fa-rss{background:#ea791b;} .cnbc-new-footer-res .fa-apple , .cnbc-new-footer-res .fa-apple:hover{ background: url(https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/social_icons_2.png);border-radius: 0; background-repeat: no-repeat; background-position: 0px 1px; background-size: cover; } .cnbc-new-footer-res .fa-facebook:hover{background:#36528c;} .cnbc-new-footer-res .fa-twitter:hover{background:#4e9edb;} /*.cnbc-new-footer-res .fa-instagram:hover{ background-position: 0 -137px; }*/ .cnbc-new-footer-res .fa-youtube:hover{background:#d22924;} .cnbc-new-footer-res .fa-tumblr:hover{background:#29425a;} .cnbc-new-footer-res .fa-linkedin:hover{background:#006da5;} .cnbc-new-footer-res .fa-google-plus:hover{background:#d44837;} .cnbc-new-footer-res .fa-pinterest-p:hover{background: #c0222a;} .cnbc-new-footer-res .fa-flickr:hover{background:#f03094;} .cnbc-new-footer-res .fa-twitter-pro:hover{background:#3ab173;} .cnbc-new-footer-res .fa-whatsapp:hover{background:#47b241;} .cnbc-new-footer-res .fa-envelope-o:hover, .fa-share-square-o:hover{background:#a4acb0;} .cnbc-new-footer-res .fa-reddit:hover{background:#ea3f00;} .cnbc-new-footer-res .fa-rss:hover{background:#e0741a;} /*.cnbc-new-footer-res .fa-apple:hover{ background-position: -1px -47px; }*/ .cnbc-new-footer-res .fa-apple:before, .cnbc-new-footer-res .fa-instagram:before {visibility: hidden;} .cnbc-new-footer-res .sec-footer-wrapper .footer-logo{ /*background: transparent url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/footer-sprite.png') no-repeat -2px -54px;*/ background: url('cnbc-logo.png'); display: inline-block; float: left; height: 58px; width: 70px; margin-right:30px; } .cnbc-new-footer-res .sec-footer-wrapper .footer-logo span{ display: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li{ display:inline-block; *display: inline; zoom:1; margin-right:20px; /*padding:5px;*/ } body:not(.makeit) .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li.go-to-cnbc { display: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links a, .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links a *{ color:white; font-weight: normal; font-size: 14px; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container{ width: 100%; display: block; position: relative; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links{ padding-top:30px; /*margin-right:40px;*/ max-width:850px; float: left; text-align:left; } .sec-footer-links ul{ margin-bottom:30px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links a:hover{ color:#3da5ed; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info, .cnbc-new-footer-res .sec-footer-wrapper .copyright-info a, .cnbc-new-footer-res .sec-footer-wrapper .copyright-info a *{ color:#909dab; font-size: 11px; margin-bottom: 20px; line-height: 18px; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info p{ padding: 5px 0; font-size: 12px; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info .data-provider{ /* float:right; width:155px; height:55px; text-align: right; margin-top:40px;*/ margin-top:40px; width:155px; height:55px; background: transparent url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/footer-sprite.png') no-repeat -3px 18px; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info .data-provider span{ display: none; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info .nbcu-logo{ display: inline-block; width:196px; height: 16px; background: transparent url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/footer-sprite.png') no-repeat 0px -36px; } .cnbc-new-footer-res .sec-footer-wrapper .copyright-info .nbcu-logo span{ display: none; } /* .cnbc-new-footer-res .divider{ border-right: #3d6481 solid 1px; }*/ .cnbc-new-footer-res .copyright-info{ /*float: left; position: absolute; top: 163px;*/ border:none; padding-right:15px; padding-top: 30px; float: left; text-align: left; } .cnbc-new-footer-res .copyright-info .footer-disclaimer .data_provider{ float: left; margin-right: 7px; padding-top: 3px; } .cnbc-new-footer-res .copyright-info .footer-disclaimer a{ text-decoration: none; } .cnbc-new-footer-res .copyright-info .footer-disclaimer { margin-bottom:20px; } .cnbc-new-footer-res .sec-footer-wrapper a:hover{ color: #2fbcf6; } .news-widget-footer .news-widget{ float:right; border-left: #3d6481 solid 1px; padding-left:24px !important; text-align:left; } .pico-content{ font-family: 'Proxima Nova Semi Bold'; font-weight: normal; font-style: normal; } .cnbc-new-footer-res .sec-footer-wrapper .footer-disclaimer img{ margin-bottom: 0px; } @media (max-width:760px) { .cnbc-new-footer-res .sec-footer-wrapper { text-align:center; } .cnbc-new-footer-res .sec-footer-wrapper a{ /*padding-left:10px;*/ float:none; } .cnbc-new-footer-res .social-container{ float:none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-logo-container { padding-bottom:20px; } .cnbc-new-footer-res .sec-footer-wrapper img{ margin-bottom: 20px; } .cnbc-new-footer-res .social{ float:none; /*padding-right: 20px;*/ } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li{ zoom:1; float: none; overflow:hidden; background: #265171; padding: 8px; border-radius: 3px; margin: 5px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links ul li { margin-bottom: 7px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li:hover{ color:white; background: #2d82bd; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li a:hover{ color:white; background: #2d82bd; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links { /*padding-top:15px;*/ text-align: left; padding-left:10px; max-width:100%; padding-bottom: 30px; border-bottom: #3d6481 solid 1px; } .cnbc-new-footer-res .copyright-info{ border-top: #3d6481 solid 1px; margin-top: 30px; clear:both; float: none; position: relative; top: 0px; padding-top:30px; padding-left:20px; text-align:left; } .news-widget-footer .news-widget { clear:both; float:none; padding-left:20px; padding-right:20px; /*text-align:center;*/ max-width:100%; /*border-bottom: #3d6481 solid 1px; border-top: #3d6481 solid 1px;*/ text-align:left; border-left:none; } .news-widget-footer .news-widget #inputEmail { max-width: 245px; width:100% !important; background: #265171; color: white; border: none; padding: 8px; border-radius: 3px; } .news-widget-footer .news-widget #nl-submit { width:100%; font-size: 13px; background: #3da5ed; color: white; border: none; margin-top:10px !important; border-radius:3px; padding: 8px; text-transform: uppercase; } } @media (max-width:1220px) and (min-width:1024px) { .cnbc-new-footer-res .sec-footer-wrapper { max-width:970px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links { padding-top: 30px; /* margin-right: 40px; */ max-width: 661px; float: left; } } @media (max-width:1024px) and (min-width:760px) { .cnbc-new-footer-res .copyright-info .footer-disclaimer .data_provider{ float: none; } .cnbc-new-footer-res .sec-footer-wrapper { text-align:center; } .cnbc-new-footer-res .sec-footer-wrapper a{ /*padding-left:10px;*/ float:none; } .cnbc-new-footer-res .social-container{ float:none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-logo-container { padding-bottom:20px; } .cnbc-new-footer-res .sec-footer-wrapper img{ margin-bottom: 20px; } .cnbc-new-footer-res .social{ float:none; /*padding-right: 20px;*/ } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li{ zoom:1; float: left; background: #265171; padding: 8px; border-radius: 3px; margin: 5px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links ul li { margin-bottom: 7px; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li:hover{ color:white; background: #2d82bd; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-links li a:hover{ color:white; background: #2d82bd; text-decoration: none; } .cnbc-new-footer-res .sec-footer-wrapper .sec-footer-container .sec-footer-links { /*padding-top:15px;*/ float:none; overflow:hidden; padding-left:10px; max-width:100%; padding-bottom: 30px; border-bottom: #3d6481 solid 1px; } .cnbc-new-footer-res .copyright-info{ width:100%; border-top: #3d6481 solid 1px; margin-top: 30px; clear:both; float:none; position: relative; top: 0px; padding-top:30px; padding-left:20px; text-align:center; } .news-widget-footer .news-widget { clear:both; float:none; padding-left:20px; padding-right:20px; /*text-align:center;*/ max-width:300px; margin-left:auto; margin-right:auto; /*border-bottom: #3d6481 solid 1px; border-top: #3d6481 solid 1px;*/ text-align:left; border-left:none; } .news-widget-footer .news-widget #inputEmail { max-width: 245px; width:100% !important; background: #265171; color: white; border: none; padding: 8px; border-radius: 3px; } .news-widget-footer .news-widget #nl-submit { width:100%; font-size: 13px; background: #3da5ed; color: white; border: none; margin-top:10px !important; border-radius:3px; padding: 8px; text-transform: uppercase; } } .AppCnbcPhoenix .Footer-section h4 { color: #fff; } /* Start - Redesign Footer Styles */ .AppCnbcPhoenix .ErrorHandler-container { background: #ff5053; position: relative; width: 100%; height: 100%; } .AppCnbcPhoenix * { -webkit-box-sizing: border-box; box-sizing: border-box; } .AppCnbcPhoenix li, .AppCnbcPhoenix ol, .AppCnbcPhoenix ul { margin: 0; padding: 0; list-style: none; } .AppCnbcPhoenix a { color: #fff; text-decoration: none; cursor: pointer; } .AppCnbcPhoenix a:focus, .AppCnbcPhoenix a:hover { color: #ffbc05; } .AppCnbcPhoenix button { cursor: pointer; border: none; padding: 0; background: none; } .AppCnbcPhoenix table { border-collapse: collapse; } .AppCnbcPhoenix td, .AppCnbcPhoenix th { text-align: left; padding: 8px 15px 8px 0; } .AppCnbcPhoenix img { display: block; } div.AppCnbcPhoenix { font-family: Proxima Nova; border: 0; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body:after { content: "mobile"; display: none; } @media (min-width: 760px) { body:after { content: "tablet"; } } @media (min-width: 1020px) { body:after { content: "small_desktop"; } } @media (min-width: 1180px) { body:after { content: "medium_desktop"; } } @media (min-width: 1340px) { body:after { content: "large_desktop"; } } .AppCnbcPhoenix :focus { outline: none; } .AppCnbcPhoenix button { font-family: Proxima Nova; border-radius: 0; } .AppCnbcPhoenix button::-moz-focus-inner { border: 0; } .AppCnbcPhoenix .openNav { position: fixed; width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .openNav { overflow-y: scroll; } } .AppCnbcPhoenix .App-articleBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-articleBody { padding-left: 0; padding-right: 0; } } .AppCnbcPhoenix .group { font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .group { margin-left: 14.28571%; } } @media (max-width: 760px) { .AppCnbcPhoenix .hideOnMobile { display: none; } } .AppCnbcPhoenix .App-bodyText { color: #2e2e2e; font-family: Lyon; font-size: 18px; line-height: 1.66; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .App-bodyText { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .App-listWrapper { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(50% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 75%; max-width: 75%; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 760px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(22.22222% + 30px); } } @media (min-width: 760px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(16.66667% + 30px); } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(25% + 30px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(11.11111% + 30px); } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: calc(8.33333% + 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; max-width: 100%; margin-left: 30px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { margin-left: 14.28571%; } } @media (min-width: 760px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); max-width: calc(((100% - 150px) / 6) * 5 + 120px + 0px); margin-left: calc((((100% - 150px) / 6) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } @media (min-width: 1340px) { .AppCnbcPhoenix #taboolaContainer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); max-width: calc(((100% - 180px) / 7) * 6 + 150px + 0px); margin-left: calc((((100% - 180px) / 7) * 1 + 0px + 30px) * 1); -ms-flex: none; flex: none; } } .AppCnbcPhoenix .App-listTitle { font-weight: 700; font-size: 24px; margin-bottom: 15px; } .AppCnbcPhoenix .numeric { text-align: right; } .AppCnbcPhoenix [class*=" icon-"], .AppCnbcPhoenix [class^=icon-] { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AppCnbcPhoenix .icon-social_apple_news:before { content: "\E900"; } .AppCnbcPhoenix .icon-close-2:before { content: "\E901"; } .AppCnbcPhoenix .icon-thumbs-up:before { content: "\E902"; } .AppCnbcPhoenix .icon-chat-bubble:before { content: "\E903"; } .AppCnbcPhoenix .icon-chat-bubble-hover:before { content: "\E904"; } .AppCnbcPhoenix .icon-thumbs-down:before { content: "\E905"; } .AppCnbcPhoenix .icon-buffett-pause:before { content: "\E906"; } .AppCnbcPhoenix .icon-buffett-timeline:before { content: "\E907"; } .AppCnbcPhoenix .icon-buffett-backtotop:before { content: "\E908"; } .AppCnbcPhoenix .icon-buffett-sync:before { content: "\E909"; } .AppCnbcPhoenix .icon-buffett-arrow-right-long:before { content: "\E90A"; } .AppCnbcPhoenix .icon-buffett-arrow-left-long:before { content: "\E90B"; } .AppCnbcPhoenix .icon-buffett-diamond:before { content: "\E90C"; } .AppCnbcPhoenix .icon-check:before { content: "\E90D"; } .AppCnbcPhoenix .icon-search:before { content: "\E90E"; } .AppCnbcPhoenix .icon-hamburger:before { content: "\E90F"; } .AppCnbcPhoenix .icon-close:before { content: "\E910"; } .AppCnbcPhoenix .icon-social_facebook:before { content: "\E911"; } .AppCnbcPhoenix .icon-social_instagram:before { content: "\E912"; } .AppCnbcPhoenix .icon-social_linkedin:before { content: "\E913"; } .AppCnbcPhoenix .icon-social_rss:before { content: "\E914"; } .AppCnbcPhoenix .icon-social_twitter:before { content: "\E915"; } .AppCnbcPhoenix .icon-social_youtube:before { content: "\E916"; } .AppCnbcPhoenix .icon-tumblr:before { content: "\E917"; } .AppCnbcPhoenix .icon-stumbleupon:before { content: "\E918"; } .AppCnbcPhoenix .icon-reddit:before { content: "\E919"; } .AppCnbcPhoenix .icon-quote-mark:before { content: "\E91A"; } .AppCnbcPhoenix .icon-probug:before { content: "\E91B"; } .AppCnbcPhoenix .icon-play-triangle:before { content: "\E91C"; } .AppCnbcPhoenix .icon-pinterest:before { content: "\E91D"; } .AppCnbcPhoenix .icon-more-dots:before { content: "\E91E"; } .AppCnbcPhoenix .icon-play:before { content: "\E91F"; } .AppCnbcPhoenix .icon-email:before { content: "\E920"; } .AppCnbcPhoenix .icon-digg:before { content: "\E921"; } .AppCnbcPhoenix .icon-arrow-left:before { content: "\E922"; } .AppCnbcPhoenix .icon-arrow-right:before { content: "\E923"; } .AppCnbcPhoenix .icon-arrow-down-readmore:before { content: "\E924"; } .AppCnbcPhoenix .icon-arrow-transporter-down:before { content: "\E925"; } .AppCnbcPhoenix .icon-calendar:before { content: "\E926"; } .AppCnbcPhoenix .icon-livebug:before { content: "\E927"; } .AppCnbcPhoenix .icon-lock:before { content: "\E928"; } .AppCnbcPhoenix .icon-sort:before { content: "\E929"; } .AppCnbcPhoenix .icon-cnbctv:before { content: "\E92A"; } .AppCnbcPhoenix .icon-markets:before { content: "\E92B"; } .AppCnbcPhoenix .icon-menu:before { content: "\E92C"; } .AppCnbcPhoenix .icon-news:before { content: "\E92D"; } .AppCnbcPhoenix .icon-offsite-arrow:before { content: "\E92E"; } .AppCnbcPhoenix .icon-short-arrow-left:before { content: "\E92F"; } .AppCnbcPhoenix .icon-short-arrow-right:before { content: "\E930"; } .AppCnbcPhoenix .icon-live:before { content: "\E931"; } .AppCnbcPhoenix .icon-newsletter:before { content: "\E932"; } .AppCnbcPhoenix .icon-caret-left:before { content: "\E933"; } .AppCnbcPhoenix .icon-triangle-down:before { content: "\E934"; } .AppCnbcPhoenix .icon-triangle-up:before { content: "\E935"; } .AppCnbcPhoenix .icon-caret-right:before { content: "\E936"; } .AppCnbcPhoenix .icon-buffett-arrow-left:before { content: "\E937"; } .AppCnbcPhoenix .icon-buffett-arrow-right:before { content: "\E938"; } .AppCnbcPhoenix .icon-buffett-chevron-down:before { content: "\E939"; } .AppCnbcPhoenix .icon-buffett-chevron-left:before { content: "\E93A"; } .AppCnbcPhoenix .icon-buffett-chevron-right:before { content: "\E93B"; } .AppCnbcPhoenix .icon-buffett-chevron-up:before { content: "\E93C"; } .AppCnbcPhoenix .icon-buffett-playlist:before { content: "\E93D"; } .AppCnbcPhoenix .icon-buffett-slideshow:before { content: "\E93E"; } .AppCnbcPhoenix .icon-buffett-video-fullscreen:before { content: "\E93F"; } .AppCnbcPhoenix .icon-buffett-video-mute:before { content: "\E940"; } .AppCnbcPhoenix .icon-buffett-video-volume:before { content: "\E941"; } .AppCnbcPhoenix .icon-buffett-video:before { content: "\E942"; } .AppCnbcPhoenix .icon-video_back_to_top:before { content: "\E943"; } .AppCnbcPhoenix .icon-video_close:before { content: "\E944"; } .AppCnbcPhoenix .icon-logo-cnbc:before { content: "\E945"; } .AppCnbcPhoenix .icon-minus:before { content: "\E946"; } .AppCnbcPhoenix .icon-plus:before { content: "\E947"; } .AppCnbcPhoenix [class*=" icon-makeit-"]:before, .AppCnbcPhoenix [class^=icon-makeit-]:before { font-family: makeit-icons !important; } .AppCnbcPhoenix .icon-makeit-arrow-down:before { content: "\E900"; } .AppCnbcPhoenix .icon-makeit-arrow-left:before { content: "\E901"; } .AppCnbcPhoenix .icon-makeit-arrow-right:before { content: "\E902"; } .AppCnbcPhoenix .icon-makeit-arrow-up:before { content: "\E903"; } .AppCnbcPhoenix .icon-makeit-backtotop:before { content: "\E904"; } .AppCnbcPhoenix .icon-makeit-check:before { content: "\E905"; } .AppCnbcPhoenix .icon-makeit-close:before { content: "\E906"; } .AppCnbcPhoenix .icon-makeit-externallink:before { content: "\E907"; } .AppCnbcPhoenix .icon-makeit-filter-closed:before { content: "\E908"; } .AppCnbcPhoenix .icon-makeit-filter-open:before { content: "\E909"; } .AppCnbcPhoenix .icon-makeit-fullscreen:before { content: "\E90A"; } .AppCnbcPhoenix .icon-makeit-hamburger:before { content: "\E90B"; } .AppCnbcPhoenix .icon-makeit-logo-cnbc:before { content: "\E90C"; } .AppCnbcPhoenix .icon-makeit-mail:before { content: "\E90D"; } .AppCnbcPhoenix .icon-makeit-mute:before { content: "\E90E"; } .AppCnbcPhoenix .icon-makeit-pause:before { content: "\E90F"; } .AppCnbcPhoenix .icon-makeit-play:before { content: "\E910"; } .AppCnbcPhoenix .icon-makeit-questionnaire:before { content: "\E911"; } .AppCnbcPhoenix .icon-makeit-quote:before { content: "\E912"; } .AppCnbcPhoenix .icon-makeit-search:before { content: "\E913"; } .AppCnbcPhoenix .icon-makeit-trending-bug:before { content: "\E914"; } .AppCnbcPhoenix .icon-makeit-unmute:before { content: "\E915"; } .AppCnbcPhoenix .icon-makeit-plus:before { content: "\E916"; } .AppCnbcPhoenix .icon-makeit-minus:before { content: "\E917"; } .AppCnbcPhoenix [class*=" gig-button-container-"], .AppCnbcPhoenix [class^=gig-button-container-] { font-family: social-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AppCnbcPhoenix .gig-button-container-facebook .Share-icon:before { content: "\E911"; } .AppCnbcPhoenix .gig-button-container-instagram .Share-icon:before { content: "\E912"; } .AppCnbcPhoenix .gig-button-container-linkedin .Share-icon:before { content: "\E913"; } .AppCnbcPhoenix .gig-button-container-rss .Share-icon:before { content: "\E914"; } .AppCnbcPhoenix .gig-button-container-twitter .Share-icon:before { content: "\E915"; } .AppCnbcPhoenix .gig-button-container-youtube .Share-icon:before { content: "\E916"; } .AppCnbcPhoenix .gig-button-container-tumblr .Share-icon:before { content: "\E917"; } .AppCnbcPhoenix .gig-button-container-stumbleupon .Share-icon:before { content: "\E918"; } .AppCnbcPhoenix .gig-button-container-reddit .Share-icon:before { content: "\E919"; } .AppCnbcPhoenix .gig-button-container-pinterest .Share-icon:before { content: "\E91D"; } .AppCnbcPhoenix .gig-button-container-share .Share-icon:before { content: "\E91E"; } .AppCnbcPhoenix .gig-button-container-email .Share-icon:before { content: "\E920"; } .AppCnbcPhoenix .gig-button-container-digg .Share-icon:before { content: "\E921"; } .AppCnbcPhoenix .transition-fade-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .transition-fade-appear { opacity: .01; } .AppCnbcPhoenix .transition-fade-appear.transition-fade-appear-active { opacity: 1 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-fade-enter.transition-fade-enter-active { opacity: 1 !important; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .AppCnbcPhoenix .transition-fade-leave { opacity: 1 !important; } .AppCnbcPhoenix .transition-fade-leave.transition-fade-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } .AppCnbcPhoenix .transition-transform-y-appear { -webkit-transform: translateY(20%); transform: translateY(20%); } .AppCnbcPhoenix .transition-transform-y-appear, .AppCnbcPhoenix .transition-transform-y-appear.transition-transform-y-appear-active { -webkit-transition: -webkit-transform .5s ease-in; transition: -webkit-transform .5s ease-in; transition: transform .5s ease-in; transition: transform .5s ease-in, -webkit-transform .5s ease-in; } .AppCnbcPhoenix .transition-transform-y-appear.transition-transform-y-appear-active { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-search-fade-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .transition-search-fade-enter.transition-search-fade-enter-active { opacity: 1 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-search-fade-leave { opacity: 1 !important; } .AppCnbcPhoenix .transition-search-fade-leave.transition-search-fade-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .AppCnbcPhoenix .transition-top-enter { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .AppCnbcPhoenix .transition-top-enter.transition-top-enter-active { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-top-enter.transition-top-enter-active, .AppCnbcPhoenix .transition-top-leave { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-top-leave.transition-top-leave-active { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-bottom-enter { -webkit-transform: translateY(100%); transform: translateY(100%); } .AppCnbcPhoenix .transition-bottom-enter.transition-bottom-enter-active { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .transition-bottom-leave { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .transition-bottom-leave.transition-bottom-leave-active { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .AppCnbcPhoenix .mega-menu-enter { opacity: 0.01 !important; } .AppCnbcPhoenix .mega-menu-enter .mega-menu-megaMenu { -webkit-transform: translate3d(0, -100%, 0) !important; transform: translate3d(0, -100%, 0) !important; } .AppCnbcPhoenix .mega-menu-enter.mega-menu-enter-active { opacity: 1 !important; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .AppCnbcPhoenix .mega-menu-enter.mega-menu-enter-active .mega-menu-megaMenu { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .AppCnbcPhoenix .mega-menu-leave { opacity: 1 !important; } .AppCnbcPhoenix .mega-menu-leave .mega-menu-megaMenu { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } .AppCnbcPhoenix .mega-menu-leave.mega-menu-leave-active { opacity: 0.01 !important; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } .AppCnbcPhoenix .mega-menu-leave.mega-menu-leave-active .mega-menu-megaMenu { -webkit-transform: translate3d(0, -100%, 0) !important; transform: translate3d(0, -100%, 0) !important; -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .AppCnbcPhoenix .App-contentWrapper { margin-top: 45px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-contentWrapper { margin-top: 70px; } } .AppCnbcPhoenix .App-contentWrapperClock { margin-top: 112px; } .AppCnbcPhoenix .App-containerClick a:focus, .AppCnbcPhoenix .App-containerClick button:focus, .AppCnbcPhoenix .App-containerClick input:focus, .AppCnbcPhoenix .App-containerClick textarea:focus { outline: none; } @-webkit-keyframes Buffett-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes Buffett-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes Buffett-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Buffett-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Buffett-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Buffett-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Buffett-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Buffett-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes Buffett-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes Buffett-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .Buffett-footerWrapper { border-top: 4px solid #d1bb7e; background-size: cover; background-position: 50% 50%; position: relative; padding-left: 20px; padding-right: 20px; padding-bottom: 45px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-footerWrapper { padding-left: 0; padding-right: 0; padding-bottom: 0; } } .AppCnbcPhoenix .Buffett-footerWrapper:after { top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(46, 8, 16, 0.9); position: absolute; top: -1px; height: 101%; mix-blend-mode: multiply; } .AppCnbcPhoenix .Buffett-footerContainer { margin: 0 auto; max-width: 100%; padding-top: 30px; padding-bottom: 20px; position: relative; text-align: center; z-index: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-footerContainer { max-width: 678px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-footerContainer { max-width: 960px; } } @media (min-width: 1180px) { .AppCnbcPhoenix .Buffett-footerContainer { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-footerContainer { max-width: 1290px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-footerContainer { padding-top: 40px; } } .AppCnbcPhoenix .Buffett-supportingCopy { color: #fff; font-family: Lyon; line-height: 1.5; letter-spacing: .25px; margin: 2rem 0; font-size: 16px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-supportingCopy { line-height: 1.428; letter-spacing: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 14px; margin: 1rem 0; font-weight: 500; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-supportingCopy { width: 70%; margin: 0 auto; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-supportingCopy { width: 53%; margin: 0 auto; } } .AppCnbcPhoenix .Buffett-supportingCopy a { color: #d1bb7e; display: inline-block; padding-bottom: .5em; margin-bottom: 10px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-supportingCopy a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 100%; margin-left: 1.5em; } } .AppCnbcPhoenix .Buffett-supportingCopy a:hover { color: #fff; text-decoration: underline; } .AppCnbcPhoenix .Buffett-copyright { color: #fff; font-size: 10px; line-height: 1.6; letter-spacing: 2px; text-transform: uppercase; max-width: 270px; margin-left: auto; margin-right: auto; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-copyright { max-width: 100%; } } .AppCnbcPhoenix .Buffett-footerLogo { margin-right: auto; margin-bottom: 15px; margin-left: auto; width: 210px; } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-footerLogo { width: 282px; } } .AppCnbcPhoenix .Buffett-footerOffsite { margin-bottom: 10px; } .AppCnbcPhoenix .Buffett-footerOffsite:focus, .AppCnbcPhoenix .Buffett-footerOffsite:hover { color: #d1bb7e; } .AppCnbcPhoenix .Buffett-footerOffsiteLogo { display: inline-block; margin-right: 10px; vertical-align: middle; width: 30px; } .AppCnbcPhoenix .Buffett-footerOffsiteName { font-weight: 500; font-size: 10px; line-height: 1.2; letter-spacing: .91px; text-transform: uppercase; } .AppCnbcPhoenix .Buffett-footerOffsiteIcon { color: #d1bb7e; font-size: 8px; margin-left: 5px; } @-webkit-keyframes MakeItFooter-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @keyframes MakeItFooter-marquee { 0% { left: 0; } 50% { top: 0; left: calc(-100% - 60px); } 51% { top: -100px; left: calc(-100% - 60px); } 52% { top: -100px; left: 100%; } 53% { top: 0; left: 100%; } to { left: 0; } } @-webkit-keyframes MakeItFooter-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeItFooter-circlePulseSmall { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(50); transform: scale(50); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeItFooter-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeItFooter-circlePulseLarge { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeItFooter-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes MakeItFooter-circlePulseLarge2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(65); transform: scale(65); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes MakeItFooter-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes MakeItFooter-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } .AppCnbcPhoenix .MakeItFooter-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; background-color: #3e4855; color: #fff; position: relative; padding-bottom: 63px; width: 100%; font-family: Averta; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; padding-bottom: 80px; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-container { padding-left: 0; padding-right: 0; padding-bottom: 40px; } } .AppCnbcPhoenix .MakeItFooter-gridWrapper { width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-gridWrapper { width: 100%; margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-gridWrapper { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-gridWrapper { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .MakeItFooter-gridWrapper { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-gridWrapper { max-width: 1290px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(225% - 30px); max-width: calc(225% - 30px); max-width: 100% !important; position: relative; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media screen and (min-width: 1020px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(75% - 30px); max-width: calc(75% - 30px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(300% - 30px); max-width: calc(300% - 30px); } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(133.33333% - 30px); max-width: calc(133.33333% - 30px); } } @media screen and (min-width: 1340px) and (min-width: 1020px) and (-ms-high-contrast: none) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: 100%; max-width: 100%; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-footerWrapper { min-width: calc(100% - 30px); max-width: calc(100% - 30px); } } .AppCnbcPhoenix .MakeItFooter-header { -webkit-box-align: left; -ms-flex-align: left; align-items: left; margin: 0 20px; height: 60px; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-header { height: 45px; margin: 0; padding-top: 5px; height: 70px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-header { padding-top: 0; } } .AppCnbcPhoenix .MakeItFooter-sectionContainer { width: 100%; margin-bottom: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-sectionContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .AppCnbcPhoenix .MakeItFooter-hovered { position: relative; } .AppCnbcPhoenix .MakeItFooter-footerLogo { position: relative; display: block; width: 130px; margin: 0 auto; } .AppCnbcPhoenix .MakeItFooter-footerLogo:not(.MakeItFooter-hovered):before { content: ""; position: absolute; border-radius: 50%; background-color: #68ebca; height: 1px; width: 1px; right: 13%; top: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: MakeItFooter-circlePulseLarge 1s; animation: MakeItFooter-circlePulseLarge 1s; } .AppCnbcPhoenix .MakeItFooter-footerLogo:not(.MakeItFooter-hovered):focus:before { -webkit-animation: MakeItFooter-circlePulseLarge 1s infinite; animation: MakeItFooter-circlePulseLarge 1s infinite; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerLogo:not(.MakeItFooter-hovered):focus:before, .AppCnbcPhoenix .MakeItFooter-footerLogo:not(.MakeItFooter-hovered):hover:before { -webkit-animation: MakeItFooter-circlePulseLarge2 1.5s infinite; animation: MakeItFooter-circlePulseLarge2 1.5s infinite; } } .AppCnbcPhoenix .MakeItFooter-footerLogo:focus:before { content: ""; position: absolute; border-radius: 50%; background-color: #68ebca; height: 1px; width: 1px; right: 13%; top: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: MakeItFooter-circlePulseLarge 1s; animation: MakeItFooter-circlePulseLarge 1s; } .AppCnbcPhoenix .MakeItFooter-footerLogo:focus:focus:before { -webkit-animation: MakeItFooter-circlePulseLarge 1s infinite; animation: MakeItFooter-circlePulseLarge 1s infinite; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerLogo:focus:focus:before, .AppCnbcPhoenix .MakeItFooter-footerLogo:focus:hover:before { -webkit-animation: MakeItFooter-circlePulseLarge2 1.5s infinite; animation: MakeItFooter-circlePulseLarge2 1.5s infinite; } } .AppCnbcPhoenix .MakeItFooter-footerLogo img { width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerLogo { margin: 0; width: 176px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-footerLogo { width: 201px; } } @media (min-width: 760px) { .AppCnbcPhoenix { margin: 0 30px; } } .AppCnbcPhoenix .MakeItFooter-section { width: 100%; padding: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-section { width: 49%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-section { width: 33%; padding: 20px 20px 20px 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeItFooter-section { padding-top: 26px; } } @media (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-socialSection { width: 100%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-socialSection { width: 33%; } } .AppCnbcPhoenix .MakeItFooter-footerTitle { font-size: 24px; font-weight: 700; color: #fff; text-align: center; line-height: 1; margin: 10px 0; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-footerTitle { text-align: left; margin-bottom: 15px; } } .AppCnbcPhoenix .MakeItFooter-sectionInfo { text-align: center; font-size: 12px; letter-spacing: .38px; color: #fff; margin-top: 0; margin-bottom: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-sectionInfo { text-align: left; font-size: 16px; } } .AppCnbcPhoenix .MakeItFooter-sectionButton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 100%; border: 3px solid #68ebca; color: #fff; font-size: 14px; letter-spacing: 1.75px; text-transform: uppercase; font-weight: 600; } .AppCnbcPhoenix .MakeItFooter-sectionButton:focus, .AppCnbcPhoenix .MakeItFooter-sectionButton:hover { background-color: #68ebca; color: #3e4855; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-sectionButton { width: 90%; } } .AppCnbcPhoenix .MakeItFooter-share { width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; } .AppCnbcPhoenix .MakeItFooter-share a { font-size: 20px; color: #ff685d; } .AppCnbcPhoenix .MakeItFooter-share a:focus, .AppCnbcPhoenix .MakeItFooter-share a:hover { color: #68ebca; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-share { margin: 0; } } .AppCnbcPhoenix .MakeItFooter-footerOffsite { font-size: 10px; font-weight: 600; } .AppCnbcPhoenix .MakeItFooter-footerOffsite a { color: #fff; } .AppCnbcPhoenix .MakeItFooter-footerOffsite:focus, .AppCnbcPhoenix .MakeItFooter-footerOffsite:focus span, .AppCnbcPhoenix .MakeItFooter-footerOffsite:hover, .AppCnbcPhoenix .MakeItFooter-footerOffsite:hover span { color: #68ebca; } .AppCnbcPhoenix .MakeItFooter-cnbcLogo { color: #fff; font-size: 23px; display: inline-block; margin-right: 5px; -webkit-transform: translateY(4px); transform: translateY(4px); } .AppCnbcPhoenix .MakeItFooter-footerOffsiteIcon { color: #68ebca; margin-left: 5px; } .AppCnbcPhoenix .MakeItFooter-copyright { font-size: 12px; font-weight: 600; text-align: center; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-copyright { text-align: left; } } .AppCnbcPhoenix .MakeItFooter-bottomContent { width: 60%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-bottomContent { width: 31%; margin: 0; float: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .AppCnbcPhoenix .MakeItFooter-bottomLinks { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; font-size: 10px; } @media (min-width: 760px) { .AppCnbcPhoenix .MakeItFooter-bottomLinks { width: 31%; } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeItFooter-bottomLinks { padding: 40px; margin: 0; font-size: 12px; } } .AppCnbcPhoenix .MakeItFooter-bottomLinks a { color: #68ebca; font-weight: 600; } .AppCnbcPhoenix .MakeItFooter-bottomLinks a:focus, .AppCnbcPhoenix .MakeItFooter-bottomLinks a:hover { color: #fff; } .AppCnbcPhoenix .MakeItFooter-squiggle { height: 4px; width: 100%; margin-top: 10px; } .AppCnbcPhoenix .Footer-container { z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; margin-right: -30px; background-color: #071d39; color: #fff; text-align: left; position: relative; padding-bottom: 63px; width: 100%; overflow: hidden; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-container { padding-left: 0; padding-right: 0; padding-bottom: 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-container { padding: 30px 0; } } @media (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .Footer-container { -ms-flex-flow: column wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .AppCnbcPhoenix .Footer-gridContainer { margin: 0 auto; max-width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-gridContainer { max-width: 678px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-gridContainer { max-width: 960px; } } @media (min-width: 1180px) { .AppCnbcPhoenix .Footer-gridContainer { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-gridContainer { max-width: 1290px; } } .AppCnbcPhoenix .Footer-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 90px) / 4) * 4 + 90px + 0px); max-width: calc(((100% - 90px) / 4) * 4 + 90px + 0px); position: relative; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 240px) / 9) * 9 + 240px + 0px); max-width: calc(((100% - 240px) / 9) * 9 + 240px + 0px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); max-width: calc(((100% - 330px) / 12) * 12 + 330px + 0px); } } .AppCnbcPhoenix .Footer-header { width: 100vw; margin-left: -20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; height: 60px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-header { margin-left: calc(((100vw) - 678px) / -2); margin-right: calc(((100vw) - 678px) / -2); width: 100vw; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-header { margin-right: calc(((100vw) - 960px) / -2); margin-left: calc(((100vw) - 960px) / -2); padding-left: calc((100vw - 960px) / 2); padding-right: calc((100vw - 960px) / 2); width: 100vw; } } @media (min-width: 1180px) { .AppCnbcPhoenix .Footer-header { margin-right: calc(((100vw) - 1077px) / -2); margin-left: calc(((100vw) - 1077px) / -2); padding-left: calc((100vw - 1077px) / 2); padding-right: calc((100vw - 1077px) / 2); width: 100vw; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-header { margin-right: calc(((100vw) - 1290px) / -2); margin-left: calc(((100vw) - 1290px) / -2); padding-left: calc((100vw - 1290px) / 2); padding-right: calc((100vw - 1290px) / 2); max-width: none; width: 100vw; } } .AppCnbcPhoenix .Footer-header img { width: 130px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-header { padding-left: calc((100vw - 678px) / 2); padding-right: calc((100vw - 678px) / 2); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-header { max-width: 100%; height: 45px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0 15px; margin: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .AppCnbcPhoenix .Footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 30px 0 10px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-menu { margin-top: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-menu { display: inline-block; width: 50%; } } .AppCnbcPhoenix .Footer-menu li { font-weight: 500; -webkit-box-flex: calc(50% - 10px); -ms-flex: calc(50% - 10px); flex: calc(50% - 10px); font-size: 16px; margin-bottom: 10px; } .AppCnbcPhoenix .Footer-menu li:nth-child(odd) { margin-right: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-menu li { -webkit-box-flex: 33%; -ms-flex: 33%; flex: 33%; max-width: 33%; } .AppCnbcPhoenix .Footer-menu li:nth-child(odd) { margin-right: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-menu li { font-size: 14px; line-height: 26px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-menu li { display: inline-block; width: 33%; } } .AppCnbcPhoenix .Footer-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 40px; padding: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-share { position: absolute; line-height: 65px; top: 0; right: 0; margin-top: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-share { line-height: 45px; height: 45px; } } .AppCnbcPhoenix .Footer-share li { font-size: 22px; margin: 0 10px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Footer-info { width: 50%; } } .AppCnbcPhoenix .Footer-disclaimer { width: 100%; } .AppCnbcPhoenix .Footer-section { margin-bottom: 40px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-section { width: 45%; } } .AppCnbcPhoenix .Footer-section button { font-weight: 600; padding-top: 4px; color: #fff; background-color: transparent; border: 1px solid #fff; font-size: 12px; letter-spacing: 1.1px; text-transform: uppercase; height: 40px; width: 100%; } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-section button { max-width: 150px; } } .AppCnbcPhoenix .Footer-section button:hover { background-color: #ffbc05; border-color: #ffbc05; color: #071d39; } .AppCnbcPhoenix .Footer-section h4 { font-weight: 700; font-size: 18px; margin: 15px 0 5px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-section h4 { font-size: 24px; } } .AppCnbcPhoenix .Footer-sectionInfo { font-family: Lyon; font-size: 14px; line-height: 1.42; margin-top: 0; margin-bottom: 20px; } .AppCnbcPhoenix .Footer-copyright, .AppCnbcPhoenix .Footer-copyright > a { color: rgba(255, 255, 255, 0.7); font-size: 10px; margin: 15px 0 0; letter-spacing: .5px; } .AppCnbcPhoenix .Footer-copyright > a:hover { color: rgba(255, 255, 255, 0.7); } .AppCnbcPhoenix .Footer-reutersLogo { display: inline-block; position: relative; top: 7px; margin-left: 9px; } .AppCnbcPhoenix .Footer-newsletter { position: relative; margin-left: 50px; } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-newsletter { margin-left: 0; } } .AppCnbcPhoenix .Footer-newsletter span { position: absolute; font-size: 40px; left: 0; top: -10px; } @media (min-width: 1020px) { .AppCnbcPhoenix .Footer-newsletter span { top: -5px; } } @media (min-width: 760px) { .AppCnbcPhoenix .Footer-newsletter span { left: -50px; } } @media (max-width: 760px) { .AppCnbcPhoenix .Footer-newsletter div { position: relative; left: 50px; } } .AppCnbcPhoenix .icon-social_apple_news:before { font-size: 25px; position: relative; top: 1px; } /* end of redesign footer css */ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/cnbc-popup-desktop.css?t=1536945575 */ /* NOTE: This File version is not compressed */ #cnbc-popup-background { z-index:10000; position: fixed; display:none; overflow-x: hidden; overflow-y: scroll; /*height:100%;*/ /*width:100%;*/ background: rgba(0,0,0,0.7); top:0px; left:0px; right: 0px; bottom: 0px; } #cnbc-popup-lightbox { background: none repeat scroll 0 0 #FFFFFF; /*border: 0px solid #ccc;*/ border-radius: 3px; /*color: #333333;*/ /*font-size: 14px;*/ margin: auto; width: 25%; overflow: hidden; } #cnbc-popup-close-btn { color: #b8b8b8; cursor: pointer; display: inline; float: right; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 22px; font-weight: normal; background-color: #fff; border: none; border-style: none; text-align: center; padding: 0; margin-top: 5px; margin-right: 10px; } #cnbc-popup-close-btn:hover { color: #737373; } #cnbc-popup-content { padding: 25px; text-align: center; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 22px; line-height: 28px; color: #424858; } #cnbc-popup-content img { padding-top: 0.5em; padding-bottom: 0.5em; } #cnbc-popup-content p { padding-bottom: 0.5em; } #cnbc-popup-inner-link { /*font-family: 'Proxima Nova Semi Bold';*/ color: #2077B6; text-decoration: none; } #cnbc-popup-logo-regi { margin-left: 150px; height: 79px; } #cnbc-popup-logo-regi img { position: relative; top: 40px; width: 140px; } #cnbc-popup-inner-link:hover { color: #DD4B39; } .create-account-msg { font-family: 'Proxima Nova Semi Bold', Arial; font-size: 16px; color: #424858; font-size: normal; text-align: left; padding-left: 25px; margin: 30px 0 0 0; z-index: 10002; } .cnbc-popup-background { z-index:100001; position: fixed; display:none; overflow-y: scroll; overflow-x: hidden; background: rgba(0,0,0,0.7); top:0px; left:0px; right: 0px; bottom: 0px; transition: background-color 400ms; } .cnbc-popup-lightbox { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px; margin-left: auto; margin-right: auto; margin-bottom: 100px; width: 25%; } .cnbc-popup-lightbox.loader { background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/surf/666-loader.gif') 50% 50% no-repeat rgb(255, 255, 255); background-size: 32px 32px; } .cnbc-popup-close-btn { color: #a9a9a9; cursor: pointer; display: inline; float: right; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 21px; font-weight: normal; background-color: #fff; border: none; border-style: none; text-align: center; padding: 0; margin-top: 5px; margin-right: 10px; } .cnbc-popup-close-btn:hover { color: #424858; } .cnbc-popup-content { padding: 25px; text-align: center; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 22px; line-height: 28px; color: #424858; } .popup-body { text-align: center; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 14px; line-height: 1.42857143; color: #424858; } .popup-body .header { font-family: 'Proxima Nova Semi Bold'; } .popup-body .body { margin-top:15px } .popup-footer { text-align: center; } .popup-footer .button { min-height: 35px; margin-right: 15px; cursor: pointer; } .popup-footer .btn-default { color: #333; border: 1px solid transparent; border-color: #ccc; background-color: #fff; } .popup-footer .btn-default:hover, .popup-footer .btn-default:focus, .popup-footer .btn-default:active, .popup-footer .btn-default.active { color: #333; background-color: #ebebeb; border-color: #adadad; } /*----------------------------*/ /**/ /*----------------------------*/ #missing-fields-popup { padding-top: 40px; padding-right: 40px; padding-left: 40px; padding-bottom: 30px; } #missingFieldsPopupHeader { font-family: 'Proxima Nova Semi Bold'; font-size: 16px; color: #424858; font-style: normal; text-align: left; } #missing-fields-popup .missing-fields-popup-subheader { font-family: 'Proxima Nova Semi Bold', Arial; font-size: 16px; color: #424858; font-style: normal; text-align: left; line-height: 18px; padding-top: 20px; } #missing-fields-popup .missing-fields-popup-fieldContainer { text-align: center; padding-top: 20px; } #missing-fields-popup .missing-fields-popup-fieldContainer input { font-family: 'Proxima Nova Semi Bold' !important; font-size: 16px; color: #424858; font-style: normal; text-align: left; width: 360px; height: 40px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #cccccc; padding: 6px; } #missing-fields-popup .missing-fields-popup-fieldContainer input:focus { box-shadow: 0 0 4px 0 rgba(42, 166, 231, 0.6); transition-duration: 200ms; border-color: #2aa6e7; transition: all 400ms ease-in; outline: none; } #missing-fields-popup .missing-fields-popup-legal { font-family: 'Proxima Nova Semi Bold', Arial; font-size: 11px; line-height: 15px; padding-top: 20px; color: #737373; } #missing-fields-popup .missing-fields-popup-legal a { color: #2077B6; text-decoration: none; } #missing-fields-popup .missing-fields-popup-legal a:hover { color: #DD4B39; } #missing-fields-popup #missing_field_display_name_error_msg { font-family: 'Proxima Nova Semi Bold', Arial; font-size: 12px; color: #ff4c4c; font-style: normal; display: none; } #missing-fields-popup .popup-submit-button { font-family: 'Proxima Nova Semi Bold' !important; font-size: 18px; color: #ffffff; font-style: normal; text-align: center; border-radius: 3px; background-color: #b1b9be; height: 40px; width: 80px; margin-top: 20px; border: 0; } #missing-fields-popup .popup-submit-button:hover { background-color: #3da5ed; } /*--------------------------*/ /**/ /*--------------------------*/ /*----------------------------*/ /**/ /*----------------------------*/ #cnbc-popup3-lightbox { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px; margin: auto; width: 25%; } #cnbc-popup3-lightbox.loader { background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/surf/666-loader.gif') 50% 50% no-repeat rgb(255, 255, 255); background-size: 32px 32px; } #cnbc-popup3-content { padding: 0; text-align: center; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 22px; line-height: 28px; color: #424858; } #cnbc-popup3-xButton { color: #a9a9a9; cursor: pointer; display: inline; float: right; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 21px; font-weight: normal; background-color: #fff; border: none; border-style: none; text-align: center; padding: 0; margin-top: 5px; margin-right: 10px; } #cnbc-popup3-xButton:hover { color: #424858; } #cnbc-popup3-background { z-index:10000; position: fixed; display:none; /*height:100%;*/ /*width:100%;*/ background: rgba(0,0,0,0.7); top:0px; left:0px; right: 0px; bottom: 0px; } /*-------------*/ /**/ /*-------------*/ /*----------------------------*/ /**/ /*----------------------------*/ #pro-take-tour .cnbc-popup-lightbox { min-height: 600px; width: 710px; position: relative; top: -660px; } #pro-take-tour #pro-tour-body { height: 415px; margin-top: 30px; position: relative; top: -50px; } #pro-take-tour #pro-tour-container { width: 710px; margin: auto; } #pro-tour-blank { height: 75px; } #pro-tour-container .pro-tour-section-container { width: 710px; height: 350px; padding-top: 0px; z-index: 99; top: 0px; position: relative; font-family: "Proxima Nova Semi Bold"; -webkit-transition: all 0.5s ease-in-out; } #pro-tour-container ul { list-style-type: none; } #pro-tour-container .pro-tour-section { width: 590px; margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: center; } #pro-tour-container .pro-tour-text-container { position: relative; height: 300px; top: -50px; } #pro-tour-container .pro-tour-header { font-size: 30px; color: #424858; height: 29px; font-weight: 900; font-family: "Proxima Nova Semi Bold"; } #pro-tour-container .pro-tour-logo { width: 475px; margin: 16px auto 25px auto; } #pro-tour-container .pro-tour-body { width: 300px; color: #424858; margin-top: 20px; font-family: "Proxima Nova Semi Bold", Helvetica, sans-serif; font-size: 20px; font-weight: 400; } #pro-tour-container .pro-tour-image-mask-wrapper { width: 590px; overflow: hidden; position: relative; top: -420px; margin-bottom: -500px; margin-left: 60px !important; margin-right: 60px !important; visibility: visible; z-index: 99; -webkit-transition: all 1s ease-in-out; } #pro-tour-image-list-container { width: 3540px; height: 420px; padding-left: 0; } #pro-tour-image-list-container li { display: inline-block; float: left; width: 590px; height: 375px; visibility: visible; } #pro-tour-container .pro-tour-ul-wrapper { position: relative; top: 245px; } #pro-tour-container .pro-tour-ul-container { height: 25px; margin-left: 0px; margin-right: auto; margin-top: 120px; position: relative; top: 150px; } #pro-tour-container .pro-tour-ul-container .pro-tour-anchors { margin: auto; padding-left: 0px; display: inline-block; } #pro-tour-container .pro-tour-ul-container .pro-tour-anchors li { float: left; margin-left: 7.5px; margin-right: 7.5px; background: #ccd6d8; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; } #pro-tour-container .pro-tour-arrow-container { position: relative; top: 100px; } #pro-tour-container .pro-tour-arrow-wrapper { height: 25px; color: #428cce; cursor: pointer; padding-left: 20px; padding-right: 20px; } #pro-tour-left-arrow { float: left; } #pro-tour-right-arrow { float: right; } #pro-tour-container .pro-tour-close-container { width: 320px; margin: auto; z-index: 99; position: relative; top: 0px; text-align: center; } #pro-tour-close-button { width: 280px; display: inline-block; background: #3da5ed; color: #fff; border: none; cursor: pointer; border-radius: 3px; padding: 18px 20px; font-size: 22px; text-align: center; font-family: 'Proxima Nova Regular'; text-decoration: none; z-index: 99; position: relative; -webkit-transition: opacity 0.5s ease-in-out; } #pro-tour-close-button:hover { background: #3792d4; } #pro-tour-close-button:active, #pro-tour-close-button:focus { box-shadow: 0 2px 3px rgba(45, 122, 173, 0.75) inset; -moz-box-shadow: 0 2px 3px rgba(45, 122, 173, 0.75) inset; -webkit-box-shadow: 0 2px 3px rgba(45, 122, 173, 0.75) inset; background: #3792d4; filter: none; border: none; } #pro-tour-close-button:visited { text-decoration: none; color:#fff; } /*-------------*/ /**/ /*-------------*/ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/cnbc.messagebox.css?t=1536945575 */ /* NOTE: This File version is not compressed */ .mb {} .mb-container { width: 100%; max-width: 300px; margin: 0 auto; padding: 40px 0; font-size: 18px; color: #737373; text-align: left; line-height: 26px; letter-spacing: -0.02em; } .mb-container div, .mb-container div.mb-text a, .mb-container div button { font-family: 'Proxima Nova Semi Bold'; } @media only screen and (min-device-width : 480px) { .mb-container { max-width: 400px; } } .mb-header { } .mb-header .logo{ width: 230px; height: 34px; margin: 0 auto; background-repeat: no-repeat; background-size: contain; } .mb-header .logo.cnbc-pro{ background-image: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/pro/cnbc-pro-logo-lockup.png"); } .mb-text { margin: 20px 0 30px; } .mb-container .mb-text a, .mb-container .mb-text a:visited { color: #2077b6; } .mb-controls button{ display: block; text-transform: uppercase; font-size: 20px; font-style: normal; color: #fff; margin: 0 auto; padding: 8px 20px; border: 0; border-radius: 4px; background: #3da5ed; -webkit-appearance: button; cursor: pointer; } .mb-controls button.grey { background: #B1B9BE; } /* dialog overrides */ .cnbc-popup-lightbox .mb-text { margin-left: 25px; margin-right: 25px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/surf/bedrock-signin-popup.css?t=1536945575 */ /* NOTE: This File version is not compressed */ #bedrock-watchlist-signin-popup .cnbc-popup-lightbox { position: relative; top: -610px; padding: 0 20px 20px 20px; box-sizing: content-box; } #bedrock-watchlist-signin-popup ul.tab li a { font-family: 'Proxima Nova Semi Bold', 'Arial'; font-weight: normal; transition:color 200ms; } .downArrowTabs.surf UL { text-align: center; } .downArrowTabs.surf { width: 100%; } .downArrowTabs.surf .tab { border-top: none; } #bedrock-watchlist-xfinity-logo { border-bottom-color: rgb(66, 72, 88); border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(66, 72, 88); border-left-style: none; border-left-width: 0px; border-right-color: rgb(66, 72, 88); border-right-style: none; border-right-width: 0px; border-top-color: rgb(66, 72, 88); border-top-style: none; border-top-width: 0px; box-sizing: border-box; color: rgb(66, 72, 88); display: inline; font-family:'Proxima Nova Semi Bold', 'Arial'; font-size: 14px; height: 42px; line-height: 20px; text-align: center; vertical-align: middle; width: 73px; } #bedrock-watchlist-signin-footer { border-top-color: #ccd6db; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(66, 72, 88); display: none; font-family: 'Proxima Nova Semi Bold', 'Arial'; font-size: 14px; height: 85px; line-height: 20px; margin-top: 15px; text-align: center; } #bedrock-watchlist-signin-footer div { float: left; width: 73px; text-align: center; padding-top: 20px; } #bedrock-watchlist-signin-footer div:first-child { padding-right: 20px; } #bedrock-watchlist-signin-footer #bedrock-xfinity-sunset { font-family: 'Proxima Nova Semi Bold', 'Arial'; font-size: 12px; font-weight: normal; text-align: left; width: 345px; line-height: 18px; color: #737373; height: inherit; } #bedrock-watchlist-signin-footer #bedrock-xfinity-sunset a { text-decoration: none; color: #2077B6; } #bedrock-watchlist-signin-footer #bedrock-xfinity-sunset a:hover { color: #DD4B39; } #bedrock-watchlist-signin-popup .cnbc-popup-close-btn { margin-right: 0; text-decoration:none; } #create_account .center button.submit { background: #3da5ed; } #create_account .center button.submit:hover { background: #3792d4; } /* Cover Div */ .cover_div { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 999; top: 0; left: 0; } .Absolute-Center { bottom: 0; height: 40px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; } .Absolute-Center .msg { color: red; } #bedrock-remember-me-container { font-family: 'Proxima Nova Semi Bold', 'Arial'; font-size: 14px; color: #737373; font-style: normal; text-align: center; padding-top: 15px; padding-bottom: 15px; display: none; } #bedrock-remember-me-container label { font-weight: normal; } #bedrock-remember-me-container input { margin: 3px 3px 3px 4px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/surf/tabs.css?t=1536945575 */ /* NOTE: This File version is not compressed */ /*SURF TABS OVERIDES*/ .downArrowTabs.surf {clear: both;} .downArrowTabs.surf .tab { border-bottom: 1px solid #ccd6d8; margin-bottom: 20px; padding: 0px; } .downArrowTabs.surf .tab li.selected { background: transparent url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/tab-marker.png") no-repeat center bottom; background-position: center bottom; background-repeat: no-repeat; padding-bottom: 32px; color: #DD4B39; margin-bottom: -22px; } .downArrowTabs.surf .tab li.selected * { color: #DD4B39; } .downArrowTabs.surf .tabContents li .headline .partner { font-family: 'Proxima Nova Semi Bold',Arial; font-size: 12px; color: #868483; margin: 0px 0px 0px 5px; } .downArrowTabs.surf .tab li { margin: 10px 30px 0px 30px; display: inline-block; *display: inline; zoom: 1; text-align: center; vertical-align: bottom; border: 0; background: 0; padding: 0 0 10px 0; min-width:59px; } .downArrowTabs.surf .tab li a { text-decoration: none; color: #2077B6; font-size: 16px; text-transform: uppercase; background-color: #FFF; text-decoration: none; padding: 0; } .downArrowTabs.surf .tab li a:hover { color: #DD4B39 !important; } .downArrowTabs.surf .tab li a h3{font-weight:normal;margin:0;font-size:18px;} .downArrowTabs.surf .viewHeadlines a{ font-size: 16px; } .downArrowTabs.surf .viewHeadlines a:after{ content: " \203A"; } .downArrowTabs.surf .tabContents > li ul { font-size: 20px; overflow: auto; } .downArrowTabs.surf .tabContents > li ul li:first-child { border-top: none; margin-top: 0px; } .downArrowTabs.surf .tabContents > li ul li .asset { margin-top: 0px; margin-bottom: 0px; } .downArrowTabs.surf .tabContents > li ul li { border-top: 1px solid #ccd6db; padding-bottom: 8px; padding-top: 8px; margin:0px; } .downArrowTabs.surf .tabContents .asset .headline{ margin: 0;font-size:20px;font-weight:normal; } .tabContents > li{ display: none; } .collapse li.collapsed { display: none; } .tabContainer .tabContents > li.show, .downArrowTabs.surf .tabContents > li.show {display: block;} /*for surf tabs*/ .downArrowTabs.surf .tab li { min-width:59px; } .downArrowTabs.surf .tab li a { padding: 0; } .mobile-touch .downArrowTabs.surf .tab { background-color: #FFF; text-align: center; } .mobile-touch #bedrock-remember-me-container { text-align: center; padding-top: 5px; } .mobile-touch #newTabsContainer { min-height: 480px; } .mobile-touch .downArrowTabs.surf .tab li { margin-left: 15px; margin-right: 15px; }