/* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/fonts.css?t=1535493806 */ /* 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/shared/cnbc.messagebox.css?t=1535493806 */ /* 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/responsive_header.css?t=1535493806 */ /* 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=1535493806 */ /* 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=1535493806 */ /* 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=1535493806 */ /* 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/surf/bedrock-signin-popup.css?t=1535493806 */ /* 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=1535493806 */ /* 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; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/cnbc_font_icons.css?t=1535493806 */ /* NOTE: This File version is not compressed */ [class^="cnbc-font-icon"], [class*=" cnbc-font-icon"] { font-family: 'cnbc_font_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; background-image: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* PRO ICON ================== */ .icon-cnbc-pro { font-size: 0.8em; padding: 0 0 0 4px; margin-right: -1.5em; } .icon-cnbc-pro:before { content: "\e600"; color: #3cb878; position: relative; z-index: 2; top: 0; } .icon-cnbc-pro:after { background-color: #fff; content: " "; display: inline-block; height: 0.9em; left: -1.75em; position: relative; top: 0; width: 1.5em; z-index: 1; } .icon-cnbc-pro:hover:before { color: #4fbf85; } /* VIDEO ICON ================== */ .icon-cnbc-video { font-size: 1em; padding: 0 0 0 4px; margin-right: 0; } .icon-cnbc-video:before { content: "\e601"; color: #3f9ccd; position: relative; z-index: 2; top: 0; margin-right: 3px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/tinypass.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .tp-modal .tp-modal .tp-close, .tp-modal .tp-close.tp-active { color:#ccc; right:3px; top:0px; border-radius: 0px; background-color:inherit; line-height:30px; height:30px; font-size:16px; } body .tp-modal .tp-close {border:none;} /* Styles for thank you interstitial */ /* Desktop */ .tp-iframe-wrapper iframe.thank-you-interstitial { width: 910px !important; position:relative; left: -100px; top: 100px; } .tp-close.tp-active.thank-you-interstitial { left: 570px; top:100px; } /* Mobile */ /* End of Styles for thank you interstitial */ /* Styles for tp account notification */ .ui-notify { width:380px; height: 90px; position:fixed; bottom:25px; right:20px; z-index: 99; } .ui-notify-message { padding:10px 15px 18px 15px; margin-bottom:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: #555; } .ui-notify-message h1 { font-size:14px; margin:0; padding:0; text-transform: uppercase; margin-top: 10px; line-height:16px; } .ui-notify-message p { margin:10px 0 0 0; padding:0; line-height:16px; letter-spacing: -0.02em; } .ui-notify-message:last-child { margin-bottom:0 } .ui-notify-message-style { background:#555; } .ui-notify-message-style h1 { color:#fff; font-weight:bold } .ui-notify-message-style p { color:#fff; } .ui-notify-close { color:#fff; } .ui-notify-click { cursor:pointer } .ui-notify-cross { color: #fff; cursor: pointer; display: inline; float: right; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 25px; font-weight: normal; background-color: #555; border: none; border-style: none; text-align: center; padding: 0; margin-right: -7px; top: -10px; position: relative; } .ui-notify-cross:hover { color: #fff; } .ui-notify-cross:active { position:relative; top:1px } /* End of Styles for tp account notification */ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/bootstrap/font-awesome.min.css?t=1535493806 */ /* NOTE: This File version is not compressed */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') 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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/market_module.css?t=1535493806 */ /* NOTE: This File version is not compressed */ /*.market-movers{ border-bottom: 1px solid #ccd6db; }*/ .market-movers .module-header{ font-size: 16px; text-decoration: none; height:20px; font-weight: normal; border-bottom: 4px solid #CCD6DB; margin: 0 0 10px; padding-bottom: 2px; text-transform: uppercase; } .market-movers .top { margin-bottom: 30px; } .market-movers .top-header,.market-movers .bottom-header{ font-size: 14px !important; text-decoration: none; font-weight: normal; border-bottom: 1px solid #CCD6DB; margin: 0 0 10px; padding-bottom: 4px; text-transform: uppercase; font-family: 'Proxima Nova Semi Bold'; color:#333333; } .market-movers .col_company{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 38%; max-width: 75px; padding-right: 25px; } .market-movers .col_company a{ color:#737373; font-size: 14px; font-family: 'Proxima Nova Semi Bold'; } .market-movers tr{ overflow:hidden; } .market-movers td{ /*padding-right: 4%;*/ overflow:hidden; width:12%; padding-right: 10px; padding-bottom:2px; border:none; background: none; } .market-movers table{ width:100%; } .market-movers td:nth-child(1){ width:9%; white-space: nowrap; } .market-movers td:nth-child(2){ /*width: 38%; max-width: 75px; padding-right: 25px;*/ } .market-movers td.col_percent{ width:100%; padding-right: 0px; } .market-movers td.col_percent .percentBar{ display: inline-block; width: 100%; vertical-align: bottom; } .market-movers .top td.barV{ text-align: right; width:1%; padding-right: 1px; color:#0ABE0A; } .market-movers .bottom td.barV{ color: #D92222; } .market-movers .top td .percentBar div{ background: #0ABE0A; height:20px; } .market-movers .bottom td .percentBar div{ float:right; background:#D92222; height:20px; } .symbol a{ font-size: 14px; } .market-movers .module-header a{ text-decoration: none; color:#333333; } .market-movers .groups-downArrowTabs{ /*padding-bottom: 18px;*/ } .market-movers .groups-downArrowTabs .grouptab { border-top: none; width:100%; display: inline-block; zoom: 1; /* padding: 0; */ margin: 0; position: relative; left: 0px; } .market-movers .groups-downArrowTabs .grouptab li { padding: 0 12px 4px ; } .market-movers .groups-downArrowTabs li a, .market-movers .groups-downArrowTabs td{ font-size: 14px; } .groups-downArrowTabs .grouptab{ padding:0px; border-bottom:1px solid #ccd6d8; } .market-movers .groups-downArrowTabs .grouptab li{ list-style-type: none; margin: 0; cursor: pointer; float: left; } .market-movers .groups-downArrowTabs .grouptab li:first-child { padding-left:0; margin-left:0; padding-right:0px; } .market-movers .groups-downArrowTabs .grouptab li:nth-child(2){ margin-left:7px; } .groups-downArrowTabs .grouptab li.selected{ background: transparent url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/pointer.png") no-repeat center bottom; padding-bottom:14px; color:#DD4B39; margin-bottom:-10px; } .groups-downArrowTabs .grouptab li.selected *{ color:#DD4B39; } .market-movers .groups-downArrowTabs .grouptabContents li{ list-style-type: none; margin: 0; } .market-movers .groups-downArrowTabs .grouptabContents{ padding:0; margin-top: 14px; } .market-movers .groups-downArrowTabs .grouptabContents > li { display: none; } .market-movers .groups-downArrowTabs .grouptabContents > li.show{ display: block; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/advertorial.css?t=1535493806 */ /* NOTE: This File version is not compressed */ /*use nad-asset class to show 'advertiser content' banner*/ .nad-asset, .topic-section h4.nad-asset ~ div:not(.nad-asset), .topic-section h4.nad-asset ~ .bullet-river { background: #E1E1E1; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(to left, #E1E1E1, #fff); background: -moz-linear-gradient(to left, #E1E1E1, #fff); background: linear-gradient(to left, #E1E1E1, #fff); } .nad-asset .headline::before, .embed-container.slideshow.nad-asset .headlines::before, .topic-section h4.nad-asset::before { content: attr(data-nad-text); background: none; color: #737373; display: block; margin: 0; padding: 3px 0 0 0; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 12px; text-align: left; text-transform: uppercase; position: relative; margin-top: -8px; } /*START topic town*/ .topic-section h4.nad-asset { background: none; } .topic-section h4.nad-asset ~ div .asset.nad-asset .headline:before, .topic-section h4.nad-asset ~ div.asset.nad-asset .headline:before { content: none; } .topic-section h4:not(.nad-asset) ~ div.asset.nad-asset .headline:before {top: 0;} .topic-section h4.nad-asset:before { position: absolute; margin-top: -25px; } /*END topic town*/ /*START franchise page*/ body[id*="franchise"] .stories_assetlist .asset.desc_size720_405.imgasset.featuredPromo.nad-asset .headline:before { background: #E1E1E1; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(to left, rgba(225, 225, 225, 1), rgba(255, 255, 255, 0.6)); background: -moz-linear-gradient(to left, rgba(225, 225, 225, 1), rgba(255, 255, 255, 0.6)); background: linear-gradient(to left, rgba(225, 225, 225, 1), rgba(255, 255, 255, 0.6)); width:auto; text-align: center; line-height: 2; text-shadow: 0 0 0 #000; } body[id*="franchise"] .primary.card.nad-asset .headline:before { padding: 10px 0 0 0 } .col2 .subsection .nad-asset.imgasset .headline::before { margin-top: 0; } .col2 .subsection .nad-asset.asset:not(.imgasset) { padding: 10px 0 0 0; } body[id*="franchise"] .filmstrip .asset.nad-asset { overflow: auto; } .filmstrip .nad-asset .headline::before { margin: 0; } .filmstrip .nad-asset img { margin-bottom: 0; } /*END franchise page*/ #page_video-show-detail .asset.nad-asset .headline::before { margin-top: 0; } #page_video-show-detail .carousel_card .asset.nad-asset .headline a { padding-top: 0; } .embed-container.slideshow.nad-asset .headlines::before { text-transform: uppercase; padding: 0 7px; display: table; text-align: center; line-height: 18px; margin-bottom: 8px; } .embed-container.carousel_asset.promo .asset.nad-asset { padding-right: 70px; } /*START a franchise landing page has the "Native", it will only show the persistent banner, no native pill for each story on franchise page */ body[id*="franchise"].nadassetbanner .nad-asset, body[id*="franchise"].nadassetbanner .embed-container.slideshow.nad-asset .headlines, body[id*="franchise"].nadassetbanner .stories_assetlist .asset.desc_size720_405.imgasset.featuredPromo.nad-asset .headline:before { background: none; } body[id*="franchise"].nadassetbanner .nad-asset .headline:before { content: none; } body[id*="franchise"].nadassetbanner .imgasset.card.nad-asset .headline a { margin-top: 0; } body[id*="franchise"].nadassetbanner .primary.card.nad-asset .headline:before, body[id*="franchise"].nadassetbanner .stories_assetlist .asset.desc_size160_105.card.nad-asset .headline:before { padding: 0; } /*END a franchise landing page has the "Native", it will only show the persistent banner, no native pill for each story on franchise page */ /*START nad-asset-banner is the banner attached right below header or breaking news banner, across the page*/ .nad-asset-banner{ background-color: #E1E1E1; font-size: 14px; font-family: 'Proxima Nova Semi Bold'; color: #737373; text-align: center; width: 100%; } .native-asset-top-banner { max-width: 1150px; margin: auto; overflow: hidden; } .native-asset-creator { width: 60%; float: left; text-align: left; padding: 15px 7px; text-transform: uppercase; } .makeit .nad-asset-banner.persistentRibbon { position: fixed; left: 0; top: 45px; z-index: 4990; width: 100%; } .nad-asset-banner.persistentNativeAd { top: 0; } .makeit .nad-asset-banner.persistentRibbon { top: 0; } /*********************************END top nad-asset-banner ***********************************************/ /*********************************START bottom nad-asset-banner ***********************************************/ .native-asset-bottom-banner { width: 400px; margin: auto; line-height: 1.5; } /*********************************END bottom nad-asset-banner ***********************************************/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .nad-asset-banner.persistentNativeAd { top: 0; } } @media (max-width: 1200px) and (min-width: 992px) { .native-asset-top-banner { max-width: 970px; } } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/home_page_default.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .cnbc-contents{margin:0;padding:0;font-size:14px;min-width:100%;min-height: 770px;} .cnbc-contents ul,.cnbc-contents ol,.cnbc-contents ul li,.cnbc-contents p{margin:0;padding:0;} .cnbc-contents img{border:0;} .cnbc-contents ul{list-style-type:none;} .cnbc-contents ul li{margin-bottom:7px;} .cnbc-contents a{color:#2077B6;text-decoration:none;outline: none;} .cnbc-contents a:hover{color:#DD4B39;} body {margin: 0;padding: 0;} /*==== Dart Ads ====*/ .dart_wrapper > div {text-align:center;margin-bottom:30px;} .dart_wrapper.dart_ads_noniframe_topbanner, #dart_wrapper_topbanneri{margin:5px 0 0;} #dart_wrapper_badgeb > div, #dart_wrapper_badgec>div, #dart_wrapper_badged>div, #dart_wrapper_badgee>div, #dart_wrapper_badgef>div, #dart_wrapper_badgeg>div, #dart_wrapper_badgeh>div, #dart_wrapper_badgei>div, #dart_wrapper_badgej>div {text-align:right;} .topic-section .badge-ad {margin-top:5px;} .topic-section .badge-ad + .module-header {margin-top:-6px;} .cols1 #dart_wrapper_topbanner, .cols1 #dart_wrapper_topbanneri { margin-bottom: 20px; } /*==== Adcom ====*/ .adcom_wrapper{margin-bottom: 30px;} .btn{ cursor:pointer; margin:0; display:inline-block; letter-spacing:1px; font-family: 'Proxima Nova Semi Bold'; color:#424858; background-color:#e5e5e4; background:-moz-linear-gradient(top,#fff 50%,#d8d8d8 50%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#d8d8d8)); background:-webkit-linear-gradient(top,#fff 50%,#d8d8d8 50%); background:-o-linear-gradient(top,#fff 50%,#d8d8d8 50%); background:linear-gradient(top,#fff 50%,#d8d8d8 50%); border:1px solid #d0d0d0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:0 6px 0 7px; height:22px; line-height:22px; } .btn:hover{ color:#424858; background-color:#fff; text-decoration:none; background:-moz-linear-gradient(top,#e5e5e4 31%,#fff 65%); background:-webkit-gradient(linear,left top,left bottom,color-stop(31%,#e5e5e4),color-stop(65%,#fff)); background:-webkit-linear-gradient(top,#e5e5e4 31%,#fff 65%); background:-o-linear-gradient(top,#e5e5e4 31%,#fff 65%); background:linear-gradient(top,#e5e5e4 31%,#fff 65%); } .btn-blue{color:#fff;font-size:13px;background-color:#326b8c;background:-moz-linear-gradient(top,#4688ab 31%,#326b8c 65%);background:-webkit-gradient(linear,left top,left bottom,color-stop(31%,#4688ab),color-stop(65%,#326b8c));background:-webkit-linear-gradient(top,#4688ab 31%,#326b8c 65%);background:-o-linear-gradient(top,#4688ab 31%,#326b8c 65%);background:linear-gradient(top,#4688ab 31%,#326b8c 65%);border:1px solid #6098b4;border-color-top:#9cb4c2;border-color-bottom:#d1d1d1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 6px 0 7px;height:22px;line-height:22px;} .btn-blue:hover{background-color:#4688ab;background:-moz-linear-gradient(top,#326b8c 31%,#4688ab 65%);background:-webkit-gradient(linear,left top,left bottom,color-stop(31%,#326b8c),color-stop(65%,#4688ab));background:-webkit-linear-gradient(top,#326b8c 31%,#4688ab 65%);background:-o-linear-gradient(top,#326b8c 31%,#4688ab 65%);background:linear-gradient(top,#326b8c 31%,#4688ab 65%);border-color-top:#d1d1d1;border-color-bottom:#9cb4c2;} /* PRO ICON ================== */ .icon-cnbc-pro { font-size: 0.8em; padding: 0 0 0 4px; margin-right: -1.5em; } .icon-cnbc-pro:before { content: "\e600"; color: #3cb878; position: relative; z-index: 2; top: 0; } .icon-cnbc-pro:after { background-color: #fff; content: " "; display: inline-block; height: 0.9em; left: -1.75em; position: relative; top: 0; width: 1.5em; z-index: 1; } .icon-cnbc-pro:hover:before { color: #4fbf85; } /* VIDEO ICON ================== */ .icon-cnbc-video { font-size: 1em; padding: 0 0 0 4px; margin-right: 0; } .icon-cnbc-video:before { content: "\e601"; color: #3f9ccd; position: relative; z-index: 2; top: 0; margin-right: 3px; } .cnbcvideo.imgasset a { position: relative; display: block; } .imgasset .fa-video { position: absolute; bottom: 10px; left: 10px; font-size: 3em; /* z-index: 1;*/ } .imgasset .cnbc-font-icon.icon-cnbc-video { display: none; } /* Video Icon on Card V2*/ .cnbcvideo .fa-video:before { content: "\f144"; opacity: 0.8; color: #fff; } .cnbcvideo:hover .fa-video:before { opacity: 1; } .video-icon > a {float: left;} .loaderOverlayHP{ position: absolute; width: 530px; /* height: 300px; padding-top: 0px !important; padding-bottom: 0px !important;*/ padding-top: 133px; padding-bottom: 133px; z-index: 1; background: #000; opacity: 0.7; display:none; } .loaderOverlayHP p:first-child { display: block; text-align: center; color: #fff; opacity:1 !important; } .loaderOverlayHP img { width: 32px; height: 32px; } .player-lazy-loaded { position: absolute; z-index: 1000; opacity: 0; cursor: pointer; display: none; } div.player.franchise { position: absolute; left: 0; height: 100%; width: 100%; } .featuredPromo .loaderOverlayHP { top: 0; height: 100%; width: 100%; padding: 0; z-index:10; } .featuredPromo iframe { top: 0; } .featuredPromo .loaderOverlayHP p { /* center vertically */ /* 28.12% = 56.25%/2 */ margin-top: calc(28.12% - 16px); } section{display:block;} .cols1, .cols2, .cols3, .cols4{margin-top:20px;overflow:hidden;} .unit{overflow:hidden;zoom:1;} .asset{overflow:hidden;font-weight:normal;} .asset .headline{margin:0 0 5px;font-size:14px;font-weight:normal;margin-bottom:0;line-height: 20px;} .card img{float:left;margin-right:10px;} .asset .headline h1, .asset .headline h2{margin:0;padding:0} .stories_assetlist img{margin:0 15px 0 0;} .cnbc-contents .stories_assetlist li.last {border-bottom: 0;margin-bottom: 0px;} #live_player { width: 100%; } .cols2 .col2 .subsection { width: 100%; margin-bottom: 30px; overflow: hidden; } .dart_wrapper.dart_ads_noniframe_nativedvrightrail > div { margin: 0 auto 30px auto; } .subsection h3 a{ color: #333; } .subsection h3, .bigHeader h2, .bigHeader h3{ font-family:'Proxima Nova Semi Bold', Arial, Helvetica;font-size:16px;font-weight: normal; border-bottom: 4px solid #CCD6DB; border-top: 0; padding: 0 0 3px; text-transform: uppercase; } .flex_chart { overflow: hidden; clear: both; } .flex_chart table{ width:100%; } .arrow_down { width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #FFF; } .arrow_up { width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #FFF; } .flex_chart span.arrow{width:1px;} .flex_chart td.arrow{padding-right:2px;padding-left:10px;} .flex_chart.last { float: right; } .flex_chart[data-quote-type="quick-quote"] h3 { padding-bottom: 10px; } .flex_chart .delayed_quotes { background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4); background-repeat: no-repeat; background-position:-198px 3px; } .flex_chart.storyChart .delayed_quotes { background-position:-198px 12px; } .flex_chart.storyChart .delayed_quotes a{padding-left:8px;} img[data-img-src] { background-color: #eee; color: #eee; } /*========================= Chart Table Styles ==========================*/ table.data th,table.data td{text-align:right;padding-left:0px;} table th.text,table td.text{text-align:left;padding-left:0;padding-right:10px;} table.data tbody td{border-bottom:1px solid #ccd6db;padding-top:4px;padding-bottom:4px;white-space: nowrap;} table.data .first,table.data tbody td:first-child{padding-left:8px;} table.data .last,table.data td:last-child,table.data th:last-child{padding-right:10px;} table.data th.last{padding-right:10px;} /* table.data tbody td a{margin-left: 2px;} */ table.datahover tbody td{cursor:pointer;} table.data th{background-color:#cfdde6;font-size:9px;font-weight:normal;color:#333;} table.data th.spacer{background-color:#fff;} table.datahover tbody tr.hlight td{background-color:#f7f7f7;} .quoteTable .arrow_up { border-bottom: 11px solid #558f38; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } .quoteTable .arrow_down { border-top: 11px solid #c20b20; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } /*====== Currencies ========*/ .market_data_table .asset .headline a, .market_data_stories .asset .headline a{font-size: 16px;font-weight:normal;} .market_data_table{margin-bottom:30px;} .medium-stories ul li.last, .market_data_stories .tray ul li.last{margin-bottom:0;} /*=== Module Headers ===*/ .module-header {font-size: 16px;text-decoration: none;color: #333;font-weight: normal;border-bottom:4px solid #CCD6DB;margin: 0 0 10px 0; padding-bottom: 2px;text-transform:uppercase;} .module-header > a:after {content: " \203A";} .module-header a{color: #454240;} .module-header .sub {overflow: hidden;zoom: 1;float: right;text-transform:none;} .module-header .sub li {display: inline;border-right:1px solid #333;padding:0 3px;font-size:14px; } .module-header .sub li.last {border-right:0;padding-right:0;} .module-header-small{font-size: 14px;border: 0;} .module-header .sub-pro ul li{ display: inline; } .module-header .sub-pro .active a{ color: #C34C28; } /*====== Most Popular ========*/ .chartbeat_data_module a { position: relative; font-size: inherit; } .chartbeat_data_module ul li img { position:relative; margin-right: 15px; } .chartbeat_data_module ul { counter-reset: counter; } .chartbeat_data_module div.imgasset>span>a:after { content: counter(counter)'.'; counter-increment: counter; position: absolute; left: -50px; width: 100%; margin:0; line-height: 36px; display:block; color: white; letter-spacing: -1px; background: #3d9cde; text-align: center; width: 35px; font-size: 30px; } .cols2 .col2 .subsection.chartbeat_data_module .asset { margin-bottom: 25px; } .chartbeat_data_module img { float: left; margin-right: 10px; } .chartbeat_data_module .imgasset .headline { margin-left: 175px; float: none; } .chartbeat_data_module ul li{ position: relative; } .chartbeat_data_module ul li:not(.last) .imgasset{ margin-bottom: 25px; } .chartbeat_data_module li div:not(.imgasset).asset:before { content: counter(counter)'.'; counter-increment: counter; position: absolute; left: 0; top: 6px; font-size: 30px; color: #737373; } .chartbeat_data_module li>div:not(.imgasset) { padding-left: 30px; } .chartbeat_data_module li { margin-top: 10px; } #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a, #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a span, #page_franchise .col2 #rt_promo_light_00 [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a, .col2 #rt_promo_light_00 [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a { font-size: 18px !important; line-height: 22px !important; font-family: 'Proxima Nova Semi Bold'!important; } .chartbeat_data_module li>div:not(.imgasset) .headline { display: block; margin: 0 5px 5px 0; border-bottom: 1px solid #ccd6db; padding-bottom: 10px; float:none; } .chartbeat_data_module li.last .asset .headline{ border-bottom: 0; } #page_special_reports .col2 [id^="chartbeatWidget"] .asset img{margin-top: 0} /*chartbeat widget*/ #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline .cnbc-font-icon { font-family: 'cnbc_font_icons'!important; } /*==== watch live video ====*/ .live-events {margin-bottom: 20px;} .live-events .watch-live .icon-video{ background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4); background-repeat: no-repeat;background-color:transparent;background-position:-116px 0px;padding:7px 11px 0 0; vertical-align: baseline; font-size: 0; line-height: 0; zoom: 1; display:inline-block; } .live-events .watch-live { background: #d8e0e2; min-height: 30px; overflow: hidden; } .live-events .watch-live a { margin: 0; font-size: 16px; display: block; padding: 5px 5px 3px 5px; font-weight: normal; font-family: "Proxima Nova Semi Bold"; } .live-events .watch-live .icon-container{padding: 5px 10px;background: #DD4B39;height: 20px;float: left;margin-right: 10px;} .live-events .pro .watch-live .icon-container {background: #3CB878;} .live-events .pro .icon-cnbc-pro{font-size: 0.9em} .cnbc-body { width:100%; max-width:1135px; margin:0px auto; clear:both; } #page_home_page_ng .cols1, #page_home_page_ng .cols2{margin-top:14px;} #page_home_page_ng .cols1 #dart_wrapper_topbanner, #page_home_page_ng .cols1 #dart_wrapper_topbanneri{ margin-bottom: 16px; } .featured_secondary{ margin-bottom:10px; } .featured_secondary ul li img , .featured_secondary .asset time, .featured_secondary .stories_assetlist .asset .source{ display:none; } .featured_secondary .featured_top{ max-width: 720px; width:100%; margin-right: 20px; display: inline-block; } .live-events{ max-width:720px; width:100%; } /* START Featured Promo cnbcvideo styles instead of new-promo.css*/ .featured_secondary .featured_top .asset .headline{ font-size: 32px; line-height: 38px; color: #fff; font-family: "Proxima Nova Semi Bold"; } .featured_secondary .featured_top .featuredPromo.cnbcvideo span a{ position: initial; } .featured_secondary .featured_top .featuredPromo.cnbcvideo a.headline-overlay{ display:table; position: absolute; width:100%; bottom: 0px; left: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png");*/ /*background: -o-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9));*/ background: rgba(0,0,0,0.8); } .featured_secondary .featured_top .featuredPromo.cnbcvideo .fa-video{ position: relative; bottom: 7px; left: 0px; display: table-cell; vertical-align: middle; padding: 20px 8px 10px 15px; font-size: 4em; } .featured_secondary .featured_top .featuredPromo.cnbcvideo.asset .headline{ position: relative; background: none; bottom:7px; padding: 20px 5px 12px 4px; display: table-cell; vertical-align: middle; } .featured_secondary .featured_top .featuredPromo.cnbcvideo:hover a .headline ,.featured_secondary .featured_top .featuredPromo:hover .fa-video:before { color: #3fbdec; } .featuredPromo.headlineFirst:hover .fa-video:before {color : #fff;} .featuredPromo.headlineFirst.cnbcvideo:hover a .headline, .cnbc-contents .asset.imgasset:not(.featuredPromo) > span:hover + .headline a, .chartbeat_data_module .asset.imgasset > span:hover + .headline a, .stories_assetlist .asset .source a:hover { color: #DD4B39; } .cnbc-contents .featured_top .asset.imgasset:not(.featuredPromo) > span:hover + .headline a { color: #3fbdec; } .featuredPromo.headlineFirst.cnbcvideo a{position:static;} .featuredPromo.headlineFirst.asset.cnbcvideo {position:relative; } .featuredPromo.headlineFirst.asset.cnbcvideo .fa-video{ width:85%; bottom:31%; font-size:6em; left:0px; text-align: center; } /*END*/ .featured_secondary .featured_top .asset{ position:relative; min-height: 298px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/ThePlatform/cnbc-placeholder_720x405.png) center; } .featured_secondary .featured_top .cnbcvideo.featuredPromo{ padding-top: 56.25%; min-height: 0; height: 0; overflow: hidden; } .featured_secondary .featured_top .cnbcvideo.featuredPromo > span { position: absolute; top: 0; width: 100%; height: 100%; } .featured_secondary .featured_top .asset .headline{ width: 100%; position: absolute; bottom: 0px; padding: 20px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png");*/ background: -o-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.52),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.71),rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.79),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.9)); } .featured_secondary .featured_top .asset .headline a{ font-family: "Proxima Nova Semi Bold"; font-size: 32px; line-height: 38px; color: #fff; } .featured_secondary .featured_top .asset:hover .headline a, .featured_secondary .featured_top .asset:hover { color: #3fbdec; } .featured_secondary .secondary_river{ display: inline-block; vertical-align: top; margin-left: 10px; max-width: 380px; } .cnbc-contents .stories_assetlist li{ padding-bottom: 10px; padding-top: 10px; margin-bottom: 0px; border-bottom: 1px solid #CCD6DB; } .cnbc-contents .stories_assetlist li#fauxNativeSecondary{ padding:0px; } .cnbc-contents #pipeline_default .stories_assetlist li#fauxNativeRiver1, .cnbc-contents #pipeline_default .stories_assetlist li#fauxNativeRiver2, .cnbc-contents #pipeline_default .stories_assetlist li[id*=nativedvriver]{ padding:0px; } .cnbc-contents #pipeline_default .stories_assetlist li{ padding-bottom: 25px; margin-bottom: 0px; padding-top: 25px; } .cnbc-contents #pipeline_default .stories_assetlist .homepage-river-inline-ad { padding-bottom:0px; margin-bottom:0px; border-bottom:none; } .cnbc-contents #pipeline_default .stories_assetlist .homepage-river-inline-ad #dart_wrapper_responsiverectangle div{ /*padding-bottom: 25px;*/ margin-bottom: 25px; border-bottom: 1px solid #CCD6DB; } #pipeline_default .stories_assetlist .headline a,#pipeline_default .stories_assetlist .headline{ font-size: 26px; line-height: 32px; font-family: "Proxima Nova Semi Bold"; } .featured_secondary .secondary_river .headline a,.featured_secondary .secondary_river .featuredPromo .headline{ font-size: 18px ; font-family: "Proxima Nova Semi Bold"; line-height: 24px ; } .featured_secondary .featured_top .asset span img, .topic-section img{ max-width: 100%; width:100%; height:auto; } .topic-section img{ height:auto; } .featured_secondary .imgasset .cnbc-font-icon.icon-cnbc-video{ display:none; } .cols2 .col1{ float:left; width: 100%; max-width: 720px; margin: 0px 60px 0 0px; overflow: hidden; } .cols2 .col2{ width:100%; max-width:350px; margin-right:4px; overflow: hidden; } .stories_assetlist .featuredPromo.asset span img{ width:85%; height:auto; min-height: 200px; margin-top: 10px; } .stories_assetlist .asset time{ font-family:'Proxima Nova Semi Bold';font-size:12px; font-weight:normal;color: #737373; white-space: nowrap; } .stories_assetlist .asset .source{ color: #737373; font-family: "Proxima Nova Semi Bold"; font-size: 14px; line-height: 19px; display: inline; margin-right: 5px; text-transform: uppercase; padding-right: 3px; } .stories_assetlist .asset .source a{ color: #737373; display:inline; } #pipeline_default .stories_assetlist .asset .headline{ padding-bottom:20px; padding-right:4px; } .stories_assetlist .featuredPromo span a{ float:left; } #live_player { width: 100%; } /*========================topic town======================================*/ .topic-town-container { width: 100%; min-height:400px; } .topic-section { display: inline-block; font-family: 'Proxima Nova Semi Bold'; margin: 0 3% 70px 0; vertical-align: top; width: 30%; } .topic-section .module-header { font-size: 20px; line-height: 24px; padding-bottom: 0; margin-bottom: 5px; } .topic-section .asset.primary .headline { margin-bottom: 7px; } .topic-section .headline { border-bottom: 1px solid #cdd6db; font-size: 18px; padding: 10px 0px; } .topic-section .asset.cnbcvideo.primary a{ width:100%; } /*========================END topic town======================================*/ @media screen and (min-width: 640px) { .cols2 .imgasset.desc_size240_160 .headlineWrapper { padding-left: 255px; } } @media screen and (min-width: 1200px){ #pipeline_secondary .imgasset .fa-video { display:none; } #pipeline_secondary .imgasset .cnbc-font-icon.icon-cnbc-video { display: inline; } .featured_secondary .featured_top #live_player_universal{ height: 471px; } #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:345px; bottom:3px; width:85%; } .stories_assetlist .featuredPromo.asset span img{ min-height:345px; } } @media screen and (max-width: 1200px){ .cnbc-body { max-width:970px; width:100%; } .featured_secondary .featured_top,.cols2 .col1,.live-events{ max-width: 590px; } .cols2 .col1{ margin: 0px 25px 0 0px; } .featured_secondary .secondary_river{ max-width: 340px; margin-left:0px; } .featured_secondary .secondary_river .headline a, .featured_secondary .secondary_river .featuredPromo .headline{ font-size: 18px ; font-family: "Proxima Nova Semi Bold"; line-height: 22px ; } #pipeline_secondary .imgasset .fa-video { display:none; } #pipeline_secondary .imgasset .cnbc-font-icon.icon-cnbc-video { display: inline; } .featured_secondary .featured_top #live_player_universal{ height: 398px; } #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:283px; bottom:3px; width:85%; } .stories_assetlist .featuredPromo.asset span img{ min-height:282px; } } @media screen and (max-width: 992px) and (min-width: 640px) { .secondary_river .imgasset.desc_size240_160 .headlineWrapper { padding-left: 255px; } } @media screen and (max-width: 992px){ .cnbc-body { max-width:100%; width:90%; } .cols2{ margin-top:0px; } .cols2 .col2,.live-events{ max-width: 100%; } .featured_secondary .featured_top,.cols2 .col1{ max-width: 100%; margin-right: 0px; display: block; } .featured_secondary { margin-bottom: 0; } .featured_secondary .secondary_river{ margin-top:40px; max-width:100%; width:100%; } .featured_secondary .secondary_river .headline a,.featured_secondary .secondary_river .featuredPromo .headline,.stories-lineup .headline a,#pipeline_default .stories_assetlist .headline a,#pipeline_default .stories_assetlist .headline{ font-size: 26px ; line-height: 30px ; letter-spacing: -.5px; } .featured_secondary .secondary_river .headline{ padding-bottom:20px; } .featured_secondary .secondary_river .featuredPromo .headline-overlay{ margin-top:10px; } .featured_secondary .secondary_river{ border-bottom: 1px solid #CCD6DB; } #page_home_page_ng .cols2 { margin-top: 0; } #pipeline_secondary .imgasset .fa-video { display:inline; } #pipeline_secondary .imgasset .cnbc-font-icon.icon-cnbc-video { display: none; } .cnbc-contents .featured_secondary .secondary_river li{ padding-bottom: 25px; } .featured_secondary ul li img, .featured_secondary .stories_assetlist .asset time,.featured_secondary .stories_assetlist .asset .source{ display:inline; } .featuredPromo.headlineFirst.asset.cnbcvideo .fa-video{ font-size: 5em; } .featuredPromo.cnbcvideo span a{ width:100%; } .featured_secondary .featured_top #live_player_universal{ height: calc((89vw * 9/16) + 66px); /* 64px is US/Asia/Europe tab control size. */ } /*=============================topic town max-width 992============================================*/ .topic-section { width: 47%; margin-right: 0; } .topic-section:nth-child(odd) { margin-right: 5%; } /*=============================END topic town max-width 992============================================*/ .subsection h3, .subsection h4, .bigHeader h2, .bigHeader h3 ,.market-movers .module-header{ font-family: 'Proxima Nova Semi Bold' !important; font-size: 20px !important; text-align: left; margin-bottom: 15px; } .market-movers .module-header{ padding-bottom: 10px; } .market-movers .top-header, .market-movers .bottom-header{ text-align: left; } .subsection .asset .headline a{ font-family: 'Proxima Nova Semi Bold'; font-size: 20px; line-height: 34px; } .cols2 .col2 .subsection{ margin-bottom:35px; position: relative; } .module-header .sub{ position:absolute; right:0px; } #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:calc(75vw * 9/16); bottom:3px; width:85%; } .stories_assetlist .featuredPromo.asset span img{ min-height:100px; } .stories_assetlist .featuredPromo.asset > span { display: block; } .cnbc-contents .stories_assetlist li { padding-top:25px; } } @media screen and (max-width: 768px){ .subsection h3, .subsection h4, .bigHeader h2, .bigHeader h3 ,.market-movers .module-header{ font-family: 'Proxima Nova Semi Bold' !important; font-size: 20px !important; text-align: left; margin-bottom: 15px; } .market-movers .module-header{ padding-bottom: 10px; } .market-movers .top-header, .market-movers .bottom-header{ text-align: left; } .subsection .asset .headline a{ font-family: 'Proxima Nova Semi Bold'; font-size: 20px; line-height: 34px; } .cols2 .col2 .subsection{ margin-bottom:35px; position: relative; } .module-header .sub{ position:absolute; right:0px; } .featured_secondary .featured_top #live_player_universal{ height: calc((89vw * 9/16) + 66px); /* 64px is US/Asia/Europe tab control size. */ } #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:calc(77vw * 9/16); bottom:3px; width:85%; } } @media screen and (max-width: 640px){ .cnbc-body { max-width:100%; width:100%; } .cols2{ margin-top:0px; } .cols2 .col2 { max-width: 100%; width: 95%; margin: 0px auto; } .live-events{ max-width:100%; } .featured_secondary .featured_top .asset{ padding-bottom:70px; background: #222; } .featured_secondary .featured_top .featuredPromo.cnbcvideo a.headline-overlay, .featured_secondary .featured_top .asset .headline{ width: 95%; background: #222; margin:0px 14px; } .featured_secondary .featured_top #live_player_universal{ height: calc((100vw * 9/16) + 66px); /* 64px is US/Asia/Europe tab control size. */ } .featured_secondary .featured_top{ max-width: 100%; margin-bottom: 40px; } .featured_secondary .secondary_river{ display:block; border-bottom: 1px solid #CCD6DB; } .cols2 .col1{ max-width: 100%; float:none; } .asset.card.desc_size240_160 img { max-width: 140px; height: auto; margin-right: 0px; float: right; margin-left: 10px; } .card.desc_size240_160 .headline a ,.featured_secondary .secondary_river .headline a,.featured_secondary .secondary_river .featuredPromo .headline,#pipeline_default .stories_assetlist .headline a,#pipeline_default .stories_assetlist .headline{ font-size: 18px ; line-height: 22px ; } .featured_secondary .stories_assetlist .asset time,.featured_secondary .stories_assetlist .asset .source,.stories_assetlist .asset time,.stories_assetlist .asset .source{ display:none; } .stories_assetlist .featuredPromo.asset span img{ max-width:100%; width:100%; } .stories_assetlist .asset .headline{ padding-bottom:0px; } .featured_secondary .secondary_river,.cols2 .col1,.cols2 .col2{ width: auto; margin: 0px 10px; } .stories_assetlist .featuredPromo.asset span img{ margin-top:0px; } .stories_assetlist .asset .headline,#pipeline_default .stories_assetlist .asset .headline { padding-bottom: 10px; } .chartbeat_data_module ul li .asset span{ display:none; } .chartbeat_data_module li .asset:before { content: counter(counter)'.'; counter-increment: counter; width: 100%; margin: 0; line-height: 36px; display: block; color: white; letter-spacing: -1px; background: #3d9cde; text-align: center; width: 35px; font-size: 30px; float: left; margin-right: 13px; } .chartbeat_data_module li .asset .headline{ margin-left: 45px; } .subsection h3, .subsection h4, .bigHeader h2, .bigHeader h3 ,.market-movers .module-header{ font-family: 'Proxima Nova Semi Bold' !important; font-size: 20px !important; text-align: left; margin-bottom: 15px; } .market-movers .module-header{ padding-bottom: 10px; } .market-movers .top-header, .market-movers .bottom-header{ text-align: left; } .subsection .asset .headline a{ font-family: 'Proxima Nova Semi Bold'; font-size: 20px; line-height: 34px; } .cols2 .col2 .subsection{ margin-bottom:35px; position: relative; } /*.stories_assetlist .featuredPromo.asset span img{ min-height:150px; }*/ .featuredPromo.headlineFirst.asset.cnbcvideo .fa-video{ width:100%; font-size: 5em; } .stories_assetlist .cnbcvideo.imgasset span a { display: table; float: right; } .stories_assetlist .video-icon > a { float:none; } .stories_assetlist .imgasset .fa-video{ left:14px; } .topic-section .video-icon > a {float: none;} /*===========================topic town max-with 640=================================================*/ .topic-section { display: block; width: 100%; } .topic-section .module-header { font-size: 22px; margin-bottom: 15px; text-align: left; padding-left: 20px; } .topic-section .primary .headline { padding-top: 20px; } .module-header .sub{ position: relative; } .topic-section .headline { padding: 10px 20px; } /*===========================END topic town max-with 640=================================================*/ #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:calc(94vw * 9/16); bottom:3px; width:100%; } } @media screen and (max-width: 460px){ #pipeline_default .stories_assetlist .featuredPromo .player.franchise{ height:calc(92vw * 9/16); bottom:3px; width:100%; } } .cnbc-contents .cols2 .col2 .subsection > ul li { border-bottom: 1px solid #CCD6DB; } .cnbc-contents .cols2 .col2 #rt_social.subsection > ul li .asset, .cnbc-contents .cols2 .col2 .subsection > ul li .asset { padding: 10px 0; } .cnbc-contents .cols2 .col2 .subsection > ul li:first-child .asset:not(.nad-asset) { padding-top: 0; } .cols2 .col2 .subsection ul li .asset .headline { font-size: 16px; margin: 0 0 5px; font-weight: normal; margin-bottom: 0; line-height: 20px; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (min-width: 768px) and (max-width: 1024px) { .market_data_stories .asset .headline a { font-size: 24px; line-height: 32px; } .market_data_table .asset .headline a{ font-size: 18px; line-height: 22px; } #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a, #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline a span { font-size: 26px !important; line-height: 32px !important; } #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .imgasset .headline { margin-left: 175px; } .market-movers .groups-downArrowTabs .grouptab li { font-size: 20px; padding-right: 30px; } .market-movers .groups-downArrowTabs .grouptab li a { font-size: 20px; } .market-movers .groups-downArrowTabs .grouptab { margin: 5px 0; } .market-movers [data-field=symbol] {font-family: 'Proxima Nova Semi Bold';} .groups-downArrowTabs .grouptab li.selected {padding-bottom: 25px;} .market-movers .groups-downArrowTabs td { padding: 10px 0; } .market_data_table table.data tbody td{padding-top: 15px; padding-bottom: 15px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .market-movers .groups-downArrowTabs td a{ font-size: 18px; } .market_data_table table.data tbody td a { font-size: 16px; } .market_data_table table.data th { font-size: 12px; padding-top: 5px; padding-bottom: 5px; } } .cnbc-contents .cols2 .col2 .chartbeat_data_module .subsection > ul li { border: 0; padding: 0; margin: 0; } .cnbc-contents .module-header a, .cnbc-contents .module-header { color: #333; } .featuredPromo .cnbc-card { position: absolute; background-color: rgba(0,0,0, 1); top: 0; left: 0; width: 100%; height: 100%; cursor: auto; } /* JS Player defaults */ .player-lazy-loaded-mobile { position: absolute; left: -3000px; top: -3000px; /*opacity:0;*/ } .loaderOverlayMobile { position: absolute; width: 100%; padding-top: 95px; padding-bottom: 95px; z-index: 1; background: #000; opacity: 0; top: -3000px; } .loaderOverlayMobile p:first-child { display: block; text-align: center; color: #fff; opacity:1 !important; margin:0px; } .loaderOverlayMobile img { width: 32px !important; height: 32px !important; } /* Fix for collapsed player div, breaking the docking scroll height calculation */ div.player.franchise { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /*iframe.dockable { transition: all 80ms; }*/ .theplatform-video__docked iframe { /*transition: all 150ms;*/ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-right: 1px solid #ccd6db; height: 107px; } .theplatform-video__docked { background-color: #eee; } .theplatform-video__docked iframe.dockable { position: fixed; z-index: 1001; } .theplatform-video__docked + span:after, .theplatform-video__transition + span:after { content: ""; width: 100%; height: 100%; background-color: #eee; position: absolute; z-index: 1; top: 0; } /* player - end */ .imgasset .cnbc-font-icon.icon-cnbc-video {display: none;} /* JS Player docked styles */ .player-lazy-loaded-mobile.theplatform-video__docked { position: fixed !important; width: 530px; } .player-lazy-loaded-mobile.theplatform-video__docked .tpContainer { /*width: 100% !important;*/ width: 190px !important; height: 100% !important; margin-left: 0; } .player-lazy-loaded-mobile.theplatform-video__docked #player { width: 190px; height: 107px !important; } .player-lazy-loaded-mobile.theplatform-video__docked { position: fixed; } .theplatform-video__docked .tpContainer { width: 100%; height: 100%; } /*.theplatform-video__docked #player { }*/ /* begin styles for docked player */ .player-lazy-loaded-mobile.theplatform-video__docked { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-right: 1px solid #ccd6db; /*height: 107px;*/ } .theplatform-video__docked .tpContainer{ width: 190px !important; float: left; } .theplatform-video__docked #player{ width: 190px !important; border-right: 1px solid #ccd6db; } .theplatform-video__docked { background-color: #fff; } .docked-card { display: none; } .player-lazy-loaded-mobile.theplatform-video__docked .docked-card { /*display: none;*/ display: block; } /*.player-lazy-loaded-mobile.theplatform-video__docked .docked-card.metadata .metadata, .player-lazy-loaded-mobile.theplatform-video__docked .docked-card.share .share, .player-lazy-loaded-mobile.theplatform-video__docked .docked-card.end .end { display: block; }*/ .dockable-end-card { display: none; cursor: pointer; } .theplatform-video__docked .metadata .metadata, .theplatform-video__docked.end .dockable-end-card { display: block; width: 100%; } .theplatform-video__docked.end .dockable-end-card .label { visibility: visible; } .theplatform-video__docked.end .metadata-status, .theplatform-video__docked.end .dockable-share-card { display: none; } .theplatform-video__docked .docked-card { height: 100%; /* box-shadow: 0 5px 3px rgba(0, 0, 0, 0.35);*/ } .docked-card .share { cursor: pointer; width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; } .docked-card .headline { /* color: #2077b6;*/ color: #333333; font-family: 'Proxima Nova Semi Bold'; font-size: 16px; font-style: normal; text-align: left; line-height: 20px; letter-spacing: -0.02em; margin: 0 40.5px 0 199px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .docked-card .label { margin: 0 55px 0 199px; padding: 8px 0 5px 0; font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #424858; font-style: normal; text-align: left; letter-spacing: -0.02em; } .theplatform-video__docked .metadata .metadata-status .label { visibility: hidden; } .theplatform-video__docked .metadata .close-button { font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -0.02em; cursor: pointer; position: absolute; right: 10px; border-radius: 25px; border: 2px solid #afb8bc; top: 10px; } .theplatform-video__docked .metadata .close-button span { display: block; font-size: 24px; color: #afb8bc; height: 20px; width: 20px; padding: 0; margin: 0; position: relative; top: -3px; left: 3px; } #dockable-social-tools { margin-left: 199px; } #dockable-social-tools *.gig-bar-container img { width: 25px; height: 25px; } #dockable-social-tools div.gig-button-container { padding-left: 8px; } .dockable-share-card .label_share { margin: 0 55px 0 199px; padding: 8px 0 5px 0; font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #424858; font-style: normal; text-align: left; letter-spacing: -0.02em; } .theplatform-video__docked.end .overlay,.theplatform-video__docked.end .cnbc-end-carosel-img-holder { position: fixed; } .theplatform-video__docked.end .cnbc-end .partitiondivsecond { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 160px; height: 100vh; } .theplatform-video__docked.end .cnbc-end .cnbc-end-carosel-img-holder { margin: 0; } .theplatform-video__docked .metadata .dockable-share-card {display: none;} .theplatform-video__docked.end .cnbc-end .card-header, .theplatform-video__docked.end .cnbc-end .partitiondivfirst, .theplatform-video__docked.end .cnbc-end .copy, .theplatform-video__docked.end .cnbc-end .watchnext, .theplatform-video__docked.end .cnbc-end .cnbc-end-next-video-title { display: none; } .theplatform-video__docked.end .cnbc-end .overlay { margin: 0; } .cnbc-input { font-family: 'Proxima Nova Regular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #888; font-style: normal; line-height: 20px; letter-spacing: -0.02em; border: 1px solid #888; padding: 4px ; margin-top: 20px; overflow: hidden; cursor: text; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } #dockable-cnbc-share-url { width: 300px; margin: 1px 55px 0 199px; font-size: 11px; color: #424858; letter-spacing: -0.02em; padding: 1px 3px; } /* docked end card */ .theplatform-video__docked .cnbc-end .partitiondivsecond { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 160px; height: 100vh; } .theplatform-video__docked .cnbc-end .cnbc-end-carosel-img-holder { margin: 0; } .theplatform-video__docked .cnbc-end .card-header, .theplatform-video__docked .cnbc-end .partitiondivfirst, .theplatform-video__docked .cnbc-end .copy, .theplatform-video__docked .cnbc-end .watchnext, .theplatform-video__docked .cnbc-end .cnbc-end-next-video-title { display: none; } .theplatform-video__docked .cnbc-end .overlay { margin: 0; } .theplatform-video__docked .cnbc-end { position: fixed; /*top: 40px;*/ width: 190px; height: 107px; left: auto; z-index: 10; } .story .cnbcvideo .content { margin-top: 0; } .cnbcvideo .cnbc-end .partitiondivsecond { height: auto !important; } .dockable.theplatform-video__docked { /* left: auto !important;*/ z-index: 1; /* margin-left: 15px;*/ } /* end styles for docked player */ #dart_wrapper_badgeb > div, .subsection .dart_wrapper.badge-ad > div {margin-bottom: -17px;} .homepage-river-inline-ad .dart_wrapper#dart_wrapper_Responsive_Rectangle, .homepage-river-inline-ad .dart_wrapper#dart_wrapper_responsiverectangle { width: 100%; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/samples/css/cnbc_cards.css?t=1535493806 */ /* NOTE: This File version is not compressed */ #cards-holder { position: relative; width: 530px; } #cards-holder .card-holder { position: relative; width: 530px; height: 298px; } #cards-holder .card-holder > div { opacity: 1; /*IE 8*/ display: block\9; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; pointer-events: auto; } /* removes blue halo */ input:focus { outline:none; } textarea:focus { outline:none; } /* card css proper */ .cnbc-card { z-index: 2; background-color: rgba(0,0,0,.85); font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; color: #cccccc; /* IE 8 */ background-color: #000\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"\9; /* IE 5-7 */ filter: alpha(opacity=85)\9; } .cnbc-card .card-header { border-bottom: 1px solid #666; padding-bottom: 25px; margin-bottom: 10px; } #cnbc-info .datetime{ font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #999999; font-style: normal; text-align: left; line-height: 20px; letter-spacing: -0.02em; } #cnbc-info .desc{ font-family: 'Proxima Nova Semi Bold'; font-size: 16px; color: #999999; font-style: normal; text-align: left; line-height: 24px; letter-spacing: -0.02em; margin-top: 20px; } #cnbc-overlay { z-index: 1; cursor: pointer; background-color: #000; background-repeat:no-repeat; background-size: 100% 100%; background-position: center center; background-color: rgba(0,0,0,.8); /*IE 8*/ background-color: #000\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"\9; /* IE 5-7 */ filter: alpha(opacity=80)\9; } #cnbc-overlay .fa{ float:left; } #cnbc-overlay .fa-video1:before { display: inline-block; font-size: 3em; line-height: 1em; width: 1em; padding-left: 0.3em; content: "\f144"; opacity: 0.8; } .cnbc-card .content { padding: 20px; position: relative; } .cnbc-card .content h3 { font-family: 'Proxima Nova Bold'; font-size: 22px; margin: 0; text-align: left; line-height: 1.2em; letter-spacing: -0.02em; color:#ccc; } .cnbc-card .content .copy p.metadata { background-color: rgba(0,0,0,0.5); font-family: 'Proxima Nova Semi Bold'; font-size: 12px; font-style: normal; line-height: 22px; letter-spacing: -0.02em; position: absolute; bottom: 0; right: 0; display: table-cell; vertical-align: bottom; text-align: right; padding: 0 .8em .2em 0; background: none; } .cnbc-card .content h4 { font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; margin: 0 0 12px 0; font-weight: normal; color: #cccccc; } .cnbc-card .content .copy { font-size: 12px; } #cnbc-overlay:hover .content h3 { color: #fff; } .cnbc-card .content .copy p { font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; margin: 5px 0 10px; line-height: 14px; max-height: 142px; overflow: hidden; width:90%; } .cnbc-card .content .close-button { font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 40px; color: #fff; line-height: 44px; letter-spacing: -0.02em; cursor: pointer; position: absolute; right: 20px; margin-top: -10px; } /* overlay */ #cnbc-overlay .content { position: absolute; bottom: 0; left: 0; right: 0; cursor: pointer; padding: 5px; background-color: rgba(0,0,0,.8); /*IE 8 */ background-color: #000\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"\9; /* IE 5-7 */ filter: alpha(opacity=80)\9; color:#ccc; } #cnbc-overlay .content:hover { color:#fff; } #cnbc-overlay .cnbc-overlay-play-img { cursor: pointer; width: 50px; height: 50px; margin: 4px 0 0 4px; float: left; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_play_button.png) no-repeat top right; } #cnbc-overlay .copy { cursor: pointer; } /* info */ #cnbc-info .content .copy p { margin: 15px 0 10px; font-size: 14px; line-height: 20px; } #cnbc-info .content .copy p.metadata { margin: 3px 0 0 0; line-height: 13px; font-size: 12px; } /* embed & share */ #embed-button, .email-button { width: 40px; height: 40px; cursor: pointer; margin-top: 4px; } .cnbc-end .email-button { width: 35px; height: 35px; margin-top: 0; } .email-button { padding-right: 4px; } .cnbc-card .cnbc-input.highlightWhite { color: #fff; } #cnbc-embed-contents {display: none;} #cnbc-embed #cnbc-embed-text { line-height: 15px; padding-right: 10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ margin: 0; } #cnbc-embed .content .copy { margin-left: 182px; } #cnbc-embed .cnbc-embed-size-options { float: left; margin: 10px 0 0 0; } .cnbc-card .small_thumb { width: 160px; max-height: 110px; float: left; border: 1px solid #ccc; background: -moz-linear-gradient(top, rgba(107,107,107,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,107,107,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(107,107,107,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(107,107,107,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(107,107,107,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(107,107,107,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a66b6b6b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } /* share */ .cnbc-end .cnbc-end-share{ text-align: left; } .cnbc-end #social_tools_player{ float: left; } #social_tools_player{ min-height: 40px; } #cnbc-share .content .copy .share-icons { margin: 4px 0 15px; float: left; } div .cnbc-end .copy .share-icons { float: left; } #cnbc-share .content .copy .share-icons .cnbc-share-button { cursor: pointer; margin: 0 5px 0 0; width: 38px; height: 38px; float: left; } #cnbc-share .content .copy .share-icons #cnbc-share-facebook { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_share_icon_fb.png) no-repeat top left; } #cnbc-share .content .copy .share-icons #cnbc-share-twitter { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_share_icon_tw.png) no-repeat top left; } #cnbc-share .content .copy .share-icons #cnbc-share-gplus { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_share_icon_gplus.png) no-repeat top left; } #cnbc-share .content .copy .share-icons #cnbc-share-linkdin { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_share_icon_in.png) no-repeat top left; } #cnbc-share .content .copy .share-icons #cnbc-share-email { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_share_icon_em.png) no-repeat top left; } .cnbc-card .cnbc-input { font-family: 'Proxima Nova Regular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #888; font-style: normal; line-height: 20px; letter-spacing: -0.02em; border: 1px solid #888; padding: 4px ; margin-top: 20px; overflow-x: hidden; overflow-y: auto; cursor: text; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; max-height: 84px; } input.cnbc-share-input-ti[type="text"] { background: transparent; border: none; width: 294px; font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; color: #cccccc; } .cnbc-card .cnbc-share-buttons { margin: 5px 0 0 0; font-size: 12px; } .cnbc-card .cnbc-share-buttons img.cnbc-button { float: right; cursor: pointer; } .cnbc-card .cnbc-share-message,.cnbc-card .cnbc-email-message-succes { /*background-color: #c00;*/ padding: 8px 4px; float: right; } .cnbc-card textarea { background: transparent; resize: none; border: none; font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; color: #cccccc; overflow: hidden; } #share-button { float: right; width: 40px; height: 40px; cursor: pointer; } #share-button img { width: 40px; height: 40px; margin-top: 10px; } #cnbc-embed-contents .cnbc-embed-size-options { float: left; margin: 10px 0 0 0; color:#808080; } /* email */ #cnbc-email .cnbc-email-message { font-size: 11px; color: #ed1c24; display: none; } #cnbc-email .cnbc-email-inputs { width: 192px; float: left; } #cnbc-email .cnbc-input { padding: 4px; margin: 2px 0 12px; } #cnbc-email .cnbc-input .cnbc-share-input-ti[type="text"] { width: 186px; font-size: 12px; color: #999; } #cnbc-email .cnbc-email-message-input { float:left; margin-left: 50px; width: 244px; } #cnbc-email .cnbc-email-message-input .cnbc-email-input-border { border: 1px solid #ccc; padding: 3px; margin: 2px 0 0 0; } #cnbc-email .cnbc-email-message-input textarea { width: 230px; height: 73px; } /* end */ .cnbc-end .content { padding: 12px 20px; font-family: 'Proxima Nova Semi Bold', Arial; } .cnbc-end .cnbc-end-header { background-color: #3c3f42; padding: 18px 20px; font-family: 'Proxima Nova Semi Bold', Arial; } .cnbc-end .toptext{ font-size: 16px; color: #cccccc; font-style: normal; font-family: 'Proxima Nova Semi Bold'; text-align: left; letter-spacing: -0.02em; } .cnbc-end .watchnext{ font-size: 16px; color: #cccccc; font-style: normal; font-family: 'Proxima Nova Semi Bold'; text-align: left; letter-spacing: -0.02em; margin-left: 22px; margin-top: 20px; } .cnbc-end .cnbc-end-share { cursor: pointer; width: 100%; float: left; margin-top: 20px; margin-bottom: 20px; font-size: initial; color: #ccc; } .cnbc-end .cnbc-end-replay { padding: 0px 0 0 23px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_replay_icon.png) no-repeat top left; cursor: pointer; font-size: 22px; color: #ffffff; font-style: normal; font-family: 'Proxima Nova Semi Bold'; line-height: 26px; letter-spacing: -0.02em; margin-top: 20px; margin-bottom:12px; } .cnbc-end .playbutton { cursor: pointer; width: 50px; height: 50px; background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/playerAssets/video-icon-white-@2x.png'); background-size: 30px 30px; background-repeat: no-repeat; position: absolute; top: 29px; left: 64px; } .cnbc-end .card-header{ padding-bottom:0px;margin-bottom:0px; } .cnbc-end .sharedtextbox{ border: 1px solid #ccc; padding: 12px 0px; margin: 21px 13px 18px 0; font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; color: #cccccc; overflow: hidden; cursor: text; width: 50%; top: 5px; /* left: 250px; */ position: relative; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .cnbc-end .cnbc-end-title { font-weight: normal; width: 317px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; padding-top: 4px; } .cnbc-end .cnbc-input-padding{ margin-right:20px; } .cnbc-end .cnbc-end-carosel-holder { text-align: center; } .cnbc-end .cnbc-end-carosel { clear: left; width: 516px; margin: 0 auto; } .cnbc-end .cnbc-end-carosel-item { float: left; width: 162px; margin: 0 5px; font-size: 14px; font-family: 'Proxima Nova Semi Bold', Arial; } .cnbc-end .cnbc-end-carosel-item .metadata { margin: 6px 0 0 0; font-size: 11px; } .cnbc-end .cnbc-end-carosel-img-holder { cursor: pointer; width: 190px; height: 107px; position: relative; margin-left: 22px; margin-top: 9px; /* margin: 0 0 10px 0; */ background-repeat: no-repeat; background-size: 100%; background-position: center center; } .cnbc-end-countdown-stop { font-size: 10px; padding: 0 0 0 30px; cursor: pointer; } .cnbc-end .cnbc-end-carosel-bar { position: absolute; background-color: rgba(0,0,0,.8); /*IE 8*/ background-color: #000\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"\9; /* IE 5-7 */ filter: alpha(opacity=80)\9; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtlJREFUeNqMVEtIVGEUPv99ODr3NuOMRkqRplJNugjKTJCwFkUFBj0WFfRaVFD4gFoX0UIMdCIXPSAq20SBtEnJRZG9CLEH5hA0ksEEjpqjc+fOff63818YHzMFHThzZ/7zn+9853znDnEcB7IsgH4krtGmaNLagE/ZL5J0uSyMl8v8c4w9QI8uTiBZIIcis1Z756hS0R/TYUKzwcYwwUBhHgf1y0VoC8mJHaWeTjy6iu5kg7Te/a52XRiagxndhjyegMCReXSK1zTLAZ4DaF4vQccmXw/GT2HIyoA03Y+qT0++SbiJAuamkYIXv5CsXhlY2qBwrlqG7i3+MB61MRB/NGkPbX02WZUwKfCEQJnEwcagCL0/NbAouGA5QMjqSWPQPlCWX4fkYP/1iFI1labgQRYW3mD9P9oWhN7GINQWi5AyHTDowuxYl8yvfVV4nTot3KxJ9/XFNBCFhUqsOhvo3lX58HJXMdyo80NJAQ8pw3HPmeUju+HfBnycNrdzPxS7JqZSELmllDPzLsABn8dBvttdDC3Vkvs7o5hpA3yeMUu5OcPxmjRnV3JspZeHcK0f2wyALJB5RjO6wwuySDSBI/A/9nAsDeGIAioiZFJ8eYQKqyU+UlLArYmpuBv/AHsdN+DKlyQM/NJRPZwHfjAiAg9QUyjGuSIP19+4wgOmtXT6Auo2nrLhzPsE7ByYhgHcYCY1A2CmI5uQT4DNReIgk/hxS0iKyygrU4UBoKLQMaJAQ98U3P6mukmSuLB4rJyNIM0hmQF3Zzb2eHg0da/twyx4BOKyUJGZiM8c1dBVncLhKi/0NATuILHTi9+drvYRpfXSpyQYWMUFI0u3VMNzdv1ohRdu1fv7JIEcZJjZb3HzqwnjMm5i4O2kgfJRtzLDYvPAIcLZdV77RKX3Jh5dRE//7a+AWQX6sTHF3jOaMCsnNSotE4m+1ifEEeQFdteD8cHFCX8EGADnDDoKuSp9AQAAAABJRU5ErkJggg=='); background-position: 8px 3px; background-repeat: no-repeat; height: 27px; left: 0; right: 0; bottom: 0; text-align: right; line-height: 27px; font-size: 12px; padding: 0 5px 0 0; } .cnbc-end .cnbc-end-hitarea { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .cnbc-end .cnbc-end-hitarea:hover { position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 3px solid #ccc; cursor: pointer; } #cnbc-player-container { margin: 0 auto; width: 530px; } .cnbc-end .horizontalruler{ margin-top: 12px; border: 1px solid #666666; width:100%; } .cnbc-end .partitiondivfirst{ width:54%; height:200px; float:left; border-right-width:1px; border-right-color:#666666; border-right-style:solid; } .cnbc-end .partitiondivsecond{ width:45%;height:200px;float:left; } .cnbc-end .share-video{ margin-top:12px; } .cnbc-end .overlay{ cursor: pointer; width: 190px; height: 107px; position: absolute; margin-left: 22px; z-index: 10000000; margin-top: 9px; /* margin: 0 0 10px 0; */ background-repeat: no-repeat; background-size: 100%; background-position: center center; opacity:1.0; } .cnbc-end .video-overlay{ position: absolute; top: 0; left: 0; width: 100%;height: 100%; background-color:black; opacity: 0.6; } .cnbc-end .video-cancel { font-size:12px; color:whitesmoke; position:absolute; top: 79px; left: 78px; z-index: 10000000; } .cnbc-end .cnbc-end-next-video-title{ margin-top:8px; margin-left:22px; margin-bottom:20px; margin-right:20px; color:#999999; font-family:'Proxima Nova Semi Bold'; text-align:left; font-style:normal; font-size:12px; line-height:16px; } /*<---- Mobile-web-end-card ----> */ .cnbc-end-mobile{ opacity: 1; position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; pointer-events: auto; height: 298px; font-size: 18px; } .cnbc-end-mobile .mobile-web-card-header { padding-top: 8px; padding-left: 20px; padding-right: 20px; border:none; } .cnbc-end-mobile .mobile-web-card-header .mobile-web-cnbc-end-replay { padding: 0px 0 0 23px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_replay_icon.png) no-repeat top left; cursor: pointer; font-size: 0.9em; color: #ffffff; font-style: normal; font-family: 'Proxima Nova Semi Bold'; text-align: left; /* line-height: 26px; */ letter-spacing: -0.02em; border-bottom: 1px solid #666; padding-bottom: 6px; line-height: 1.3em; } .cnbc-end-mobile .mobile-web-wrap { height: 125px; width:100%; z-index:1; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-watchnext{ float: left; width: 100%; margin-left: 20px; margin-top: 10px; z-index:1; font-size: 1.1em; line-height: 1.2em; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-partleft{ float: left; margin-right: 10px; z-index:1; } .cnbc-end-mobile .video-click-overlay{ cursor: pointer; position: absolute; width: 100%; height: 150px; opacity: 0; z-index: 100000; top: 39px; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-partleft .mobile-web-cnbc-end-carosel-img-holder { cursor: pointer; width: 140px; height: 80px; position: relative; margin-left: 20px; margin-top: 9px; /* margin: 0 0 10px 0; */ background-repeat: no-repeat; background-size: 100%; background-position: center center; z-index:1; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-partleft .mobile-web-playbutton{ position: absolute; cursor: pointer; width: 50px; height: 50px; background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/playerAssets/video-icon-white-@2x.png'); background-size: 30px 30px; background-repeat: no-repeat; left: 55px; top: 25px; z-index:100; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-partright{ width: 40%; max-width: 100%; float: left; margin-left: 2%; margin-top: 2%; z-index:1; } .cnbc-end-mobile .mobile-web-wrap .mobile-web-partright .mobile-web-cnbc-end-next-video-title{ padding-right: 20px; font-size: 0.8em; line-height: 1.2em; z-index:1; } /* carousel */ #cnbc-carousel { float: left; clear: both; width: 530px; position: absolute; margin: 10px 0 0 0; top: 300px; } #cnbc-carousel .carousel-inner { float:left; /* important for inline positioning */ width:530px; /* important (this width = width of list itemq(including margin) * items shown */ overflow: hidden; /* important (hide the items outside the div) */ /* non-important styling bellow */ } #cnbc-carousel #carousel-ul { position:relative; left: 0; list-style-type: none; /* removing the default styling for unordered list items */ margin: 0px; padding: 0px; width:9999px; padding-bottom:10px; } #cnbc-carousel #carousel-ul li { float: left; width:160px; font-family: 'Proxima Nova Semi Bold', "Arial"; font-size: 14px; font-weight: normal; color: #2d648a; padding:0px; height:180px; margin: 0 25px 0 0; } #cnbc-carousel #carousel-ul li img { margin-bottom: -4px; cursor:pointer; cursor: hand; border:0px; } #cnbc-carousel #carousel-ul li .metadata { font-size: 11px; font-family: 'Proxima Nova Semi Bold', Arial, sans-serif; color: #454240; font-weight: normal; margin-top: 4px; } #cnbc-carousel .button-layer { position: absolute; width: 530px; height: 105px; pointer-events : none; } #cnbc-carousel #left_scroll, #right_scroll{ top: 25px; height: 40px; width: 25px; position: absolute; cursor: pointer; cursor: hand; } #cnbc-carousel #left_scroll { left: 0; background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_carousel_left.png); } #cnbc-carousel #left_scroll:hover { background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_carousel_left_over.png); } #cnbc-carousel #right_scroll { right: 0; background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_carousel_right.png); } #cnbc-carousel #right_scroll:hover { background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_carousel_right_over.png); } #cnbc-carousel .cnbc-carousel-item { width: 160px; font-size: 14px; font-family: 'Proxima Nova Semi Bold', Arial; background-color: #fff; } #cnbc-carousel .cnbc-carousel-img-holder { width: 160px; height: 90px; position: relative; margin: 0 0 10px 0; background-repeat:no-repeat; /*IE 8*/ background-repeat:repeat\9; background-size: 100%; background-position: center center; } #cnbc-carousel .cnbc-carousel-bar { position: absolute; background-color: rgba(0,0,0,.8); /*IE 8*/ background-color: #000\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"\9; /* IE 5-7 */ filter: alpha(opacity=80)\9; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtlJREFUeNqMVEtIVGEUPv99ODr3NuOMRkqRplJNugjKTJCwFkUFBj0WFfRaVFD4gFoX0UIMdCIXPSAq20SBtEnJRZG9CLEH5hA0ksEEjpqjc+fOff63818YHzMFHThzZ/7zn+9853znDnEcB7IsgH4krtGmaNLagE/ZL5J0uSyMl8v8c4w9QI8uTiBZIIcis1Z756hS0R/TYUKzwcYwwUBhHgf1y0VoC8mJHaWeTjy6iu5kg7Te/a52XRiagxndhjyegMCReXSK1zTLAZ4DaF4vQccmXw/GT2HIyoA03Y+qT0++SbiJAuamkYIXv5CsXhlY2qBwrlqG7i3+MB61MRB/NGkPbX02WZUwKfCEQJnEwcagCL0/NbAouGA5QMjqSWPQPlCWX4fkYP/1iFI1labgQRYW3mD9P9oWhN7GINQWi5AyHTDowuxYl8yvfVV4nTot3KxJ9/XFNBCFhUqsOhvo3lX58HJXMdyo80NJAQ8pw3HPmeUju+HfBnycNrdzPxS7JqZSELmllDPzLsABn8dBvttdDC3Vkvs7o5hpA3yeMUu5OcPxmjRnV3JspZeHcK0f2wyALJB5RjO6wwuySDSBI/A/9nAsDeGIAioiZFJ8eYQKqyU+UlLArYmpuBv/AHsdN+DKlyQM/NJRPZwHfjAiAg9QUyjGuSIP19+4wgOmtXT6Auo2nrLhzPsE7ByYhgHcYCY1A2CmI5uQT4DNReIgk/hxS0iKyygrU4UBoKLQMaJAQ98U3P6mukmSuLB4rJyNIM0hmQF3Zzb2eHg0da/twyx4BOKyUJGZiM8c1dBVncLhKi/0NATuILHTi9+drvYRpfXSpyQYWMUFI0u3VMNzdv1ohRdu1fv7JIEcZJjZb3HzqwnjMm5i4O2kgfJRtzLDYvPAIcLZdV77RKX3Jh5dRE//7a+AWQX6sTHF3jOaMCsnNSotE4m+1ifEEeQFdteD8cHFCX8EGADnDDoKuSp9AQAAAABJRU5ErkJggg=='); background-position: 8px 3px; background-repeat: no-repeat; height: 27px; left: 0; right: 0; bottom: 0; text-align: right; line-height: 27px; font-size: 12px; padding: 0 5px 0 0; color: #FFF; } #cnbc-carousel .cnbc-hitarea { position: absolute; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer; } #cnbc-carousel .cnbc-hitarea:hover { border: 3px solid #ccc; cursor: pointer; } #cnbc-carousel .cnbc-hitarea-playing { border: 3px solid #00CCFF; } .tpError { color: #FFF; position: relative; top: 25%; padding: 10px; font-size: 20px; } .tpError a { font-family: 'Proxima Nova Semi Bold', Arial; color: #F00; } .tpError a:hover { color: #d2b8ff; } /*=============== Start: Platform player Error Container ============================*/ #playerErrorMsg { height: 0; /* padding-top: 56.25%;*/ } .player-error-placeholder { width: 100%; height: 100%; background-color: #CCC; position: absolute; top: 0; z-index:1000; } /* The following pseudo-element serves to help vertically center .error-msg */ .player-error-placeholder:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .error-msg { width: 100%; display: inline-block; vertical-align: middle; } .error-msg p { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica, sans-serif; color: #424858; text-align: center; padding: 0 20px; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0; } .error-msg p:first-child { text-transform: uppercase; } .error-msg p:last-child { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica, sans-serif; color: #424858; text-align: center; padding: 0 20px; } @media only screen and (min-device-width : 220px) and (max-device-width : 667px) { .cnbc-card .content h3 { font-size: 12px; line-height: 16px; } .cnbc-card .content .copy p.metadata { font-size: 8px; line-height: 10px; } } /*=============== End: Platform player Error Container ============================*/ /*=============== Start: Mobile :: Platform player Error Container ============================*/ .mobile-touch #playerErrorMsg { position: absolute; z-index:1000; margin-left: auto; margin-right: auto; width: 100%; height: 100%; padding: 0 !important; } .mobile-touch .player-error-placeholder { width: 100%; height: 100%; background-color: #CCC; } .mobile-touch .error-msg { /*padding-top: 40px;*/ } .mobile-touch .error-msg p { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica, sans-serif; color: #424858; text-align: center; padding: 0 20px; font-size: 18px; font-family: 'Proxima Nova Semi Bold'; line-height: 24px; } .mobile-touch .error-msg p:first-child { text-transform: uppercase; } .mobile-touch .error-msg p:last-child { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica, sans-serif; color: #424858; text-align: center; padding: 0 20px; } /*=============== End: Mobile :: Platform player Error Container ============================*/ .makeitLargeVideoPlayer #cnbc-overlay .content { display:none !important; } .makeitLargeVideoPlayer #cnbc-overlay:before{ position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font:normal normal normal 120px/1 'FontAwesome'; content:"\f144"; color:#fff; } /* todo: refactor to remove, if possible, the styles that the following css overrides */ /* new styles for the overlay allowing vertically centering the play button and the title */ /* resets */ #cnbc-overlay .content .fa.fa-video1 { float: none; } /* new styles */ #cnbc-overlay .content { display: table; padding: 0.6em 0; } #cnbc-overlay .content .fa.fa-video1 { display: table-cell; vertical-align: middle; text-align: center; } #cnbc-overlay .content .copy { display: table-cell; vertical-align: middle; width: 100%; padding-left: 1em; padding-right: 1em; } #cnbc-overlay .content .metadata { display: table-cell; vertical-align: bottom; text-align: right; padding-right: 0.6em; font-family: 'Proxima Nova Semi Bold'; font-size: 12px; font-style: normal; line-height: 22px; letter-spacing: -0.02em; } #cnbc-overlay:hover .content { color: #fff; opacity: 1; } #cnbc-overlay:hover .fa-video1:before { opacity: 1; } .cnbc-card .content .copy p { margin: 5px 0; width: auto; } /******** close captions styles begins **********/ #cnbc_cc .wrap{ height:218px; width:210px; background-color: #000000; stroke: #808080; opacity: 0.85; border-radius: 3px; font-family: 'Proxima Nova Semi Bold'; position: relative; } #cnbc_cc .cross{ /* font-size: 18px; color: #808080; font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: right; padding-top: 10px; padding-right: 10px; float:right;*/ font-family: 'Proxima Nova Semi Bold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #fff; line-height: 44px; letter-spacing: -0.02em; cursor: pointer; position: absolute; right: 10px; margin-top: -5px; } #cnbc_cc .captions{ float: left; font-size: 12px; color: #808080; font-family: 'Proxima Nova Semi Bold'; text-align: left; padding-bottom: 10px; margin-right: 10px; margin-left: 10px; padding-top:10px; padding-top: 15px; } #cnbc_cc .radio{ display:none; } #cnbc_cc .color1{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color1 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; margin-left: 2px; border-radius: 8px; background-color:black; border:1px solid white; opacity:0.5; } #cnbc_cc .color1 + label:hover:before{ opacity:1; } #cnbc_cc .color1:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color2{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color2 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: blue; border:1px solid white; opacity:0.5; } #cnbc_cc .color2 + label:hover:before{ opacity:1; } #cnbc_cc .color2:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color3{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color3 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: skyblue;; border:1px solid white; opacity:0.5; } #cnbc_cc .color3 + label:hover:before{ opacity:1; } #cnbc_cc .color3:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color4{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color4 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: yellow;; border:1px solid white; opacity:0.5; } #cnbc_cc .color4 + label:hover:before{ opacity:1; } #cnbc_cc .color4:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color5{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color5 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: green; border:1px solid white; opacity:0.5; } #cnbc_cc .color5 + label:hover:before{ opacity:1; } #cnbc_cc .color5:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color6{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color6 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: pink;; border:1px solid white; opacity:0.5; } #cnbc_cc .color6 + label:hover:before{ opacity:1; } #cnbc_cc .color6:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color7{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color7 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; margin-right: 2.25px; border-radius: 8px; background-color: red;; border:1px solid white; opacity:0.5; } #cnbc_cc .color7 + label:hover:before{ opacity:1; } #cnbc_cc .color7:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .color8{ display:none; /* display:inline-block; margin-left: 2.0px;*/ } #cnbc_cc .color8 + label:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; border-radius: 8px; background-color: white; border:1px solid white; opacity:0.5; } #cnbc_cc .color8 + label:hover:before{ opacity:1; } #cnbc_cc .color8:checked + label:before { color: black; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .fontSize1{ display:none; } #cnbc_cc .fontSize1 + label:before { content: "50%"; vertical-align:middle; margin-right: 2px; color:#808080; cursor:pointer; } #cnbc_cc .fontSize1 + label:hover:before{ color:white !important; } #cnbc_cc .fontSize1:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .fontSize2{ display:none; } #cnbc_cc .fontSize2 + label:before { content: "100%"; vertical-align:middle; margin-right: 2px; color:#808080; cursor:pointer; } #cnbc_cc .fontSize2 + label:hover:before{ color:white !important; } #cnbc_cc .fontSize2:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .fontSize3{ display:none; } #cnbc_cc .fontSize3 + label:before { content: "150%"; vertical-align:middle; margin-right: 2px; color:#808080; cursor:pointer; } #cnbc_cc .fontSize3 + label:hover:before{ color:white !important; } #cnbc_cc .fontSize3:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .fontSize4{ display:none; } #cnbc_cc .fontSize4 + label:before { content: "200%"; vertical-align:middle; margin-right: 2px; color:#808080; cursor:pointer; } #cnbc_cc .fontSize4 + label:hover:before{ color:white !important; } #cnbc_cc .fontSize4:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .opacities1{ display:none; } #cnbc_cc .opacities1 + label:before { content: "Opaque"; vertical-align:middle; margin-right: 1px; color:#808080; cursor:pointer; font-size:11px; } #cnbc_cc .opacities1 + label:hover:before{ color:white !important; } #cnbc_cc .opacities1:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .opacities2{ display:none; } #cnbc_cc .opacities2 + label:before { content: "Semi-Transperant"; vertical-align:middle; margin-right: 1px; color:#808080; cursor:pointer; font-size:11px; } #cnbc_cc .opacities2 + label:hover:before{ color:white !important; } #cnbc_cc .opacities2:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .opacities3{ display:none; } #cnbc_cc .opacities3 + label:before { content: "Opaque"; vertical-align:middle; margin-right: 1px; color:#808080; cursor:pointer; font-size:11px; } #cnbc_cc .opacities3 + label:hover:before{ color:white !important; } #cnbc_cc .opacities3:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .opacities4{ display:none; } #cnbc_cc .opacities4 + label:before { content: "Semi-Transperant"; vertical-align:middle; margin-right: 1px; color:#808080; cursor:pointer; font-size:11px; } #cnbc_cc .opacities4 + label:hover:before{ color:white !important; } #cnbc_cc .opacities4:checked + label:before { color: white !important; vertical-align: middle; text-align: center; } #cnbc_cc .radio + label:before { content: ""; display: inline-block; width: 14px; height: 14px; vertical-align:middle; margin-right: 4px; background-color: white; border-radius: 8px; opacity:0.5; } #cnbc_cc .radio:checked + label:before { content: "\2022"; color: black; background-color: #1680CE; font-size: 18px; vertical-align: middle; line-height: 15px; text-align: center; opacity:1; } #cnbc_cc .menu{ float: left; margin-left: 10px; margin-right: 10px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #808080; padding-bottom: 5px; width: 190px; } #cnbc_cc .menu .menulabel{ float: left; color: #808080; border-right: 1px; border-right-style: solid; padding-right: 11px; font-size: 12px; } #cnbc_cc .ccsubsection{ float: left; color: #808080; font-size: 12px; } #cnbc_cc .menulabels{ float: left; color: #808080; border-right: 1px; border-right-style: solid; padding-right: 11px; font-size: 12px; border:none !important; margin-right: 18px; } #cnbc_cc .captionlabels{ margin-left:10px; } #cnbc_cc .ccsection{ float: left; margin-left: 10px; margin-right: 10px; border-bottom: 1px; padding-bottom: 10px; width: 190px; font-size: 12px; } #cnbc_cc .secondtab{ padding-left: 11px; } #cnbc_cc .thirdtab{ padding-left: 6px; border-right: none !important; padding-right: 0px !important; } #cnbc_cc .linkclass{ color: #808080; text-decoration: none; } #cnbc_cc .linkclass:active{ color:#1680CE; } #cnbc_cc .linkclass:focus{ color:#1680CE; } #cnbc_cc .addcolor{ color:#1680CE; } #cnbc_cc .removeborder{ border:none !important; } #cnbc_cc .removepadding{ padding: 0px !important; } #cnbc_cc .customdropdown{ width:135px; } #cnbc_cc .extramargin{ margin-right: 18px; } #cnbc_cc select{ padding-left: 5px; font-size: 12px; line-height: 1; height: 15px; border: 0; color: #737373; border-radius: 3px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/carat-down.png) no-repeat right #ddd; -webkit-appearance: none; background-position-x: 120px; } #cnbc_cc .sizespecification{ padding-right: 3px; } #cnbc_cc .circle { float: left; border: 1px solid white; width: 10px; height: 10px; border-radius: 50%; } #cnbc_cc .addmargincolors{ margin-left: 3px; margin-right: 3px; } #cnbc_cc .c:hover{ color: white; } #cnbc_cc .c:active{ color: white; } #cnbc_cc .c:focus{ color:white; } #cnbc_cc .round-button1 { display:none; } #cnbc_cc .round-button1 + label:before { content: ""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1) 0 0; cursor:pointer; } #cnbc_cc .round-button1 + label:hover:before{ background-position: -21px 0; } #cnbc_cc .round-button1:checked + label:before { background-position: -21px 0; } #cnbc_cc .round-button2 { display:none; } #cnbc_cc .round-button2 + label:before { content: ""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -42px 0; margin-left: 30px; } #cnbc_cc .round-button2 + label:hover:before { background-position: -63px 0; } #cnbc_cc .round-button2:checked + label:before { background-position: -63px 0; } #cnbc_cc .round-button3 { display:none; } #cnbc_cc .round-button3 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -84px 0; margin-left: 60px; } #cnbc_cc .round-button3 + label:hover:before { background-position: -105px 0; } #cnbc_cc .round-button3:checked + label:before { background-position: -105px 0; } #cnbc_cc .round-button4 { display:none; } #cnbc_cc .round-button4 + label:before{ content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -126px 0; margin-top: 25px; } #cnbc_cc .round-button4 + label:hover:before { background-position: -147px 0; } #cnbc_cc .round-button4:checked + label:before { background-position: -147px 0; } #cnbc_cc .round-button5 { display:none; } #cnbc_cc .round-button5 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -168px 0; margin-top: 25px; margin-left: 30px; } #cnbc_cc .round-button5 + label:hover:before { background-position: -189px 0; } #cnbc_cc .round-button5:checked + label:before { background-position: -189px 0; } #cnbc_cc .round-button6 { display:none; } #cnbc_cc .round-button6 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -210px 0; margin-top: 25px; margin-left: 60px; } #cnbc_cc .round-button6 + label:hover:before { background-position: -231px 0; } #cnbc_cc .round-button6:checked + label:before { background-position: -231px 0; } #cnbc_cc .round-button7 { display:none; } #cnbc_cc .round-button7 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -252px 0; left:65px; } #cnbc_cc .round-button7 + label:hover:before { background-position: -273px 0; } #cnbc_cc .round-button7:checked + label:before { background-position: -273px 0; } #cnbc_cc .round-button8 { display:none; } #cnbc_cc .round-button8 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -294px 0; left:93px; } #cnbc_cc .round-button8 + label:hover:before { background-position: -315px 0; } #cnbc_cc .round-button8:checked + label:before { background-position: -315px 0; } #cnbc_cc .round-button9 { display:none; } #cnbc_cc .round-button9 + label:before{ content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -336px 0; left:123px; } #cnbc_cc .round-button9 + label:hover:before { background-position: -357px 0; } #cnbc_cc .round-button9:checked + label:before { background-position: -357px 0; } #cnbc_cc .round-button10 { display:none; } #cnbc_cc .round-button10 + label:before{ content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -378px 0; left:152px; } #cnbc_cc .round-button10 + label:hover:before { background-position: -399px 0; } #cnbc_cc .round-button10:checked + label:before { background-position: -399px 0; } #cnbc_cc .round-button11 { display:none; } #cnbc_cc .round-button11 + label:before { content:""; width: 23px; height: 22px; position:absolute; border-radius: 9px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/video-cc-text-align-sprite.png?v=1); cursor:pointer; background-position: -420px 0; left:180px; } #cnbc_cc .round-button11 + label:hover:before { background-position: -441px 0; } #cnbc_cc .round-button11:checked + label:before { background-position: -441px 0; } #cnbc_cc .tools { text-align:center; bottom: 10px; position: absolute; left: 80px; text-align:center; } #cnbc_cc .apply { display: inline; background-color: #1D8FE3; border: 1px solid #1D8FE3; border-radius: 3px !important; color: white; height: auto !important; cursor: pointer; } .horizontalLine{ display: block; height: 1px; border: 0; border-top: 1px solid #808080; margin: 1em 0; padding: 0; } #closecaption{ position: absolute; bottom:64px; z-index:2147483647; } #menu { list-style: none; margin:0 auto; } #menusize { list-style: none; margin:0 auto; /* color:#808080; font-size: 12px;*/ } #menuopactity{ list-style: none; margin:0 auto; font-size: 11px; } #menualign{ list-style: none; margin:0 auto; } #cnbc_cc .alignment{ display:inline-block; } #cnbc_cc .sizes{ display:inline-block; margin-left: 3.5px; } .cnbcCCskin{ /*margin-top:5px;*/ } .cnbc_disabled { pointer-events: none !important; } /* Video Title Ellipsis */ /* webkit css-only ellipsis */ .player .copy .video-title { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* cross-browser css-only ellipsis */ #cnbc-overlay .content { /* we need solid background color */ background-color: #000; } .copy h3 { line-height: 1.2em; max-height: 3.6em; overflow: hidden; } .player .copy .video-title { position: relative; max-height: 4.8em; } .player .copy .video-title:after { content: attr(data-text); position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 2.4em; background-color: #000; } .player .copy .video-title:before { bottom: 1.2em; content: "\02026"; height: 1.2em; position: absolute; right: 0; text-align: right; width: 4em; background: linear-gradient(to right, rgba(0, 0, 0, 0), #000 50%); } @supports (-webkit-line-clamp: 2) { /* remove pseudo-elements content for non-supporting browsers */ .player .copy .video-title:before, .player .copy .video-title:after { content: none; } #cnbc-overlay .content { /* keep the original background color */ background-color: inherit; } } /* end: cross-browser css-only ellipsis */ /************** close captions styles ends *****************/ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/ThePlatForm/player.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .tpContainer { position: relative; width: 530px; height: 300px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; margin-left:auto; margin-right:auto; background: #000; } .tpLayout { position: relative; } .tpLayout{ width: 100%; height: 100%; } .tpMessage { font-size: 14px; color: #444444; background: #ffffff; } #player { position: absolute; top: 0px; left: 0px; width: 530px; height: 300px; } #releases { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/samples/css/autoplaytimer.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .timer { -moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em; border:2px solid #ccc; left: 80px; top: 35px; z-index: 10000; } .pietimer { position:relative; font-size: 200px; width:1em; height:1em; float: left; } .pietimer .tri{ position: absolute; margin-left: 66%; margin-top: 61%; width: 21px; height: 23px; z-index: 10000; background:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/playerAssets/video-icon-triangle-@2x.png) no-repeat; background-height: 20px; background-repeat: no-repeat; background-size: 13px 16px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .pietimer > .percent { position: absolute; top: 1.05em; left: 0; width: 3.33em; font-size: 0.3em; text-align:center; display: none; z-index:10; font-weight:bold; } .pietimer > .slice { position:absolute; width:1em; height:1em; clip:rect(0px,1em,1em,0.5em); } .pietimer > .slice.gt50 { clip:rect(auto, auto, auto, auto); } .pietimer > .slice > .pie { position:absolute; width:0.8em; /* 1 - (2 * border width) */ height:0.8em; /* 1 - (2 * border width) */ clip:rect(0em,0.5em,1em,0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; } .pietimer > .slice > .pie.fill { -moz-transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important; -o-transform:rotate(180deg) !important; transform:rotate(180deg) !important; } .pietimer.fill > .percent { display: none; } .pietimer.fill > .slice > .pie { border: transparent; background-color: transparent; width:1em; height:1em; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/gigya_styles.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .gig-button-container table td:nth-child(2){ font-size:18px; width:37px; height:37px; text-align:center; border-radius:100%; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; color: white; } #social_tools_video #social_tools_video-reaction0-icon{ left:0px; } .gig-button-container table td:nth-child(2):before{ font-size: 22px; display:inline-block; } .gig-button-container table td:nth-child(2) div{ height:0 !important; } .gig-button-container table td:nth-child(2) img{ height:0 !important; } #cnbc-contents .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before{ content: "\f099"; margin-left: 9px; margin-top: 2px; } #cnbc-contents #dockable-social-tools .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before{ margin-left: 7px; } .gig-bar-container .gig-button-container-twitter table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-twitter table td:nth-child(2):hover { background:#55acee; } .gig-bar-container .gig-button-container-facebook table td:nth-child(2):before{ content: "\f09a"; margin-left: 12px; margin-top: 3px; } .gig-bar-container .gig-button-container-facebook table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-facebook table td:nth-child(2):hover { background:#3b5998; } .gig-bar-container .gig-button-container-reddit table td:nth-child(2):before{ content: "\f1a1"; margin-left: 4px; margin-top: 2px; } .gig-bar-container .gig-button-container-reddit table td:nth-child(2){ background:#ff4500; } .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before{ content: "\f0e1"; margin-left:9px; margin-top:0; } #page_slideshow_one_page .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before { margin-left: 9px; } .gig-bar-container .gig-button-container-linkedin table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):hover { background:#0077B5; } .gig-bar-container .gig-button-container-email table td:nth-child(2):before{ content: "\f003"; margin-left:7px; margin-top:0; } #page_slideshow_one_page .gig-bar-container .gig-button-container-email table td:nth-child(2):before { margin-left: 7px; } .gig-bar-container .gig-button-container-email table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-email table td:nth-child(2):hover { background:#afb8bc; } .gig-bar-container .gig-button-container-share table td:nth-child(2):before{ content: "\f045"; margin-left:9px; margin-top:1px; } .gig-bar-container .gig-button-container-share table td:nth-child(2){ background:#afb8bc; } .gig-bar-container .gig-button-container-pinterest table td:nth-child(2):before{ content: "\f0d2"; margin-left: 9px; margin-top: 2px; } .gig-bar-container .gig-button-container-pinterest table td:nth-child(2){ background:#CB2026; } @media all and (orientation: landscape) { .mobile-touch .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before{ margin-top:7px; margin-left: 8px; } .mobile-touch .gig-bar-container .gig-button-container-facebook table td:nth-child(2):before{ margin-top:7px; margin-left: 10px; } .mobile-touch .gig-bar-container .gig-button-container-share table td:nth-child(2):before{ margin-left: 8px; margin-top: 8px; } .mobile-touch #social_tools_video .gig-button-container table td:nth-child(2){ float:left; margin-left:10px;margin-top:10px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before{ margin-top:10px; margin-left: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-facebook table td:nth-child(2):before{ margin-top:10px; margin-left: 11px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-share table td:nth-child(2):before{ margin-left: 8px; margin-top: 10px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-reddit table td:nth-child(2):before{ margin-left: 4px; margin-top: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before{ margin-left: 9px; margin-top: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-email table td:nth-child(2):before{ margin-left: 7px; margin-top: 8px; } #page_slideshow_one_page #social-tools-panel .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before { margin-top: 5px; } } @media all and (orientation: portrait){ .mobile-touch #social_tools_video .gig-button-container table td:nth-child(2){ float:left; margin-left:10px;margin-top:10px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before{ margin-top:10px; margin-left: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-facebook table td:nth-child(2):before{ margin-top:10px; margin-left: 11px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-share table td:nth-child(2):before{ margin-left: 8px; margin-top: 10px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-reddit table td:nth-child(2):before{ margin-left: 4px; margin-top: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before{ margin-left: 9px; margin-top: 8px; } .mobile-touch #social_tools_video .gig-bar-container .gig-button-container-email table td:nth-child(2):before{ margin-left: 7px; margin-top: 8px; } } .docked-card .gig-button-container table td:nth-child(2){ width: 25px; height: 25px; } .docked-card .gig-bar-container .gig-button-container table td:nth-child(2):before { font-size: 14px; } .docked-card .gig-bar-container .gig-share-button table td:nth-child(2):before { margin-left: 6px; } .docked-card .gig-bar-container .gig-button-container-twitter table td:nth-child(2):before { margin-left: 6px; } .docked-card .gig-bar-container .gig-button-container-facebook table td:nth-child(2):before { margin-left: 8px; } .docked-card .gig-bar-container .gig-button-container-linkedin table td:nth-child(2):before { margin-left: 7px; } .docked-card .gig-bar-container .gig-button-container-reddit table td:nth-child(2):before { margin-left: 3px; } #page_slideshow_one_page .gig-bar-container .gig-button-container-twitter table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-facebook table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-linkedin table td:nth-child(2), #page_slideshow_one_page .gig-bar-container .gig-button-container-email table td:nth-child(2) { background-color: #999999; } #page_slideshow_one_page .gig-button-container table td:nth-child(2){ width: 35px; height: 35px; } #social_tools_video .gig-button-container table td:nth-child(2){ width: 35px; height: 35px; } #page_slideshow_one_page div.gig-button-container { margin-bottom: 0; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/quotes.2.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .slide li { position: relative; padding:0; margin:0; list-style-type: none; border-bottom: 0px solid #FFF; float:left; width:350px; } .slide li img{ margin: 0; min-height: 140px; cursor: pointer; } /*Quotes Start tickers*/ .slide li .tickers{ float:left; } .slide li .tickers + .tickers{ margin-left:25px; } .tickers{ width: 90px; height: 90px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-weight: normal; font-size: 16px; padding: 5px; background: #666; color: #fff; cursor: pointer; } .tickers span{ display: block; margin: 2px 2px 4px; padding: 0; } .tickers .arrow_down{ margin: 19px 0 0 5px; float: left; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #FFF; } .tickers .arrow_up{ margin: 19px 0 0 5px; float: left; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #FFF; } .bond.tickers .arrow_down{ margin: 7px 0 0 5px; } .bond.tickers .arrow_up{ margin: 7px 0 0 5px; } .tickers span.price{ margin: 0; padding: 5px 5px 0 0; position: relative; float: right; font-weight: normal; } .bond.tickers span.price{ padding: 9px 5px 0 0; } .tickers span.percent{ position: relative; float: right; clear: right; text-align:right; width:60px; font-weight: normal; margin: 0px 5px 0 0; line-height: 14px; } .green{ background: linear-gradient(to bottom, #528A36, #386222); background: -ms-linear-gradient(top, #528A36, #386222); background: -webkit-gradient(linear, left top, left bottom, from(#528A36), to(#386222)); background: -moz-linear-gradient(top, #528A36, #386222); background: -o-linear-gradient(top, #528A36, #386222); background-color: #386222; } .red{ background: linear-gradient(to bottom, #990315, #680207); background: -ms-linear-gradient(top, #990315, #680207); background: -webkit-gradient(linear, left top, left bottom, from(#990315), to(#680207)); background: -moz-linear-gradient(top, #990315, #680207); background: -o-linear-gradient(top, #990315, #680207); background-color: #680207; } .market-overview .asset{ margin-bottom:11px; min-height: 56px; } .market-overview .headline{ margin:0; min-height: 56px; } .market-overview .headline .icon-video{ margin-left: 5px; /*vertical-align: middle; vertical-align: baseline\9;*/ } .tickers .yield{ margin-top: 0; margin-bottom: 0; padding-top: 0; font-size: 11px; } .bond.tickers .ticker { padding-bottom: 0px; margin-bottom: 0; } .tickers .ticker { font-family: 'Proxima Nova Semi Bold', Arial; } .bond.tickers .totalVol:after { content: "%"; } .astricks:after { content: " *"; } .tickers .icon.unch, .tickers .yield, .bond.tickers .percent{ display: none; } .bond.tickers .yield{ display: block; } /*Quotes End tickers*/ /** * Carousel 1.0 * */ .market-overview .module-header .sub a:before{content:'More '} .market-overview .module-header{margin:0 0 4px;} .market-overview .carousel_body { float: left; position:relative; /* we need this for IE 6 and 7 overflow hidden bug. */ overflow: hidden; /* hides the rest of the images */ } /* --== contents ==-- */ .market-overview .carousel_body .carousel_ul { list-style-type: none; margin: 0; position: relative; width: 9999px; left:0px; } .market-overview .dart_wrapper > div {text-align:left;margin-bottom:5px;font-size: 0px;} /* --== SLIDING CAROUSEL - specific styles ==-- */ .market-overview .carousel_body .carousel_ul .sliding_li { float:left; margin: 0; /* adds spacing between the carousel screens. */ padding-left:30px; /* Set up carousel.screensSpacing = to this value to compensate the padding in the calculations */ left: -30px; position:relative; } /* --== FADING CAROUSEL - specific styles ==-- */ .market-overview .carousel_body .carousel_ul .fading_li { display:none; position: absolute; } /* -== End of carousel type specific styles ==-- */ /* --== Buttons ==-- */ .market-overview .nav_buttons:hover { background-position: -32px 0; width:32px; cursor: pointer; } .market-overview .nav_buttons:active { background-position: -64px 0; width:32px; cursor: pointer; } /* --== Pager box ==-- */ .market-overview .pager_box { text-align: center; clear: both; } .market-overview .pager_box.downArrowTabs { text-align: left; margin-bottom: 0; position:relative; overflow:hidden; } .market-overview .downArrowTabs{ padding-bottom:12px; } .market-overview .pager_box.downArrowTabs .tab{ border-top: none; width: 200%; } .market-overview .downArrowTabs .tab li {padding: 0 5px 4px;} .market-overview .downArrowTabs li.selected{ background: transparent url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/pointer.png") no-repeat center bottom; padding-bottom: 14px; } .market-overview .downArrowTabs .tab li.first {padding-left:0;margin-left:0;} .market-overview .downArrowTabs .tab li a { font-size: 14px; } .market-overview .pager_box ul { display: inline-block; /* For IE */ zoom:1; *display: inline; /*padding:0;*/ margin:0; position: relative; left:0px; } .market-overview .pager_box ul li { list-style-type: none; margin: 0; cursor: pointer; float: left; } .market-overview .pager_box a { transition: background 0.5s; font-size: 16px; color: #b0b9bd; } .market-overview .pager_box li.active a, .market-overview .pager_box li a:hover { transition: background 0.5s; color:#2aa6e7; } .market-overview .tickers-container{ overflow: hidden; min-height:100px; margin-bottom:11px; } .market-overview p.note { font-size: 14px; font-family: 'Proxima Nova Semi Bold',Arial; height: 17px; } .component_market .carousel_body { width:350px; height:305px; border:0px solid blue } .component_market{ width:350px; overflow: hidden; } .market-overview, .market-overview .carousel_body { width: 350px; overflow: hidden; } .market-overview { border-bottom: 1px solid #CCD6DB; clear:both; display: block; overflow: hidden; } .market-overview .module-header .sub li { display: inline-block; } .subsection h3 .slide_arrow_wrapper .icon { margin: auto; } .quoteTable .arrow_up { border-bottom: 11px solid #558f38; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; *display: inline; zoom: 1; } .quoteTable .arrow_down { border-top: 11px solid #c20b20; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; *display: inline; zoom: 1; } .market-overview .carousel_body .carousel_ul li img{ visibility: hidden; } .market-overview .module-header a.title{ padding-right:7px; } .control-play-pause .small-button, .market-overview .module-header a{ float: left; } .market-overview .module-header { height: 18px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/market_overview.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .market-overview-container { border-top: 1px solid #cdd6db; width: 100%; margin: 0px 0px 14px; border-bottom: 1px solid #CCD6DB; clear: both; overflow: hidden; } .market-overview-wrapper { max-width: 1135px; position: relative; margin: 0 auto; overflow: hidden; padding-top: 10px; padding-top: 0px; } .carousel-body{ margin: 0; padding-left: 20px; max-width: 61%; } .arrow-left, .arrow-right { position: absolute; display: block; } .arrow-left {left: 0;} .arrow-right {right: 0;} .market-overview-wrapper .btn-arrow { color: #ccc; } .market-overview-container .carousel-body .carousel_ul .sliding_li:focus{ outline: none; } /**Tab CS**/ .market-overview-container .tab-wrapper .tab li{ padding: 0; margin: 0 10px 7px 0; display: inline-block; *display: inline; zoom: 1; text-align: center; vertical-align: bottom; border: 0; background: 0; padding: 0; cursor: pointer; } .market-overview-container .tab-wrapper .tab li.selected {background: none; padding: 0;} .market-overview-container .tab-module { position: absolute; right: 0px; height: 100%; background: white; z-index: 3; max-width: 35%; width: 100%; box-shadow: -2px 1px 10px #666; padding: 5px 20px 0 10px; white-space: nowrap; } .market-overview-container .tab-wrapper .tabContents .asset .headline { font-size: 18px; line-height: 24px; margin: 0; font-weight: normal; } .market-overview-container.badgeI .tab-wrapper .tabContents .asset .headline { line-height: 20px; } .market-overview-container.badgeI .asset .headline a {font-size: 16px;} .market-overview-container .tab-wrapper .tab { border: 0; padding: 0; margin: 0; } .market-overview-container .tab-wrapper .tab li a { font-size: 16px; font-family: "Proxima Nova Semi Bold"; color: #333; text-transform: uppercase; text-decoration: none; background-color: #FFF; outline: none; } .tab-wrapper .tab li a h3{font-weight:normal;margin:0;font-size:18px;} .tab-wrapper .tab li span.icon-cnbc-pro{font-size:15px} .tab-wrapper .tab li a:hover { color: #DD4B39 !important; } .tab-wrapper {clear: both;} .tab-wrapper .tab { border-top: 4px solid #CCD6D8; border-bottom: 1px solid #ccd6d8; margin-bottom: 20px; padding: 0px; } .tab-wrapper .tabContents > li ul { font-size: 20px; overflow: hidden; } .tab-wrapper .tabContents > li ul li:first-child { border-top: none; margin-top: 0px; } .tab-wrapper .tabContents > li ul li { border-top: 1px solid #ccd6db; padding-bottom: 8px; padding-top: 8px; margin: 0px; } .tab-wrapper .tabContents > li ul li .asset { margin-top: 0px; margin-bottom: 0px; } .tabContainer .tabContents > li.show, .tab-wrapper .tabContents > li.show { display: block; } .tab-wrapper .tab li.selected * { color: #DD4B39; } .market-overview-container .pager-container > li.slick-active, .market-overview-container .pager-container > li:hover { color: #2aa6e7; background-color: #2aa6e7; } .market-overview-container .pager-container { text-align: center; clear: both; display: none!important; margin: 5px auto 15px auto; } .market-overview-container .pager-container button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .market-overview-container .pager-container > li { border: 1px solid #ccc!important; border-radius: 50%; background-color: #b0b9bd; color: #fff; display: inline-block; height: 13px; width: 13px; padding: 0; text-align: center; margin: 0 7px; cursor:pointer } .w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} @-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .carousel_ul {display: none;} /*badge I*/ .market-overview.badgeI .headline {max-width: 60%;min-height:72px;overflow:hidden;} .market-overview.badgeI {position: relative;} .market-overview.badgeI .asset .headline a {font-size: 18px;line-height: 22px;} #dart_wrapper_badgei{height: 60px;width: 120px;position: absolute;right: 0px;top: 67px;z-index:5000;} .market-overview-container #dart_wrapper_badgei{top: 30px;right: 20px;} .market-overview-container.badgeI .tabContents {max-width: calc(100% - 120px);min-height: 72px;overflow: hidden;} .market-overview-container.badgeI .market-overview-wrapper {padding-bottom: 5px;} .market-overview-container.badgeI .arrowRight {right: -3px;} /*MARKETS OVERVIEW CHANGES*/ .market-overview-container .carousel-body .carousel_ul{;white-space: nowrap;transition:ease all 600ms;} .carousel_ul li{width:auto;} .market-overview-container .tickers-container { margin-right: 10px; overflow: hidden; min-height: 100px; } .market-overview-container .tickers .chart-block { border-width: 6px; float: left; height: 86px; } @media screen and (min-width: 740px){ .market-overview-container .red.tickers span.price, .market-overview-container .red.tickers span.percent { color: #d92222; } .market-overview-container .green.tickers span.price, .market-overview-container .green.tickers span.percent { color: #0abe0a; } } body .carousel_ul li .tickers{float: none; background:transparent;color:#333;display: inline-block;width:auto;height:auto;max-width: 100%;min-width: 210px;} body .no-charts .carousel_ul li .tickers {min-width: 122px;} .market-overview-container .carousel-body .carousel_ul li img{visibility: visible;width: auto;height: auto;min-height: 0px;vertical-align: middle;margin-top: 15px;padding: 0px 5px;min-width:90px;} .chart-block {display: inline-block;vertical-align: top;border-top:3px solid grey;} .green .chart-block{border-top:3px solid #0ABE0A;} .red .chart-block{border-top:3px solid #D92222;} .chart-info.chart-block {max-width: 100px;width: 100%;position:relative;} .green .icon {border-bottom-color: #0ABE0A;} .red .icon {border-top-color: #D92222;} .tickers .ticker {font-size: 16px;font-family:"Proxima Nova Bold";} .tickers span{font-size: 14px;color: #666;font-family: "Proxima Nova Semi Bold";} .tickers span.percent {position: absolute;clear: both;text-align: right;width: auto;font-weight: normal;margin: 0px 5px 0 0;line-height: 14px;float: right;bottom: 10px;left: 30px;bottom: 0px;} .tickers span.price {float: none;position: absolute;left: 2px;margin-bottom: 10px;} .story-module {position: absolute;right: 0px;height: 100%;background: white;z-index: 3;max-width: 35%;width:100%;box-shadow: -2px 1px 10px #666;padding: 10px 22px 10px 10px} .carousel_ul li .tickers + .tickers{margin-left:10px;} .pager-box .tab li {display: inline-block;margin-right: 10px;} .pager-box .tab li.selected a {color: #DD4B39;} .headline a {color: #2077B6;} .arrowLeft, .arrowRight {font-size: 30px; display: inline-block;position: absolute;height: 100%;background: white;z-index: 4;cursor:pointer;} .arrowRight {right: 0;} i.fa.fa-chevron-left, i.fa.fa-chevron-right {position: relative;top: 40px;font-size: 25px;} .market-overview-container .asset .headline a {line-height: 20px;font-size: 18px;white-space: normal;font-family: "Proxima Nova Semi Bold";} .tab li a:hover {color: #DD4B39;} .tickers .arrow_down, .tickers .arrow_up{margin-top:25px;} .tabContents li:not(.show) {display:none;} .ad {float: right;margin-right: 10px;margin-top: 5px;} .pager_box {display: none;} .pager-box .tab li a {font-size: 16px;font-family: "Proxima Nova Semi Bold";color:#333;text-transform:uppercase;} .tickers .icon.unch {padding: 10px;margin: 5px 0 0 20px;float: left;display: initial;} .market-overview-container .asset { margin-bottom: 11px; min-height: 56px; } .market-overview-container .bond.tickers span.price { padding: 9px 5px 0 20px; } .no-charts .red .chart-info.chart-block { background: #e3352b; } .no-charts .green .chart-info.chart-block { background: #31a745; } .no-charts .chart-info.chart-block { background: #999; border-radius: 3px; border: none; height: 90px; padding: 5px; } .no-charts.market-overview-container .tickers span, .no-charts.market-overview-container .green.tickers span.price, .no-charts.market-overview-container .green.tickers span.percent, .no-charts.market-overview-container .red.tickers span.price, .no-charts.market-overview-container .red.tickers span.percent, .no-charts .tickers .icon.unch { color: #fff; } .no-charts .red .icon { border-top: 12px solid white; border-top-color: #fff; } .no-charts .green .icon { border-bottom: 12px solid white; border-bottom-color: #fff; } .no-charts .carousel_ul li .tickers + .tickers { margin-left: 5px; } .no-charts .tickers span.percent { right: 5px; bottom: 5px; text-align:right; } .no-charts .tickers span.price { right: 5px; text-align: right; bottom: 12px; } .no-charts .icon { position: absolute; bottom: 8px; } .no-charts .tickers .ticker { font-family: "Proxima Nova Semi Bold"; } .no-charts .tickers {cursor: default;} .no-charts .tickers .chart-block {cursor: pointer;} .no-charts.market-overview-container ul li {margin-bottom: 0px;} .no-charts.market-overview-container .tab-module {box-shadow:none;} .tickers.bond span.price{bottom:5px;margin-bottom:0px} span.ticker[data-field="shortName"]{text-transform:uppercase;} .no-charts.market-overview-container .pager-container > li{height: 8px;width: 8px;} /*Break point media queries*/ @media screen and (max-width:1200px){ .market-overview-wrapper{max-width: 970px;} .tab-module .tab li span {font-size: 14px;} .market-overview-container .carousel-body .carousel_ul li img {padding: 0px 5px;} .tickers .ticker {font-size: 14px;} .chart-info.chart-block {max-width: 75px; width: 80px;} body .carousel_ul li .tickers {min-width: 170px;} .carousel_ul li .tickers + .tickers {margin-left: 2px;} .market-overview-container .tab-module .tabContents { max-width: 100%; margin-right: 10px; } body .no-charts .carousel_ul li .tickers {min-width: 90px;} .no-charts .chart-info.chart-block {max-width: 90px; width: 90px;} .no-charts .carousel_ul li .tickers + .tickers {margin-left: 2px;} } @media screen and (min-width:992px) and (max-width:1200px){ .market-overview-container.badgeI .tab-wrapper .tabContents .asset .headline { width: 65%; } } @media screen and (max-width:992px){ /*Overview*/ .market-overview-container .tab-module {position: static;height: auto;width: 100%;max-width: calc(100% - 45px);margin: 0 auto;box-shadow: none;padding: 5px 0 0 10px;} .market-overview-container .chart-info.chart-block {max-width: 100px; width: 100%;} .market-overview-container .carousel-body .carousel_ul li img {padding: 0px 4px;} .market-overview-container .carousel_ul li .tickers {min-width: 210px;} .market-overview-container {border: none;overflow: visible;} .market-overview-container .carousel-body .carousel_ul .sliding_li {border: none;} .market-overview-container .carousel-body .carousel_ul .sliding_li {width: 100vw;} .market-overview-container .tab-module .tab li:not(.selected) {display: none;} .market-overview-container .tab-module .tab li span {font-size: 20px;padding-bottom: 4px;padding-right: 0px;} .market-overview-container .tab-module .tab li span:after {content: " Markets";} .market-overview-container .tab-module .tab-wrapper ul.tab li {margin-bottom: 10px;padding-bottom: 4px;} .market-overview-container .tab-module .tabContents ul li {position: static;} .market-overview-container .carousel-body .carousel_ul .sliding_li {padding-left: 0px;} .market-overview-wrapper {position: relative;max-width: 720px;} .market-overview-container .carousel-body {padding-left: 5px; max-width: calc(100% - 45px);margin: 0 auto;} .market-overview-container .tab-module .tab li.selected a span {color: #333;} .market-overview-container .pager-container ul li {margin: 0 7px;cursor: pointer;display: inline;width: auto;border: 2 px solid red;} .market-overview-container .tickers-container, .tickers, .tickers span, .tickers .icon, .market-overview-container .asset .headline a, .spark-chart img {-webkit-user-select: none; -webkit-user-drag: none;} .market-overview-container .arrowLeft, .arrowRight { position: static; height: auto; display: none!important; } .market-overview-container .pager-container { display: table!important; } /*badge I*/ .market-overview-container #dart_wrapper_badgei {right: 0;} .market-overview-container.badgeI .tabContents{max-width: calc(100% - 130px)}; body .no-charts .carousel_ul li .tickers {min-width: 108px;} .no-charts .chart-info.chart-block {max-width: 108px;width: 108px;} .tabContainer .tabContents > li.show { min-height: 56px; margin-bottom: 11px; } } @media (min-width: 740px) and (max-width: 782px) { body .no-charts .carousel_ul li .tickers {min-width: 100px;} .no-charts .chart-info.chart-block {max-width: 100px;width: 100px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), (min-width: 740px) and (max-width: 992px) { .market-overview-container .arrowLeft, .arrowRight {display: block!important;} .arrow-left, .arrow-right {top: 110px;z-index: 9999;} } @media screen and (max-width: 740px), (max-device-width:767px) and (min-device-width:320px) { .spark-chart{display:none;} .market-overview-wrapper {position: relative;max-width: 375px;} .market-overview-container .carousel_ul li .tickers {min-width: 100px;} .market-overview-container .carousel-body .carousel_ul .sliding_li {width: 100%;} .carousel_ul li .tickers + .tickers { margin-left: 0.5em; } /*General Styles*/ .market-overview-container {background: white;margin-bottom: 0px;z-index:100;} .market-overview-wrapper {width: 100%;max-width: 100%;} .market-overview-container .tab-module {padding: 0px;display: block;margin: 0px auto;max-width: 100%;} .market-overview-container .tab-wrapper .tab {max-width: 330px;width: 100%;margin: 0px auto 5px auto;padding: 0;;padding-top: 10px;} .market-overview-container .tab-wrapper .tab li.selected a span {font-size: 19px;} .market-overview-container .tab-wrapper .tabContents {max-width: 330px;width: 100%; margin: 0px auto; padding: 0;} .market-overview-container .carousel-body {padding-left: 5px;max-width: 360px;display: block; float: none;margin: 0px auto;} .market-overview-container .tab-wrapper .tab li a{background: inherit;} /*Mobile Hide Styles*/ .market-overview-container .tab-wrapper .tab {border-bottom: 1px solid white;} .market-overview-container .tickers-container { margin-right: 10px; margin-left: 10px; } /*badge I*/ .market-overview-container.badgeI #dart_wrapper_badgei {top: 50px;} .market-overview-container.badgeI .tabContents {max-width: 200px;} .market-overview-container.badgeI #dart_wrapper_badgei {left: 50%;margin-left: 60px;} .market-overview-container.badgeI .tabContents {max-width: 330px;} .market-overview-container.badgeI .tab-wrapper .tabContents > li.show {max-width: calc(100% - 110px);} body .no-charts .carousel_ul li .tickers {min-width: 100px;} .no-charts .chart-info.chart-block {max-width: 92px; width: 92px;} .no-charts .carousel_ul li .tickers + .tickers {margin-left: 0px;} .no-charts .chart-info.chart-block {padding: 5px;} .no-charts.market-overview-container ul li {margin-bottom: 7px;} } /* iphone 4-5 */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3), (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) { .carousel_ul li .tickers + .tickers {margin-left: 0;} .market-overview-container .carousel_ul li .tickers {padding-right: 0; padding-left: 0;} .market-overview-container .tab-wrapper .tabContents .asset .headline {padding: 5px;} /*badge I*/ .market-overview-container.badgeI #dart_wrapper_badgei {margin-left: 35px;} .market-overview-container.badgeI .tab-wrapper .tabContents > li.show {max-width: calc(100% - 120px);} body .no-charts .carousel_ul li .tickers {min-width: 96px;} .no-charts .chart-info.chart-block {max-width: 90px; width: 90px;} .no-charts .carousel_ul li .tickers + .tickers {margin-left: 0px;} .no-charts .chart-info.chart-block {padding: 5px 3px;} } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .market-overview-container .fa-chevron-right:before { content: "\203A"; } .market-overview-container .fa-chevron-left:before { content: "\2039"; } .market-overview-container i.fa.fa-chevron-left, .market-overview-container i.fa.fa-chevron-right { font-size: 65px; top: 0; font-family: 'Proxima Nova Regular'; line-height: 94px; height: 104px; } @media screen and (min-width:768px){ .market-overview-container { min-height: 107px; } } @media screen and (max-width:992px) and (min-width:740px){ .market-overview-container { min-height: 263px; } } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/optin_feedback.css?t=1535493806 */ /* NOTE: This File version is not compressed */ /* css for optin*/ .optin-message-invite-container { position: fixed; width: 100%; background: #3DA2F0; padding: 10px 0px; bottom: 0px; z-index: 1000; } .messaging-container { max-width: 970px; margin: 0px auto; color: #FFF; text-align: center; } .buttons-container, .messaging-container h4, .option-button { display: inline-block; margin: 0px 10px; padding: 5px 0px; } .messaging-container h4 { font-family: "Proxima Nova Semi Bold"; font-size: 24px; letter-spacing: -.5px; vertical-align: bottom; } .option-button a { text-decoration: none; text-transform: uppercase; padding: 5px; font-family: "Proxima Nova Semi Bold"; font-size: 14px; border: 2px solid #FFF; border-radius: 4px; transition: ease all 400ms; color: #FFF; } .option-button a:hover { color: #3DA2F0; border-color: #fff; background: #fff; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/pills.3.css?t=1535493806 */ /* NOTE: This File version is not compressed */ .pill {background:none!important;text-transform: uppercase;display:inline;color: #2FA5E3 ;margin-right: 10px;position: static;padding: 0px;border-radius: 0;float: left;line-height: inherit;vertical-align: inherit;font-size: inherit;} .pill:not(.live):not(.op-ed){display:none;} .live {color: #DD4B39 ;} .live:before {content: ' ';width: 10px;height: 10px;background: red;display: inline-block;margin-right: 5px;border-radius: 190px;animation: pulse 2s ease-in-out infinite;} .stories_assetlist .pill {font-size: 14px;font-family: "Proxima Nova Semi Bold";display: block;} @keyframes pulse { 0%{opacity:.1;} 50%{opacity:1;} 100%{opacity:.1;} }