/* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/fonts.css?t=1557262871 */ /* 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'); src: url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.eot') format('embedded-opentype'), url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.ttf') format('truetype'), url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.woff') format('woff'), url('//fm.cnbc.com/applications/cnbc.com/resources/styles/fonts/icons/icomoon.svg') 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/default.2.css?t=1557262871 */ /* NOTE: This File version is not compressed */ .cnbc-contents{margin:0;padding:0;font-size:14px;min-width:970px;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;} .cnbc-body{width:970px;margin:0 auto;overflow:hidden; background: #fff;clear:both;position: relative;} .contain{zoom:1;} .contain:after{content:".";display:block;visibility:hidden;clear:both;height:0;} /*==== Grid ====*/ section{display:block;} .cols1, .cols2, .cols3, .cols4{margin-top:20px;overflow:hidden;} .unit{float:left;overflow:hidden;zoom:1;} .cols1 .col1{float:none;margin-right:0;} .cols2 .col1{width:530px;margin:0 60px 0 15px;} .cols2 .col2{width:350px;margin-right:15px;} .cols3 .unit{width:350px;margin-left:5px;} .cols3 .col1{width:250px;} .cols4 .unit{width:236px;margin-left:5px;} .cols2 .col2 .subsection { width: 100%; margin-bottom: 30px; overflow: hidden; } /* immersive tempaltes */ .immersive .cnbc-body { width: 100%; } .immersive-cols2 .cnbc-body .cols2 { width: 970px; margin:0 auto; } .immersive-cols2 .cnbc-body .cols2 .col1{ width: 600px; margin-right:40px; } .immersive-cols2 .cnbc-body .cols2 .col2{ width: 300px; } /* end - immersive tempaltes */ .cnbc-clearfix:before, .cnbc-clearfix:after { content: " "; display: table; } .cnbc-clearfix:after { clear: both; } #premiumContentErrorContainer { padding: 40px; border-width: 2px; border-color: #ccd6d8; border-style: solid; text-align: center; } #premiumContentErrorContainer div { margin-top: 40px; font-family: 'Proxima Nova Semi Bold'; font-size: 20px; color: #333; font-style: normal; text-align: left; line-height: 26px; letter-spacing: 0; } input:not() { -webkit-user-select:none; -khtml-user-select:none; -webkit-touch-callout:none; } /* TODO: Replace color value with whatever comes from the design team. */ img[data-img-src] { background-color: #eee; color: #eee; } /*===LISTS===*/ ul{list-style-type:none;} ul li{margin-bottom:4px;} ul li .note{margin-left:4px;color:#545454;font-weight:normal;} ul li.big a{font-size:15px;} #flashQuoteProxy{position:absolute;margin-top:-200px;} /*===HTML5===*/ nav,footer,article,header,section{display:block;} /*===IMAGES===*/ .bullet li{background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4);background-repeat:no-repeat;background-position:-202px -161px;padding-left:8px;} .sourcelogo{background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/wirelogos.png);background-repeat:no-repeat;} .loading{background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/loader.gif);background-repeat:no-repeat;font-size:14px;line-height:23px;padding-right:16px;margin-left:5px;} .fragmentLoader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFF;text-align:center;opacity:.8;filter:alpha(opacity=80);padding-top:5px;font-size:12px;color:#a1a1a1;} /*===CLASSES===*/ .contain{zoom:1;} .contain:after{content:".";display:block;visibility:hidden;clear:both;height:0;} .hide{display:none !important;} .show{display:block} .hidden{visibility:hidden !important;} .note{font-size:10px;} .pos,.correct{color:#1ab800 !important;font-family: 'Proxima Nova Semi Bold';} .neg,.incorrect{color:#f51700 !important;font-family: 'Proxima Nova Semi Bold';} .unch{color:#999;font-family: 'Proxima Nova Semi Bold';} /* color may need to change */ .live{margin:5px 0;} .live a{font-family: 'Proxima Nova Semi Bold';} .shadow{position:absolute;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#333');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,\A Direction=135, Color='#333')";} /* premium templates */ #page_story_premium_view .story-header-left { width: 100%; margin-top: 0px; } #page_story_premium_view .story-header-left time, #page_story_premium_view .story-header-left .source span { font-size: 14px; color: #737373; font-family: 'Proxima Nova Semi Bold'; } #page_story_premium_view .story-header-left time { padding-top: 0; } #page_story_premium_view .story-header-right { width: 330px; margin: 20px 0 0 0; } #page_story_premium_view #social_bar_top { float: left; margin-bottom: 5px; } #page_story_premium_view .story-top .subheadlines { padding: 0px 0px 20px 0px; font-family: 'Proxima Nova Semi Bold'; font-size: 18px; color: #737373; } #page_story_premium_view .cols1 { border-top: 1px solid #ccd6db; } #page_story_premium_view .cols1 .col1 { width: 600px; margin: auto; padding-top: 20px; } #page_story_premium_view .player.embed-container.cnbcvideo { max-width: 970px; border: 0px; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } #page_story_premium_view .inline-player .asset.cnbcvideo { overflow: inherit; } #page_story_premium_view .story-top { /* border: 0px; */ } #page_story_premium_view .story-top .title { padding: 45px 0 20px 0; font-size: 45px; line-height: 55px; color: #737373; letter-spacing: -1.5px; font-family: 'Proxima Nova Semi Bold'; } #page_story_premium_view .story-top .title .icon-cnbc-pro { padding-left: 10px; } #page_story_premium_view .carousel_asset .leftArrow, #page_story_premium_view .carousel_asset .rightArrow { background: #fff; } #page_story_premium_view .carousel_asset .rclick, #page_story_premium_view .carousel_asset .lclick { color: #ccd6db; } #page_story_premium_view .carousel_asset .headline { line-height: 18px; } #page_story_premium_view .story { font-size: 18px; letter-spacing: -0.3px; line-height: 30px; } body#page_story_premium_view .pos { color: #333!important; } #page_story_premium_view .story .embed-container.image img, #page_story_premium_view .story .embed-container.slideshow img { width: 100%; height: 100%; } #page_story_premium_view .story .embed-top, #page_story_premium_view .story iframe { width: 100%; } #page_story_premium_view .story .player.embed-container.cnbcvideo { margin-bottom: 20px; } #page_story_premium_view .story_commentsCount { display: none; } #page_story_premium_view .btn-comments { width: 100%; } #page_story_premium_view #article_deck .embed-container img { max-width: 100%; height: auto; } #page_story_premium_view .featuredPromo .icon-cnbc-pro:before { z-index: 0; } #page_story_premium_view .featuredPromo .icon-cnbc-pro:after { z-index: -1; } /* test premium video chaptering */ #page_story_premium_view .pro-video-chapters ul li i { position: relative; } #page_story_premium_view .pro-video-chapters ul li { font-size: 16px; cursor: pointer; } #page_story_premium_view .pro-video-chapters.expand { padding-top: 10px; } #page_story_premium_view .pro-video-chapters.expand ul { cursor: pointer; } #page_story_premium_view .pro-video-chapters.expand ul li { float: left; color: #333; padding: 6px 10px; background-color: #ccd6db; border-radius: 5px; margin-right: 5px; overflow: hidden; height: 16px; } #page_story_premium_view .pro-video-chapters.expand ul li i { text-shadow: none; vertical-align: top; color: #2077b6; } #page_story_premium_view .pro-video-chapters.expand ul li:hover i { color: #dd4B39; } #page_story_premium_view .pro-video-chapters.expand ul li .checkpt { vertical-align: top; padding-left: 3px; } #page_story_premium_view .pro-video-chapters.expand ul li .desc.slide { max-width: 0px; overflow: hidden; transition: all 1s ease; display: inline-block; } #page_story_premium_view .pro-video-chapters.expand ul li:hover .desc.slide { max-width: 1200px; } #page_story_premium_view .pro-video-chapters.fall { float: right; } #page_story_premium_view .pro-video-chapters.fall ul { width: 250px; height: auto; background-color: rgba(50,50,50,.6); position: relative; clear: both; padding-bottom: 0px; z-index: 4999; } #page_story_premium_view .pro-video-chapters.fall ul li { padding: 8px 15px 0 15px; color: #fff; text-shadow: 1px 1px 0px #000; margin-bottom: 0px; } #page_story_premium_view .pro-video-chapters.fall ul li:hover { background-color: #ccd6db; color: #000; text-shadow: none; } #page_story_premium_view .pro-video-chapters.fall i { text-shadow: none; font-size: 20px; color: #2077b6; padding-left: 1px; } #page_story_premium_view .pro-video-chapters.fall .handler { float: right; cursor: pointer; margin-top: -22px; } #page_story_premium_view .pro-video-chapters.fall .handler:hover i, #page_story_premium_view .pro-video-chapters.fall .handler:hover .tag { color: #dd4B39; } #page_story_premium_view .pro-video-chapters.fall .handler span { font-size: 15px; color: #2077b6; font-family: 'Proxima Nova Semi Bold'; text-transform: uppercase; } #page_story_premium_view .pro-video-chapters.fall .handler .tag { position: relative; font-size: 16px; padding-right: 4px; } #page_story_premium_view .pro-video-chapters.fall ul li .cnbc-font-icon:before { color: #fff; font-weight: bold; font-size: 22px; } #page_story_premium_view .pro-video-chapters.fall ul li:hover .cnbc-font-icon:before { color: #000; } #page_story_premium_view .pro-video-chapters.fall ul li .checkpt-container { width: 85%; margin-left: 0px; position: relative; left: 32px; top: -25px; z-index: 99; } #page_story_premium_view .pro-video-chapters.fall ul li .checkpt { font-family: 'Proxima Nova Bold'; } #page_story_premium_view .pro-video-chapters.fall ul li:first-child { padding-top: 20px; } #page_story_premium_view.native-tablet .story-header-left { top: 3px; } @media (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #page_story_premium_view .story-header-left time { top: 3px; } } @media (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { #page_story_premium_view .story-header-left time { top: 3px; } } /* end - premium templates */ /* pro feedback button */ #feedback{ display: block; padding: 55px 0px 55px 0; width: 35px; z-index: 999995; cursor: pointer; right: -13px; -moz-transition: right .2s; -webkit-transition: right .2s; -o-transition: right .2s; -ms-transition: right .2s; transition: right .2s; } #feedback p { -moz-transform: right .2s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); text-decoration: none; margin-top: 46px; margin-right: 11px; font-family: 'Proxima Nova Semi Bold'; color: #fff; font-size: 15px; width: 120px; position: relative; left: -48px; } #feedback:hover{ right:-5px; } #feedback div{ background-color: #4fbf85; background-repeat: no-repeat; position: absolute; display: block; height: 129%; left: -7px; top: 0; width: 100%; background-position: -6px -10px; padding-left: 4px; } #feedback div:hover{ -moz-transition: background-color 1s ease; -webkit-transition: background-color 1s ease; -o-transition: background-color 1s ease; -ms-transition: background-color 1s ease; transition: background-color 1s ease; background-color: #4fbf85; } #feedback span{ bottom: 12px; display: block; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/plus.gif?vn=1) no-repeat; height: 9px; position: absolute; width: 9px; left: 11px; } .pro-feedback-fixed { position: fixed; top: 50%; margin-top: -55px; } /* end - pro feedback button */ /*pro video psuedo loader*/ .pro-video-loader{ width: 938px; /* height: 531px;*/ text-align: center; border: #efefef solid 1px; white-space: nowrap; position: relative; background: #f5f5f5; } .pro-video-loader img{ position:absolute; top:10px; left:50%; width:32px; height:32px; } #page_market_front #cnbc-contents #feedback { display: block !important; } #page_market_front #cnbc-contents #feedback div { background-color: #3da5ed; } /*this needs to be changed after MPS Downsync*/ .immersive-cols2 .cnbc-body .cols2 .col1 .story .group #dart_wrapper_Responsive_Rectangle{ width:100%; } #dart_wrapper_badgeb > div { margin-bottom: -17px; } /* Redesign css */ #page_story_carousel .pageArrows, #page_story_carousel .sourcelogo {display: none!important;} #page_story_carousel #cnbc-contents .story-top .title { margin-right: 30px; font-family: Proxima Nova Extrabold; font-size: 28px; line-height: 1.1; margin-top: 0; margin-bottom: 10px; width: 100%; } #page_story_carousel #cnbc-contents .story-top .datestamp.last-pub-date:before{ content: ""; } #page_story_carousel #cnbc-contents .story-top .datestamp { display: block; font-family: Proxima Nova Bold; color: #747474; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; width: 100%; } #page_story_carousel #cnbc-contents .story-top{ border-bottom: 0; } #page_story_carousel #cnbc-contents .cols2 .col1 { border-top: 6px solid #005594; padding-top: 20px; } #page_story_carousel #cnbc-contents .story-top .source a[rel=author] { font-family: Proxima Nova Bold; color: #000; font-size: 12px; letter-spacing: .46px; margin-bottom: 3px; } #page_story_carousel #cnbc-contents .story-top .source .twitter-url { font-family: Proxima Nova Bold; color: #2077b6; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; } #page_story_carousel #cnbc-contents .group{ font-size: 18px; line-height: 1.66; margin-bottom: 30px; } #page_story_carousel #cnbc-contents .story .group-container .subtitle { font-family: Proxima Nova Extrabold; color: #171717; font-size: 24px; line-height: 23px; margin-bottom: 20px; } #page_story_carousel #cnbc-contents .reporter img { background-color: #000; background-size: cover; background-position: 50% 50%; border: 1px solid #e8e8e8; border-radius: 50%; margin-right: 10px; height: 60px; width: 60px; } #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderLeft{ max-width: 600px; } #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderLeft a, #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderRight { font-size: 30px; line-height: 49px; letter-spacing: .44px; padding-top: 20px; margin-bottom: 25px; font-family: Proxima Nova Black; color: #002f6c; text-transform: uppercase; } #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderRight .slideIndicator, #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderRight .carouselSO { font-size: 15px; padding-top: 0; margin-bottom: 0; font-family: Proxima Nova Semi Bold; text-transform: none; } #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderRight .carouselSO a{ margin-right: 5px; } #page_story_carousel #cnbc-contents .carousel_asset .carouselHeader .carouselHeaderRight { padding-top: 0; margin-bottom: 0; } #page_story_carousel #cnbc-contents #carouselWrapper .headline a { font-size: 16px; line-height: 20px; margin-top: 16px; font-family: Proxima Nova Semi Bold; color: #171717; } #page_story_carousel #cnbc-contents #carouselWrapper .currentNode .headline a { color: #002f6c; } #page_story_carousel #cnbc-contents .carousel_asset ul li > div:before { content: ""; width: 100%; height: 6px; position: absolute; top: 0; left: 0; background: currentColor; z-index: 2; color: #005594; } #page_story_carousel #cnbc-contents #carouselWrapper { border-bottom: 0; margin-bottom: 40px; } #page_story_carousel.mobile-touch #cnbc-contents .story-top .datestamp { margin-bottom: 0; } #page_story_carousel #cnbc-contents .col2 .subsection h4 a, #page_story_carousel #cnbc-contents .col2 .subsection h4, #page_story_carousel #cnbc-contents .col2 .subsection h3 a, #page_story_carousel #cnbc-contents .col2 .subsection h3, #page_story_carousel #cnbc-contents .col2 .bigHeader h2, #page_story_carousel #cnbc-contents .col2 .bigHeader h2 a, #page_story_carousel #cnbc-contents .col2 .bigHeader h3 { font-family: Proxima Nova Black; font-size: 24px; line-height: 1.05; text-transform: uppercase; color: #002f6c; letter-spacing: 0.1px; } #page_story_carousel #cnbc-contents .cnbc-body .col2 .asset.blogpost.desc_size80_60 .headline a, #page_story_carousel #cnbc-contents .cnbc-body .col2 .asset.cnbcvideo.desc_size80_60 .headline a, #page_story_carousel #cnbc-contents .cnbc-body .col2 .asset.imgasset.desc_size80_60 .headline a, #page_story_carousel #cnbc-contents #rt_featured_franchise .headline a, #page_story_carousel #cnbc-contents .cnbc-body .col2 .asset .headline a, #page_story_carousel #cnbc-contents .cnbc-body .col2 .asset .headline a { font-family: Proxima Nova Bold; letter-spacing: 0.02px; color: #2e2e2e; } #page_story_carousel #cnbc-contents .cols2 .col2 .subsection .asset.imgasset.card { margin-bottom: 5px; } #page_story_carousel #cnbc-contents .subsection ul li:not(.last) { border-bottom: 1px dotted #8b8b8b; } #page_story_carousel #cnbc-contents .subsection ul li{ padding: 15px 0; } #page_story_carousel #cnbc-contents #rt_primary_0 li, #page_story_carousel #cnbc-contents #rt_primary_1 li, #page_story_carousel #cnbc-contents #rt_primary_2 li, #page_story_carousel #cnbc-contents #rt_primary_3 li, #page_story_carousel #cnbc-contents #rt_primary_4 li, #page_story_carousel #cnbc-contents #rt_primary_5 li, #page_story_carousel #cnbc-contents #rt_primary_6 li { margin-bottom: 5px; } #page_story_carousel #cnbc-contents .carousel_asset .leftArrow, #page_story_carousel #cnbc-contents .carousel_asset .rightArrow { height: 36px!important; line-height: 33px !important; background-color: #FCB700; margin-top: 35px; color: #fff; font-size: 45px; } #page_story_carousel #cnbc-contents .related.subsection .module-header { color: #002f6c; font-family: Proxima Nova Black; margin: 15px 0; text-transform: uppercase; font-size: 30px!important; line-height: 1; letter-spacing: .5px; border-bottom: 6px solid #002f6c; padding-bottom: 10px; } #page_story_carousel #cnbc-contents table.data th { background-color: transparent; font-size: 12px; letter-spacing: 1.2px; line-height: 15px; text-transform: uppercase; font-family: Proxima Nova Bold; color: #747474; padding-bottom: 10px; padding: 8px 5px; white-space: nowrap; } #page_story_carousel #cnbc-contents table.data{ border-collapse: collapse; } #page_story_carousel #cnbc-contents table.data thead { border-bottom: 1px dashed #9b9b9b; } #page_story_carousel #cnbc-contents .storyChart table.data tbody td, #page_story_carousel #cnbc-contents .storyChart table.data tbody td a { font-size: 12px; font-family: Proxima Nova Bold; color: #171717; line-height: 15px; } #page_story_carousel #cnbc-contents .quoteTable .arrow_down{ border-top: 11px solid #ce2b2b; } #page_story_carousel #cnbc-contents .quoteTable .arrow_up { border-bottom: 11px solid #008456; } #page_story_carousel #cnbc-contents .embed-container.pull-quote { border-top: 6px solid #002f6c; border-bottom: 1px dotted #9b9b9b; padding-top: 20px; padding-bottom: 15px; margin-bottom: 30px; } #page_story_carousel #cnbc-contents .embed-container.pull-quote .quote { font-family: Proxima Nova Bold; color: #000; font-size: 22px; line-height: 1.18; font-family: Lyon; margin-bottom: 20px; } #page_story_carousel #cnbc-contents .embed-container.pull-quote .author { font-family: Proxima Nova Bold; color: #2077b6; position: relative; font-size: 12px; line-height: 1; font-family: Lyon; margin-bottom: 7px; } #page_story_carousel #cnbc-contents .story .group p a{ text-decoration: underline; } #page_story_carousel #cnbc-contents .story .group p a:hover, #page_story_carousel #cnbc-contents .story .asset a:hover, #page_story_carousel #cnbc-contents .story .asset:hover a, #page_story_carousel #cnbc-contents .subsection a:hover, #page_story_carousel #cnbc-contents .reporter-info .name a:hover, #page_story_carousel #cnbc-contents a:hover { color: #ffbc05!important; } #page_story_carousel #cnbc-contents .group-container .label-read-more, #page_story_carousel #cnbc-contents .story .label-read-more, #page_story_carousel #cnbc-contents .label-read-more:after { color: #000; } #page_story_carousel #cnbc-contents .group { margin-left: initial; } #page_story_carousel #cnbc-contents .gig-button-container, div.gig-button-container { padding: 0 5px 0 0!important; } #page_story_carousel:not(.mobile-touch) #cnbc-contents #social-tools-panel table td .gig-button-container { padding-left: 35px!important; padding-top: 5px!important; } @media (min-width: 760px) { #page_story_carousel #cnbc-contents .embed-container.pull-quote .quote { font-size: 30px; line-height: 1.26; margin-bottom: 30px; } #page_story_carousel #cnbc-contents .embed-container.pull-quote .author { margin-right: 15px; margin-bottom: 0; } #page_story_carousel #cnbc-contents .story-top .title { font-size: 40px; line-height: 1.05; margin-bottom: 15px; } } @media (min-width: 1020px) { #page_story_carousel #cnbc-contents .embed-container.pull-quote .quote { margin-bottom: 20px; } } @media (min-width: 1340px) { #page_story_carousel #cnbc-contents .story-top .title { font-size: 54px; line-height: 1.037; } } .top-stories-container h2{color: inherit;} #page_quote_custom_redesign .shareChartButton img { display: inherit; } #page_story_carousel #cnbc-contents .tb-widget-share.tb-widget-inline.paDefault *, #page_quote_custom_redesign #cnbc-contents .ciq-nav *{ -webkit-box-sizing: border-box; box-sizing: border-box; } #page_story_carousel #highlights .section-header a{ font-family: Proxima Nova Black; font-size: 20px; color: #002F6C; } #page_story_carousel #highlights .headline{ padding-top: 10px; } #page_story_carousel #highlights .headline a { font-family: Proxima Nova Bold; font-size: 20px; color: #171717; line-height:24px; } #page_story_carousel.mobile-touch #highlights .section-header { border-bottom: 4px solid #002F6C; } #page_story_carousel .iphoneHidden { color: #FFF; font-family: Proxima Nova Bold; } #page_story_carousel .embed-container.carousel_asset .headline a{ font-family: Proxima Nova Bold; } #page_story_carousel.mobile-touch strong { font-weight: normal; } #page_story_carousel .carouselHeader .simple-header-headline { font-family: Proxima Nova Extrabold; font-size: 16px; text-transform: uppercase; } #page_story_carousel .embed-container.image, #page_story_carousel .slideshow.embed-container, #page_story_carousel .embed-container.cnbcvideo { border-bottom: none; } #page_story_carousel #cnbc-contents .subsection a:hover { color:#000!important; text-decoration: underline; } #page_story_carousel #cnbc-contents .subsection .asset .headline a { font-size: 15px; line-height: 18px; } #page_story_carousel #cnbc-contents .subsection .asset.imgasset .headline a { font-size: 16px; } #page_story_carousel .featuredPromo.featuredPromo .headline, #page_story_carousel .featuredPromo.featuredPromo .headline a { font-family: Proxima Nova Bold; } #page_story_carousel #cnbc-contents .group-container .label-read-more, #page_story_carousel #cnbc-contents .story .label-read-more, #page_story_carousel #cnbc-contents .group-container .label-read-more:after, #page_story_carousel #cnbc-contents .label-read-more:after, #page_story_carousel #cnbc-contents .label-read-more + a { font-family: Proxima Nova Bold; text-transform: uppercase; font-style: normal; } #page_story_carousel .carousel_asset .asset .headline { margin-top: 5px; } #page_story_carousel.mobile-touch #cnbc-contents .group-container .label-read-more:after, #page_story_carousel.mobile-touch #cnbc-contents .group-container .label-read-more { font-size: 15px; } .mobile-touch #cnbc-contents #social-tools-panel { height: 46px; } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .mobile-touch #cnbc-contents #social-tools-panel { height: 66px; } .mobile-touch #cnbc-contents #social-tools-panel > div { margin-top: 10px; } } body:not(.makeit) #cnbc-contents .pageheadnav .menu ul li.last { border-right-width: 0; } .AppCnbcPhoenix .mega-links-primaryLinkExpanded a:hover { color: #071d39; } body:not([id*=page_video-show]) #cnbc-contents .pagehead a.header_title.last.breadcrumb, .makeit.immersive #cnbc-contents .wildcard .prime_promo_module .top, .makeit.immersive #cnbc-contents .wildcard .prime_promo_module, #page_franchise_ng_2column.makeit.immersive #cnbc-contents .bigHeader h2.asset_story_franchise_label, .cols2 .col1 h2.asset_story_franchise_label, #page_franchise_ng_2column.makeit.immersive #cnbc-contents .cols2 .col1 #pipeline .asset .source, #page_franchise_ng_2column.makeit.immersive #cnbc-contents .cols2 .col1 #pipeline .asset.featuredPromo a .headline { letter-spacing: 0.5px; } .AppCnbcPhoenix .Footer-section h4 { color: #fff; } .AppCnbcPhoenix header.GlobalNavigation-container { height: auto; } .mobile-touch article p a { font-family: Lyon; } #page_franchise_ng_2column.makeit.immersive .stories_assetlist .asset:not(.featuredPromo) .asset_story_franchise_label a { text-transform: uppercase; } .mobile-touch #cnbc-contents .story-top .title { font-family: 'Proxima Nova Bold'; line-height: 30px; } .mobile-touch.makeit.immersive .story-top .title { font-family: 'Proxima Nova Bold'; letter-spacing: 0.5px; } .mobile-touch.makeit article p a { font-family: 'Proxima Nova Regular'; } .mobile-touch.makeit.immersive .story-top .title, .mobile-touch.makeit.immersive .story-top .story-header-left .source, .mobile-touch.makeit.immersive .story-top .story-header-left .datestamp { letter-spacing: 0px; } .web.makeit.immersive:not(.slideshow-col-one) .group-container .subtitle{ line-height: 36px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/components.2.css?t=1557262871 */ /* NOTE: This File version is not compressed */ .icon { background: 0; background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4); background-repeat:no-repeat; border: 0px; vertical-align: middle; background-position:100px 0px; height: 0px; } .icon-video, .video .icon { background-color:transparent; background-position:-37px -85px; padding:7px 11px 0 0; vertical-align:baseline; font-size:0; line-height:0; margin-left: 4px; } #pro_video_overlay{ position: absolute; top: 101px; min-width: 970px; /*min-height: 816px;*/ padding-top: 430px; padding-bottom: 430px; background: #fff; z-index: 10000; } #pro_video_overlay img{ width: 32px; height: 32px; } #pro_video_overlay p:first-child{ display:block; text-align: center; } #pro_video_overlay img{ width: 32px; height: 32px; } #pro_video_overlay p:first-child{ display:block; text-align: center; } .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{ display:none; } .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; } .arrow_left { width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 8px solid #FFF; } .icon.play { width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #FFF; } .icon.pause { width:2px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; margin: 0 7px; height: 8px; } .arrow_right { width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #FFF; } .small-button:hover, .slide_arrow_wrapper:hover { background: #2aa6e7; } .small-button { margin-top:1px; width: 20px; background: #b0b9bd; text-align: center; border-radius: 3px; padding: 4px 0px; cursor: pointer; } .slide_arrow_wrapper { width: 39px; background: #b0b9bd; text-align: center; border-radius: 3px; padding: 6px 0px; cursor: pointer; } .slide_arrow_wrapper .arrow_right, .slide_arrow_wrapper .arrow_left, .small-button .play { margin: auto; } .market .arrow_up { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #FFF; } .market .arrow_down { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #FFF; } .dots { color: #b0b9bd; } .dots .active { color: #2aa6e7; } .downArrowTabs {clear: both;} .downArrowTabs .tab { border-top: 4px solid #CCD6D8; border-bottom: 1px solid #ccd6d8; margin-bottom: 20px; padding: 0px; } .downArrowTabs .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 .tab li a { text-decoration: none; color: #2077B6; font-size: 16px; text-transform: uppercase; background-color: #FFF; outline: none; } .downArrowTabs .tabContents > li ul { font-size: 20px; overflow: hidden; } .downArrowTabs .tabContents > li ul li:first-child { border-top: none; margin-top: 0px; } .downArrowTabs .tabContents > li ul li { border-top: 1px solid #ccd6db; padding-bottom: 8px; padding-top: 8px; margin: 0px; } .downArrowTabs .tabContents > li ul li .asset { margin-top: 0px; margin-bottom: 0px; } .downArrowTabs .tabContents .asset .headline { margin: 0; font-size: 20px; font-weight: normal; line-height: 28px; } .tabContainer .tabContents > li.show, .downArrowTabs .tabContents > li.show { display: block; } .downArrowTabs .tab li.selected * { color: #DD4B39; } .downArrowTabs .tray li .headline .partner { font-family: 'Proxima Nova Semi Bold',Arial; font-size: 12px; color: #868483; margin: 0px 0px 0px 5px; } .downArrowTabs .tab li { margin: 10px 30px 0px 0px; display: inline-block; *display: inline; zoom: 1; text-align: center; vertical-align: bottom; border: 0; background: 0; padding: 0 0 10px 0; cursor: pointer; } .downArrowTabs .tray li{ float:left; margin-bottom:15px; } .downArrowTabs .tray li .tabTitle { border-bottom: 1px solid #ccd6d8; margin-bottom: 15px; text-decoration: none; color: #333; font-size: 16px; text-transform: uppercase; background-color: #FFF; outline:none; } .downArrowTabs .tab li a:hover { color: #DD4B39 !important; } .downArrowTabs .tab li a h3{font-weight:normal;margin:0;font-size:18px;} .downArrowTabs .tab li span.icon-cnbc-pro{font-size:15px} .downArrowTabs .viewHeadlines a{ font-size: 16px; } .downArrowTabs .viewHeadlines a:after{ content: " \203A"; } .downArrowTabs .tray > li{ min-height: 150px; width: 100%; } .downArrowTabs .tray > li ul { font-size: 20px; overflow: auto; } .downArrowTabs .tray > li ul li:first-child { border-top: none; margin-top: 0px; } .downArrowTabs .tray > li ul li .asset { margin-top: 0px; margin-bottom: 0px; max-height: 225px; } .downArrowTabs .tray > li ul li { padding-top: 8px; margin:0px; } .downArrowTabs .tray .asset .headline{ margin: 0;font-size:20px;font-weight:normal; } .show_more { border-top: 1px solid #ccd6db; } .show_more_content .arrow_down { display: inline-block; border-top: 8px solid #c2c1c1; margin-left: 2px; margin-top: 12px; float: right; } .show_more_content .arrow_up { display: inline-block; border-bottom: 8px solid #c2c1c1; margin-left: 2px; margin-top: 10px; float: right; } .show_more_content { color: #868483; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #fff; line-height: 30px; padding: 0 10px; border: 1px solid #bec2c3; border-top: 0px; width: 100px; margin-left: auto; margin-right: auto; position: relative; top: -1px; box-shadow: 0px 3px 5px #b0b0b0; -moz-box-shadow: 0px 3px 5px #b0b0b0; -webkit-box-shadow: 0px 3px 5px #b0b0b0; cursor: pointer; } .collapse li.collapsed { display: none; } .show.collapse{ transition-property: height; transition-duration: 3s; transition-timing-function: linear; transition-delay: 1s; /* Safari */ -webkit-transition-property:height; -webkit-transition-duration:3s; -webkit-transition-timing-function:linear; -webkit-transition-delay:1s; } .btn{ cursor:pointer; margin:0; display:inline-block; letter-spacing:1px; font-family: 'Proxima Nova Semi Bold'; color:#333; 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:#333; 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%); } .cnbc-header a.btn { color:#333; } #get-quotes, #cnbc-search { text-transform: uppercase; } .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;} /*====== Link List / HP Player ================ */ .vidCommentBox{position:absolute;z-index:1000;min-width:10px;/*max-height:200px;*/background-color:#fff;border:#bbb;display:none;overflow:hidden;-moz-box-shadow:0 0 3px black;-webkit-box-shadow:0 0 3px black;box-shadow:0 0 3px black;-webkit-border-radius:4px 4px 4px 0;-moz-border-radius:4px 4px 4px 0;border-radius:4px 4px 4px 0;margin:0;padding:10px;} .vidCommentBox p{display:none;font-size:11px;color:#333;margin-bottom:0} .vidCommentBox span{display:none;font-size:10px;color:#646f76;} .playerRollShadow{background-color:black;position:absolute;z-index:50;padding:0;display:none} .llp_relatedLinks{background:#ddd;color:#2077B6;font-size:14px;font-family: 'Proxima Nova Semi Bold';list-style-type:none;padding:12px 23px 4px 11px;line-height:22px;} .llp_relatedLinks ul{list-style-type:none;list-style-position:outside;padding-left:0} .llp_relatedLinks .playing{background:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4) no-repeat scroll -192px -50px transparent} .llp_relatedLinks li{padding-bottom:8px;padding-left:19px;display:block; margin:0 !important;} .llp_relatedLinks .vidlink{cursor:pointer;text-decoration:none;margin-left: 18px;} .linkListPlayer {position:relative;} .linkListPlayer .vidbox .thumb {width:320px;height:180px;margin-left:0 !important;} .linkListPlayer .thumbBox{width:320px;height:180px;} .linkListPlayer .vidbox {height:180px;width:320px;background-color:black;position:relative;float:none !important;margin: 0 !important;} .linkListPlayer,.vidCommentBox{width:320px} .vDescPoint {display:none;background:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4) no-repeat transparent; height:20px;width:17px;position:absolute;z-index:9998;background-position:-164px -48px;} /*===TABS===*/ .tabContainer .tab{padding:4px 0;border-bottom:1px solid #ccd6d8;font-size:0;} .tabContainer .tab li{font-size:11px;display:inline;padding:2px 8px 4px;background-color:#eee;border:1px solid #ccd6d8;border-width:1px 1px 1px 0;} .tabContainer .tab li a{font-size:14px;} .tabContainer .tab li a:hover{text-decoration:none;} .tabContainer .tab li.selected{border-bottom-width:0;background-color:#fff;border-bottom-color:#fff;padding-bottom:5px;} .tabContainer .tray{margin-top: 10px;} .tabContainer .tray > li{display:none} .tabContainer .tray .big .headline a {font-size: 18px;} /*=== Module Headers ===*/ .module-header {font-size: 16px;text-decoration: none;color: #454240;font-weight: normal;border-bottom:4px solid #CCD6DB;margin: 0 0 10px; 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; } .top-news .module-header.no-header { border: none; margin: 0; padding: 0; } .top-news .module-header.no-header a {font-size: 14px;} .module-header .premium-logo img{ width: 129px; height:19px; /* float: none; */ } .module-header .sub-pro ul:after{ /* content:''; */ clear: both; } .module-header .sub-pro ul li{ font-size: 16px; } .module-header .sub-pro .cnbclive {padding-right: 0;} .module-header .sub-pro .topnews {padding-left: 5px;} .module-header .sub-pro .toggle {float:right; text-transform:none;} .module-header .sub-pro .pipe { color: #457293; position: relative; padding: 0 3px; } .module-header .sub-pro .pipe span { position: absolute; top: 3px; font-size: 12px; line-height: 12px; } /*=== Scroll Headers ===*/ .scroll-header {font-size: 16px;text-decoration: none;text-transform:uppercase;color: #454240;font-weight: normal;border-bottom:4px solid #CCD6DB; padding-bottom: 2px;margin: 0 0 10px;} .scroll-header a{color: #454240;} .scroll-header .next-title{float: right;color: #8c8c8c; padding-right: 3px;font-size:14px;margin-top:2px;} .scroll-header .controls .slide_arrow_wrapper{float: right;margin-left: 6px;} .scroll-header a:after {content: " \203A";} .scroll-header .titles{ height: 20px; } .market-overview .asset .headline a, .chart-table-story .asset .headline a { font-size: 22px; font-weight: normal; } /*badge I on market overview*/ .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;} /*badge I on market overview*/ /*Start - Topic Section Styles */ .topic-section{padding-bottom:20px;clear:both;overflow:hidden;border-bottom:1px solid #ccd6db;display:block;} .topic-section .sponsor-ad{text-align:right} .topic-section .module-header{margin:15px 0 2px;} .topic-section .primary{background:#f3f2f2;width:160px;margin-right:15px;float:left;} .topic-section .primary .headline{font-size:20px;padding:5px;} .topic-section.last{border-bottom:0;} .topic-section .primary + .bullet-river{margin-left:175px;} .topic-section .primary .headline{margin-left:0;} .topic-section .bullet-river ul{list-style-image:url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/listPointer.png');margin-left:15px;} .topic-section .bullet-river li{font-size:16px;margin-bottom:8px;} .filmstrip .asset .related-link li{ margin-left: 16px; } .filmstrip .asset .related-link { list-style: disc outside none; margin: 0; } .topic-section .bullet-river li .asset, .filmstrip .asset .related-link li{ overflow: visible; } /* Handled in template for video icon .filmstrip .asset .related-link, .filmstrip .asset .headline { width: 231px; } */ .topic-section:last-child {border:0} /* End - Topic Section Styles */ /*==== Dart Ads ====*/ .dart_wrapper > div {text-align:center;margin-bottom:30px;} .dart_wrapper.dart_ads_noniframe_topbanner, #dart_wrapper_topbanneri{margin:0;} .dart_wrapper.dart_ads_noniframe_topbanner > div , #dart_wrapper_topbanneri > div {margin-top:5px;} #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;} .cols2 .col2 .badge-ad + .module-header{margin-top:-20px;} .topic-section .badge-ad {margin-top:5px;} .topic-section .badge-ad + .module-header {margin-top:-6px;} /*==== Adcom ====*/ .adcom_wrapper{margin-bottom: 30px;} /*==== FilmStrip Styles ====*/ .filmstrip{overflow:hidden;} .filmstrip > .asset{float: left;margin-right: 50px;width: 240px; overflow: visible;} .filmstrip > .asset.last{margin-right: 0;} /*==== Right rail social ====*/ #rt_social li{float:left;margin:0 15px 0 0;} #rt_social li.first{margin-right:0;} #rt_social li .headline a{width:32px;height:32px;background:url(//sc.cnbcfm.com/applications/cnbc.com/resources/styles/skin/PRODUCT/2013/HOMEPAGE/img/social-sprite.png);text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} #rt_social li .asset > a{display:none;} #rt_social li .headline a.twitter{background-position:0px 0px;} #rt_social li .headline a.facebook{background-position:-33px 0px;} #rt_social li .headline a.google{background-position:-66px 0px;} #rt_social li .headline a.linkedin{background-position:-99px 0px;} #rt_social li .headline a.rss{background-position:-132px 0px;} /*==== 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; } .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} #tabcontentcontainer .select-input, #tabcontentcontainer .zip-input, #tabcontentcontainer .personalized, #tabcontentcontainer .bankrate, #tabcontentcontainer .more-prd, #tabcontentcontainer .row-bottom-brdr, #tabcontentcontainer .tabcontent, #tabcontentcontainer .tabcontent .prd:link, #tabcontentcontainer .tabcontent .prd:visited, #tabcontentcontainer .tabcontent .col-two-prd, #tabcontentcontainer .tabcontent .col-four-prd, #tablist .prdtabstyle-2, #tablist .prdtabstyle-1 { font-family: 'Proxima Nova Semi Bold',Arial; font-size: 14px; font-weight: normal; } #tabcontentcontainer .select-input { height: auto; } /*====== 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;} /*===WIRE LOGOS===*/ .sourcelogo{background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/wirelogos.png);background-repeat:no-repeat;background-position:100px 100px;} span.sourcelogo{display:block;overflow: hidden;margin-bottom: 5px;margin-top: 10px;font-family: 'Proxima Nova Semi Bold', Arial;} #sourcelogo-theblaze, #sourcelogo-chosuncom, #sourcelogo-moneycontrolcom, #sourcelogo-fiscaltimesforcnbccom, #sourcelogo-stockpickr, #sourcelogo-secondactcom, #sourcelogo-mainst, #sourcelogo-gartner, #sourcelogo-bankratecom, #sourcelogo-creditcardscom, #sourcelogo-creditcardscom2, #sourcelogo-dailyfinance, #sourcelogo-thenewyorktimes, #sourcelogo-thebigmoney{height:20px;margin-bottom:5px;} #sourcelogo-aol {width: 40px;background-position: 0 1px;height: 37px;text-indent: -9999px;} #sourcelogo-bankratecom{width:100px;background-position:0 -38px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-caixinonline{width: 35px;background-position: 0 -1351px;height: 34px;text-indent: -9999px;} #sourcelogo-traveler{width: 70px;background-position: 0 -108px;height: 27px;text-indent: -9999px;} #sourcelogo-creditcardscom2{width:168px;background-position:0 -135px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-creditcardscom{width:168px;background-position:0 -83px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-dailyfinance{width:125px;background-position:0 -160px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-dealpipeline{width: 76px;background-position: 0 -183px;height: 26px;text-indent: -9999px;} #sourcelogo-entrepreneur{width: 125px;background-position: 0 -212px;height: 25px;text-indent: -9999px;} #sourcelogo-financialtimes{width: 149px;background-position: 0 -242px;height: 15px;text-indent: -9999px;} #sourcelogo-gartner {width: 150px;background-position: 0 -262px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-globalpost{width: 90px;background-position: 0 -285px;height: 25px;text-indent: -9999px;} #sourcelogo-inc{width: 50px;background-position: 0 -318px;height: 18px;text-indent: -9999px;} #sourcelogo-institutionalinvestor{width: 88px;background-position: 0 -343px;height: 26px;text-indent: -9999px;} #sourcelogo-investpedia{width: 122px;background-position: 0 -378px;height: 17px;text-indent: -9999px;} #sourcelogo-investorplace{width: 100px;background-position: 0 -401px;height: 21px;text-indent: -9999px;} #sourcelogo-kiplinger{width: 62px;background-position: 0 -426px;height: 22px;text-indent: -9999px;} #sourcelogo-mainst{width: 68px;background-position: 0 -452px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-nbcnews{width: 126px;background-position: 0 -477px;height: 18px;text-indent: -9999px;} #sourcelogo-oilprice{width: 120px;background-position: 0 -503px;height: 25px;text-indent: -9999px;} #sourcelogo-quinstreet{width: 91px;background-position: 0 -533px;height: 27px;text-indent: -9999px;} #sourcelogo-rollcall{width: 77px;background-position: 0 -565px;height: 22px;text-indent: -9999px;} #sourcelogo-secondactcom{width: 125px;background-position: 0 -590px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-stockpickr {width: 55px;background-position: 0 -615px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-thenewyorktimes{width:118px;background-position:0 -637px;height: 17px;text-indent: -9999px;} #sourcelogo-techmedianetwork {width: 106px;background-position: 0 -655px;height: 25px;text-indent: -9999px;} #sourcelogo-thebigmoney{width: 168px;background-position: 0 -688px;height: 16px;text-indent: -9999px;} #sourcelogo-theblaze {width: 90px;background-position: 0 -717px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-fiscaltimes {width: 125px;background-position: 0 -747px; height: 22px; text-indent: -9999px;margin-bottom: 0;} #sourcelogo-thestreet {width: 76px;background-position: 0 -775px;height: 25px;text-indent: -9999px;} #sourcelogo-reuters {width: 126px;background-position: 0 -803px;height: 32px;text-indent: -9999px;} #sourcelogo-usatoday{width: 101px;background-position: 0 -839px;height: 15px;text-indent: -9999px;} #sourcelogo-vault {width: 48px;background-position: 0 -858px;height: 21px;text-indent: -9999px;} #sourcelogo-walletpop {width: 101px;background-position: 0 -885px;height: 22px;text-indent: -9999px;} #sourcelogo-yahoofinance{width: 127px;background-position: 0 -911px;height: 15px;text-indent: -9999px;} #sourcelogo-cnbccom{width:89px;background-position:0 -933px;height:16px;text-indent: -9999px;} #sourcelogo-moneycontrolcom{width: 149px;background-position: 0 -957px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-christiansciencemonitor{width: 97px;background-position: 0 -983px;height: 22px;text-indent: -9999px;} #sourcelogo-theassociatedpress{width: 32px;background-position: 0 -1014px;height: 29px;text-indent: -9999px;} #sourcelogo-businesswire {width: 88px;background-position: 0 -1060px;height: 37px;text-indent: -9999px;} #sourcelogo-prnewswire {width: 78px;background-position: 0 -1111px;height: 38px;text-indent: -9999px;} #sourcelogo-seekingalpha{width: 102px;background-position: 0 -1162px;height: 23px;text-indent: -9999px;} #sourcelogo-thehuffingtonpost{width: 83px;background-position: 0 -1201px;height: 32px;text-indent: -9999px;} #sourcelogo-cnbcwithwires{width: 158px;background-position: 0 -1240px;height: 17px;text-indent: -9999px;} #sourcelogo-msnbc{width: 126px;background-position: 0 -1260px;height: 26px;text-indent: -9999px;} #sourcelogo-chosuncom {width: 115px;background-position: 0 -1292px;text-indent: -9999px;margin-bottom: 0;} #sourcelogo-slate {width: 45px;background-position: 0 -1326px;height: 17px;text-indent: -9999px;} #sourcelogo-breakingmedia{width: 71px;background-position: 0 -1389px;height: 36px;text-indent: -9999px;} #sourcelogo-thetodayshow {width: 102px;background-position: 0 -1452px;height: 16px;text-indent: -9999px;} #sourcelogo-politico {width: 69px;background-position: 0 -1487px;height: 13px;text-indent: -9999px;} #sourcelogo-recode {width: 120px;background-position: 0 -1510px;height: 35px;margin-bottom: 0;text-indent: -9999px;} #sourcelogo-xerox {width: 92px;background-position: 0 -1553px;height: 25px;text-indent: -9999px;} /*===WIRE LOGOS End===*/ /*===========Article Page Start==============*/ .topicsStory .asset { float: left; margin-right: 15px; } /*===========Article Page End==============*/ /*=================== story top ========================*/ .story-top{ border-bottom: 1px solid #CCD6DB; width: 940px; margin: 0 auto; overflow: hidden; } .story-top .story-header-left.twoCol{width:530px;float:left;margin-right:60px;} .story-top .story-header-left{margin:10px 0;} .story-top .title { font-family: 'Proxima Nova Bold'; font-size: 36px; line-height: 42px; font-weight: normal; padding: 0 0 10px 0; margin: 0; color: #333; } .story-top .subheadlines { font-size: 18px; line-height: 20px; font-weight: normal; padding: 0 0 10px 0; margin: 0; color: #333; } .story-top .source{font-family: 'Proxima Nova Semi Bold', Arial;font-size: 14px;font-weight: normal;color: #333;} .story-top .datestamp{padding: 5px 0px 0px 0px;color: #333;font-family: 'Proxima Nova Semi Bold',Arial;font-size: 11px;} .story-top .module-header a + a:before {content: " \203A\20";} .story-top .module-header a:after { content: "";} .story-top .module-header a{color: #2077B6; font-size: 14px; font-family: 'Proxima Nova Semi Bold';} .story-top .module-header a:hover {color: #DD4B39;} .story-top .story-header-right{ width: 350px; float: left; margin-top: 25px; } .cols2 { clear: both; } .datestamp.last-pub-date:before{ content: "|"; margin-left: 2px; } /*=================== story top End ==================*/ /*=========Author Start =============*/ .article-social-big, .article-social-small{overflow: hidden;float: left;} .article-social-big span{ background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/social-sprite.png); background-repeat:no-repeat;background-color:transparent; display: block; width: 35px; height: 35px; float: left; font-size:0;line-height:0; background-position:51px; position: relative; cursor:pointer; } .article-social-big span.social-twitter{background-position:-39px 0;} .article-social-big span.social-facebook{background-position:0 0;} .article-social-big span.social-google-plus{background-position:-78px 0;} .article-social-big span.social-linkedin{background-position:-117px 0;} .article-social-big span.social-email{background-position:-609px 0;} .article-social-big span.social-share{background-position:-687px 0;width: 45px;} .article-social-big span.social-count{ background:#ffffff; border-left: 1px solid #ccd6db; padding: 3px 9px; color: #ccd6db; font-size: 12px; line-height: 12px; text-align: center; } .article-social-big span.social-count .count{ font-size: 16px; line-height: 16px; height: auto; padding: 4px 0; } .article-social-small{ width: 61px; height: 274px; border-radius: 0px 3px 3px 0px / 0px 3px 3px 0px; box-shadow: 0px 3px 5px #b0b0b0, 0px -3px 5px #b0b0b0; border: 1px solid #bec2c3; border-left: 0px; } .article-social-small span{ margin: 12px auto 0; background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/social-sprite.png); background-repeat:no-repeat;background-color:transparent; display: block; width: 24px; height: 24px; font-size:0;line-height:0; background-position:51px; position: relative; cursor:pointer; } .article-social-small span.social-twitter{background-position:0px -36px;} .article-social-small span.social-facebook{background-position:-25px -36px;} .article-social-small span.social-google-plus{background-position:-50px -36px;} .article-social-small span.social-linkedin{background-position:-75px -36px;} .article-social-small span.social-email{background-position:-125px -36px;} .article-social-small span.social-share{background-position:-150px -36px;width: 31px;} .article-social-small span.social-count{ width: 80%; background:#ffffff; border-top: 1px solid #ccd6db; padding: 0; color: #ccd6db; font-size: 12px; line-height: 12px; text-align: center; } .article-social-small span.social-count .count{ margin: 0 auto; font-size: 16px; line-height: 16px; height: auto; padding: 4px 0; } #social-tools-panel{ position: fixed; bottom: 54px; left: 0; z-index: 200000; display: none; width: 528px !important; height: 45px; border-radius: 3px 3px 0px 0px; border: 1px solid #bec2c3; padding: 5px 0; background-color: #FFF; left: 50%!important; margin-left: -265px; } @media (min-width: 760px) { #social-tools-panel{ bottom: 0px; } } #social-tools-panel table { width: 100%; } #social-tools-panel table td .gig-button-container {padding-left: 35px;padding-top: 5px;} #social-tools-panel span { margin-left: 38px; } .social-reporter{ overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #CCD6DB; border-top: 1px solid #CCD6DB; } .reporter{overflow: hidden;padding:15px 0;} .reporter + .reporter{border-top: 1px solid #CCD6DB;} .reporter img{float: left;margin-right: 10px;} .reporter .article-social-small{ float: left; width: auto; height: auto; box-shadow: none; border: 0px solid #bec2c3; } .reporter .article-social-small a span{ margin: 0; } .reporter .article-social-small a{ float: left; margin-right: 10px; } .reporter-info{ padding: 0 0 1px 0; overflow: hidden; } .reporter-info .name{ font-size: 16px; display: block; clear: right; color: #457293; margin-top: -1px; } .reporter-info .title{font-size: 11px;font-family:'Proxima Nova Semi Bold', Arial;display: block;padding-bottom: 5px;} /*=========Author End=============*/ /*=========Related Link Start=============*/ .related.subsection{margin: 30px 0 40px;} .related .topics {overflow: hidden; margin: 10px 0;} .related.subsection .module-header{text-transform: uppercase; font-size: 18px;color: #333;margin-bottom: 10px;} .related .topics li {float: left; display: inline; margin-right: 15px;} .related .topics li a {font-size: 16px;white-space:nowrap;} /*=========Related Link End=============*/ #social_bar_top {float: right;margin-bottom: 25px;width: auto !important;} /*============= Comments Count Styles ===============*/ .story_commentsCount {float: right;padding-bottom: 20px;} .story_commentsCount.zero:before {display: none;} #total-comments { border: 1px solid #ccd6d8; border-radius: 5px; background-color: #ccd6d8; font-family: 'Proxima Nova Semi Bold'er; color: #FFF; font-size: 22px; text-align: center; float: left; min-width: 30px; min-height: 28px; padding: 3px; padding-bottom: 0; position: relative; right: -6px; top: -5px; } #total-comments span{ display: block; min-width: 20px; position: relative; top: 1px; } .story_commentsCount:before { content: ''; border-top: 15px solid #ccd6d8; border-left: 0px solid #FFF; border-right: 15px solid #FFF; display: inline-block; zoom: 1; position: relative; top: 27px; width: 0; height: 0; left: -22px; top: 20px; } #comments-text { font-size: 20px; color: #808080; margin-right: 10px; } #discussion { font-size: 18px; cursor: pointer; } /*===================================================*/ .bottomPage { display: none !important; } /*=== PAGE HEADERS===*/ .pagehead { position: relative; padding-left:10px; background: white; color:#fff; text-transform:uppercase; background-position:0 100px; border-bottom: 4px solid #CCD6DB; width:940px; margin:20px auto 0 auto; padding:0px; } .pagehead.pageheadnav{height:100%;font-size:25px;border:0} .pagehead a.header_title{display:inline-block;font-size:25px;margin-left:-10px;text-indent:10px;color:#333;} .pagehead a.header_title:after{content: " | "} .pagehead a.header_title.last:after{content: ""} .pagehead a.header_title:hover{color:#DD4B39;text-decoration:none;} .pageheadnav .menu{border-top: 4px solid #CCD6DB;font-size:12px;padding:4px 0 6px;margin-left:-10px;background-color:#273039;line-height:16px;text-indent:0;} .pageheadnav .menu a{color:#ccc;} .pageheadnav .menu a:hover,.pageheadnav .menu .selected a{color:#fff;} .pageheadnav .menu ul li {display:inline-block;border-width:0 2px 0 0;border-style:solid;padding:0 10px;} .pageheadnav .menu ul li a{color:#ccc;} .pageheadnav .menu ul li.selected a,.pagehead .menu ul li a:hover{color:#fff;} .pageheadnav .menu ul li.last{border-right-width:0;} /*=== PAGE HEADERS End===*/ /* Fixes overlay popup in tablet*/ [gigid="showShareBarUI_showSimpleShareUI"][style*="width: 100%;"]{ left: auto !important; bottom: auto !important; display: block !important; } /*===============================================*/ /*=================== Page Arrows Styles ==============================*/ .pageArrows { display: block; height: 185px; opacity: 1; position: fixed; top: 396px; } .pageArrows.left { border-right: 1px solid #CCC; z-index: 4999; display: none; } .pageArrows.right { border-left: 1px solid #CCC; float: right; z-index: 4999; display: none; } .pageArrows .leftArrow { display: block; border-radius: 5px 0 0 5px; margin: 0; margin-top: 40px; z-index: 4999; -webkit-box-shadow: -1px 0px 6px 0px rgba(50, 50, 50, 0.51); -moz-box-shadow: -1px 0px 6px 0px rgba(50, 50, 50, 0.51); box-shadow: -1px 0px 6px 0px rgba(50, 50, 50, 0.51); float: none; cursor: default; width: 35px; height: 105px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/carousel-sprite.png?vn=1) 0 0; } .pageArrows .rightArrow { display: block; border-radius: 0 5px 5px 0; margin: 0; margin-top: 40px; z-index: 4999; -webkit-box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.51); -moz-box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.51); box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.51); float: none; cursor: default; width: 35px; height: 105px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/carousel-sprite.png?vn=1) -72px 0; } .pageArrows .leftArrow.hover, .pageArrows .rightArrow.hover { cursor: pointer; } .pageArrows .leftArrow.hover:hover { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/carousel-sprite.png?vn=1) -36px 0; } .pageArrows .rightArrow.hover:hover { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/carousel-sprite.png?vn=1) -108px 0; } /*#arrowWrapper { width: 1056px; height: 185px; position: fixed; top: 396px; background: transparent; z-index: -1; } #arrowouterWrapper { position: relative; margin: 0 auto; width: 1070px; border: 1px solid #14222b; } */ @media only screen and (min-width : 300px) and (max-width : 1074px) { /*#arrowouterWrapper, #arrowWrapper {width: 100%;} #arrowWrapper .rightArrow.hover:hover { background-position: -220px 0; } #arrowWrapper .leftArrow.hover:hover { background-position: -170px 0; } #arrowWrapper .rightArrow { background-position: -196px 0; width: 26px; } #arrowWrapper .leftArrow { background-position: -144px 0; width: 26px; } #arrowWrapper .pageArrows.left, #arrowWrapper .pageArrows.right {border: none;}*/ .pageArrows {display: none !important;} } @media only screen and (max-width : 299px) { .pageArrows {display: none !important;} } /*Google Nexus/Samsung Galaxy Tab -- Portrait/Landscape iPad Mini/iPad -- Portrait/Landscape mode iPad Landscape mode*/ /* @media only screen and (min-width : 1014px) and (max-width : 1034px) { .cnbc-body {padding-left: 10px;} } @media only screen and (min-width : 300px) and (max-width : 1000px) { .cnbc-body {padding-left: 25px;} }*/ /*======================================================================*/ /*=================== Carousel Styles ==============================*/ /* Applies to CNBC25 carousel ONLY */ #carouselWrapper .currentNode .headline a { color: #DD4B39; } /* Applies to CNBC25 carousel ONLY */ #carouselWrapper { width: 970px; margin: auto; font-family: 'Proxima Nova Semi Bold'; overflow: hidden; padding-right: 15px; padding-left: 15px; border-bottom: 1px solid #CCD6DB; } .carouselHeader { height: 25px; margin-top: 8px; padding-right: 30px; } .carousel_asset{ margin: auto; } .scale-icon{ position:relative; top:7px; } .scale-icon-big{ position:relative; top:17px; } .carousel_asset .carouselHeader .carouselHeaderLeft{ float: left; font-family: 'Proxima Nova Semi Bold'; font-size: 16px; padding: 4px; } .carousel_asset .carouselHeader .carouselHeaderRight .slideIndicator{ padding: 4px 0px 4px 5px; font-size: 16px; float: right; text-align: right; font-family: 'Proxima Nova Semi Bold'; color: #333; } .carousel_asset .carouselHeader .carouselHeaderRight .carouselSO{ padding: 4px 0px 4px 0px; font-size: 16px; float: right; } #video-meta-data { height: 234px; overflow: hidden; } #video-title { font-size: 30px; font-weight: normal; line-height: 32px; color: #333; margin-top: 0px; margin-bottom: 0; max-height: 184px; overflow: hidden; } #relative-time { font-family: 'Proxima Nova Semi Bold' ,Arial; font-size: 11px; margin: 10px 0; color: #333; } #video_relative_time { font-family: 'Proxima Nova Semi Bold' ,Arial; font-size: 11px; margin: 0 0 5px 0; color: #fff; float:right; padding-top:10px; } #video-desc { margin: 0; padding: 0; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 12px; line-height: 16px; color: #333; display: block; overflow: hidden; } #watch-full-episodes { font-family: 'Proxima Nova Semi Bold'; position: absolute; bottom: 54px; width: 100%; font-size: 16px; /*background: #e6eaeb;*/ background: rgb(230,234,235); /* Old browsers */ /*margin-top: 10px;*/ } #watch-full-episodes.gradient { background: -moz-linear-gradient(left, rgba(230,234,235,1) 0%, rgba(255,255,255,1) 61%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,234,235,1)), color-stop(61%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(230,234,235,1) 0%,rgba(255,255,255,1) 61%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(230,234,235,1) 0%,rgba(255,255,255,1) 61%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(230,234,235,1) 0%,rgba(255,255,255,1) 61%); /* IE10+ */ background: linear-gradient(to right, rgba(230,234,235,1) 0%,rgba(255,255,255,1) 61%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eaeb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #watch-full-episodes a { /*color: #3c5d2a;*/ text-transform: uppercase; } #watch-full-episodes #text{ display: block; margin-top: 6px; margin-left: 55px; } #watch-full-episodes span:first-child { width: 45px; height: 30px; display: block; float: left; } .icon-watch-live { background-position: -148px -75px; } .icon-mad-money { background-position: -148px -111px; } .icon-prime { background-position: 0px -141px; } .icon-mad-money + span { color: #880900; } .icon-american-greed { background-position: -148px -111px; } .icon-american-greed + span { color: #880900; } .icon-fast-money { background-position: -90px -111px; } .icon-fast-money + span { color: #3c5d2a; } .icon-watch-live-pro { background-position: 0px -179px; } .icon-watch-live-pro + span { color: #4fbf85; } /*===PAGINATION===*/ .paging-container{width:100%;line-height:24px;border:1px solid #ccd6d8;border-width:1px 0;} .paging-container .pagination{display:block;} .paging-container .pagination *{font-family: 'Proxima Nova Semi Bold';} .paging-container .pagination{cursor:pointer;} .paging-container .pagination span{cursor:default;color:#c34c28;} .paging-container .pagination div{text-align:center;display:inline-block} .paging-container .pagination .leftPagCol{width:30%;padding-left:10px;text-align:left;float:left} .paging-container .pagination .centerPagCol {float:left;width:38%} .paging-container .pagination .quickPagJump{ } .paging-container .pagination .rightPagCol{padding-right:10px;text-align:right;float:right} .paging-container .pagination span.pageCount{margin-left:3px;color:#333;} #page_video_section_front .stories-lineup .asset time{ display: block; border: 0; padding: 0; padding-top: 5px; font-family: 'Proxima Nova Semi Bold'; font-size: 12px; font-weight: normal; color: #737373; } #page_video_section_front .filmstrip td { display: inline; float: left; padding: 0; margin-bottom: 30px; } #page_video_section_front .cols2 { margin: 0px 15px 0 15px; } #page_video_section_front .cols1 { margin: 0px 15px 0 12px; } #page_video_section_front .cols1 .col1{ margin-bottom: 100px; margin-left: 12px; } #page_video_section_front .cols2 .col1 { margin-top: 30px !important; } #page_video_section_front .cols2 .col2 { margin-top: 30px !important; width:330px; } #page_video_section_front .cols2 .col2 { height: 318px; position: relative; } #page_video_section_front .cols2 .col1 { height: 318px; width:565px; margin:0 20px 30px 8px; } #page_video_section_front .asset{ width:160px; margin-right:25px; } #page_video_section_front .desc_size160_105 .headline{ margin-left:0px; } #page_video_section_front #pipeline .imgasset .cnbc-font-icon.icon-cnbc-video { left: 10px; font-size: 30px; bottom: 10px; text-shadow: 0px 0px 5px #333; } #page_video_section_front #pipeline .headline a{font-size:16px!important; line-height:20px!important;} /* Applies to Video Gallery Page ONLY */ #premium_tab {cursor: auto;} #page_video_section_front #companion_300x60 { position: absolute; bottom: 1px; /*display: none;*/ width: 300px; height: 60px; margin: auto; } #page_video_gallery .cols1 { margin: 0px 15px 0 15px; } #page_video_gallery .cols1 .col1{ margin-bottom: 100px; } #page_video_gallery .cols2:first-child { margin-top: 30px; } #page_video_gallery .cols2:first-child .col1 { height: 318px; width:565px; margin:0 25px 0 15px; } #page_video_gallery #premium_tab .icon-cnbc-pro { font-size: 1.1em !important; } #page_video_gallery .carouselBody .fa-video, #page_video_gallery .carouselBody .video-length {display: none;} #prtnr_mod_videos img{ width: 160px; height: 105px; } /*.tpContainer{ height: 318px !important; width:565px !important; } .tpPlayer{ height: 318px !important; width:565px !important; }*/ .loaderOverlayMobile { position: absolute; width: 100%; padding-top: 95px; padding-bottom: 95px; z-index: 2; background: #000; opacity: 0; top: -3000px; } .loaderOverlayMobile p:first-child { display: block; text-align: center; color: #fff; opacity:1 !important; } .loaderOverlayMobile img { width: 32px !important; height: 32px !important; } #page_video_gallery .cols2:first-child .col2 { height: 318px; position: relative; } #social_tools_video_gig_containerParent { position: absolute; left: 0; bottom: 0; } #page_ng-video-gallery #social_tools_video_gig_containerParent { position: static; } #page_video_gallery .story_commentsCount { display: none; position: absolute; bottom: 0; right: 15px; } /* Applies to Video Gallery Page ONLY */ #companion_300x60 { position: absolute; bottom: 1px; /*display: none;*/ width: 300px; height: 60px; margin: auto; } /* Applies to Video Gallery Page ONLY */ #tabs_carousel_wrapper div.selected { visibility: hidden; 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; position: absolute; left: 0; top: 33px; width: 50px; transition-property: left; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; } .downArrowTabs .tab li.tabSelected h2{ color: #DD4B39 !important; } #tabs_carousel_wrapper .tray { min-height: 200px; } #tabs_carousel_wrapper .tray > li ul li .asset {border: 0px;position:relative;cursor: pointer; padding-bottom: 0;} #xfinity_videos_tab{ display: none; } .asset.up-next:after { content: 'Up Next'; position: absolute; top: 0; background: #2aa6e7; text-transform: uppercase; color: #fff; font-family: 'Proxima Nova Semi Bold', Arial; font-style: normal; font-size: 12px; padding: 4px; z-index:1; line-height: 12px; } /* Applies to Video Gallery Page ONLY */ .tab_carousel .tray .leftArrow { margin-top: 2px; } /* Applies to Video Gallery Page ONLY */ .tray .mask{ margin-top: -6px; } /* Applies to Video Gallery Page ONLY */ .tab_carousel .tray .rightArrow { margin-top: 2px; } /* Applies to Video Gallery Page ONLY */ .tab_carousel .tab li { min-width: 60px; } /* Applies to Video Gallery Page ONLY */ .tab_carousel .tray .asset .headline{ font-size: 16px; line-height: 20px; } /*====== Video Gallery Carousal Video Assets Overlay Styles ====*/ #tabs_carousel_wrapper ul.tray > li ul li.currentNode .asset.playing .headline a, #tabs_carousel_wrapper ul.tray > li ul li .asset:hover .headline a, #tabs_carousel_wrapper ul.tray > li ul li .asset:active .headline a, #page_video_section_front .asset.playing a{ color: #DD4B39; } #page_video_section_front .asset.playing .icon-cnbc-video:before { color:#3FBDEC; } #tabs_carousel_wrapper ul.tray > li ul li .headlines, #tabs_carousel_wrapper ul.tray > li ul li.currentNode .asset.playing .headlines, #tabs_carousel_wrapper ul.tray > li ul li.currentNode .asset.playing:hover .headlines { opacity: 0; display: none\9; /*IE 6 ,7, 8*/ } /*======================================================================*/ #tabs_carousel_wrapper { position: relative; margin-top: 20px; } #tabs_carousel_wrapper .tab li h2 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; height: 19px; } #tabs_carousel_wrapper .headlines { line-height: 16px; position: absolute; transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; top: 80px; } #tabs_carousel_wrapper ul.tray > li ul li .asset:hover .headlines{ display: block\9; /*IE 6,7,8*/ opacity: 1; transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; position: absolute; top: 80px; left: 0; background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png"); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 25px; padding: 0; margin: 0; } #tabs_carousel_wrapper .headlines .icon { width: 15px; height: 15px; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_play_button.png) no-repeat; float: left; margin: 5px 5px 0 2px; background-size: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/images/cnbc_play_button.png', sizingMethod='scale')\9; /*IE 6, 7, 8*/ } #tabs_carousel_wrapper .headlines .vid-info { overflow: hidden; color: #FFF; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 11px; height: 20px; margin: 0; padding: 0; font-weight: normal; padding-top: 5px; } #tabs_carousel_wrapper ul.tray > li li .headline a { display: block; } #social_tools_video {float: left;} .loader { background: URL('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/loader.gif') no-repeat center center; } .top-news.cnbcvideo .promo .loadingIcon { position: absolute; top: 40%; left: 40%; } /*======================= Home Page Video Player Styles =================================*/ .player-lazy-loaded { position: absolute; z-index: 1000; opacity: 0; cursor: pointer; display: none; } .top-news.cnbcvideo .headlines .icon { cursor: pointer; width: 40px; height: 40px; display: block; float: left; background-position: -41px -105px; margin-right: 5px; } .top-news.cnbcvideo .featured .headlines a { display: block; /*margin-left: 50px;*/ } #featured_top_story .featuredPromo { margin-bottom: 0px !important; } /*======================= Chart sort arrows =================================*/ .ar-up-down, .ar-down-only, .ar-up-only { position: absolute!important; top: 50%; margin-top: -7px; } .ar-up-down span { border-right: 3px solid transparent!important; border-left: 3px solid transparent!important; position:absolute!important; } .ar-up-down .ar-up { border-bottom: 6px solid #686565!important; top:1px!important; right: 7px; } .ar-up-down .ar-down { border-top: 6px solid #686565!important; top:8px!important; right: 7px; } .ar-up-only span{ border-right: 3px solid transparent!important; border-left: 3px solid transparent!important; position:absolute!important; border-bottom: 6px solid #686565!important; top: 5px!important; right: 7px; } .ar-down-only span{ border-right: 3px solid transparent!important; border-left: 3px solid transparent!important; position:absolute!important; border-top: 6px solid #686565!important; top: 5px!important; right: 7px; } .none-sortable .ar-up-down, .none-sortable .ar-up-only, .none-sortable .ar-down-only { display:none; } .sortable .ar-down-only, .sortable .ar-up-only, .sortable.dir.desc .ar-up-down, .sortable.dir.asc .ar-up-down { display:none; } .sortable.dir.asc .ar-up-only, .sortable.dir.desc .ar-down-only { display:inline; } span.csv-qoute-header-text { display: inline-block; margin-right: 1px!important; } table.table-sorter span.csv-qoute-header-text { margin-right: 15px!important; } th.sortable div.chart-text-container, th.none-sortable div.chart-text-container { position: relative; } .wildcard { margin-bottom: 30px; } table td.text { text-align: left; padding-right: 0px; } table.data .last,table.data td:last-child,table.data th:last-child{padding-right:10px;} /*=============== Start: Platform player Error Container ============================*/ .player-error-placeholder { width: 565px; height: 318px; background-color: #CCC; } /* 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: #333; text-align: center; padding: 0 20px; font-size: 18px; font-family: 'Proxima Nova Semi Bold'; line-height: 24px; } .error-msg p:first-child { text-transform: uppercase; } .error-msg p:last-child { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica, sans-serif; color: #333; text-align: center; padding: 0 20px; } /*=============== End: Platform player Error Container ============================*/ /*QUOTE PAGE*/ .promo{border:none;} .promo h2 a:after, .promo h3 a:after {content: " \203A";} .cols2 .col1 .promo h2 a:hover, .cols2 .col1 .promo h3 a:hover{color:#DD4B39;} .cols2 .col1 .promo h2{background:none;font-weight:normal; font-family:'Proxima Nova Semi Bold'; font-size:18px; color:#333;display:none;} .cols2 .col2 .promo h2, .promo h2{background:none;font-weight:normal; font-family:'Proxima Nova Semi Bold'; font-size:18px; color:#333; border-bottom:4px solid #CCD6DB; padding-left:0px;} .promo .subsection h3{border-top:none; font-weight:normal; font-family:'Proxima Nova Semi Bold'; font-size:18px; color:#333; border-bottom:4px solid #CCD6DB;padding-bottom:5px;} .promo .sub{display:none;} .cols2 .col1 .promo .asset .headline a{line-height:26px;font-size:20px;} .cols2 .col2 .promo .asset .headline a{font-family: 'Proxima Nova Semi Bold'; font-weight: normal; font-size: 13px;margin-bottom:5px;} .cols2 .col1 .promo .asset{/*border-bottom: 1px solid #ccd6db; padding-bottom: 8px; */padding-top: 8px; margin: 0px;} .cols2 .col1 .promo .subsection{margin-bottom:30px;} .cols2 .col2 .promo .subsection{padding-left:0px;} .cols2 .col2 .promo .subsection .imgasset img{width:80px;} .cols2 .col2 .promo .subsection .imgasset .desc a{font-family: 'Proxima Nova Semi Bold'; font-weight: normal; font-size: 16px; line-height: 20px;} .cols2 .col2 .promo .subsection .imgasset .desc{margin-left:90px;} .quotestrip h1, .quotestrip .change, .quotestrip .price, .quotestrip .note, .quotestrip .data{font-family: 'Proxima Nova Semi Bold'; font-weight: normal;} .quoteTabContainer .tab li a{font-family: 'Proxima Nova Semi Bold'; font-weight: normal; padding-top:5px;} .quoteTabContainer .tab li{padding:8px 10px 5px;} .quoteTabContainer #symbol-search{display:none;} .quoteSelected, .quoteIframeCont .quoteSelected{font-weight:normal;} #pm-ad-inline, #dart_inline{margin-bottom:20px;} #dart_inline{text-align:center; margin-top:15px;} .quotestrip table td{font-weight:normal;} #dart_inline { width:100%; margin-top: 20px!important; text-align: center!important; } /*END QUOTE PAGE*/ /*RIGHT RAIL*/ #page_franchise .col2 #rest_primary_0 .headline a, #page_franchise .col2 #rest_primary_1 .headline a, #page_franchise .col2 #rest_primary_2 .headline a, #page_franchise .col2 #rest_primary_3 .headline a, #page_franchise .col2 #rest_primary_4 .headline a, #page_franchise .col2 #rest_primary_5 .headline a, #page_franchise .col2 #rest_primary_6 .headline a, #page_franchise .col2 #rest_primary_7 .headline a, #page_franchise .col2 #rest_primary_8 .headline a, #page_franchise .col2 #rest_primary_9 .headline a, #page_franchise .col2 #rest_primary_10 .headline a, .col2 #rt_primary_0 .headline a, .slideshow h1, body[id*=slideshow] .subsection h2, #page_franchise_condensed .col2 #rest_primary_0 .headline a, #page_franchise_condensed .col2 #rest_primary_1 .headline a, #page_franchise_condensed .col2 #rest_primary_2 .headline a, #page_franchise_condensed .col2 #rest_primary_3 .headline a, #page_franchise_condensed .col2 #rest_primary_4 .headline a, #page_franchise_condensed .col2 #rest_primary_5 .headline a, #page_franchise_condensed .col2 #rest_primary_6 .headline a, #page_franchise_condensed .col2 #rest_primary_7 .headline a, #page_franchise_condensed .col2 #rest_primary_8 .headline a, #page_franchise_condensed .col2 #rest_primary_9 .headline a, #page_franchise_condensed .col2 #rest_primary_10 .headline a, #page_franchise_expanded .col2 #rest_primary_0 .headline a, #page_franchise_expanded .col2 #rest_primary_1 .headline a, #page_franchise_expanded .col2 #rest_primary_2 .headline a, #page_franchise_expanded .col2 #rest_primary_3 .headline a, #page_franchise_expanded .col2 #rest_primary_4 .headline a, #page_franchise_expanded .col2 #rest_primary_5 .headline a, #page_franchise_expanded .col2 #rest_primary_6 .headline a, #page_franchise_expanded .col2 #rest_primary_7 .headline a, #page_franchise_expanded .col2 #rest_primary_8 .headline a, #page_franchise_expanded .col2 #rest_primary_9 .headline a, #page_franchise_expanded .col2 #rest_primary_10 .headline a, #rt_people .headline a, #page_xfinity_page .col2 #rest_primary_0 .headline a, #page_xfinity_page .col2 #rest_primary_1 .headline a, #page_xfinity_page .col2 #rest_primary_2 .headline a, #page_xfinity_page .col2 #rest_primary_3 .headline a, #page_xfinity_page .col2 #rest_primary_4 .headline a, #page_xfinity_page .col2 #rest_primary_5 .headline a, #page_xfinity_page .col2 #rest_primary_6 .headline a, #page_xfinity_page .col2 #rest_primary_7 .headline a, #page_xfinity_page .col2 #rest_primary_8 .headline a, #page_xfinity_page .col2 #rest_primary_9 .headline a, #page_xfinity_page .col2 #rest_primary_10 .headline a, .polltable, .polltable h4 {font-family:'Proxima Nova Semi Bold';font-weight:normal; font-size:16px; line-height:20px; margin-bottom:5px;} body[id*=slideshow] .subsection h2, .slideshow h1 {font-family:'Proxima Nova Semi Bold'; color: #333;} /* .cols2 .col2 .subsection .desc{display:none;}*/ /*{font-size:18px; line-height:22px; font-weight:normal; font-family:'Proxima Nova Semi Bold';}*/ /*===Slide show Default Styles===*/ .slideshow h1{text-transform:none;font-size:17px;color:#303030;border-top-width:0;border-bottom:1px solid #CCD6DB;padding-bottom:12px;margin-bottom:10px;padding-top:3px;} .lastslide h1{border-bottom:0;margin-bottom:0;} .slideshow img{cursor:pointer;} .slideshow .controls .slidecount{font-weight:normal;top:1px;font-size:11px;} .slideshow .controls{float:right;} .slideshow .controls a{margin-left:5px;} .slideshow .controls a .icon-prev{background-position:-117px 0;} .slideshow .controls a .icon-next{background-position:-160px 0;} .slideshow .controls a:hover{text-decoration:none;color:#2077B6;} .slideshow .controls .btn-next span,.slideshow .controls .btn-prev span{padding-top:12px;} .slideshow .controls a .icon-prevHover,.slideshow .controls a:hover .icon-prev{background-position:-117px -22px;} .slideshow .controls a .icon-nextHover,.slideshow .controls a:hover .icon-next{background-position:-160px -22px;} .slideshow .btn-replay{float: left; font-size: 17px; margin-right: 6px;} body[id*=slideshow] .cnbc-contents {color: #333;} body[id*=slideshow] .col1,#page_quiz .col1{width:600px;margin:0 0 0 10px;} body[id*=slideshow] .col2,#page_quiz .col2{width:300px;margin:0 0 0 40px;} body[id*=slideshow] .socialWrapper{margin-bottom:15px;} body[id*=slideshow] .filmstrip .asset, #page_quiz .filmstrip .asset{width:140px;margin-right:13px;} body[id*=slideshow] .filmstrip .last .asset, #page_quiz .filmstrip .last .asset{margin-right:0} body[id*=slideshow] .subsection h2{font-size:14px;margin-bottom:10px;} body[id*=slideshow] .subsection h3{padding-bottom:12px;padding-top:4px;text-align:right;border-bottom:1px solid #CCD6DB;border-top:0px;} body[id*=slideshow] .subsection h3 a{font-size:16px;font-weight:normal;text-transform:capitalize;} body[id*=slideshow] .subsection .content{border-bottom:1px solid #ccd6db;} body[id*=slideshow] .subsection .content *{font-size:12px;} body[id*=slideshow] .subsection .content ul{list-style-type:disc;list-style-position:outside;} body[id*=slideshow] .subsection .content ul li{margin-left:15px;} body[id*=slideshow] .subsection .lastslide .content{border:0px;} body[id*=slideshow] .subsection .lastslide .content *{margin:5px 0;} body[id*=slideshow] .subsection .lastslide .content p{font-size:14px;font-family: 'Proxima Nova Semi Bold';} body[id*=slideshow] .subsection .lastslide .content a{color:#3577A4;font-size:11px;} body[id*=slideshow] .collapse .content{max-height:137px;overflow:hidden;} body[id*=slideshow] .collapse .dbl-arr{background-position:-89px -52px;} body[id*=slideshow] .dbl-arr{background-position:-89px -45px;} #slideshow-text .controls{text-align:right;padding-top:5px;} #slideshow-text .controls a{color:#2077B6;} #slideshow-text .controls a:hover{text-decoration:none;} #slideshow-text .courtesy{color:#3577A4;padding:10px 0;border-bottom:1px solid #ccd6db;} #slideshow-text .dbl-arr{margin-right:4px;} #slideshow-text .content p {margin-bottom: 10px;} body[id*=slideshow] .col2 .desc_size80_80 .headline{width:210px;} body[id*=slideshow] .col2 .desc_size80_80 .desc, body[id*=slideshow] .col2 .desc_size80_80 ul {margin-left: 90px;} /* SHOW PEOPLE DESCRIPTIONS*/ .cols2 .col2 #rt_people .desc{display:block;} .cols2 .col2 #rt_people .desc_size60_60 .headline{width:280px;} #page_franchise .col2 #rest_related_0 .headline a,.col2 #rest_related_0 .headline a, #page_franchise .col2 #rest_related_1 .headline a, #page_franchise .col2 #rest_related_2 .headline a, #page_franchise .col2 #rest_related_3 .headline a, #page_franchise .col2 #rest_related_4 .headline a, #page_franchise .col2 #rest_related_5 .headline a, #page_franchise .col2 #rest_related_6 .headline a, #page_franchise .col2 #rest_related_7 .headline a, #page_franchise .col2 #rest_related_8 .headline a, #page_franchise .col2 #rest_related_9 .headline a, #page_franchise .col2 #rest_related_10 .headline a, #page_franchise .col2 #rt_promo_light_00 .headline a, .col2 #rt_promo_light_00 .headline a, #page_franchise_condensed .col2 #rest_related_0 .headline a, #page_franchise_condensed .col2 #rest_related_1 .headline a, #page_franchise_condensed .col2 #rest_related_2 .headline a, #page_franchise_condensed .col2 #rest_related_3 .headline a, #page_franchise_condensed .col2 #rest_related_4 .headline a, #page_franchise_condensed .col2 #rest_related_5 .headline a, #page_franchise_condensed .col2 #rest_related_6 .headline a, #page_franchise_condensed .col2 #rest_related_7 .headline a, #page_franchise_condensed .col2 #rest_related_8 .headline a, #page_franchise_condensed .col2 #rest_related_9 .headline a, #page_franchise_condensed .col2 #rest_related_10 .headline a, #page_franchise_condensed .col2 #rt_promo_light_00 .headline a, #page_franchise_expanded .col2 #rest_related_0 .headline a, #page_franchise_expanded .col2 #rest_related_1 .headline a, #page_franchise_expanded .col2 #rest_related_2 .headline a, #page_franchise_expanded .col2 #rest_related_3 .headline a, #page_franchise_expanded .col2 #rest_related_4 .headline a, #page_franchise_expanded .col2 #rest_related_5 .headline a, #page_franchise_expanded .col2 #rest_related_6 .headline a, #page_franchise_expanded .col2 #rest_related_7 .headline a, #page_franchise_expanded .col2 #rest_related_8 .headline a, #page_franchise_expanded .col2 #rest_related_9 .headline a, #page_franchise_expanded .col2 #rest_related_10 .headline a, #page_franchise_expanded .col2 #rt_promo_light_00 .headline a, #page_xfinity_page .col2 #rest_related_0 .headline a, #page_xfinity_page .col2 #rest_related_1 .headline a, #page_xfinity_page .col2 #rest_related_2 .headline a, #page_xfinity_page .col2 #rest_related_3 .headline a, #page_xfinity_page .col2 #rest_related_4 .headline a, #page_xfinity_page .col2 #rest_related_5 .headline a, #page_xfinity_page .col2 #rest_related_6 .headline a, #page_xfinity_page .col2 #rest_related_7 .headline a, #page_xfinity_page .col2 #rest_related_8 .headline a, #page_xfinity_page .col2 #rest_related_9 .headline a, #page_xfinity_page .col2 #rest_related_10 .headline a, #page_xfinity_page .col2 #rt_promo_light_00 .headline a, #rt_promo_light_10 .headline a, #page_xfinity_page #prtnr_mod_stories .headline a, .col2 #rt_featured_franchise .headline{font-family:'Proxima Nova Semi Bold';font-weight:normal; font-size:14px; line-height:20px; margin-bottom:5px;} #page_market_front .asset .headline a{font-family:'Proxima Nova Semi Bold'; font-weight:normal; font-size:14px;line-height: 20px;} #page_market_front .col2 .asset .headline a{font-size:12px; line-height: 16px;} #page_market_front table.data tbody td a{font-family:'Proxima Nova Semi Bold'; font-weight:normal; font-size:12px;} .profile h1{font-size:34px; line-height:40px;} .profile .title, .profile .title a{font-weight:normal; font-size:18px; line-height:22px;} #page_profile .btn, #page_profile .source a, #page_portfolio_contributor .btn, #page_portfolio_contributor .source a{font-weight:normal;} .slideshow h1{font-size:20px; line-height:24px;} body[id*=slideshow] .subsection h2, #slideshow-text .controls a{font-size:16px;} /* #slideshow-text .content p{font-size:16px; line-height:22px;}*/ body[id*=slideshow] .subsection .content * {font-size:14px; line-height:20px;} #slideshow-text .courtesy{color:#333; padding-top:20px; font-size:12px; border-bottom: solid 1px #ccd6db; padding-bottom:10px;} body[id*=slideshow] .filmstrip h3{font-size:18px; font-weight:normal; margin-top:10px; color:#333;} body[id*=slideshow] #moreFromFranchise .headline a{font-size:18px; line-height:22px;} .polltable .poll-question{font-weight:normal;} #page_franchise_condensed #pipeline_assetlist_0 .headline a{font-size:20px; line-height:24px;} .cnbc-contents .cnbc-body .SB_2 .ob_org_header h3, .cnbc-contents .cnbc-body .SB_1 .ob_org_header h3{font-family:'Proxima Nova Semi Bold'; font-weight:normal} /*END RIGHT RAIL*/ body[id*=slideshow] .subsection .content a { font-family: 'Proxima Nova Semi Bold'; } .market-overview .asset .headline a { font-size: 20px; } #page_video_gallery.web #tabs_carousel_wrapper .tray .carousel_asset:last-child .carouselBody .mask { margin-bottom: 40px!important; } /* New video playback page */ #page_ng-video-gallery .cnbc-body { max-width: 1292px; width: 100%; } #page_ng-video-gallery .top-player-section { display: block; width: calc(100vw - 152px); margin-left: auto; margin-right: auto; border-bottom: solid #ccd6db 1px; padding-bottom: 20px; } #page_ng-video-gallery #video-title { max-height: none; } #page_ng-video-gallery .pagehead {width: calc(100vw - 152px);} @media screen and (min-width: 1292px) { #page_ng-video-gallery .top-player-section { width: 1140px; margin-left: 76px; margin-right: 76px; } #page_ng-video-gallery .pagehead {width: 1140px;} } #page_ng-video-gallery .tpContainer { width: 100% !important; height: auto !important; margin: 20px 0; } #page_ng-video-gallery .tpLayout { height: 0; padding-top: 56.25%; } #page_ng-video-gallery .tpPlayer { position: absolute !important; height: 100% !important; width: 100% !important; } #page_ng-video-gallery #social_tools_video_gig_containerParent { overflow: hidden; } #page_ng-video-gallery .module-header { border: none; font-family: 'Proxima Nova Semi Bold'; font-size: 24px; font-style: normal; line-height: 28px; margin-bottom: 5px; margin-top: 7px; margin-left: 76px; color: #737373; } #page_ng-video-gallery .cnbc-contents .tray a { font-weight: normal; } /* - default skin styles */ #page_ng-video-gallery .cols1 { margin-bottom: 100px; } #page_ng-video-gallery .cnbc-contents a.immersive-special-reports.link { padding: 5px; text-transform: uppercase; font-size: 16px; margin: 20px 0px 10px; display: inline-block } #page_ng-video-gallery .cols1 .col1 .title { padding: 5px 0 10px 0; } #page_ng-video-gallery .cols1 .col1 #relative-time { font-size: 14px; font-family: 'Proxima Nova Semi Bold'; } #page_ng-video-gallery .cols1 .col1 .title { font-family: 'Proxima Nova Bold'; font-size: 45px; line-height: 1.2em; position: relative; z-index: 1; } #page_ng-video-gallery .cols1 .col1 .source, #page_ng-video-gallery .cols1 .col1 #relative-time { display: inline; font-family: 'Proxima Nova Semi Bold'; } #page_ng-video-gallery .cols1 .col1 .source:after { content: "|"; } #page_ng-video-gallery .cols1 .col1 .description { font-family: 'Proxima Nova Semi Bold'; font-size: 22px; line-height: 32px; color: #737373; clear: both; } #page_ng-video-gallery .module-header { border-bottom: none; } #page_ng-video-gallery .module-header a { color: #737373; } #page_ng-video-gallery .module-header a:hover { color: #DD4B39; } #page_ng-video-gallery #social_tools_video_gig_containerParent { width: 330px; } #page_ng-video-gallery .pageheadnav .menu { margin-left: 0; } /* - make-it skin */ #page_ng-video-gallery.makeit .cnbc-contents a.immersive-special-reports.link { background: #33bb66; color: #eee; } #page_ng-video-gallery.makeit .cols1 .col1 .title, #page_ng-video-gallery.makeit #relative-time { color: #737373; } #page_ng-video-gallery.makeit .cnbc-contents .cols1 a, #page_video_gallery.makeit .cnbc-contents .cols1 a { color: #33bb66; } #page_ng-video-gallery.makeit .cnbc-contents .cols1 a:hover, #page_video_gallery.makeit .cnbc-contents .cols1 a:hover { color: #a1a1a1; } #page_ng-video-gallery .tray .mask { margin-top: 0; } #page_ng-video-gallery .description { margin-bottom: 20px; } #page_ng-video-gallery #tabs_carousel_wrapper { margin-bottom: 20px; } #page_ng-video-gallery.makeit #tabs_carousel_wrapper ul.tray > li ul li .asset:hover .headline a { color: #a1a1a1; } #page_ng-video-gallery.makeit #tabs_carousel_wrapper ul.tray > li ul li .asset.playing .headline a { color: #a1a1a1; } /* New video playback page - end */ .cnbc-contents .cnbc-body .col1 .asset.blogpost .headline a { font-size: 20px; line-height: 24px; } .cnbc-contents .cnbc-body .col1 .bullet-river .asset.blogpost .headline a { font-size: 14px; } .cnbc-contents .cnbc-body .col1 .quick-view .bullet-river .asset.blogpost .headline a { font-size: 20px; } #page_market_front .col3 .asset .headline a { font-family: 'Proxima Nova Semi Bold'; } #page_market_front .col2 .big.asset .headline a { font-size: 24px; line-height: 28px; } #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .asset.cnbcvideo .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .asset.cnbcnewsstory .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .asset.partnerstory .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .subsection.dyperf.dyMonitor .asset.cnbcvideo .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .subsection.dyperf.dyMonitor .asset.cnbcnewsstory .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .subsection.dyperf.dyMonitor .asset.partnerstory .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .asset.imgasset.desc_size80_60 .headline a, #page_wildcard_rightrail .cnbc-contents .cnbc-body .col2 .asset.imgasset.desc_size80_60 .headline a { font-size:14px } .cnbc-contents .cnbc-body .col2 .asset.blogpost.desc_size80_60 .headline a, .cnbc-contents .cnbc-body .col2 .asset.cnbcvideo.desc_size80_60 .headline a , .cnbc-contents .cnbc-body .col2 .asset.imgasset.desc_size80_60 .headline a{ font-family: 'Proxima Nova Semi Bold'; } .cnbc-contents .cnbc-body .col2 .SB_1 .rec-link { font-size: 14px; line-height: 20px; font-family: 'Proxima Nova Semi Bold'; } .cnbc-contents .cnbc-body .AR_1 .rec-link { font-family: 'Proxima Nova Semi Bold'; font-size: 18px; line-height: 22px; } .cols2 .col2 .badge-ad + .module-header { margin-top: -18px!important; } .story a, .story .label-read-more, #rt_featured_franchise .headline, .pageheadnav .menu ul li a, #page_profile .source a, #page_portfolio_contributor .source a{font-weight:normal;font-family:'Proxima Nova Semi Bold';} .asset .headline a{font-weight:normal;} .pageheadnav .menu ul li a {font-size: 12px;} #page_franchise .cnbc-contents .cnbc-body .featured-stories .filmstrip4 .imgasset .headline a{ font-size:18px!important; } .featured-stories .filmstrip .source, .featured-stories .filmstrip time, .featured-stories .filmstrip .desc{ display:none; } .bullet-river .headline{font-size:14px!important;} .cnbc-body .quoteIframeCont .quoteSelected { font-weight:normal; font-family:'Proxima Nova Semi Bold' } #page_franchise #pipeline_assetlist_0 .headline a, .stories-lineup .headline a{font-size:22px!important; line-height:26px!important;} .stories-lineup .carousel_card .headline a{font-size: 14px !important; line-height: 16px !important;} #feature .primary .headline a{font-size:28px; line-height:32px;} #page_franchise .featured-stories .filmstrip4 .imgasset .headline a{font-size:18px; line-height:22px;} #feature .primary .source a, #feature .primary .desc a{font-size:12px; font-weight:normal; font-family:'Proxima Nova Semi Bold';} #feature .primary .desc a {display: block;} #page_franchise #pipeline_assetlist_0 .stories-lineup .asset time, #feature .featured-stories .primary time, .stories-lineup .asset time, #page_profile .btn, #page_portfolio_contributor .btn {font-family:'Proxima Nova Semi Bold';font-size:12px; font-weight:normal;} #page_franchise #pipeline_assetlist_0 .stories-lineup .asset time, #feature .featured-stories .primary time, .stories-lineup .asset time { padding: 6px 0; } .desc_size160_105 .desc, .desc_size160_105 ul{line-height:16px;} /*===================PROFILE STYLES========================*/ /*RIGHT RAIL*/ #page_profile .subsection h3, #page_portfolio_contributor .subsection h3, #page_profile .subsection h4, #page_portfolio_contributor .subsection h4 {border-bottom:#CCD6DB solid 4px;border-top:none;} #page_profile .col2, #page_portfolio_contributor .col2 {margin-top:30px;} #page_profile .col1, #page_portfolio_contributor .col1 {padding-top:30px;} #page_profile .col2 .asset, #page_portfolio_contributor .col2 .asset {color:#333;font-size:12px;line-height:18px;} #page_profile #feature h2:first-child, #page_profile #pipeline h2:first-child, #page_portfolio_contributor #feature h2:first-child, #page_portfolio_contributor #pipeline h2:first-child {text-transform:uppercase;font-size:14px;} /*WITH FRED*/ #page_profile .btn, #page_portfolio_contributor .btn {letter-spacing:0px!important;} #page_profile .col2 .asset, #page_portfolio_contributor .col2 .asset {line-height:14px;} #page_profile .col2 .asset .headline a, #page_portfolio_contributor .col2 .asset .headline a {font-size:14px; line-height:20px;font-family: 'Proxima Nova Semi Bold';} #page_profile .col2 .subsection .imgasset, #page_portfolio_contributor .col2 .subsection .imgasset {margin-bottom:25px;} #page_profile .col2 .subsection .imgasset .headline a, #page_portfolio_contributor .col2 .subsection .imgasset .headline a {font-size:14px;} #page_profile #pipeline, #page_portfolio_contributor #pipeline {margin-top:50px;} #page_profile .col2 .asset img, #page_portfolio_contributor .col2 .asset img {margin-top:2px;} #page_profile #pipeline_assetlist .headline a, #page_portfolio_contributor #pipeline_assetlist .headline a {font-size:20px; font-weight:normal;} #page_profile #pipeline_assetlist .desc, #page_portfolio_contributor #pipeline_assetlist .desc {line-height:16px;} #page_profile .primary .headline a, #page_portfolio_contributor .primary .headline a {font-size:24px; font-weight:normal; line-height:30px;} #page_profile .source, #page_portfolio_contributor .source, #page_profile .source a, #page_portfolio_contributor .source a {font-size:12px} #page_profile .featured-stories .primary .source, #page_portfolio_contributor .featured-stories .primary .source {margin-top:5px;margin-bottom:5px;} #page_profile .featured-stories .filmstrip .asset .headline a, #page_portfolio_contributor .featured-stories .filmstrip .asset .headline a {font-size:18px;line-height:22px;font-weight:normal;} #page_profile .featured-stories .filmstrip4 .imgasset .headline a, #page_portfolio_contributor .featured-stories .filmstrip4 .imgasset .headline a {font-size:16px;line-height:22px;font-weight:normal;} #page_profile .img-profile img, #page_portfolio_contributor .img-profile img {border:lightgrey solid 1px;} #page_profile .img-profile h1, #page_portfolio_contributor .img-profile h1 {width:268px;} /*===================PROFILE STYLES========================*/ .premium .story #article_body>.group-container.last .group>p:last-child:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(rgba(255,255,255,0.1) 50%, white 100%); background: -o-linear-gradient(rgba(255,255,255,0.1) 50%, white 100%); background: linear-gradient(rgba(255,255,255,0.1) 50%, white 100%); } .premium .story #article_body>.group-container.last .group>p:last-child:hover:before{ height: 0; } .premium .story #article_body>.group-container.last .group>p:last-child { color: #000; position: relative; } #articlePayload { margin-bottom: 100px; background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/loader-3.gif); background-repeat: no-repeat; background-position: center; min-height: 32px; background-size: 32px; } #live_player {width: 100%;} #live_player_universal {width: 100%;} #tutorialLightbox .cnbc-popup-lightbox {background:transparent;} #tutorialLightbox .cnbc-popup-close-btn { color:white; background:transparent; margin-right:30px } #tutorialLightbox .cnbc-popup-close-btn:hover{opacity:.7;} /*chartbeat widget*/ .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; 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*/ .top-news .module-header li.cnbclive a:hover, .top-news .module-header li.topnews a:hover, #slideshow-text .controls a:hover{ color:#DD4B39; } .top-news .featured .promo{ background:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/ThePlatform/cnbc-placeholder_530x298.png); height:298px !important; } .top-news .featured .promo .headlines{ position:absolute !important; } .btn-comments { width: 530px; font-family: 'Proxima Nova Semi Bold'; font-size: 22px; height: 45px; color: #ffffff; border:0; background: #3da5ed; border-radius: 3px; margin-bottom: 25px; } .btn-comments:focus{ outline: 0; } .btn-comments:hover { background: #3da5ed; color: #ffffff; } .disabled_toggler { background: #ccdbdb !important; } /*user form for missing display name*/ #disqus_form_container { width: 488px; border: 1px solid #ccdbdb; border-radius: 3px; margin-bottom: 20px; padding: 15px 20px; } .disqus_form_user_field { margin-top: 12px; padding-bottom: 10px; border-bottom: 1px solid #ccdbdb; } .disqus_form_msg { font-size: 14px; font-family: 'Proxima Nova Semi Bold'; color: #333; text-align: left; } .disqus_form_input_header { font-size: 16px; font-family: 'Proxima Nova Semi Bold'; margin-bottom: 10px !important; color: #333; text-align: left; } .disqus_form_input_body { width: 98%; height: 40px; font-size: 16px; font-family: 'Proxima Nova Semi Bold'; padding-left: 9px; color: #a9a9a9; font-style: normal; text-align: left; border-radius: 3px; border: 1px solid #ccdbdb; } .disqus_form_msg { font-size: 14px; font-family: 'Proxima Nova Semi Bold'; color: #333; text-align: left; } .disqus_form_error_msg { font-size: 14px; font-family: 'Proxima Nova Semi Bold'; margin-top: 10px !important; color: #ff4c4c; text-align: left; transition: opacity 0.2s ease-in-out; } .disqus_form_confirm { width: 200px; height: 30px; margin: 20px auto; padding-top: 10px; border-radius: 3px; background: #3da5ed; font-size: 18px; font-family: 'Proxima Nova Semi Bold'; color: #fff; font-style: normal; text-align: center; cursor: pointer; } .disqus_form_terms { width: 95%; font-size: 12px; font-family: 'Proxima Nova Semi Bold'; margin: auto; color: #737373; text-align: center; line-height: 14px; } .disqus_transparent { opacity: 0 !important; } /*user form for missing display name*/ /* video icon on thumbnails */ .video-icon>a{ position: relative; } .downArrowTabs .tabContents .video-icon>a{ display: block; } .video-icon .icon-cnbc-video:before, .top-news.cnbcvideo .icon-cnbc-video:before, .featured.cnbcvideo { color: #fff; } .cnbc-font-icon.icon-cnbc-video:hover:before{ color:#3f9ccd; } .unit.col2 .video-icon .cnbc-font-icon.icon-cnbc-video { position: absolute; font-size: 40px; bottom: 16px; left: 16px; text-shadow: 0px 0px 5px #000; } .unit.col2 .video-icon .cnbc-font-icon.icon-cnbc-video { font-size: 24px; top: 32px; left: 8px; } .topic-section .cnbc-font-icon.icon-cnbc-video{font-size:1em;} .topic-section .video-icon .cnbc-font-icon.icon-cnbc-video{font-size:32px;} .featured .promo .cnbc-font-icon.icon-cnbc-video { float: left; position: static; font-size: 40px; padding-bottom: 10px; margin-right: 10px; margin-top: 5px; } .cols2 .col1 .promo.video_contanier .asset .headline a{ font-size: 32px; line-height: 36px; color:#fff; } .promo.video_contanier .cnbc-font-icon.icon-cnbc-video{ float:left; } .promo.video_contanier .asset.cnbcvideo.primary .icon-cnbc-video{ margin-right: 10px; } .promo.video_contanier .icon-cnbc-video:before{ color:#fff; font-size: 40px; } .promo.video_contanier .asset:hover .headline a , .promo.video_contanier .asset:hover .icon-cnbc-video:before{ color: #3fbdec !important; cursor:pointer; } .promo.video_contanier{ position:relative; } .video_container_homepage{ padding-bottom: 20px; padding-top: 20px; } .video_container_homepage .player-lazy-loaded , .video_container_homepage .promo.video_contanier { width:530px; height:298px; } .video_container_homepage .promo.video_contanier img{ width:100%; height:auto; background-color: transparent; text-indent: -999px; } .cols2 .col1 .video_container_homepage .promo.video_contanier .asset{ padding-top:0px; } .promo.video_contanier .asset.cnbcvideo.primary .headline{padding-left: 10px !important;} .promo.video_contanier .headline{ width: 100%; position: absolute; background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png"); bottom: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 0px; padding: 12px 12px; } .unit.col2 .big-stories .video-icon .cnbc-font-icon.icon-cnbc-video { font-size: 60px; top: -54px; } .downArrowTabs .tabContents .video-icon .cnbc-font-icon.icon-cnbc-video { top: 56px; font-size: 38px; left:10px; } .header_title_container {height: 60px;} /*===PAGINATION===*/ .paging-container { width: 100%; line-height: 24px; border: 1px solid #ccd6d8; border-width: 1px 0; } .paging-container .pagination { display: block; } .paging-container .pagination * { font-family: 'Proxima Nova Semi Bold'; } .paging-container .pagination { cursor: pointer; } .paging-container .pagination span { cursor: default; color: #c34c28; } .paging-container .pagination div { text-align: center; display: inline-block; } .paging-container .pagination .leftPagCol { width: 30%; padding-left: 10px; text-align: left; float: left; } .paging-container .pagination .centerPagCol { float: left; width: 38%; } .paging-container .pagination .quickPagJump { } .paging-container .pagination .rightPagCol { padding-right: 10px; text-align: right; float: right; } .paging-container .pagination span.pageCount { margin-left: 3px; color: #333; } /*================*/ #page_video_section_front #pagination { width: 905px; } .contain:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } .stories-lineup { margin-bottom: 50px; } .carouselBody .mask ul li.dyother.dyMonitor { line-height: 22px; } /*begin=======PRO PICK===========*/ #portfolio-widget { font-size: 16px; font-family: 'Proxima Nova Semi Bold'; margin-bottom: 30px; } #live_player_post_gop {height:300px;} /*begin=======PRO PICK===========*/ #portfolio-widget { font-size: 16px; font-family: 'Proxima Nova Semi Bold'; margin-bottom: 30px; } #portfolio-widget .portfolio-title { text-transform: uppercase; } #portfolio-widget .portfolio-tabs-primary { margin: 10px 0; border-top: 4px solid #ccd6db; border-bottom: 1px solid #ccd6db; list-style: none; padding: 6px 0 0; height: 28px; } #portfolio-widget .portfolio-tabs-primary .portfolio-tab { margin: 2px 0 2px 0; float: left; text-transform: uppercase; color: #2077b6; cursor: pointer; margin: 0; position: relative; font-size: 14px; } #portfolio-widget .portfolio-tabs-primary .portfolio-tab.selected { color: #dd4b39; cursor: default; } #portfolio-widget .portfolio-tabs-primary .portfolio-tab.selected:after { background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/pointer.png) no-repeat; content: ""; background-position: center top; top: 10px; width: 100%; height: 10px; position: relative; z-index: 1; left: 0; display: block; } #portfolio-widget .portfolio-tabs-primary .portfolio-tab:not(:last-child) { border-right: 1px solid #ccd6db; padding-right: 10px; padding-top: 2px; height: 18px; line-height: 16px; } #portfolio-widget .portfolio-tabs-primary .portfolio-tab:last-child { padding-left: 10px; padding-top: 2px; height: 18px; line-height: 16px } #portfolio-widget .portfolio-overlay-loader { background-image: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/loader-3.gif); width: 32px; height: 32px; margin: 50px auto; background-size: 32px; } #portfolio-widget .portfolio-tabs-content { clear: both; display: none; } #portfolio-widget .portfolio-content { display: none; } #portfolio-widget .portfolio-content.selected { display: block !important; } #portfolio-widget .portfolio-profile { border-bottom: 1px solid #ccc; padding: 6px 0 2px 0; } #portfolio-widget .portfolio-row { margin-bottom: 10px; } #portfolio-widget .portfolio-row .portfolio-col { width: 65%; float: left; padding: 0 10px; } #portfolio-widget .portfolio-profile .portfolio-image { float: left; } #portfolio-widget .portfolio-profile .portfolio-image { height: 105px; } #portfolio-widget .portfolio-profile .portfolio-image img { width: 80px; height: 80px; } #portfolio-widget .portfolio-profile .portfolio-name { color: #2077b6; cursor: pointer; } #portfolio-widget .portfolio-profile .portfolio-name:hover { color: #dd4b39; } #portfolio-widget .portfolio-profile .portfolio-jobtitle { margin: 10px 0 10px 0; color: #000; font-size: 12px; font-family: 'Proxima Nova Semi Bold'; line-height: 14px; } #portfolio-widget .portfolio-profile .portfolio-pct { color: #e3352b; margin-top: 10px; padding-top: 0px; font-size: 18px; font-family: 'Proxima Nova Semi Bold'; } #portfolio-widget .portfolio-profile .portfolio-pct.positive { color: #31a745; } #portfolio-widget .portfolio-profile .portfolio-related { clear: both; } /*end=========PRO PICK=========*/ /* feedback notification component */ .notification-feedback-container { font-family: 'Proxima Nova Semi Bold'; height: 80px; background: #E5E5E5; margin: 10px auto 5px auto; } .notification-feedback-container a { text-decoration: none; color: #4B8CB6; } .notification-feedback-container > div { height: 100%; display: table; text-align: center; color: #222222; } .notification-feedback-container > div > * { display: table-cell; vertical-align: middle; } .notification-feedback-container .info-column, .notification-feedback-container .close-column { width: 70px; } .notification-feedback-container .info-column, .notification-feedback-container .content-column { float: left; } .notification-feedback-container .close-column { float: right; } .notification-feedback-container .content-column { font-size: 20px; width: 825px; } .notification-feedback-container .fa.fa3.fa-info-circle, .notification-feedback-container .fa.fa3.fa-times { font-size: 35px; } .notification-feedback-container .fa.fa-info-circle:before, .notification-feedback-container .fa.fa-times:before { color: #222222; } .notification-feedback-container .info-column { background: #CCCCCC; } .notification-feedback-container .content-column > div { text-align: left; padding-left: 5px; } /* end of feedback notification component */ /*================== Start: HP Feedback ==========================*/ #page_home_page_responsive .notification-feedback-container { padding: 0; margin: 0; width: 0; height: 0; } #hp-feedback { display: block; padding: 55px 0px 55px 0px; width: 35px; z-index: 999995; cursor: pointer; right: -13px; transition: right .2s; -moz-transition: right .2s; -webkit-transition: right .2s; position: fixed; top: 50%; margin-top: -55px; } #hp-feedback div { background-color: #3da5ed; background-repeat: no-repeat; position: absolute; display: block; height: 100%; left: 0; top: 0; width: 100%; background-position: -6px -10px; } #hp-feedback p { transform: rotate(-90deg); -moz-transform: right .2s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); text-decoration: none; margin-top: 57px; margin-right: 11px; font-family: 'Proxima Nova Semi Bold'; color: #fff; font-size: 15px; } #hp-feedback span { bottom: 15px; display: block; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/plus.gif?vn=1) no-repeat; height: 9px; position: absolute; width: 9px; left: 7px; } #hp-feedback:hover { right: -5px; } @media screen and (min-width: 977px){ #hp-feedback-mobile{ display: none; } } @media screen and (max-width: 976px) { #page_home_page_responsive .notification-feedback-container { height: 25px; } body #hp-feedback{ display: none; } #hp-feedback-mobile{ display: block; text-align: center; color: #1d1d1d; padding-bottom: 10px; } #hp-feedback-mobile a{ color: #1d1d1d; text-decoration: none; } #hp-feedback-mobile a:hover{ text-decoration: underline; } } /*================== End: HP Feedback ==========================*/ /*================== Start: Dockable Player Styles ==========================*/ /* 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; } /*================== End: Dockable Player Styles ==========================*/ /*=================== Start: Show Detail Page Styles ==================================*/ #page_video-show-detail #dart_wrapper_boxad1 { width: 100%; z-index: 1; clear: both; position: absolute; top: 0; background: #ccc; height: 100%; } #page_video-show-detail #dart_box_ad_1 {height: 405px;} #page_video-show-detail #dart_wrapper_boxad1 > div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } #page_video-show-detail .cnbc-contents, #page_video-show-lander .cnbc-contents { position: relative; min-width: auto; } /* Overrite header h2 styles */ #page_video-show-detail .cols2 .col1 .featuredPromo .headline{ /*color: #ddd; text-transform: none; border-top: none; padding: 10px 0; margin: 0; font-size: 16px;*/ border-bottom: none; } #page_video-show-lander #dart_wrapper_topbanner, #page_video-show-detail #dart_wrapper_topbanner { margin-top: 20px; margin-bottom: 20px; } #page_video-show-lander .cnbc-body, #page_video-show-detail .cnbc-body { box-shadow: 4px 0 9px rgba(0,0,0,0.1), -4px 0 9px rgba(0,0,0,0.1); } #page_video-show-detail .top-section-bg { background: none; height: 635px; position: absolute; width: 100%; /*top: 155px;*/ z-index: -1; background-repeat: no-repeat; background-size: cover; } #page_video-show-lander #dart_wrapper_topbanner, #page_video-show-detail #dart_wrapper_topbanner { margin-bottom: 20px; } #page_video-show-detail #dart_wrapper_topbanner { margin-top: 20px; padding-top: 10px; } #page_video-show-detail .cnbc-body, #page_video-show-lander .cnbc-body { min-width: 500px; padding: 0; max-width: 1140px; width: auto; /*width: 1140px;*/ margin-top: 20px; margin-bottom: 80px; } #page_video-show-detail:not(.makeit) #cnbc-contents, #page_video-show-lander:not(.makeit) #cnbc-contents { padding-bottom: 80px; margin-bottom: 0px; } #page_video-show-lander .cols1 { padding-left: 0; margin-top: 0; } #page_video-show-detail .cols2 .col1 { width: 720px; margin: 0 30px 0 20px; } #page_video-show-detail .cols2 .col2 { position: relative; margin-right: 20px; } #page_video-show-detail .cols1, #page_video-show-lander .cols1 { width: auto; } #page_video-show-detail .module-header, #page_video-show-lander .module-header { border: none; font-family: 'Proxima Nova Semi Bold'; font-size: 24px; font-style: normal; line-height: 28px; margin-bottom: 5px; margin-left: 76px; color: #737373; } #page_video-show-detail .module-header a, #page_video-show-lander .module-header a { color: #737373; } #page_video-show-detail .module-header a:hover, #page_video-show-lander .module-header a:hover { color: #DD4B39; } #page_video-show-detail .promo-container .imgasset.desc_size350_197 .fa-video {font-size: 2em;} #page_video-show-detail .promo-container .imgasset.desc_size350_197 .fa-video:before {width: auto;} .carousel_card { padding-top: 50px; clear: both; } /* Card v2 Styles */ .carousel_card .desc_size320_180 { position: relative; width: 240px; height: 235px; border: 1px solid #ddd; box-shadow: 0 0 3px 0 #ddd; } .cnbcvideo.imgasset a { position: relative; display: block; } .carousel_card .asset:hover > .headline { color: #dd4b39; } .carousel_card .asset:hover { cursor: pointer; } .carousel_card .asset a img { display: block; width: 100%; height: 135px; } .cnbcvideo .video-length, .featuredPromo.desc_size350_197 .video-length { position: absolute; bottom: 0; right: 0; padding: 0 7px; background-color: rgba(0,0,0,0.5); font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #999999; font-style: normal; line-height: 22px; } .featuredPromo.desc_size350_197 a .video-length { background: none; } .carousel_card time { font-family: 'Proxima Nova Semi Bold'; font-size: 11px; color: #999999; font-style: normal; line-height: 22px; display: block; margin-left: 10px; clear: both; } .carousel_asset.carousel_card .asset .headline{ margin-left: 10px; margin-right: 10px; } .carousel_asset.carousel_card.slider .headline { margin-left: 0; margin-right: 0; } .carousel_card .asset .headline { font-family: 'Proxima Nova Semi Bold'; } .carousel_card .asset .headline a { font-size: 16px; line-height: 20px; display: block; padding-top: 10px; } .carousel_card .imgasset .pill { font-family: 'Proxima Nova Semi Bold'; font-size: 14px; color: #fff; font-style: normal; text-align: left; line-height: 18px; background-color: #f26522 !important; box-shadow: rgba(0,0,0,0.75); text-transform: uppercase; display: block; padding: 2px 15px; position: absolute; top: 0; left: -10px; border-radius: 0; } .carousel_card .imgasset.cnbcvideo .pill {top: -135px;} .imgasset .pill:after { display: none; } .cnbcvideo .fa { position: absolute; } /* header section */ /* featured video */ .featuredPromo.desc_size350_197 { position: relative; cursor: pointer; line-height: 0;/* fix for card/overlay misallignment */ } /* Header Section Styles */ .featuredPromo.desc_size350_197 .overlay { display: table; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.85); box-sizing: border-box; padding: 0; z-index: 1; width: 100%; } .cnbcvideo.featuredPromo.desc_size350_197 .overlay { padding: 0; } .featuredPromo.desc_size350_197 .overlay { height: 70px; padding: 0 15px; } .featuredPromo.desc_size350_197 .headlines { position: static; border: none !important; /*position: static;*/ /* height: auto; */ /* bottom: 0; */ /* margin: 0; */ font-weight: normal; width: 100%; padding: 0; /* box-sizing: border-box; */ /* -moz-box-sizing: border-box; */ /* -webkit-box-sizing: border-box; */ display: table-cell; vertical-align: middle; /* height: auto; */ background: none; } .featuredPromo.desc_size350_197 .fa { position: static; display: table-cell; vertical-align: middle; text-align: center; left: 0; bottom: 0; } .featuredPromo.desc_size350_197 .headlines a { font-family: "Proxima Nova Semi Bold"; color: #ddd; font-style: normal; text-align: left; } .featuredPromo.desc_size350_197 .headlines { font-size: 16px; line-height: 20px; letter-spacing: 0em; padding: 5px 0; } .featuredPromo.desc_size350_197 .headlines a { padding-right: 45px; } .featuredPromo.desc_size350_197:hover .headlines a, .cnbcvideo.featuredPromo.desc_size350_197:hover .fa-video:before { color: #3fbdec; } /* Video Icon on Card V2*/ .cnbcvideo .fa-video:before { content: "\f144"; opacity: 0.8; color: #fff; } .cnbcvideo:hover .fa-video:before { opacity: 1; } .cnbcvideo .fa, .featuredPromo.desc_size350_197 .fa { 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); text-shadow: 0 0 1px rgba(0,0,0,0.8); } .carousel_card .fa { font-size: 51px; line-height: 44px; left: 10px; bottom: 15px; } .featuredPromo.desc_size350_197 .fa-video:before { display: inline-block; } .featuredPromo.desc_size350_197 .fa-video:before { font-size: 43px; line-height: 35px; width: 70px; } .featuredPromo.desc_size350_197 { margin-bottom: 11px; } #page_video-show-detail .promo-container:last-child { margin-bottom: 0; } /* Updated Carousel Styles for Card v2 */ .carousel_asset .scroll-cue { background-image: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,0.2), rgba(255,255,255,0.4), rgba(255,255,255,0.6), rgba(255,255,255,0.8), rgba(255,255,255,0.9), rgba(255,255,255,0.95), rgba(255,255,255,0.99), rgba(255,255,255,1) ); display: block; position: absolute; height: 228px; width: 60px; right: 35px; } .carousel_asset .scroll-cue.disabled { display: none; } .carousel_asset.carousel_card .leftArrow, .carousel_asset.carousel_card .rightArrow { font-family: "Proxima Nova Regular", Arial; font-size: 75px; background-color: #fff; color: #d6dadb; } .carousel_asset.carousel_card .leftArrow { /*margin-left: 16px;*/ margin-right: 25px; } .carousel_asset.carousel_card .carouselBody { margin-left: 16px; margin-right: 16px; } .carousel_asset.carousel_card .rightArrow { margin-left: 25px; /*margin-right: 16px;*/ } .carousel_asset.carousel_card .leftArrow.disabled, .carousel_asset.carousel_card .rightArrow.disabled { color: #e6eaeb; } .carousel_asset.carousel_card ul li { margin-right: 20px !important; } .carousel_card .carouselBody { position: relative; } .carousel_card .video-icon > a {float: none;} .tray_v2 .asset { position: relative; width: 240px; height: 225px; border: 1px solid #ddd; box-shadow: 0 0 3px 0 #ddd; } .tray_v2 .asset > a { position: relative; display: block; } .tray_v2 .asset .headline { font-family: 'Proxima Nova Semi Bold'; } .tray_v2 .asset:hover .headline { color: #dd4b39; } .tray_v2 .asset:hover { cursor: pointer; } .tray_v2 .asset a img { display: block; width: 100%; } .tray_v2 .video-length { position: absolute; bottom: 0; right: 0; padding: 0 7px; } .tray_v2 .video-length, .featuredPromo.desc_size350_197 .video-length { background-color: rgba(0,0,0,0.5); font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #999999; font-style: normal; line-height: 22px; } .featuredPromo.desc_size350_197 .video-length { display: table-cell; vertical-align: bottom; text-align: right; padding: 0 1em .8em 0; background: none; } .featuredPromo.desc_size350_197 a .video-length { background: none; } #secondaryPromounitwrap { overflow: hidden; margin-left: 20px; margin-right: 20px; } .secondaryPromounit1 { float: left; width: calc((100% - 30px)/2); margin-right: 30px; } .secondaryPromounit2 { overflow: hidden; width: calc((100% - 30px)/2); } .tray_v2 .asset .datestamp { font-family: 'Proxima Nova Semi Bold'; font-size: 12px; color: #999999; font-style: normal; text-align: left; line-height: 22px; } .tray_v2 .asset .headline, .tray_v2 .asset .datestamp, .tray_v2 .creator .desc { margin-left: 10px; margin-right: 10px; } .tray_v2 .asset .headline { margin-top: 8px; margin-bottom: 8px; } .tray_v2 .asset .pill { font-falmily: 'Proxima Nova Semi Bold'; font-size: 14px; color: #fff; font-style: normal; text-align: left; line-height: 18px; background-color: #f26522; box-shadow: rgba(0,0,0,0.75); text-transform: uppercase; display: block; padding: 2px 15px; position: absolute; } .tray_v2 .asset .pill:after { display: none; } .tray_v2 .asset .fa { position: absolute; } /* responsive cards */ .tray_v2.responsive .asset { width: 480px; height: 385px; } .tray_v2.responsive .asset .headline a { font-size: 28px; line-height: 32px; } .card_v2 { width: 320px; } .desc_size720_450 { width: 420px; } /* Carousel pagination styles */ .carousel_card .pagination-links { list-style: none; margin: 0; text-align: center; clear: left; } .carousel_card ol.pagination-links li { margin: 0 6px; display: inline-block; } .carousel_card .pagination-links a { width: 12px; height: 12px; display: block; cursor: pointer; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .carousel_card .pagination-links .current a { background-color: #2077B6; } /*=================== End: Show Detail Page Styles ==================================*/ #page_video-show-detail .top-news .cnbcvideo.imgasset a:first-child { position: static; display: inline; } #page_video-show-detail #recommended_by_taboola {min-height: 225px;} #page_video-show-lander .cnbc-contents .cnbc-body .col1 .asset.blogpost .headline a, #page_video-show-detail .cnbc-contents .cnbc-body .col1 .asset.blogpost .headline a { font-size: 16px; line-height: 20px; } #page_video-show-lander .col1, #page_video-show-detail .col1 {margin-bottom: 50px;} #page_video-show-lander .franchise, #page_video-show-lander .webresource { border: none; box-shadow: none; height: 125px; } #page_video-show-lander .slider .webresource, #page_video-show-lander .slider .franchise { height: auto; } #page_video-show-lander .franchise .headline, #page_video-show-lander .franchise time, #page_video-show-lander .webresource .headline, #page_video-show-lander .webresource time{ display: none; } .desc_size350_197 {width: 350px;} #page_video-show-detail .desc {display: none;} #page_video-show-detail .person time, #page_video-show-detail .creator time{ display: none; } #page_video-show-detail .person .desc, #page_video-show-detail .creator .desc{ display: block; margin-left: 10px; margin-right: 10px; position: relative; color: #999; } #page_video-show-detail .person p.desc.ellipsis, #page_video-show-detail .creator p.desc.ellipsis, #video-title.ellipsis, #video-desc.ellipsis { overflow: hidden; } #page_video-show-detail .person p.desc.ellipsis::after, #page_video-show-detail .creator p.desc.ellipsis::after, #video-title.ellipsis::after, #video-desc.ellipsis::after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding: 0 0 0 45px; background:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/ellipsis_bg.png) repeat-y; } #video-title.ellipsis::after { top: calc(1px * 34 * 2); } /* Schedule Component styles */ #scheduleComponent.carousel_asset.carousel_card .carouselBody { margin: 0; } #scheduleComponent.carousel_asset {min-height: 54px;margin-top: 0;padding: 0;} #scheduleComponent.carousel_asset #today_on_cnbc { font-family: 'Proxima Nova Semi Bold',Arial; background-color: #adadad; padding: 9px 10px; width: 190px; float: left; } #scheduleComponent.carousel_asset #today_on_cnbc div:first-child{ font-size: 18px; color: #fff; text-transform: uppercase; } #scheduleComponent.carousel_asset #today_on_cnbc div:last-child a { text-decoration: none; color: #fff; } #scheduleComponent.carousel_asset #today_on_cnbc div:last-child a:after{ content: " \203A"; } #scheduleComponent.carousel_asset #today_on_cnbc div:last-child{ font-size: 12px; color: #fff; } #scheduleComponent.carousel_asset ul { margin-bottom: 0; } #scheduleComponent.carousel_asset ul li .asset { padding: 9px 15px 9px 10px; border-right: 1px solid #fff; } #scheduleComponent.carousel_asset ul li:last-child .asset { border-right: none; } #scheduleComponent.carousel_asset .showDesc {display: none;} #scheduleComponent.carousel_asset ul li { background: #e1e1e1; margin: 0; margin-right: 1px !important; width: 160px; } #scheduleComponent.carousel_asset ul li .showTitle { /*font-family: 'Proxima Nova Semi Bold',Arial; font-size: 14px; line-height: 18px; color: #2077b6; letter-spacing: -0.02em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;*/ font-family: 'Proxima Nova Semi Bold',Arial; font-size: 14px; line-height: 18px; color: #2077b6; margin-right: 10px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ /* -webkit-line-clamp: 1; */ /* -webkit-box-orient: vertical; */ white-space: nowrap; } #scheduleComponent.carousel_asset ul li .startTime { font-family: 'Proxima Nova Semi Bold',Arial; font-size: 14px; line-height: 18px; color: #333; } #scheduleComponent .mask { width: calc(100% - 280px) !important; background: #e1e1e1;} #scheduleComponent .carouselBody {clear: none;} #scheduleComponent ul li > div {width: 150px;} #scheduleComponent.carousel_card .leftArrow, #scheduleComponent.carousel_card .rightArrow { background-color: #e1e1e1; border-radius: 0; font-size: 50px; } #scheduleComponent.carousel_card .rightArrow, #scheduleComponent.carousel_card .leftArrow { color: #bbb; margin: 0; } #scheduleComponent.carousel_card .icon-cnbc-video { padding: 0; margin: 0; } #scheduleComponent.carousel_asset .scroll-cue { background-image: linear-gradient( to right ,rgba(225,225,225,0) ,rgba(225,225,225,0.2) ,rgba(225,225,225,0.4) ,rgba(225,225,225,0.6) ,rgba(225,225,225,0.8) ,rgba(225,225,225,0.9) ,rgba(225,225,225,0.95) ,rgba(225,225,225,0.99) ,rgba(225,225,225,1) ); width: 100px; } /*========================= Top Section Slider Styles =====================*/ #page_video-show-lander .slider .leftArrow, #page_video-show-lander .slider .rightArrow { background: none; z-index: 1; position: absolute; } #page_video-show-lander .slider .leftArrow { left: 0; } #page_video-show-lander .slider .rightArrow { right: 0; } #page_video-show-lander .slider ul li { margin: 0; margin-right: 0 !important; } #page_video-show-lander .slider .carouselBody, #page_video-show-lander .slider .carouselBody ul { overflow: hidden; } /*#page_video-show-lander .mask, #page_video-show-lander .mask ul { overflow: hidden; }*/ #page_video-show-lander .slider .mask, #page_video-show-lander .slider .mask ul { overflow: hidden; } /* reset carousel card width */ #page_video-show-lander .slider ul li > div { width:100%; } #page_video-show-lander .slider ul li { display: inline; } #page_video-show-lander .slider .pagination-links { height: 0; position: absolute; bottom: 12%; transform: translate(-50%, 0); left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #page_video-show-lander .slider { position: relative; /*width: 1140px;*/ height: 450px; } #page_video-show-lander .slider .carouselBody { position: relative; } #page_video-show-lander .slider .carouselBody:after { content: ""; display: block; position: absolute; width: 100%; height: 24%; bottom: 0; background-image: linear-gradient( to bottom, rgba(50,50,50,0), rgba(50,50,50,0.2), rgba(50,50,50,0.7), rgba(50,50,50,0.9), rgba(50,50,50,0.95), rgba(50,50,50,0.99), rgba(50,50,50,1) ); } #top_section_carousel {padding-top: 10px;} #page_video-show-lander #top_section_carousel .cnbc-font-icon.icon-cnbc-video, #page_video-show-lander #top_section_carousel .fa-video { display: none; } #page_video-show-lander .slider .carouselBody { margin-left: 0; margin-right: 0; } #page_video-show-lander .slider { padding-top: 0; } #top_section_carousel{ visibility:hidden; } #page_video-show-lander .slider .pagination-links { list-style: none; margin: 0; text-align: center; clear: left; } #page_video-show-lander .slider ol.pagination-links li { margin: 0 4px; display: inline-block; } #page_video-show-lander .slider .pagination-links a { width: 10px; height: 10px; display: block; cursor: pointer; border-radius: 50%; background-color: #b7b7b7; } #page_video-show-lander .slider .wildcard-container { width: 420px; padding: 10px; position: absolute; top: 30px; left: 100px; height: auto; background-color: rgba(31, 31, 31, 0.65); } #page_video-show-lander .wildcard-container h4 { font-family: "Proxima Nova Semi Bold"; font-size: 18px; margin-bottom:10px; margin-top: 5px; } #page_video-show-lander .wildcard-container h4 lnk { font-size: 1.5em; } #page_video-show-lander .wildcard-container h4 a { color:white; } #page_video-show-lander .slider .asset { margin: 0; } #page_video-show-lander .slider .wildcard { position: relative; } #page_video-show-lander .wildcard-container h2 { text-transform: uppercase; color: #f3d079; font-family: "Proxima Nova Semi Bold"; font-weight: 600; font-size: 22px; margin-bottom: 0.2em; } #page_video-show-lander .wildcard-container .airing-time { text-transform: uppercase; color: #fff; font-family: "Proxima Nova Semi Bold"; font-size: 19px; } #page_video-show-lander .wildcard-container hr { border: 0; background: #f3d079; height: 4px; } #page_video-show-lander .wildcard-container h3 { color: #fff; font-family: "Proxima Nova Semi Bold"; font-size: 1.8em; margin-top: 0.5em; line-height: 1.3em; } /* Default icon formatting */ /*#page_video-show-lander i { display: inline-block; font-style: normal; position: relative; } */ /* Additional formatting for arrow icon */ /*#page_video-show-lander i.arrow { top: -1px; width: 0.3em; height: 0.3em; border-right: 0.2em solid white; border-top: 0.2em solid white; transform: rotate(45deg); font-size: 18px; } */ #page_video-show-lander .slider li { position: relative; } #page_video-show-lander .slider .headline a, #page_video-show-lander .slider:hover .headline a { color: #fff; } #page_video-show-lander .slider .asset > .headline { display: none; position: absolute; bottom: 20%; background: #3A99DD; font-family: 'Proxima Nova Semi Bold', Arial; font-size: 18px; color: #fff; line-height: 18px; border-radius: 5px; padding: 8px 21px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); font-weight: normal; } #page_video-show-lander .slider .scroll-cue.disabled { display: none; } #page_video-show-lander .slider .leftArrow, #page_video-show-lander .slider .rightArrow { font-family: "Proxima Nova Regular", Arial; font-size: 125px; font-style: normal; /*background-color: #fff;*/ /*color: #d6dadb;*/ color: #fff; -webkit-filter: opacity(0.35); filter: opacity(0.35); } #page_video-show-lander .slider .leftArrow { padding-left: 21px; padding-right: 25px; } #page_video-show-lander .slider .rightArrow { padding-left: 25px; padding-right: 21px; } #page_video-show-lander .slider .leftArrow.disabled, #page_video-show-lander .slider .rightArrow.disabled { /*color: #e6eaeb;*/ -webkit-filter: opacity(0.20); filter: opacity(0.20); } #top_section_carousel .asset a img { height: 450px; } /*========================= End: Top Section Slider Styles =====================*/ /*========================= Player in Top Section Slider =====================*/ .slider .player-container { width: 530px; position: absolute; top: 13%; left: calc(81px + 3%); } #top_section_carousel .featuredPromo a img { height: 100%; } #page_video-show-lander #top_section_carousel .featuredPromo .fa-video { display: table-cell; } #page_video-show-lander .slider .featuredPromo .headline { display: table-cell; } .slider .cnbcvideo.featuredPromo.desc_size350_197:hover .fa-video:before { color: #fff; } .slider .featuredPromo.desc_size350_197 .fa-video:before { width: auto; padding-left: 0.5em; } .slider .loaderOverlayHP p { padding-top: 0; } #page_video-show-lander .slider .player { height: 100%; } /*========================= End: Player in Top Section Slider =====================*/ /*=========================== Start: Social Tools Show Detail Page =============================*/ #page_video-show-detail #pageHeadNav {display: none;} #page_video-show-detail .pagehead { width: 100%; margin: 0; height: 80px; } #franchise_social_tools { position: absolute; right: 0; width: auto; top: 50%; transform: translate(0, -50%); } #franchise_social_tools ul li {float: left;margin: 0;} #franchise_social_tools ul li.followText { color: #fff; text-transform: none; font-size: 15px; margin-top: 10px; margin-right: 5px; opacity: 0.5; } #franchise_social_tools ul li:last-child {margin-right: 10px;} #franchise_social_tools a { padding: 0 6px; } #franchise_social_tools .fa { font-size: 18px !important; width: 35px; height: 35px; text-align: center; border-radius: 100%; line-height: 36px !important; color: white; cursor: pointer; } /*=========================== End: Social Tools Show Detail Page =============================*/ /*========================== Start: About section style: Show Detail Page =======================================*/ #about_show { margin: 5px 20px 0 20px; line-height: 20px; font-size: 1em; } #about_show span { font-family: 'Proxima Nova Bold'; color: #333; line-height: 20px; font-weight: normal; } #about_show a:after { content: ""; } #about_show.collapse a:after { content: " \203A"; } #about_show.collapse .content { max-height: 3em; overflow-y: hidden; } #about_show .controls { text-align: right; font-family: 'Proxima Nova Semi Bold'; } #about_show.collapse .controls a { position: relative; bottom: 1.6em; background-color: #fff; } #about_show.collapse .controls a:before { content: ""; background-color: #fff;; height: 1em; width: 0.5em; display: inline-block; } /* Start: More Section: Show Detail Page */ #page_video-show-detail .about-module { margin-left: 76px; margin-bottom: 120px; } #page_video-show-detail .about-module .module-header {margin-left: 0;} #page_video-show-detail .about-module.cols2 .col1 { margin-left: 0; width: 480px;} #page_video-show-detail .about-module.cols2 .col2 { margin-right: 0; width: 480px;} #page_video-show-detail .show-details { border: 1px solid #eee; margin: 2px; margin-top: 10px; margin-bottom: 20px; box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1); font-family: 'Proxima Nova Semi Bold'; font-size: 16px; color: #737373; padding: 20px 10px 0 10px; line-height: 1.5em; } #page_video-show-detail .show-details hr { border: 0; height: 0; border-top: 1px solid #ccd6db; margin-top: 30px; } #page_video-show-detail .show-details p { margin-bottom: 22px; } #page_video-show-detail .show-details > * { padding-left: 10px; padding-right: 10px; } #page_video-show-detail .show-details h4 { color: #2077B6; font-size: 18px; font-weight: bold; letter-spacing: 0.01em; margin-top: 0; margin-bottom: 14px; } #page_video-show-detail .angle-quote-before:before, #page_video-show-detail .angle-quote-after:after { content: "\203A"; letter-spacing: 0.2em; margin-left: 4px; } #page_video-show-detail .show-details .fa-envelope-o { background: #afb8bc; } #page_video-show-detail .show-details .fa { font-size: 20px !important; width: 40px; height: 40px; text-align: center; border-radius: 100%; line-height: 40px !important; color: white; cursor: pointer; } #page_video-show-detail .about-module i { margin-right: 10px; } #page_video-show-detail .show-details h4, #page_video-show-detail .show-details h4 a { color: #737373; } #page_video-show-detail .player-lazy-loaded.dockable { height: calc(720px * 9/16); /*transition: none;*/ } #page_video-show-detail .theplatform-video__docked .player-lazy-loaded.dockable { height: 107px; } #page_video-show-detail .theplatform-video__docked iframe { width: 720px; /*transition: none;*/ } @media screen and (max-width: 1160px) { #page_video-show-lander .slider, #top_section_carousel .asset a img { height: calc((100vw * 45)/114); } #page_video-show-detail .cols2 .col1, #page_video-show-detail .cols2 .col2 { width: calc(100% - 40px); margin: 0 20px; } #page_video-show-detail .theplatform-video__docked iframe { width: calc(100% - 40px); } #page_video-show-detail .player-lazy-loaded.dockable { height: calc((100vw - 40px) * 9/16); } #page_video-show-detail .cols2 .col2 { margin-top: 30px; } #page_video-show-detail #dart_box_ad_1 { height: 250px; } #page_video-show-detail .featuredPromo.desc_size600_400, #page_video-show-detail .featuredPromo.desc_size600_337, #page_video-show-detail .featuredPromo.desc_size940_528 { font-size: 4vw; } #page_video-show-detail .promo-container { float: left; width: calc((100% - 30px)/2); height: auto; margin-bottom: 0; } #page_video-show-detail .featuredPromo.desc_size350_197 { width: 100%; font-size: 2vw; } #page_video-show-detail #secondaryPromounitwrap .featuredPromo { font-size: 2vw; } #page_video-show-detail .featuredPromo.desc_size350_197 img { width: 100%; height: auto; } #page_video-show-detail .promo-container:first-of-type { margin-right: 30px; } #page_video-show-detail .cols1 { margin-top: 30px; } #page_video-show-detail #about_show { margin: 0 2.5%; } #page_video-show-detail .about-module.cols2 { width: calc(100% - 80px); margin-left: 40px; margin-right: 40px; } #page_video-show-detail .about-module.cols2 .col1 { width: 100%; } #page_video-show-detail .about-module .col1 { width: 100%; } #page_video-show-detail .about-module.cols2 .col2 { width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 500px) { #page_video-show-detail .featuredPromo.desc_size600_400, #page_video-show-detail .featuredPromo.desc_size600_337, #page_video-show-detail .featuredPromo.desc_size940_528 { font-size: 20px; } } /*========================== End: About section style: Show Detail Page =======================================*/ /*======================Migrated CSS from components=========================*/ .cols4 .flex_chart .icon{ line-height: 0 !important; font-size: 0; } .breaking { background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sectionheads.jpg); background-repeat:no-repeat; } /*===Profile Default Styles===*/ #page_profile .collapse .content, #page_social-profile .collapse .content, #page_portfolio_contributor .collapse .content{max-height:190px;overflow:hidden;margin-bottom:7px;} /* #page_profile .story .controls{text-align:left;border:0;padding-bottom:15px;} */ #page_profile .story .controls a, #page_social-profile .story .controls a, #page_portfolio_contributor .story .controls a{font-weight:normal;font-size:11px;} .profile{overflow:hidden;zoom:1;} .profile h1{margin-top: 0; margin-bottom:20px;} .img-profile h1{width:270px;float:right;} .img-profile img{margin:0 20px 25px 0;float:left} .profile .title, .profile .title a{font-family: 'Proxima Nova Semi Bold';} .profile .title{margin-bottom:20px;} .img-profile .widgets{width:270px;float:right;} .profile .widgets h3{font-size:16px;text-transform:capitalize;margin-bottom:15px;border-top-width:4px;} /*===Blogpost Default Styles===*/ #page_blogpost #related_embed_links{margin:0 25px 10px 0;float:left;width:200px;} /*===Quiz Default Styles===*/ .quizcontent *{font-family: 'Proxima Nova Semi Bold';} .quizcontent a:hover{text-decoration:none;} .quizland .content *{font-weight:normal;} .quizcontent .content img{margin-right:10px;} .quizcontent .content p{margin-top:16px;} .quizlast .content{margin-top:20px;} .quizlast .content ul{margin-bottom:15px;} .quizlast .content ul li{display:none;} .quizlast .content ul li.selected{display:block;} .quizcontent .btn{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;} .quizcontent .btn:hover{color:#fff;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;} #quizcontent ol .incorrect{text-decoration:line-through;} #quizcontent .btn{color:#fff;font-size:13px;text-transform:uppercase;padding:0 15px;height:29px;line-height:29px;background-color:#4688ab;border:1px solid #abbcc6;border-top-color:#9cb5c2;border-bottom-color:#d1d1d1;color:#fff;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%);} #quizcontent .btn:hover{text-decoration:none;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%);} #quizcontent{padding-bottom:40px;border-bottom:4px solid #CCD6DB;} #quizcontent h1{font-size:30px;color:#3692a9;padding:5px 0;border-bottom:4px solid #ccd6db;margin: -10px 0 0 0;} #quizcontent h3{font-size:16px;color:#156e99;margin-bottom:10px;padding-top:10px;border:0;text-transform:none;} #quizcontent p{font-size:16px;} #quizcontent ol{list-style-type:upper-alpha;margin-top:10px;padding:15px 0 15px 20px;border:1px solid #d2d8e0;border-width:1px 0;} #quizcontent ol li{cursor:pointer;padding:0 0 5px 5px;font-weight:normal;} #quizcontent ol li:hover{color:#156E99} #quizscore{padding:10px 0 15px;} #quizcontent .source{margin:10px 0 0;font-style:italic} #quizanswer *,#quizanswer p{font-size:14px;} #quizcontent .controls{margin-top:35px;overflow:hidden;zoom:1;} #quizanswer .controls{margin-top:20px;} #quizcontent .score,.quizcontent .content{margin-top:30px;font-size:16px;} #quizcontent .score *{font-family: 'Proxima Nova Semi Bold';font-size:16px;} #quizcontent .score h5 span{font-weight:normal;} #quizcontent .score h5 #quiz-finalscore{font-family: 'Proxima Nova Semi Bold';} #quizcontent .score .content{padding-left:40px;} #page_quiz .socialWrapper{margin-bottom:40px;} .filmstrip { overflow:hidden;zoom:1; } .filmstrip h3 { border-width:1px; margin-bottom:20px; font-size:13px; } .filmstrip h3 a{font-size:13px;} .filmstrip td{display:inline;float:left;padding:0;} .featured-stories .filmstrip .asset, .col1 > .filmstrip .asset, body[id*=franchise] .filmstrip .asset{ position:relative; overflow:visible; width:160px; margin-right:25px; } .filmstrip .last .asset, body[id*=franchise] .filmstrip .last .asset {margin-right:0} #moreFromFranchise.filmstrip .asset img, body[id*=franchise] .filmstrip .asset img {position:absolute;top:0;margin-top:-105px;} .filmstrip .asset .headline a{font-size:13px;} .filmstrip .asset ul{float:none;} .filmstrip .imgasset{margin-top:0;} .filmstrip .imgasset .headline { margin-bottom:0px; width:100%; padding-top: 0; margin-top: 0; float:none; display:block; } .filmstrip .asset ul {margin-left: 0px;} #moreFromFranchise{margin:0 0 20px;} /* video icon on thumbnails */ .imgasset .cnbc-font-icon.icon-cnbc-video { position:absolute; top: 70px; font-size: 32px; text-shadow: 0px 0px 5px #000; } .filmstrip .imgasset .cnbc-font-icon.icon-cnbc-video { position:absolute; top: 0; font-size: 40px; margin-top: -50px; left: 8px; } .icon-cnbc-video:before { color: #fff; } .cnbc-font-icon.icon-cnbc-video:hover:before { color:#3f9ccd; } .unit.col2 .imgasset .cnbc-font-icon.icon-cnbc-video { position: absolute; top: 32px; font-size: 24px; margin: 0; padding: 0; left: 8px; } .primary.imgasset .cnbc-font-icon.icon-cnbc-video { margin: 0; top: 114px; left: 10px; font-size: 50px; } #pipeline .video-icon>a{ display: block; } #moreFromFranchise.filmstrip .video-icon>a { position: static; } #social_bar_middle_gig_containerParent { margin-top: 20px; } .story .controls {text-align: right;border: 1px solid #ccd6db;border-width: 1px 0 0;padding: 8px 0 5px;} .cols2 .col1 h2, .bigHeader h2, .bigHeader h3{ color:#333; text-transform:uppercase; border-top:0; padding:0 0 3px; font-size:14px; border-bottom:4px solid #CCD6DB; border-top:0; margin-bottom: 10px; } .featured-stories, .featured-stories .primary, .stories-lineup, .stories-lineup .filmstrip td, .stories-lineup .story-summary{margin-bottom:50px;} .featured-stories p, .stories-lineup p, .stories_assetlist .source a{font-size:12px;} .featured-stories h2 {margin-bottom: 20px;} .featured-stories .primary .headline{margin-bottom:15px;} .featured-stories .primary .headline a{font-size:22px;} body[id*=franchise] #cnbc-contents .featured-stories .primary .source{font-size:11px;margin:10px 0;padding:0;} .featured-stories .primary .source a{font-size:11px;} .featured-stories .primary time{display:block;border-top:0px;padding:0;font-size: 11px;color: #000;} .featured-stories .primary .desc a{font-size:12px;font-family: 'Proxima Nova Semi Bold';} .featured-stories .primary img{margin:0 20px 0 0;} .featured-stories .primary { padding-bottom: 5px; } .featured-stories .filmstrip .headline a, .stories-lineup .filmstrip .headline a{font-size:15px;} .featured-stories .filmstrip img, .stories-lineup .filmstrip img{margin-bottom:15px;} .featured-stories .filmstrip .desc, .stories-lineup .filmstrip .desc{margin-top:10px;} .featured-stories .filmstrip .headline a .icon {position: relative; top: -1px;} .featured-stories .stories_assetlist .headline a .icon, .stories-lineup .stories_assetlist .headline a .icon {position: relative; top: -2px;} .featured-stories .filmstrip .asset{margin-right:50px;} .featured-stories .filmstrip .last .asset{margin-right:0;} .featured-stories .filmstrip .asset{width:240px;} .featured-stories .filmstrip2 .imgasset .headline{margin-top:175px;} .featured-stories .filmstrip2 .asset img{margin-top:-175px;} .featured-stories .filmstrip3 .imgasset .headline{margin-top:135px;} .featured-stories .filmstrip3 .asset img{margin-top:-135px;} .featured-stories .filmstrip4 .asset{width:160px;margin-right:25px;} .featured-stories .filmstrip4 .last .asset{margin-right:0;} .feature_assetlist li {margin:0 0 25px;} .cnbc-contents .stories_assetlist li.last {border-bottom: 0;margin-bottom: 0px;} .feature_assetlist .headline{width:435px;} .feature_assetlist .desc{margin-left:95px;} .feature_assetlist .headline a, .stories_assetlist .headline a{font-size:16px;} .feature_assetlist img, .stories_assetlist img{margin:0 15px 0 0;} .cnbc-contents .stories_assetlist li{border-bottom:1px solid #CCD6DB;} .cnbc-contents .stories_assetlist li .asset.desc_size160_105, .cnbc-contents .stories_assetlist li .asset.desc_size240_160 {padding: 25px 5px 25px 0;} .stories_assetlist .headline{margin-bottom:5px;} .stories-lineup .asset .timestamp{display:block;border:0;padding:0; padding-top: 5px;} #page_video_section_front .stories-lineup .filmstrip img {margin: 0} body[id*=franchise] .big-stories .headline { line-height: inherit; font-size: inherit; } .cols1 .filmstrip6{padding: 0 6px;} .cols1 .filmstrip6 .asset{width:140px;margin-right:17px;} .cols1 .filmstrip6 .last .asset{margin-right:0;} .cols2 .col1 .story-summary:first-child .timestamp{ border-top:none; } .cols2 .col1 .story-summary .timestamp{border-top:1px solid #ccd6db;padding-top:5px;} .cols2 .col1 .story-summary > h2{border:0px;padding:0;margin:15px 0 10px;} .cols2 .col1 .story-summary > h2 a{font-size:28px;font-weight:normal;} .cols2 .col1 .story-summary .source{font-size:11px;padding:0;margin-bottom:10px;border-bottom-width:0;font-family: 'Proxima Nova Semi Bold';} .cols2 .col1 .story-summary .source a{margin-left:3px;font-family: 'Proxima Nova Semi Bold';} .cols2 .col1 .story-summary .content{font-size:14px;overflow:hidden;zoom:1;} .cols2 .col1 .story-summary .content a{font-family: 'Proxima Nova Semi Bold';} .cols2 .col1 .story-summary .content .embed-container.slideshow a {font-weight: normal;} .cols2 .col1 .story-summary .content p{font-size:14px;} .cols2 .col1 .story-summary .video533_300{width: 533px;} .cols2 .col1 .story-summary .video533_300 .vidbox{width: 533px; height: 300px;} .cols2 .col1 .story-summary .attribution span{font-size:10px;} .cols2 .col1 .story-summary .caption{font-size:12px;} .story .content{margin-top:10px;clear:both} .story h1{margin-top:10px;padding-bottom:20px;} .story-summary .count, .story-summary .count:hover{padding:0;float:right;} .byline-footer{border-bottom:4px solid #ccd6db;padding-bottom:40px;margin-top:20px;} .byline-footer .source{margin-top:18px;padding:0;overflow:hidden;zoom:1;} .relatedTopics label{text-transform:uppercase;font-family: 'Proxima Nova Semi Bold';font-size:12px;} .relatedTopics ul,.relatedTopics ul li{display:inline;} .relatedTopics ul li{border-right:1px solid #658da9;border-left:1px solid #9db7c8;padding:0 3px;} .relatedTopics ul li.first{border-left-width:0;} .relatedTopics ul li.last{border-right-width:0;} h2 a:hover,h3 a:hover{text-decoration:none; color: #DD4B39;} .promo{position: relative;overflow:hidden;} .promo h2{padding:4px 8px;border-width:0;background-color:#f4f5f6;background:-moz-linear-gradient(top,#dee0e3 10%,#fff 65%);background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#dee0e3),color-stop(65%,#fff));background:-webkit-linear-gradient(top,#dee0e3 10%,#fff 65%);background:-o-linear-gradient(top,#dee0e3 10%,#fff 65%);background:linear-gradient(top,#dee0e3 31%,#fff 65%);} body:not(id*=home) .subsection h3, .ribbon h3{border-top:4px solid #ccd6db;padding-top:3px;text-transform:uppercase;font-size:11px;} .promo h2,.subsection h3, .ribbon h3{font-size: 11px;color:#333; text-transform: uppercase;} .promo h2 a, .subsection h3 a, .bigHeader h2 a, .bigHeader h3 a, .ribbon h3 a {color:#333;} .promo h2 a:hover, .subsection h3 a:hover, .bigHeader h2 a:hover, .bigHeader h3 a:hover, .ribbon h3 a:hover {color:#DD4B39;} .subsection h3{border-top-width:1px;margin-bottom:10px;} .promo .subsection h3{border-bottom-width:0;border-top-width:1px;padding:0 0 5px 0;} .ribbon h3 {font-size: 14px;} .subsection h3, .bigHeader h2, .bigHeader h3 { font-family: 'Proxima Nova Semi Bold', Arial, Helvetica; font-size: 16px; font-weight: normal; } body[id*=franchise] .cols1, body[id*=franchise] .cols2, body[id*=franchise] .cols3, body[id*=franchise] .cols4{margin:0 auto;overflow:hidden;} .stories_assetlist .source { padding: 5px 0; } .unit.col2 .big-stories .card .video-icon .cnbc-font-icon.icon-cnbc-video { top: 32px; font-size: 24px; } .unit.col2 .card .video-icon > a { display: block; } body[id*=profile] a.btn, body[id*=contributor] a.btn{ color:#333; } body[id*=profile] .btn:hover, body[id*=contributor] .btn:hover{color:#333;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%);} .cnbc-contents .desc_size140_105 .desc, .cnbc-contents .desc_size140_105 ul {margin-left: 150px;} .cnbc-contents .desc_size93_70 .desc, .cnbc-contents .desc_size93_70 ul {margin-left: 103px;} body:not([id*=franchise_condensed]) .cnbc-contents .desc_size160_105 .desc, body:not([id*=franchise_condensed]):not([id*=video]) .cnbc-contents .desc_size160_105 time, .desc_size160_105 ul {margin-left: 170px;} .cnbc-contents .desc_size80_60 .desc, .cnbc-contents .desc_size80_60 ul {margin-left: 90px;} .cnbc-contents .desc_size240_180 .desc, .cnbc-contents .desc_size240_180 ul, .cnbc-contents .desc_size240_160 .desc, .cnbc-contents .desc_size240_160 ul, .cnbc-contents .desc_size240_240 .desc, .cnbc-contents .desc_size240_240 ul {margin-left: 260px;} .cnbc-contents .desc_size60_60 .desc, .cnbc-contents .desc_size60_60 ul {margin-left: 70px;} .pageheadnav .menu ul li.follow_us{ color: #ccc; font-weight: bold; font-size: 12px; float: right; } /*css for markets*/ .cols4 .flex_chart .icon{ line-height: 0 !important; font-size: 0; } .chartImageContainer {/*width: 224px;margin-left: auto;margin-right: auto;*/min-height:91px; text-align: center;} .imgasset .flex_chart{clear: both; overflow: visible; padding-bottom: 20px; padding-top: 10px;} .asset .showChart img{float:none;} /*===Market Fronts Default Styles===*/ #page_multi_chart_franchise .cnbc-contents, #page_market_front .cnbc-contents {font-size: 11px; color: #333;} #page_market_front .cols4 .unit {margin-right: 2px;margin-left: 0;} #page_market_front .cols4 .col1 {padding-left: 5px;} #page_market_front .cols4 .lastUnit {padding-right: 10px; width: 220px;} #page_market_front .cols4 .lastUnit .flex_chart {width: 224px;} #page_market_front .cols4 .showChart {margin-top: 10px;} .flex_chart .showChart, .quoteTable, .chartImage {clear: both;} .flex_chart .chartImage img {max-width: 100%;} /*============Styles for Chart Image Text ===========================*/ .chartImageContainer .note {text-align:left;} .cols2 .col2 .chartImageContainer .note {margin-left: 7%;} .cols3 .col1 .chartImageContainer .note {margin-left: 5%;} .cols3 .col2 .chartImageContainer .note {margin-left: 16%;} .cols3 .col3 .chartImageContainer .note {margin-left: 7%;} .cols4 .chartImageContainer .note {margin-left: 2%;} #page_market_front .cols4 .lastUnit .flex_chart .chartImageContainer .note {margin-left: 0px;} #page_prime_show_page .cols2 .col1, #page_prime_show_page .cols2 .col2, #page_prime_landing_page .cols2 .col1, #page_prime_landing_page .cols2 .col2 {margin-top: 25px;} .chart-table-story {margin-bottom: 10px;} .chart-table {margin-bottom: 40px;} #prtnr_mod_upsell { margin-bottom: 40px; text-align: center; } .asset.wildcard { margin-bottom: 0px; } .btn-replay{background-color:#707070;padding:0 8px 0 6px;height:19px;line-height:19px;border:1px solid #9c9c9c;border-top-color:#d9d9d9;border-bottom-color:#979797;background:-moz-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#707070),color-stop(50%,#8a8a8a)color-stop(80%,#676767));background:-webkit-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:-o-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);} .btn-replay, body[id*=slideshow] .btn-replay{color:#fff;font-family: 'Proxima Nova Semi Bold';text-shadow:1px 1px 1px #474747;} .btn-replay:hover{color:#fff;text-decoration:none;border:1px solid #d3d3d3;border-top-color:#eee;border-bottom-color:#cbcbcb;background-color:#9c9c9c;background:-moz-linear-gradient(top,#9c9c9c 20%,#b6b6b6 50%,#acacac 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#9c9c9c),color-stop(50%,#b6b6b6),color-stop(80%,#acacac));background:-webkit-linear-gradient(top,#9c9c9c 20%#b6b6b6, 50%,#acacac 80%);background:-o-linear-gradient(top,#9c9c9c 20%,#b6b6b6 50%,#acacac 80%);background:linear-gradient(top,#9c9c9c 20%,#b6b6b6 50%,#acacac 80%);} .btn-replay span{margin-right:4px;background-position:-116px -9px;padding:13px 12px 0 0;position:relative;} .btn-live{color:#fff;text-transform:uppercase;border-width:0;height:20px;line-height:20px;background-color:#ce5a2f;background:-moz-linear-gradient(top,#ce5a2f 31%,#DD4B39 65%);background:-webkit-gradient(linear,left top,left bottom,color-stop(31%,#ce5a2f),color-stop(65%,#DD4B39));background:-webkit-linear-gradient(top,#ce5a2f 31%,#DD4B39 65%);background:-o-linear-gradient(top,#ce5a2f 31%,#DD4B39 65%);background:linear-gradient(top,#ce5a2f 31%,#DD4B39 65%);} .btn-live:hover{color:#fff;background-color:#DD4B39;background:-moz-linear-gradient(top,#DD4B39 31%,#ce5a2f 65%);background:-webkit-gradient(linear,left top,left bottom,color-stop(31%,#ce5a2f),color-stop(65%,#ce5a2f));background:-webkit-linear-gradient(top,#ce5a2f 31%,#ce5a2f 65%);background:-o-linear-gradient(top,#ce5a2f 31%,#ce5a2f 65%);background:linear-gradient(top,# 31%,#ce5a2f 65%);} .btn-live span{margin-right:4px;background-position:-116px 0;padding:7px 10px 0 0;top:-1px;position:relative;} .btn-next,.btn-prev{height:18px;line-height:18px;border-color:#a6a6a6;border-top-color:#e3e3e3;background-color:#9c9c9c;background:-moz-linear-gradient(top,#9c9c9c 20%,#b2b2b2 50%,#9c9c9c 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#9c9c9c),color-stop(50%,#b2b2b2)color-stop(80%,#9c9c9c));background:-webkit-linear-gradient(top,#9c9c9c 20%,#b2b2b2 50%,#9c9c9c 80%);background:-o-linear-gradient(top,#9c9c9c 20%,#b2b2b2 50%,#9c9c9c 80%);background:linear-gradient(top,#9c9c9c 20%,#b2b2b2 50%,#9c9c9c 80%);} .btn-next:hover,.btn-prev:hover{background-color:#707070;background:-moz-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#707070),color-stop(50%,#8a8a8a)color-stop(80%,#676767));background:-webkit-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:-o-linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);background:linear-gradient(top,#707070 20%,#8a8a8a 50%,#676767 80%);} .btn-next span,.btn-prev span{padding:10px 7px 0 0;} .btn-next span{margin-left:25px;background-position:-118px -23px;} .btn-prev span{margin-right:25px;background-position:-120px -35px;} .btn-big{font-size:14px;line-height:34px;height:34px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:0 10px;} .btn-round{border-radius:50%;font-family: 'Proxima Nova Semi Bold';} body[id*=slideshow] .icon{ display: inline-block; height: 0; } h1,h2,h3,h4,h5,h6,ul,ol,ul li,p{margin:0;padding:0;} .subsection{margin-bottom:40px;overflow:hidden;} .sub,.sub *{text-transform:none;font-weight:normal;color:#333;font-size:11px;} /*h3 .sub a:hover{color:#c34c28;}*/ .sub li.last{border-right-width:0;} /*h3 .sub .more{margin-right:3px;}*/ .sub{overflow:hidden;zoom:1;float:right;} .sub ul,.sub ul li{display:inline;} .sub li{border-right:1px solid #333;padding:0 3px;} body[id*=market_front] .cnbc-contents ul li, body[id*=multi_chart] .cnbc-contents ul li{margin-bottom:4px;} /*====================Table Chart==============================*/ .flex_chart.future-chart h2 a { font-size: 1.5em; } .flex_chart.future-chart h2 { margin: 0; border: 0; } .flex_chart.future-chart table tr td.first, .flex_chart.future-chart table tr td.last { text-align: left; font-family: 'Proxima Nova Semi Bold'; } .flex_chart.future-chart table tbody td { border-top: 1px solid #ccd6db; border-bottom: 0px; padding-top:4px; padding-bottom:4px; white-space: nowrap; } .flex_chart.future-chart > p { border-top: 1px solid #ccd6db; } .flex_chart.future-chart caption { font-family: 'Proxima Nova Semi Bold'; text-align: left; padding-top: 4px; border-top: 1px solid #ccd6db; } .flex_chart { overflow: hidden; clear: both; } .future-row {overflow: hidden;margin-bottom:20px;} .future-row > .flex_chart { width: 224px; float: left; clear: none; margin: 10px 0; overflow: hidden; } .future-row > .flex_chart[data-quote-type="quick-quote"] { width: 240px; } .future-row .showChart { text-align: left; } .flex_chart table { width: 100%; } .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; } .storyChart { padding-top: 10px; padding-bottom: 30px; } .wildcard { margin-bottom: 30px; } .dbl-arr{padding:7px 7px 0 0;position:relative;top:-2px;} body[id*=market_front] .quoteTable .arrow_up, body[id*=multi_chart] .quoteTable .arrow_up { border-bottom: 9px solid #558f38; border-left: 5px solid transparent; border-right: 5px solid transparent; } body[id*=market_front] .quoteTable .arrow_down, body[id*=multi_chart] .quoteTable .arrow_down { border-top: 9px solid #c20b20; border-left: 5px solid transparent; border-right: 5px solid transparent; } .cnbc-contents .fa-envelope-o:before {content: "\f003";} .cnbc-contents .fa-facebook {background: #3b5998;letter-spacing: 2px;} .cnbc-contents .fa-twitter {background: #55acee;} .cnbc-contents .fa-youtube{background:#e52d27;} .cnbc-contents .fa-tumblr{background:#32506d;letter-spacing:2px;} .cnbc-contents .fa-linkedin{background:#0077B5;} .cnbc-contents .fa-google-plus{background:#dd4b39;} .cnbc-contents .fa-pinterest-p{background: #c8232c;} .cnbc-contents .fa-flickr{background:#FC329B;letter-spacing:2px;} .cnbc-contents .fa-twitter-pro{background:#3cb878;} .cnbc-contents .fa-whatsapp{background:#4dc247;} .cnbc-contents .fa-envelope-o, .fa-share-square-o{background:#afb8bc;} .cnbc-contents .fa-reddit{background:#ff4500;letter-spacing:2px;} .cnbc-contents .fa-rss{background:#ea791b;} .cnbc-contents .fa-facebook:hover {background: #36528c;} .cnbc-contents .fa-twitter:hover {background: #4e9edb;} .cnbc-contents .fa-youtube:hover{background:#d22924;} .cnbc-contents .fa-tumblr:hover{background:#29425a;} .cnbc-contents .fa-linkedin:hover{background:#006da5;} .cnbc-contents .fa-google-plus:hover{background:#d44837;} .cnbc-contents .fa-pinterest-p:hover{background: #c0222a;} .cnbc-contents .fa-flickr:hover{background:#f03094;} .cnbc-contents .fa-twitter-pro:hover{background:#3ab173;} .cnbc-contents .fa-whatsapp:hover{background:#47b241;} .cnbc-contents .fa-envelope-o:hover, .fa-share-square-o:hover{background:#a4acb0;} .cnbc-contents .fa-reddit:hover{background:#ea3f00;} .cnbc-contents .fa-rss:hover{background:#e0741a;} #cnbc-contents [id^="chartbeatWidget"].chartbeat_data_module .subsection .asset .headline .cnbc-font-icon { font-family: 'cnbc_font_icons'!important; } .cols2 .col1 .top-news h2 { border-bottom: 0; } .featured-stories .filmstrip .asset, .featured-stories .filmstrip2.filmstrip .asset {width:240px;} .featured-stories .filmstrip .asset .desc, .featured-stories .filmstrip .asset ul {margin-left: 0px;} .featured-stories .filmstrip2.filmstrip .asset img{margin-top:-175px;} .unit.col2 .big-stories .desc_size350_197 .video-icon .cnbc-font-icon.icon-cnbc-video { bottom: 10px; top: initial; } /*================== Start: GENERIC Feedback ==========================*/ .slideShowRedesign.carousel_asset .leftArrow.disabled { display: none; } .notification-feedback-container { padding: 0; margin: 0; width: 0; height: 0; } .notification-feedback-container .feedback-desktop { display: block; padding: 55px 0px 55px 0px; width: 35px; z-index: 999995; cursor: pointer; right: -13px; transition: right .2s; -moz-transition: right .2s; -webkit-transition: right .2s; position: fixed; top: 50%; margin-top: -55px; } .notification-feedback-container .feedback-desktop div { background-color: #3da5ed; background-repeat: no-repeat; position: absolute; display: block; height: 100%; left: 0; top: 0; width: 100%; background-position: -6px -10px; } .notification-feedback-container .feedback-desktop p { transform: rotate(-90deg); -moz-transform: right .2s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); text-decoration: none; margin-top: 57px; margin-right: 11px; font-family: 'Proxima Nova Semi Bold'; color: #fff; font-size: 15px; } .notification-feedback-container .feedback-desktop span { bottom: 15px; display: block; background: url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/plus.gif?vn=1) no-repeat; height: 9px; position: absolute; width: 9px; left: 7px; } .notification-feedback-container .feedback-desktop:hover { right: -5px; } @media screen and (min-width: 977px){ .notification-feedback-container .feedback-mobile{ display: none; } } @media screen and (max-width: 976px) { .notification-feedback-container { height: 25px; } .notification-feedback-container .feedback-desktop{ display: none; } .notification-feedback-container .content-column .feedback-mobile{ display: block; text-align: center; color: #1d1d1d; padding-bottom: 10px; } .notification-feedback-container .feedback-mobile a{ color: #1d1d1d; text-decoration: none; } .notification-feedback-container .feedback-mobile a:hover{ text-decoration: underline; } } /*================== End: GENERIC Feedback ==========================*/ .immersive-special-reports.link { display: none; } .video-icon > a {float: left;} .imgasset .fa-video { position: absolute; bottom: 10px; left: 10px; font-size: 2em; } .featuredPromo.imgasset .fa-video { z-index: auto; } .imgasset.desc_size80_60 .fa-video, .imgasset.desc_size60_60 .fa-video, .imgasset.desc_size93_70 .fa-video { bottom: 3px; left: 3px; } .imgasset.desc_size240_160 .fa-video, .imgasset.desc_size240_180 .fa-video, .imgasset.desc_size240_240 .fa-video, .imgasset.desc_size320_180 .fa-video { font-size: 3em; } .imgasset.desc_size350_197 .fa-video { font-size: 4em; } .topic-section .primary .imgasset.desc_size160_105 .fa-video{ bottom: auto; left: 10px; top: 71px; } #page_prime_landing_page .filmstrip .asset, #page_prime_show_page .filmstrip .asset { width: 160px; margin-right: 20px; } #page_prime_landing_page .filmstrip .last .asset, #page_prime_show_page .filmstrip .last .asset { margin-right: 0; } body#page_prime_landing_page .cnbc-contents .desc_size160_105 .desc, body#page_prime_show_page .cnbc-contents .desc_size160_105 .desc{ margin-left: 0; } #page_prime_landing_page .filmstrip .asset .headline time, #page_prime_show_page .filmstrip .asset .headline time {display: none;} #page_prime_show_page .imgasset.desc_size160_105.card .headline, #page_prime_show_page .imgasset.desc_size160_105.card .source, #page_prime_show_page .imgasset.desc_size160_105.card .desc { margin-left: 175px; } .cnbcvideo.imgasset .source a {display: inline;} #moreFromFranchise.filmstrip .asset img, body[id*=franchise] .filmstrip .asset img { position: static; margin-top: 0; } .filmstrip .video-icon > a {float: none;} /*#cnbc-overlay .content { display:none !important; } #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; }*/ /* Start: Home Page Featurd Promo Overrride */ .top-news .featuredPromo .headline-overlay { font-family: "Proxima Nova Semi Bold"; font-size: 32px; height: 3em; } .top-news .featuredPromo .headline-overlay .headline { font-family: "Proxima Nova Semi Bold"; } .top-news .featuredPromo .headline-overlay .headline { color: #fff; font-size: 32px; line-height: 40px; } .top-news .featuredPromo:hover .headline-overlay .headline, .top-news .featuredPromo:hover .fa-video:before{ color: #3fbdec !important; } .top-news .featuredPromo .fa-video:before { font-size: 2em; } /* End: Home Page Featurd Promo Overrride */ .imgasset.desc_size140_105 .fa-video{ bottom: auto; top: 70px; } .stories-lineup .asset time { display: block; padding: 0; margin: 5px 0; } .featuredPromo .cnbc-card { position: absolute; background-color: rgba(0,0,0, 1); top: 0; left: 0; width: 100%; height: 100%; cursor: auto; z-index:1; } /* JS Player defaults */ .player-lazy-loaded-mobile { position: absolute; left: -3000px; top: -3000px; z-index: 2; /*opacity:0;*/ } #page_video_gallery .tpContainer, #page_video_gallery #player, #page_video_section_front .tpContainer, #page_video_section_front #player { width: 565px !important; height: 318px !important; } .tpVideoBlocker {display: none !important;} /**DART AD**/ /*===================ADS========================*/ #page_market_front #dart_wrapper_topflex, #page_market_front .adcom, #page_multi_chart_franchise #dart_wrapper_topflex, #page_multi_chart_franchise .adcom, #page_franchise_expanded #dart_wrapper_topflex, #page_franchise #dart_wrapper_topflex, #page_franchise_expanded .adcom, #page_franchise .adcom, #page_franchise_condensed #dart_wrapper_topflex, #page_franchise_condensed .adcom, #page_profile #dart_wrapper_topflex, #page_profile .adcom, #page_wildcard_rightrail #dart_wrapper_topflex, #page_wildcard_rightrail .adcom, #page_wildcard_rightrail #dart_wrapper_topflex, #page_wildcard_rightrail .adcom {margin-bottom:20px;} #page_multi_chart_franchise #dart_wrapper_topflex, #page_multi_chart_franchise .adcom, #page_franchise_expanded #dart_wrapper_topflex, #page_franchise #dart_wrapper_topflex{margin-top:30px;margin-bottom:20px;} #page_franchise_condensed #dart_wrapper_topflex, #page_franchise_condensed .adcom, #page_profile #dart_wrapper_topflex, #page_profile .adcom, #page_franchise_condensed #dart_wrapper_topflex, #page_franchise_condensed .adcom{margin-top:30px;margin-bottom:20px;} #dart_wrapper_Top_Banner_wrapper{margin-bottom:5px;} #dart_wrapper_topflex{margin-bottom:40px;} #page_home #dart_wrapper_badgeb, #page_home #dart_wrapper_badgeb{float: right;margin-top: -24px;} #page_home #dart_wrapper_badgeb{float: right;margin-top: -21px;} * {user-select:text;} .immersive .cnbc-contents .stories_assetlist li .nad-asset, .immersive .cnbc-contents .stories_assetlist li .nad-asset.featuredPromo {margin-bottom: -25px; margin-top: -25px} .immersive-cols2 .stories_assetlist [id*=nativedvriver] .dart_wrapper{ margin-top:0px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/advertorial.css?t=1557262871 */ /* 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/shared/new-promo.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /***************** Start: New PROMO Styles ************/ .featuredPromo .loaderOverlayHP { top: 0; height: 100%; width: 100%; padding: 0; } .featuredPromo .loaderOverlayHP p { /* center vertically */ /* 28.12% = 56.25%/2 */ margin-top: calc(28.12% - 16px); } .featuredPromo .icon-cnbc-video { display: none; } /* maintain 16/9 aspect-ratio */ .featuredPromo { height: 0; padding-top: 56.25%; position: relative; cursor: pointer; margin-bottom: 25px; } .featuredPromo > span { position: absolute; top: 0; width: 100%; height: 100%; } .featuredPromo .video-icon > a {float: none;} .featuredPromo.featuredPromo a { display: inline; } .featuredPromo.featuredPromo > a { display: table; } .featuredPromo span img { width: 100%; height: 338px; } .featuredPromo.desc_size600_400 span img, .featuredPromo.desc_size600_337 span img, .featuredPromo.desc_size940_528 span img { width: 100%; height: 100%; } /* maintain 16/9 aspect-ratio - end */ .featuredPromo .icon-cnbc-video { display: none; } /* - The overlay's proportions are defined using ems for the font-size and padding while the scale is set using vw units for setting the overlay font size. - This allows us to expand the overlay proportional to the picture below it between defined min and max viewport widths when the promo card spans the viewport width. - When the promo card's width is fixed or does not span the viewport width, lock-down the overlay scale using px units for the overlay font size. */ /* overlay */ .featuredPromo a.headline-overlay { width: 100%; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.8); box-sizing: border-box; /*height: 4.5em;*/ padding: 0.6em 0; } .featuredPromo a .headline { font-family: "Proxima Nova Bold"; color: #bbb; font-style: normal; text-align: left; } .featuredPromo:hover a .headline { color: #fff; } .featuredPromo .fa { display: table-cell; vertical-align: middle; text-align: center; } .featuredPromo.featuredPromo .headline { width: 100%; display: table-cell; vertical-align: middle; font-size: 1.14em; line-height: 1.2em; letter-spacing: 0.5px; padding-left: 1em; padding-right: 1em; } .featuredPromo.featuredPromo .headline, .featuredPromo.featuredPromo .headline a { font-family: "Proxima Nova Bold"; color: #bbb; font-style: normal; text-align: left; cursor: pointer; } .featuredPromo:hover .headline, .featuredPromo:hover .headline a { color: #fff; cursor: pointer; } .featuredPromo .headline time { display: block; font-family: "Proxima Nova Semi Bold"; font-size: 12px; color: #999; font-style: normal; line-height: 22px; letter-spacing: -0.02em; left: 130px; bottom: 25px; } .featuredPromo .fa { font: normal normal normal 14px/2 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .featuredPromo .fa-video:before { display: inline-block; font-size: 3em; line-height: 1em; width: 1em; padding-left: 0.3em; content: "\f144"; opacity: 0.8; color: #fff; } .featuredPromo:hover .fa-video:before { opacity: 1; } .featuredPromo .video-length { display: none; } /* fix overlay and picture misallignment */ .featuredPromo { line-height: 1; } /* set overlay font size, height, and vertical padding for larger card widths */ @media screen and (min-width: 721px) { .featuredPromo { font-size: 28.8px; /* 4vw @ 720px */ } } /* scale overlay with card width */ @media screen and (max-width: 720px) { .featuredPromo { font-size: 4vw; } } /* set overlay font size, height, and vertical padding for smaller card widths */ @media screen and (max-width: 350px) { .featuredPromo { font-size: 14px; /* 4vw @ 350px */ } } /* lock-down the layout for non-responsive card at specific widths */ /* calculated as 4% of the desc_sizeXXX_YYY width XXX in px */ .featuredPromo.desc_size140_105, .featuredPromo.desc_size160_105 { font-size: 8px; } .featuredPromo.desc_size240_160 { font-size: 10px; } .featuredPromo.desc_size320_180 { font-size: 12.8px; } .featuredPromo.desc_size350_197 { font-size: 14px; } .featuredPromo.desc_size400_600 { font-size: 16px; } .featuredPromo.desc_size500_330 { font-size: 20px; } .featuredPromo.desc_size530_298 { font-size: 21.2px; } .featuredPromo.desc_size578_276 { font-size: 23.12px; } .featuredPromo.desc_size600_400, .featuredPromo.desc_size600_337, .featuredPromo.desc_size940_528 { font-size: 24px; } .featuredPromo.desc_size720_405 { font-size: 28.8px; } /* lock-down overrides */ /* on show detail page we use desc_size600_400 (instead of desc_size720_405) while featuredPromo's width is 720px */ #show_detail_video.featuredPromo.desc_size600_400, #show_detail_video.featuredPromo.desc_size600_337, #show_detail_video.featuredPromo.desc_size940_528 { font-size: 28.8px; } /* responsive overrides */ @media screen and (max-width: 1160px) { #page_video-show-detail .featuredPromo.desc_size600_400, #page_video-show-detail .featuredPromo.desc_size600_337, #page_video-show-detail .featuredPromo.desc_size940_528 { font-size: 4vw; } } .featuredPromo .headline-overlay .fa { position: static; } /* overlay - end */ .featuredPromo iframe { top: 0; } /* style overrides */ .featuredPromo .headline-overlay .headline time { margin-left: 0; } .featuredPromo.featuredPromo .headline-overlay .headline time { margin-left: 0; margin-right: 0; display: block; } .featuredPromo.featuredPromo.featuredPromo.featuredPromo.featuredPromo .headline-overlay .headline { display: table-cell; margin-left: 0; margin-right: 0; font-size: 1em; padding-left: 0.5em; } /***************** End: New PROMO Styles ************/ /***************** Start: New Player Styles ************/ /* carousel player - start */ /* tray */ .carousel-player {margin-bottom: 25px;} .carousel-player .carousel_asset { padding: 0; padding-top: 20px; min-height: 150px; } .carousel-player .carousel_asset .carouselBody { margin: 0; overflow: auto; } .carousel-player .carousel_asset .leftArrow, .carousel-player .carousel_asset .rightArrow { width: 24px; margin: 0; margin-top: -24px; color: #b6b6b6; } .carousel-player .carousel_asset .leftArrow { margin-right: 5px; } .carousel-player .carousel_asset .rightArrow { margin-left: 5px; } .carousel-player .carousel_asset .scroll-cue { right: 29px; } .carousel-player .carousel_asset.carousel_card .headline { margin: 0; margin-bottom: 2px; } .carousel-player .asset { border: 0; box-shadow: none; margin: 0; } .carousel-player .carousel_card .desc_size320_180 { width: 145px; height: auto; } .carousel-player .carousel_card .desc_size320_180 a img { height: 82px; } .carousel-player .carousel_asset.carousel_card ul li { margin-right: 10px !important; margin-bottom: 5px; } .carousel-player .carousel_card .fa { font-size: 26px; line-height: 26px; left: 6px; bottom: 4px; } .carousel-player .carousel_card .headline a { font-size: 14px; line-height: 16px; padding-top: 8px; clear: both; } .carousel-player .carousel_card time { position: static; margin: 0; bottom: 0; font-family: "Proxima Nova Semi Bold"; font-size: 11px; color: #737373; } .carousel-player .imgasset .cnbc-font-icon.icon-cnbc-video { top: inherit; bottom: 6%; left: 1%; font-size: 24px; } .carousel-player .asset .cnbc-font-icon.icon-cnbc-video:before { color: #fff; opacity: 0.80; } .carousel-player .asset:hover .cnbc-font-icon.icon-cnbc-video:before { color: #fff; opacity: 1; } .carousel-player .asset.playing a { color: #dd4b39; } /* tray - end */ /* carousel player - end */ /***************** End: New Player Styles ************/ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/cnbc.messagebox.css?t=1557262871 */ /* 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/embed.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /*============Key Points===============*/ .story{ font-size:16px; line-height: 24px; font-family: 'Proxima Nova Semi Bold', Arial; color: #424858; } .story .content .group p { font-family: "Lyon"; font-size: 18px; line-height: 26px; } .story .content .group p a, .story .content .group p *, .story .content .group p a *, .story .content .group p b, .story .content .group p strong, .story .content .group li, .story .content .group *, #page_franchise_expanded .story .content .group p a, #page_franchise_expanded .story .content .group p *, #page_franchise_expanded .story .content .group p a *, #page_franchise_expanded .story .content .group p b, #page_franchise_expanded .story .content .group p strong, #page_franchise_expanded .story .content .group li { font-family: "Lyon"; } .makeit .story .content .group p, .makeit .story .content .group p a, .makeit .story .content .group p a *, .makeit .story .content .group p *, .makeit .story .content .group p b, .makeit .story .content .group p strong, .makeit .story .content .group li, .makeit .story .content .group * { font-family: 'Proxima Nova Regular'; } .story .content .group p, .story .content h4, .story .content .group table p { margin-bottom: 18px; } .story .content h4 { font-family: 'Proxima Nova Semi Bold'; font-weight: normal; } .story .label-read-more {color: #DD4B39; font-family: 'Proxima Nova Semi Bold';} .group-container{ width: 100%; } /*==== Widgets ====*/ .widget{overflow:hidden;} .widget iframe {width: 100%;} .group-container .widget{margin-bottom:20px;} .group-container .group ul {padding:0 0 0 20px;list-style-type: disc;margin-bottom: 20px;} .group-container .group ol {padding:0 0 0 22px;list-style-type: decimal;margin-bottom: 20px;} .group-container .group ul li, .group-container .group ol li {margin-bottom: 7px;} .story a{font-family: 'Proxima Nova Semi Bold';} .embed-container{margin: 0 0 20px;} .embed-container .embed-top {position: relative;height: auto;} .embed-container.slideshow .embed-top {width:530px;min-height: 110px;} .embed-container .headlines a:hover {color: #3fbdec;} .embed-container .headlines a {color: #fff; font-weight: normal;} .embed-container .caption, .embed-container .attribution{color: #424858;font-size: 12px;line-height:16px;} .embed-container .attribution{padding: 0 0 10px;font-size:11px;} .embed-container .caption{padding: 0 0 10px;} .embed-container audio{width:100%;} .embed-container.image, .embed-container.slideshow{border-bottom: 1px solid #CCD6DB;overflow: hidden;} .embed-container.wildcard{float: none;} /*.cols2 .col1 .story-summary .embed-container.image{width:100%;}*/ .embed-container.image + .pull-quote, .embed-container.image + .polltable,.pull-quote + .polltable{border-top: none;padding-top:0px;} .embed-container.webresource{float: none;} .story .group{overflow:hidden;} .story .group-container .subtitle{margin: 0 0 20px;font-size:22px;line-height:26px;} .story .group-container .inlineChart{width:530px;} /*=== Cnvc Video Styles===*/ /*====== For Default & Inline Video Player Styles================ */ .vidbox {margin:0 10px 10px 0;background-color:black;font-size:0;overflow:hidden;line-height:0;width:530px;height:298px;} .vidbox img:hover, .vidbox img{border:0;} .vidbox .thumbBox, .vidbox .thumbBox img{cursor:pointer; width: 100%; height: 100%;} .vidbox .playStrip { position:relative; top:-52px; height:47px; background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png); cursor:pointer; padding:7px; font-weight:normal; } .vidbox .playStrip .play { color: #fff; font-size: 22px; font-family: 'Proxima Nova Semi Bold',Arial; line-height: 40px; text-transform: uppercase; } .vidbox *, .vidbox *:hover {text-decoration: none !important;} .vidbox .playNowButton { background-image: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/sprite.png?vn=4"); width: 34px;height: 34px;background-position: -45px -109px;margin-right: 5px;float: left;} .vidbox .noSwfError, .vidbox .noVidError {font-size:12px; color:#fff;} .embed-container .vidbox .playNowButton {margin-left: 10px;margin-top:2px;} .embed-container.cnbcvideo {border-bottom: 1px solid #CCD6DB;} .embed-container.cnbcvideo .attribution{float: none; color: #454240;} .embed-container.cnbcvideo .attribution div{font-size: 20px;font-family: 'Proxima Nova Semi Bold',Arial;} .embed-container.cnbcvideo.autoplay .vidbox {margin-bottom:0;} .embed-container.cnbcvideo.autoplay .attribution { padding:10px;color:#FFF;font-size:11px; background-color:#1D262B; background:-moz-linear-gradient(top,#1D262B 10%,#101415 65%); background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#1D262B),color-stop(65%,#101415)); background:-webkit-linear-gradient(top,#1D262B 10%,#101415 65%); background:-o-linear-gradient(top,#1D262B 10%,#101415 65%); background:linear-gradient(top,#1D262B 10%,#101415 65%); } .embed-container.cnbcvideo.autoplay .attribution .last{color:#FFF; font-size: 20px;margin-bottom:5px;} .embed-container.cnbcvideo.autoplay .caption {margin:0;border:0;padding:8px;font-size:12px;background:#E2E2E2;} /*=== Slideshow Styles===*/ .slideshow.embed-container .headlines { font-size: 22px; line-height: 26px; padding: 10px 12px; position: absolute; bottom: 0; margin: 0 0 7px 0; background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png"); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; font-family: 'Proxima Nova Semi Bold',Arial; } .slideshow.embed-container .headlines img{vertical-align: top;} .slideshow.embed-container .headlines div{overflow: hidden;} .slideshow.embed-container .icon {width:35px;height:28px;background-position: 0px -110px;margin-right: 5px;float: left;} /*========================= 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:#424858;} table.data th.spacer{background-color:#fff;} table.datahover tbody tr.hlight td{background-color:#f7f7f7;} .embed-container.flex_chart.csv_chart, .embed-container.flex_chart[data-quote-type="quick-quote"]{ overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden; } @media only screen and (orientation : landscape) { .embed-container.flex_chart.csv_chart, .embed-container.flex_chart[data-quote-type="quick-quote"]{ overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden; } } @media only screen and (orientation : portrait) { .embed-container.flex_chart.csv_chart, .embed-container.flex_chart[data-quote-type="quick-quote"]{ overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden; } } .flex_chart table { width: 100%; } .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;} .chartImage img{width:530px;} .chartImageContainer {min-height: 91px;text-align: center;} /*===================STORY CHART STYLES========================*/ .storyChart{margin-bottom: 20px;} .storyChart td, .storyChart td a{font-size:16px;font-weight:normal;} .storyChart table.data tbody td a{font-weight:normal;} .storyChart table.data tbody td{padding:10px 0px 10px 0px;} .storyChart table.data th{font-size:11px;} .storyChart table thead tr{height:20px;} article .storyChart table.data th{font-size:14px;} /*===Poll Default Styles===*/ .btn_header { background: #b0b9bd; color: #ffffff !important; text-align: center; border-radius: 3px; padding: 5px 8px; cursor: pointer; text-transform: uppercase; font-size: 12px; line-height: normal; height: 15px; height: 13px\9; float: left; } .btn_header:hover {background: #2aa6e7 !important; text-decoration: none;} .polltable { border-bottom: 1px solid #CCD6DB; border-top: 1px solid #CCD6DB; padding: 10px 0; color: #424858; font-size: 14px; overflow: hidden; margin: 0 0 20px 0; width: 100%; } .polltable .poll-question { color: #424858; font-size: 20px; text-transform: none; font-family: 'Proxima Nova Semi Bold'; padding: 0 0 5px; line-height: 140%; margin: 0; } .polltable .poll-options{font-size: 16px;line-height: 20px;padding-bottom: 10px;} .polltable .poll-options .optionWrapper{padding-bottom:10px; } .polltable .poll-options .optionWrapper input{margin: 3px 5px 0px 5px;} .polltable .container-result, .polltable .container-options{display: none;} .polltable .credit{padding: 2px 0 0 10px;float: left;line-height: 26px;} .polltable .graph {width: 100%;position: relative;} .polltable .poll-results .bar-title {font-weight: normal;} .polltable .bar-container {position: relative;float: left;width: 490px;margin: 0 0 15px;} .polltable .bar-title, .polltable .pollTotalVotes{clear: both; font-size: 16px;padding: 0 0 5px 0;} .polltable .pollTotalVotes{padding: 10px 0 5px 0;} .polltable .pollTotalVotes .poll-count{font-family: 'Proxima Nova Semi Bold';} .polltable .pollPercentText {color: #DD4B39;float: left;font-family: 'Proxima Nova Semi Bold';margin: 2px 5px 0 0;width: 35px;} .polltable .bar-container .pollBar {background-color: #cc4400;height: 20px;float: left;} .polltable .bar-container span{padding-left: 5px;} .polltable .pollSurveyText{font-size: 12px;} /*====== pull quote ========*/ .pull-quote {margin: 0 0 20px 0;padding: 10px 0;border-bottom: 1px solid #CCD6DB;border-top: 1px solid #CCD6DB;width: 100%;} .pull-quote .quote{font-size: 26px;line-height: 30px;color: #DD4B39;width: 100%;letter-spacing: -0.5px;} .pull-quote .author{clear: both;display: block;font-size: 12px;margin-top: 10px;color: #383d43;} .blockquote.pull-quote, blockquote.pull-quote{background: #fff;} blockquote.twitter-tweet{background: transparent;} .blockquote, blockquote{padding: 20px 0 0;margin: 0 0 20px;overflow: hidden; background: #eee;} .blockquote p, .group-container blockquote p{padding:0 30px;margin: 0;} .blockquote p + p, blockquote p + p{padding-bottom: 30px;} .group-container .twitter-tweet {margin-bottom: 30px !important;} /*========================group-container -> default-asset-view===========================*/ .embed-container.default-asset-view .asset:before {content: " \203A";color: #DD4B39;font-family: 'Proxima Nova Semi Bold';font-size: 18px;} .embed-container.default-asset-view .headline {margin: -22px 0 0 10px;} .embed-container.default-asset-view + .embed-container.default-asset-view {margin-top:-10px;} .embed-container.default-asset-view .asset .headline a{font-size: 16px;} /*========================group-container -> default-asset-view===========================*/ .csvData thead th{font-size: 14px;font-family: 'Proxima Nova Semi Bold',Arial;} .csvData td a div{display: inline-block;} .csvData td a {display:block;} .label-read-more:after {content: " \203A ";color: #DD4B39;} .OUTBRAIN + .OUTBRAIN, .trc_related_container {margin-top: 30px;} .col1 .OUTBRAIN ul li {margin-bottom: 14px;} .col1 .OUTBRAIN ul li .ob-text-content a{line-height:24px;} .OUTBRAIN .AR_2 .ob_org_header h3, .OUTBRAIN .AR_1 .ob_org_header h3, .OUTBRAIN .SB_1 .ob_org_header h3, .OUTBRAIN .SB_2 .ob_org_header h3 {color: #424858 !important;} .cnbc-body .organic-text-links-b .video-title, .cnbc-body .organic-text-links-b .trc_rbox_header, .cnbc-body .thumbnails-b .trc_rbox_header, .cnbc-body .organic-text-links-a .video-title,.cnbc-body .organic-text-links-a .trc_rbox_header { font-weight: normal; font-family: 'Proxima Nova Semi Bold'; } /* ---------------- styles for the carousel promo package ---------------- */ /* .embed-container .promo-asset { display:table-cell; vertical-align:middle; border-top-style: solid; border-bottom-style: solid; border-color: #f4f6f7; border-width: 2px; border-right: none; border-left: none; padding: 10px 0; } */ .embed-container.carousel_asset.promo { display: inline-block; /* overflow: auto; */ } /* .embed-container.carousel_asset.promo ul li > div { width: 450px; } */ .embed-container.carousel_asset ul > li { width: 490px; } .embed-container.carousel_asset ul li > div { width: 490px; } /* .embed-container.carousel_asset.promo ul li > div.promo-asset img { min-width: 1px; min-height: 1px; width: 90px; height: 60px; } */ /*.embed-container.promo-asset img { min-width: 1px; min-height: 1px; } */ /* .embed-container.carousel_asset.promo .headline { height: 60px; } */ .embed-container.carousel_asset.promo .leftArrow, .carousel_asset.promo .rightArrow { background: transparent; border: none; width: 20px; font-size: 48px; height: 84px; line-height: 74px; color: #b1babe; font-family: 'Proxima Nova Regular'; margin:0; } /* .embed-container.carousel_asset.promo.touch .mask { overflow-x: scroll; -webkit-overflow-scrolling: touch; }*/ /* .embed-container.carousel_asset.promo.touch .leftArrow, .carousel_asset.promo.touch .rightArrow { display: none; } */ .embed-container.carousel_asset.promo .imgasset img { width: 80px; height: 60px; background: none; } .embed-container.carousel_asset.promo .asset { border-bottom: 0; padding: 12px 0; } .embed-container.carousel_asset.promo li { margin-bottom: 0; } .embed-container.carousel_asset.promo ul { width: 9999px; } .embed-container.carousel_asset.promo { position: relative; border: 1px solid #CCD6DB; border-left: none; border-right: none; } .embed-container.carousel_asset span + .headline { margin-left: 90px; } .carousel_asset .carouselBody{ clear:both; height: 0; display: none; } .carousel_asset .mask { overflow:hidden; position: relative; float: left; width: calc(100% - 100px); } .carousel_asset ul { list-style: none; padding: 0px; margin:0px; position: relative; } .carousel_asset ul li { float: left; padding: 0px; margin-right: 14px !important; } .carousel_asset ul li > div { width:160px; text-align: left; font-size: 16px; } .carousel_asset .asset .headline {margin-left: 0;} .carousel_asset .leftArrow, .carousel_asset .rightArrow { float: left; background:#e6eaeb; color:#9da1a4; font-size:52px; font-family:'Proxima Nova Semi Bold', Arial; font-family: 'Proxima Nova Semi Bold'; text-align:center; line-height:94px; width:35px; height:105px; border-radius:3px; cursor: default; } .carousel_asset .leftArrow { border-top-right-radius:0; border-bottom-right-radius:0; margin-right: 5px; } .carousel_asset .rightArrow { border-top-left-radius:0; border-bottom-left-radius:0; margin-left: 5px; } .carousel_asset .lclick { background:#2aa6e7; color:#fff; cursor: pointer; } .carousel_asset .rclick{ background:#2aa6e7; color:#fff; cursor: pointer; } .carousel_asset .asset .headline{ margin-bottom: 2px; width: auto; display: block; float: none; clear:none; } /*Enlarged Image lightbox*/ #enlargedImageLigthBox { position:fixed; /* keeps the lightbox window in the current viewport */ top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.7); text-align:center; z-index: 100000; overflow-y: scroll; } #enlargedImageLigthBox p { position: relative; } #enlargedImageLigthBox p a { background: #ffffff; border-radius: 30px; color: #737373; cursor: pointer; font-size: 33px; padding: 11px 12px 15px 12px; text-decoration: none; position: absolute; top: -20px; right: -16px; line-height: 0.5; } @-moz-document url-prefix() { #enlargedImageLigthBox p a { padding: 12px; } } #enlargedImageWrapper { max-width: 70%; margin: 5% auto auto auto; } @media screen and (max-width: 992px) { #enlargedImageWrapper { max-width: 90%; } #enlargedImageLigthBox p a { font-size: 25px; padding: 9px 10px 13px 10px; } @-moz-document url-prefix() { #enlargedImageLigthBox p a { padding: 10px; } } } #enlargedImageWrapper img { box-shadow:0 0 25px #111; -webkit-box-shadow:0 0 25px #111; -moz-box-shadow:0 0 25px #111; width:100%; } .freezePage { overflow: hidden; } .slideshow .enlargeThisImage img, .story-top.slide-top-container .enlargeThisImage img { cursor: pointer; } /*END Enlarged Image lightbox*/ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/responsive_header.css?t=1557262871 */ /* 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: #3e4855; margin-top: 4px; } #cnbc-new-header.makeit a.branding-makeit { color: #3e4855; } a.queryly_search_button{ border-left: #3e4855 solid 1px; } a.queryly_search_button, a.queryly_search_button .fa{ color:#3e4855; } a.queryly_search_button:hover{ color:#68ebca; } #cnbc-new-header a:hover { color: #1D8EC8; } #cnbc-new-header.makeit a:hover { color: #68ebca; } #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: white; } #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: #3e4855; } #cnbc-new-header .header-content input::-moz-placeholder { color: #3e4855; } #cnbc-new-header .header-content input::-webkit-input-placeholder { color: #3e4855; } #cnbc-new-header .header-content input:-ms-input-placeholder { color: #3e4855; } #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: #3e4855; } #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: #3e4855; } #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: #FF685D; } #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: white; font-size: 16px; letter-spacing: 1px; } #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: #68ebca; } #cnbc-new-header ul li:hover { background: #104B77; } #cnbc-new-header.makeit ul li:hover { background: none; 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: #3e4855; } #cnbc-new-header.makeit .main-header-nav { padding: 8px 0px 5px 0px; } .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; } .makeit .reporter-info .title{ color:#3e4855; } .makeit .cnbc-contents a:hover{ color:#ff685d; } #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: white; /* 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, white 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, white 65%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 65%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 65%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, white 65%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',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: #3e4855; } #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: #3e4855; } } @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: white; border-bottom: #3e4855 solid 4px; } #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: 49px; } #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: 69px; } } /*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: white; border-bottom: #3e4855 solid 4px; } #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(33.33333% - 15px); } .AppCnbcPhoenix .SearchResult-standardVariant .SearchResult-searchResultCard { -webkit-box-flex: 1; -ms-flex: 1 1 300px; flex: 1 1 300px; } .AppCnbcPhoenix .SearchResult-searchResultCard .SearchResult-standardVariant { margin-bottom: 0; } } @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(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; float: left; width: 60%; } @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; } @media (min-width: 1020px) { body.openNavSearch { overflow-y: scroll !important; } } /* 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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SignInMenu-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SignInMenu-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SignInMenu-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SignInMenu-containerFluidWidths.SignInMenu-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SignInMenu-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths.Share-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Share-containerWidth100 { width: 100%; } .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; } } @media (min-width: 1340px) { .AppCnbcPhoenix .Share-articleNavShare { right: 40px; } } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths.Share-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Share-containerWidth100 { width: 100%; } .AppCnbcPhoenix .Share-dealornodeal.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-dealornodeal.Share-share:before { font-weight: 600; content: "Share"; color: #7f7f7f; font-size: 10px; line-height: 12px; letter-spacing: 1.2px; text-transform: uppercase; } .AppCnbcPhoenix .Share-dealornodeal.Share-share .Share-icon { font-size: 20px; display: inline-block; margin-left: 20px; font-weight: 600; height: 15px; cursor: pointer; color: #fff2a9; } .AppCnbcPhoenix .Share-dealornodeal.Share-share .Share-icon:focus, .AppCnbcPhoenix .Share-dealornodeal.Share-share .Share-icon:hover { color: #fff; } .AppCnbcPhoenix .Share-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Share-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Share-containerFluidWidths.Share-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Share-containerWidth100 { width: 100%; } .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 { 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 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .AppCnbcPhoenix .Share-makeit.Share-share, .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; } .AppCnbcPhoenix .Share-makeit.Share-share { -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: 0.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: 0.5; } to { opacity: 1; } } .AppCnbcPhoenix .nav-menu-navMenu { position: fixed; bottom: 0; width: 100%; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; padding-left: 8px; } @media (max-width: 1019px) { .AppCnbcPhoenix .nav-menu-navMenu { padding-left: 28px; } } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenu { -webkit-transition: top 0.25s, height 0.25s, width 0.25s; transition: top 0.25s, height 0.25s, width 0.25s; top: 31px; overflow: visible; position: absolute; height: 36px; background-color: transparent; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-navMenu { top: 31px; position: absolute; width: 70%; z-index: 999; } .AppCnbcPhoenix .nav-menu-navMenu.nav-menu-navMenuSticky { padding-bottom: 19px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .nav-menu-navMenu { top: 31px; } } @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: 0; } .AppCnbcPhoenix .nav-menu-navMenu:after { -webkit-transition: background-color 0.25s; transition: background-color 0.25s; background: #005594; content: ""; width: 100%; height: 21px; position: absolute; bottom: -20px; left: 0; } } @media (min-width: 760px) and (max-width: 1019px) { .AppCnbcPhoenix .nav-menu-navMenu { z-index: 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: 1001; background: #005594; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenuSticky { height: 45px; width: 70%; top: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-navMenuSticky { height: 45px; top: 0; } } .AppCnbcPhoenix .nav-menu-navMenuSticky.nav-menu-withOpenSearch { z-index: 1000; } .AppCnbcPhoenix .nav-menu-navMenuArticleSticky { color: #000; background: #fff; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-navMenuArticleSticky { background: transparent; z-index: 999; width: 100%; } } @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, .AppCnbcPhoenix .nav-menu-button .icon-watchlist { position: relative; top: 7px; font-size: 18px; padding-bottom: 5px; } .AppCnbcPhoenix .nav-menu-button:focus .nav-menu-buttonText { color: #fff; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks { display: none; position: absolute; font-size: 12px; background: rgba(255, 255, 255, .97); margin: 0 15px; padding: 0; -webkit-transform: translate(0.7px, -1px); transform: translate(0.7px, -1px); -webkit-transform-origin: top left; transform-origin: top left; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li { border-bottom: 2px solid #f3f5f7; position: relative; z-index: 600; padding: 0 20px; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:first-child { padding: 5px 20px 0; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:last-child { padding: 0 20px 5px; border-bottom: none; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:hover { background-color: #f3f5f7; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:hover .nav-menu-subLink { opacity: 0; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:hover:first-child:before { top: 9px; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks li:hover:before { position: absolute; font-weight: 700; content: attr(data-text); top: 4px; color: #005594; pointer-events: none; } .AppCnbcPhoenix .nav-menu-button + .nav-menu-subLinks .nav-menu-subLink { color: #005594; font-weight: 500; display: block; padding: 14px 0; line-height: 9px; } @media (max-width: 359px) { .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; padding-left: 15px; padding-right: 15px; } .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: 3px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-hamburger { top: 0; } } .AppCnbcPhoenix .nav-menu-articleHamburger { color: #005594; } .AppCnbcPhoenix .nav-menu-desktopHamburger { position: relative; top: 4px; font-size: 16px; font-weight: 700; color: #fff; -webkit-transition: top 0.25s; transition: top 0.25s; margin-right: 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-desktopHamburger { -webkit-transform: none; transform: none; } } @media (max-width: 759px) { .AppCnbcPhoenix .nav-menu-desktopHamburger { display: none; } } .AppCnbcPhoenix .nav-menu-desktopHamburger span[class=icon-menu] { display: inline; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-desktopHamburger:focus { color: #fff; } .AppCnbcPhoenix .nav-menu-desktopHamburger.nav-menu-button { padding-right: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-desktopHamburger { padding-left: 0; display: block; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover { color: #ffbc05; } .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:after, .AppCnbcPhoenix .nav-menu-desktopHamburger:hover:before { background: #ffbc05; } } @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: 0.8px; color: #e8e8e8; opacity: 0.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: translate(9px); transform: translate(9px); margin-right: 20px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-logoSticky { -webkit-transform: translate(9px, 9px); transform: translate(9px, 9px); } } .AppCnbcPhoenix .nav-menu-mainLinks { 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 0.25s; transition: all 0.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: auto; } } .AppCnbcPhoenix .nav-menu-mainLinksSticky { margin-left: 0; } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-mainLinksSticky { -webkit-transform: translateY(10px); transform: translateY(10px); } } .AppCnbcPhoenix .nav-menu-mainLinksWrapper { position: relative; } .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 0.25s; transition: all 0.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% - 280px); -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: 872px; -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; } @media (min-width: 1020px) { .AppCnbcPhoenix .nav-menu-articleTitleWithoutShareComponent { width: 912px; } } .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-articleNavLinks.nav-menu-linksSticky .nav-menu-primaryLink { margin-bottom: 0; } } .AppCnbcPhoenix .nav-menu-primaryLink { font-weight: 700; display: inline-block; font-size: 14px; letter-spacing: 0.85px; margin-right: 4px; text-transform: uppercase; position: relative; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-primaryLink { line-height: 30px; } } .AppCnbcPhoenix .nav-menu-primaryLink:not(.watchlist):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(.watchlist):not(.markets):not(.cnbc_tv):not(.hamburger) { display: block; } .AppCnbcPhoenix .nav-menu-primaryLink.watchlist, .AppCnbcPhoenix .nav-menu-primaryLink:last-child { display: none; } } .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: 1020px) { .AppCnbcPhoenix .nav-menu-primaryLink:hover ~ .nav-menu-navUnderline { opacity: 1; } } .AppCnbcPhoenix .nav-menu-primaryLink a:hover { text-decoration: none; } @media (min-width: 760px) { .AppCnbcPhoenix .nav-menu-progressBarContainer { display: none; } } .AppCnbcPhoenix .nav-menu-logoContainer { width: 34px; pointer-events: none; } .AppCnbcPhoenix .nav-menu-navDropdownWrap { height: 100px; top: 4px; background-color: #fff; z-index: -1; opacity: 0.97; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: matrix(0, 0, 0, 0, 0, 0); transform: matrix(0, 0, 0, 0, 0, 0); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .08); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .08); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .AppCnbcPhoenix .nav-menu-navDropdownWrap, .AppCnbcPhoenix .nav-menu-navUnderline { width: 100px; position: absolute; left: 0; pointer-events: none; } .AppCnbcPhoenix .nav-menu-navUnderline { height: 1px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: matrix(0, 0, 0, 0, 0, 0); transform: matrix(0, 0, 0, 0, 0, 0); opacity: 0; z-index: 600; } .AppCnbcPhoenix .nav-menu-navUnderline:after { content: " "; list-style: none; position: absolute; width: 100%; border-bottom: 4px solid #ffbc05; } .AppCnbcPhoenix .nav-menu-subLinks-enter { opacity: 0.01 !important; background-color: transparent; } .AppCnbcPhoenix .nav-menu-subLinks-enter.nav-menu-subLinks-enter-active { opacity: 0.97 !important; background-color: #fff; -webkit-transition: all 0.2s ease-in 0.14s; transition: all 0.2s ease-in 0.14s; } .AppCnbcPhoenix .nav-menu-subLinks-leave { opacity: 0.97 !important; background-color: #fff; } .AppCnbcPhoenix .nav-menu-subLinks-leave.nav-menu-subLinks-leave-active { opacity: 0.01 !important; background-color: transparent; -webkit-transition: all 0.1s ease-in 0.14s; transition: all 0.1s ease-in 0.14s; } .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths.AutoSuggest-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .AutoSuggest-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths.AutoSuggest-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .AutoSuggest-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .AutoSuggest-containerFluidWidths.AutoSuggest-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .AutoSuggest-containerWidth100 { width: 100%; } .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-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; } .AppCnbcPhoenix .Search-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths.Search-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Search-containerWidth100 { width: 100%; } @-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; } } .AppCnbcPhoenix .Search-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths.Search-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Search-containerWidth100 { width: 100%; } @-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; } @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; } } .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; } .AppCnbcPhoenix .Search-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Search-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Search-containerFluidWidths.Search-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Search-containerWidth100 { width: 100%; } @-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; } } .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; } .AppCnbcPhoenix .SearchColumn-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchColumn-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchColumn-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchColumn-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchColumn-containerFluidWidths.SearchColumn-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchColumn-containerWidth100 { width: 100%; } @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; } .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Buffett-containerFluidWidths.Buffett-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Buffett-containerWidth100 { width: 100%; } @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.SearchToggle-closeButtonText { font-size: 16px; font-weight: 600; margin-left: -50px; width: auto; right: 14px; } .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: inherit; } @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; } .AppCnbcPhoenix .SearchToggle-button span.SearchToggle-megaMenuSearchToggler { left: 30px; top: 10px; } .AppCnbcPhoenix .SearchToggle-button .icon-search { position: absolute; height: 20px; right: 10px; top: 0; bottom: 0; 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; background: #336aa0; margin-right: 0; } .AppCnbcPhoenix .SearchToggle-button span { left: 10px; top: 10px; } .AppCnbcPhoenix .SearchToggle-button span.SearchToggle-megaMenuSearchToggler { left: 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: 1020px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton span { color: #fff; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-megaMenuButton span { margin-top: .3rem; } } .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: 60px; 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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths.SearchToggle-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchToggle-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchToggle-containerFluidWidths.SearchToggle-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchToggle-containerWidth100 { width: 100%; } .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; } } .AppCnbcPhoenix .MakeitCircleStory-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeitCircleStory-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeitCircleStory-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .MakeitCircleStory-containerFluidWidths.MakeitCircleStory-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .MakeitCircleStory-containerWidth100 { width: 100%; } @-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; } .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths.SearchDropDown-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchDropDown-containerWidth100 { width: 100%; } @-webkit-keyframes SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-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 SearchDropDown-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @keyframes SearchDropDown-circleStory { 0% { opacity: 0; } 30% { opacity: 0; } 70% { opacity: .5; } to { opacity: 1; } } @media (min-width: 1020px) { .AppCnbcPhoenix .openNavSearch { overflow-y: scroll !important; } } .AppCnbcPhoenix .icon-buffett-backtotop:before { font-size: 1.5em; padding-left: 3px; } body #back-top-top { cursor: pointer; position: fixed; right: 0; bottom: 40px; padding: 10px; background: #005594; color: #fff; display: none; } body #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; } body .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 .SearchDropDown-searchResultsContainer { margin: 0 auto; } .AppCnbcPhoenix .SearchDropDown-dropDownContainer { 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 .SearchDropDown-dropDownContainer:before { content: ""; display: block; position: fixed; top: 100px; left: 0; height: 100vh; width: 100vw; background-color: #fff; } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-dropDownContainer:before { background-color: rgba(255, 255, 255, 0); } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-dropDownContainer: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 .SearchDropDown-leave .SearchDropDown-dropDownContainer:before { background-color: rgba(255, 255, 255, 0.8); } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-dropDownContainer:before { background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer:before { content: none; } } .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-enter { -webkit-transform: translateX(100%); transform: translateX(100%); } .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-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 .SearchDropDown-dropDownContainer.SearchDropDown-leave { -webkit-transform: translateX(0); transform: translateX(0); } .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-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 .SearchDropDown-dropDownContainer { background-color: transparent; } .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-enter, .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-enter-active, .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-leave, .AppCnbcPhoenix .SearchDropDown-dropDownContainer.SearchDropDown-leave-active { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding-left: 0; padding-right: 0; padding: 0; position: absolute; top: 16px !important; width: 440px; height: auto; left: auto; right: 0; -webkit-box-shadow: 0 2px 4px 0 rgba(151,151,151, 0.5); box-shadow: 0 2px 4px 0 rgba(151,151,151, 0.5); } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer .Search-container { padding: 0; } } @media (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-dropDownContainer { padding: 0; } } .AppCnbcPhoenix .SearchDropDown-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 .SearchDropDown-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 .SearchDropDown-adLeftContainer { margin-bottom: 40px; } } .AppCnbcPhoenix .SearchDropDown-brandingContainer { position: relative; width: 100%; background-color: #005594; z-index: 5; } .AppCnbcPhoenix .SearchDropDown-branding { position: relative; top: 0; left: 0; width: 100%; z-index: 3; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-branding { height: 46px; } .AppCnbcPhoenix .SearchDropDown-branding [class*=-button] { -webkit-transition: none !important; transition: none !important; display: block; } .AppCnbcPhoenix .SearchDropDown-branding [class*=-button][class*=-makeit] { width: 20px !important; } .AppCnbcPhoenix .SearchDropDown-branding [class*=-button]:before { display: none; } .AppCnbcPhoenix .SearchDropDown-branding [class*=-button] span { visibility: hidden; -webkit-transform: translateY(-70px); transform: translateY(-70px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-branding { display: none; } } @media (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-branding { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-branding { max-width: 1290px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-branding { background-color: rgba(0, 85, 148, 0); } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-branding [class*=-button] { width: 140px; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-branding [class*=-button] { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-branding { background-color: #005594; -webkit-transition: background-color .1s ease-in; transition: background-color .1s ease-in; } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-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 .SearchDropDown-enter-active .SearchDropDown-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 .SearchDropDown-leave .SearchDropDown-branding { background-color: #005594; } .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-branding [class*=-button] { width: 75px; } } @media (min-width: 760px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-branding [class*=-button] { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-branding { background-color: rgba(0, 85, 148, 0); -webkit-transition: background-color .1s ease-out .2s; transition: background-color .1s ease-out .2s; } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-brandingLogo { position: absolute; display: block; width: 127px; left: 20px; top: 12px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-brandingLogo { -webkit-transform: translateY(11px); transform: translateY(11px); } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-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 .SearchDropDown-enter-active .SearchDropDown-brandingLogo, .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-brandingLogo { -webkit-transform: translateY(11px); transform: translateY(11px); } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-brandingLogo { left: 0; -webkit-transform: translateY(25px); transform: translateY(25px); } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-brandingLogo { -webkit-transform: translateY(0); transform: translateY(0); } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-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 .SearchDropDown-enter-active .SearchDropDown-brandingLogo, .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-brandingLogo { -webkit-transform: translateY(25px); transform: translateY(25px); } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-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 .SearchDropDown-content { -webkit-transform-origin: top; transform-origin: top; } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-content { -webkit-transform: scaleY(0); transform: scaleY(0); } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-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 .SearchDropDown-leave .SearchDropDown-content { -webkit-transform: scaleY(1); transform: scaleY(1); } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-inputContainer { position: relative; padding: 20px; background-color: #005594; z-index: 2; opacity: 1; } .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-ms-clear { display: none; } @media (min-width: 360px) { .AppCnbcPhoenix .SearchDropDown-inputContainer { padding-top: 45px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-inputContainer { padding: 15px 0 25px; } .AppCnbcPhoenix .SearchDropDown-inputContainer > * { opacity: 1; } .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-inputContainer > * { opacity: 0 !important; } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-inputContainer > * { opacity: 1 !important; -webkit-transition: opacity .1s ease-in .3s; transition: opacity .1s ease-in .3s; } .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-inputContainer > * { opacity: 1 !important; } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-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 .SearchDropDown-inputContainer { padding: 10px 20px 0; background-color: #fff; } .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-webkit-search-cancel-button, .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-webkit-search-decoration, .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-webkit-search-results-button, .AppCnbcPhoenix .SearchDropDown-inputContainer input[type=search]::-webkit-search-results-decoration { display: none; } .AppCnbcPhoenix .SearchDropDown-inputContainer button { right: 0; width: 30px; } .AppCnbcPhoenix .SearchDropDown-inputContainer button:before { line-height: 36px; font-size: 20px; } .AppCnbcPhoenix .SearchDropDown-inputContainer input { padding: 0 40px 0 0; height: 35px; font-size: 14px; border-bottom: 1px solid #979797; } } .AppCnbcPhoenix .SearchDropDown-contentContainer { background-color: #fff; z-index: 1; opacity: 1; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-enter .SearchDropDown-contentContainer { opacity: 0 !important; } .AppCnbcPhoenix .SearchDropDown-enter-active .SearchDropDown-contentContainer { opacity: 1 !important; -webkit-transition: opacity .1s ease-in .3s; transition: opacity .1s ease-in .3s; } .AppCnbcPhoenix .SearchDropDown-leave .SearchDropDown-contentContainer { opacity: 1 !important; } .AppCnbcPhoenix .SearchDropDown-leave-active .SearchDropDown-contentContainer { opacity: 0 !important; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } } .AppCnbcPhoenix .SearchDropDown-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 .SearchDropDown-contentWrapper { padding: 20px 20px 0; margin: 0 auto; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-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 .SearchDropDown-contentWrapper { padding: 40px 0 100px; max-width: 1350px; } } .AppCnbcPhoenix .SearchDropDown-contentItem { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 30px; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-contentItem:first-child, .AppCnbcPhoenix .SearchDropDown-contentItem:last-child { min-width: 270px; max-width: 270px; } .AppCnbcPhoenix .SearchDropDown-contentItem:nth-child(2) { min-width: 350px; max-width: 350px; margin-left: 35px; margin-right: 35px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-contentItem:first-child, .AppCnbcPhoenix .SearchDropDown-contentItem:last-child { min-width: 300px; max-width: 300px; } .AppCnbcPhoenix .SearchDropDown-contentItem:nth-child(2) { min-width: 412px; max-width: 412px; margin-left: 60px; margin-right: 60px; } } .AppCnbcPhoenix #SearchDropDown-seemorearrow { height: auto; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .SearchDropDown-AppCnbcPhoenix .SearchDropDown-SearchResults-searchResultsSelectIcon.SearchDropDown-icon-arrow-down-readmore { display: none; } } .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths.SearchDropDown-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchDropDown-containerWidth100 { width: 100%; } .AppCnbcPhoenix .buffett #query { color: #fff; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer { background-color: #2e0810; height: 100%; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer a { color: #fff; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer a:hover { color: #d1bb7e; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer input::-webkit-input-placeholder { text-transform: none; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer input:-ms-input-placeholder, .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer input::-ms-input-placeholder { text-transform: none; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer input::placeholder { text-transform: none; } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer button:before { color: #d1bb7e; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer { height: auto; overflow: visible; -webkit-transform: translateY(45px); transform: translateY(45px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer { -webkit-transform: translateY(0); transform: translateY(0); margin-left: 0; margin-right: 0; } } .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-overlayContainer:before { display: none; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-buffett.SearchDropDown-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 .SearchDropDown-buffett .SearchDropDown-content, .AppCnbcPhoenix .SearchDropDown-buffett .SearchDropDown-contentContainer, .AppCnbcPhoenix .SearchDropDown-buffett .SearchDropDown-inputContainer { background-color: #2e0810; } .AppCnbcPhoenix .SearchDropDown-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 .SearchDropDown-buffettBranding { font-size: 40px; margin-bottom: 30px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-buffettBranding { font-size: 52px; letter-spacing: .52px; padding-top: 60px; margin-bottom: 40px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-buffettBranding { margin-bottom: 80px; } } .AppCnbcPhoenix .SearchDropDown-buffettBranding span { font-weight: 800; color: #d1bb7e; letter-spacing: .24px; font-style: normal; } .AppCnbcPhoenix .SearchDropDown-buffett .SearchDropDown-inputContainer { padding-top: 0; padding-bottom: 0; margin-bottom: 30px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-buffett .SearchDropDown-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 .SearchDropDown-buffett .SearchDropDown-inputContainer { margin-right: 140px; margin-left: 140px; margin-bottom: 60px; width: calc(100% - 280px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-buffett .SearchDropDown-inputContainer { margin-left: auto; margin-right: auto; margin-bottom: 100px; width: 1070px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-buffettHeaderWrapper { margin: 0 auto; max-width: 100%; position: relative; width: 100%; } } @media (min-width: 1340px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-buffettHeaderWrapper { max-width: 678px; } } @media (min-width: 1340px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-buffettHeaderWrapper { max-width: 960px; } } @media (min-width: 1340px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-buffettHeaderWrapper { max-width: 1077px; } } @media (min-width: 1340px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-buffettHeaderWrapper { max-width: 1290px; } } .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchDropDown-containerFluidWidths.SearchDropDown-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchDropDown-containerWidth100 { width: 100%; } .AppCnbcPhoenix .SearchDropDown-makeit.SearchDropDown-overlayContainer { background-color: #3e4855; font-family: Averta; height: 100vh; max-height: 100vh; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeit.SearchDropDown-overlayContainer { height: auto; overflow: visible; height: 100vh; max-height: 100vh; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit.SearchDropDown-overlayContainer { -webkit-transform: translateY(0); transform: translateY(0); margin-left: 0; margin-right: 0; max-height: 100vh; } } .AppCnbcPhoenix .SearchDropDown-makeit.SearchDropDown-overlayContainer:before { display: none; } .AppCnbcPhoenix .SearchDropDown-brandingContainer { padding: 0 20px; } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { background-color: transparent; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { padding: 0 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingContainer { max-width: 1290px; } } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingLogo { width: 111px; left: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingLogo { width: 101px; top: 10px; left: 0; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingLogo { width: 151px; top: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-brandingLogo { width: 166px; } } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-branding { height: 60px; background-color: transparent; } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-branding { height: 80px; } } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-content, .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-contentContainer, .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-inputContainer { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-content { padding-bottom: 20px; } .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-inputContainer { padding-top: 0; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-inputContainer { padding-top: 15px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-inputContainer { padding-top: 20px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-makeit .SearchDropDown-inputContainer { padding-top: 40px; } } .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { margin: 0 auto; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { padding: 0 40px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { margin: 0 auto; max-width: 100%; } } @media (min-width: 1020px) and (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { max-width: 678px; } } @media (min-width: 1020px) and (min-width: 1020px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { max-width: 960px; } } @media (min-width: 1020px) and (min-width: 1180px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { max-width: 1077px; } } @media (min-width: 1020px) and (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStoriesContainer { max-width: 1290px; } } .AppCnbcPhoenix .SearchDropDown-makeitTrendingTitle { font-size: 36px; color: #68ebca; font-weight: 700; margin: 0 20px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingTitle { margin: 0; } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingTitle { font-size: 46px; } } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-makeitTrendingStories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .AppCnbcPhoenix .SearchDropDown-makeitTrendingStories li { padding: 20px; min-height: 180px; } @media (min-width: 760px) { .AppCnbcPhoenix .SearchDropDown-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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .mega-menu-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .mega-menu-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .mega-menu-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .mega-menu-containerFluidWidths.mega-menu-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .mega-menu-containerWidth100 { width: 100%; } .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: 1019px) { .AppCnbcPhoenix .mega-menu-megaMenu { margin-top: 2.5rem; } } .AppCnbcPhoenix .BreakingNews-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .BreakingNews-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .BreakingNews-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .BreakingNews-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .BreakingNews-containerFluidWidths.BreakingNews-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .BreakingNews-containerWidth100 { width: 100%; } @-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:focus, .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; } } .AppCnbcPhoenix .LiveAlerts-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .LiveAlerts-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .LiveAlerts-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .LiveAlerts-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .LiveAlerts-containerFluidWidths.LiveAlerts-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .LiveAlerts-containerWidth100 { width: 100%; } @-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: #171717; 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(#171717), to(rgba(0, 0, 0, 0))); background: linear-gradient(270deg, #171717, rgba(0, 0, 0, 0)); position: absolute; top: 0; right: 0; } .AppCnbcPhoenix .LiveAlerts-article:focus, .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .NavSpacer-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .NavSpacer-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .NavSpacer-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .NavSpacer-containerFluidWidths.NavSpacer-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .NavSpacer-containerWidth100 { width: 100%; } .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; } .AppCnbcPhoenix .CountdownClock-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .CountdownClock-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .CountdownClock-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .CountdownClock-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .CountdownClock-containerFluidWidths.CountdownClock-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .CountdownClock-containerWidth100 { width: 100%; } @-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 .SearchOverlay-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths.SearchOverlay-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchOverlay-containerWidth100 { width: 100%; } @-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; } } .AppCnbcPhoenix .icon-buffett-backtotop:before { font-size: 1.5em; padding-left: 3px; } body #back-top-top { cursor: pointer; position: fixed; right: 0; bottom: 40px; padding: 10px; background: #005594; color: #fff; display: none; } body #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; } body .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 #SearchOverlay-seemorearrow { height: auto; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .AppCnbcPhoenix .SearchOverlay-AppCnbcPhoenix .SearchOverlay-SearchResults-searchResultsSelectIcon.SearchOverlay-icon-arrow-down-readmore { display: none; } } .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths.SearchOverlay-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchOverlay-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SearchOverlay-containerFluidWidths.SearchOverlay-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SearchOverlay-containerWidth100 { width: 100%; } .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; } } .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .Buffett-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .Buffett-containerFluidWidths.Buffett-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .Buffett-containerWidth100 { width: 100%; } .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .ExpandedLink-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .ExpandedLink-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .ExpandedLink-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .ExpandedLink-containerFluidWidths.ExpandedLink-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .ExpandedLink-containerWidth100 { width: 100%; } .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; } .AppCnbcPhoenix .MakeIt-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .MakeIt-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .MakeIt-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .MakeIt-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .MakeIt-containerFluidWidths.MakeIt-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .MakeIt-containerWidth100 { width: 100%; } @-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 .Logo-dondLogo { margin-right: 40px; height: 25px; width: 234px; } .AppCnbcPhoenix .CNBCLogo-neoLogo { display: inline-block; vertical-align: middle; height: 55px; width: 55px; } .AppCnbcPhoenix .SocialIcons-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .SocialIcons-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .SocialIcons-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .SocialIcons-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .SocialIcons-containerFluidWidths.SocialIcons-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .SocialIcons-containerWidth100 { width: 100%; } .AppCnbcPhoenix .SocialIcons-socialIcons { display: none; font-family: Proxima Nova; } @media (min-width: 1020px) { .AppCnbcPhoenix .SocialIcons-socialIcons { display: inline-block; text-align: center; vertical-align: middle; border-right: 1px solid #9b9b9b; height: 20px; line-height: 20px; } } .AppCnbcPhoenix .SocialIcons-icon { font-size: 20px; display: inline-block; margin-right: 20px; font-weight: 600; } .AppCnbcPhoenix .SocialIcons-icon a { color: #fff2a9; } .AppCnbcPhoenix .SocialIcons-icon a:hover { color: #fff; } .AppCnbcPhoenix .SocialIcons-icon.SocialIcons-listLabel { font-weight: 600; color: #fff; font-size: 10px; line-height: 12px; opacity: .6; text-transform: uppercase; padding-bottom: 7px; vertical-align: bottom; } @media (max-width: 1020px) { .AppCnbcPhoenix .SocialIcons-icon.SocialIcons-listLabel { padding-bottom: 10px; } } .AppCnbcPhoenix .BrandMenu-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .BrandMenu-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .BrandMenu-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .BrandMenu-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .BrandMenu-containerFluidWidths.BrandMenu-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .BrandMenu-containerWidth100 { width: 100%; } .AppCnbcPhoenix .BrandMenu-menuItem { text-transform: uppercase; list-style-type: none; } .AppCnbcPhoenix .BrandMenu-menuItem a { font-weight: 600; } .AppCnbcPhoenix .BrandMenu-menuItem a:hover { color: #fff; border-bottom: 2px solid #fff2a9; } .AppCnbcPhoenix .BrandMenu-desktopMenu { display: none; position: relative; } @media (min-width: 1180px) { .AppCnbcPhoenix .BrandMenu-desktopMenu { display: inline-block; vertical-align: middle; font-family: Proxima Nova; font-weight: 700; font-size: 15px; line-height: 1; height: 16px; } .AppCnbcPhoenix .BrandMenu-desktopMenu li, .AppCnbcPhoenix .BrandMenu-desktopMenu ul { display: inline-block; list-style-type: none; } .AppCnbcPhoenix .BrandMenu-desktopMenu li { margin-right: 40px; } } .AppCnbcPhoenix .BrandMenu-mobileMenu { position: relative; display: none; background-repeat: no-repeat; background-size: 100% 100%; height: 0; font-size: 18px; font-family: Proxima Nova; font-weight: 700; color: #fff; } .AppCnbcPhoenix .BrandMenu-mobileMenu ul { width: 360px; text-align: center; margin-right: auto; margin-left: auto; } .AppCnbcPhoenix .BrandMenu-mobileMenu ul li { padding-top: 40px; list-style-type: none; } .AppCnbcPhoenix .BrandMenu-mobileMenu.BrandMenu-expanded { display: block; height: auto; padding-bottom: 50px; } .AppCnbcPhoenix .BrandMenu-mobileMenu.BrandMenu-expanded:after { position: absolute; content: ""; height: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUwcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgNzUwIDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdHRlcm4gaWQ9InBhdHRlcm4tMSIgd2lkdGg9IjYuNCIgaGVpZ2h0PSI2LjQiIHg9Ii01LjYxOTMyNTQ5IiB5PSItNS40OTEzNzQ0NSIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2ltYWdlLTIiIHRyYW5zZm9ybT0ic2NhbGUoMC44LDAuOCkiPjwvdXNlPgogICAgICAgIDwvcGF0dGVybj4KICAgICAgICA8aW1hZ2UgaWQ9ImltYWdlLTIiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQWdBQUFBSUNBWUFBQURFRDc2TEFBQUFCR2RCVFVFQUFMR09HQ0h2bHdBQUFCZEpSRUZVR0JsajJMOGs4VDhJTStBQVREakVoNWt3QUp2NUJZbWZXZjh3QUFBQUFFbEZUa1N1UW1DQyI+PC9pbWFnZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iNzYwL05hdi1FeHBhbmQtQkciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjAwMDAwMCwgLTYxOC4wMDAwMDApIiBmaWxsPSJ1cmwoI3BhdHRlcm4tMSkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDYxNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjc4MDY3NDUwNSwxIEw3MzcuODg0MjI2LDEgTDc1MS41Njg1OTksMSBMNzUyLDEuNzEyOTUyMSBDNzUxLjcxMjM5OSw0LjEwMDc0MTA5IDc1MS41Njg1OTksNS44OTcwMDE2NCA3NTEuNTY4NTk5LDcuMTAxNzMzNzQgQzc1MS41Njg1OTksOC4zMDY0NjU4NSA3NTEuNzEyMzk5LDkuMjcyNTU0NiA3NTIsMTAgTDczNy44ODQyMjYsMTAgTDIuOTUzMTQzODUsMTAgTDIuOTUzMTQzODUsNy4xMDE3MzM3NCBDMy4wOTAyMjgsNC4yMjYxNjMyOSAzLjA5MDIyOCwyLjQyOTkwMjc0IDIuOTUzMTQzODUsMS43MTI5NTIxIEMyLjgxNjA1OTcsMC45OTYwMDE0NTkgMi4wOTE5MDMyNSwwLjc1ODM1MDc1OSAwLjc4MDY3NDUwNSwxIFoiIGlkPSJEb3R0ZWQtTGluZS1Cb3R0b20iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-repeat: repeat-x; width: 100%; bottom: 0; } @media (max-width: 360px) { .AppCnbcPhoenix .BrandMenu-mobileMenu { background-size: 720px 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .BrandMenu-mobileMenu { background-size: 920px 100%; } } @media (min-width: 1180px) { .AppCnbcPhoenix .BrandMenu-mobileMenu.BrandMenu-expanded { display: none; } } .AppCnbcPhoenix .dealornodeal-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .dealornodeal-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .dealornodeal-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .dealornodeal-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .dealornodeal-containerFluidWidths.dealornodeal-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .dealornodeal-containerWidth100 { width: 100%; } .AppCnbcPhoenix .dealornodeal-dondNav { background-color: rgba(18, 18, 18, 0.3); height: 60px; z-index: 1999; position: fixed; width: 100%; top: 0; } .AppCnbcPhoenix .dealornodeal-dondNav.dealornodeal-sticky { background-color: rgba(18, 18, 18, 0.95); } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { height: 60px; padding: 17px 0; margin: 0 auto; max-width: 100%; } @media (min-width: 760px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { max-width: 678px; } } @media (min-width: 1020px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { max-width: 960px; } } @media (min-width: 1180px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { max-width: 1077px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { max-width: 1290px; } } @media (max-width: 1340px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { padding: 17px 0; } } @media (max-width: 760px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container { padding: 20px 0; } } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-mobileMenuIcon { margin-left: 20px; margin-right: 22px; font-size: 20px; vertical-align: middle; display: inline-block; color: #fff2a9; } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-mobileMenuIcon:hover { cursor: pointer; } @media (min-width: 760px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-mobileMenuIcon { margin-left: 0; } } @media (min-width: 1180px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-mobileMenuIcon { display: none; } } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { display: inline-block; position: relative; vertical-align: middle; } @media (max-width: 1180px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { height: 21px; width: 198px; } } @media (max-width: 760px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { height: 21px; width: 198px; margin-right: 5px; } } @media (max-width: 360px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { margin-right: 10px; margin-bottom: 2px; } } @media (min-width: 1180px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { margin-left: -15px; } } @media (min-width: 1340px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-dondLogo { margin-left: -15px; } } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-cnbcLogo { margin-top: -20px; margin-left: 16px; } @media (max-width: 760px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-cnbcLogo { margin-right: 22px; } } @media (max-width: 360px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-cnbcLogo { margin-right: 20px; margin-left: 0; } } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container .dealornodeal-icons { float: right; display: inline-block; height: auto; } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-container:after { content: ""; clear: both; } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-mobileSocialIcons { display: block; margin-left: auto; margin-right: auto; width: 360px; } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-mobileSocialIcons li:last-child { margin-right: 0; } @media (min-width: 1020px) { .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-mobileSocialIcons { display: none; } } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-mobileMenuOverlay { background-color: rgba(0, 0, 0, 0.6); } .AppCnbcPhoenix .dealornodeal-dondNav .dealornodeal-mobileMenuOverlay.dealornodeal-expanded { height: 100vh; } .AppCnbcPhoenix .GlobalNavigation-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } @media (min-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .GlobalNavigation-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .GlobalNavigation-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .GlobalNavigation-containerFluidWidths.GlobalNavigation-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .GlobalNavigation-containerWidth100 { width: 100%; } .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"; } .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: "\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 .icon-watchlist:before { content: "\E948" } .AppCnbcPhoenix .icon-replay:before { content: "\E965"; } .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 .icon-social:before { content: "\E911"; } .AppCnbcPhoenix .gig-button-container-instagram .icon-social:before { content: "\E912"; } .AppCnbcPhoenix .gig-button-container-linkedin .icon-social:before { content: "\E913"; } .AppCnbcPhoenix .gig-button-container-rss .icon-social:before { content: "\E914"; } .AppCnbcPhoenix .gig-button-container-twitter .icon-social:before { content: "\E915"; } .AppCnbcPhoenix .gig-button-container-youtube .icon-social:before { content: "\E916"; } .AppCnbcPhoenix .gig-button-container-tumblr .icon-social:before { content: "\E917"; } .AppCnbcPhoenix .gig-button-container-stumbleupon .icon-social:before { content: "\E918"; } .AppCnbcPhoenix .gig-button-container-reddit .icon-social:before { content: "\E919"; } .AppCnbcPhoenix .gig-button-container-pinterest .icon-social:before { content: "\E91D"; } .AppCnbcPhoenix .gig-button-container-share .icon-social:before { content: "\E91E"; } .AppCnbcPhoenix .gig-button-container-email .icon-social:before { content: "\E920"; } .AppCnbcPhoenix .gig-button-container-digg .icon-social:before { content: "\E921"; } .AppCnbcPhoenix .transition-fade-enter { opacity: .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: .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: .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: .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: .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: .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-containerFluidWidths { margin-right: 20px; margin-left: 20px; width: calc(100% - 40px); } .AppCnbcPhoenix .nav-menu-hamburgerMenuContainer { display: flex; margin-top: 3px; } @media (min-width: 760px) { .AppCnbcPhoenix .App-containerFluidWidths { margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); } } @media (min-width: 1020px) { .AppCnbcPhoenix .App-containerFluidWidths { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); } } @media (min-width: 1340px) { .AppCnbcPhoenix .App-containerFluidWidths { margin-left: auto; margin-right: auto; max-width: 1290px; width: 100%; } } @media (max-width: 760px) { .AppCnbcPhoenix .App-containerFluidWidths.App-dealornodeal { width: 100%; margin: 0; } } .AppCnbcPhoenix .App-containerWidth100 { width: 100%; } .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 vn 1 */ .AppCnbcPhoenix a:hover { text-decoration: none; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/alerts.css?t=1557262871 */ /* 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=1557262871 */ /* 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: 0 !important; right: 4px; width: 65px; margin-left: 0; vertical-align: middle; } .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/assets.2.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /* Assets */ .asset{overflow:hidden;font-weight:normal;position: relative;} .asset .headline{margin:0 0 5px;font-size:14px;font-weight:normal;margin-bottom:0;line-height: 20px;} .asset .desc {margin:0 0 5px;font-family: 'Proxima Nova Semi Bold', Arial;font-size: 12px;line-height: 16px;} .asset .related-link{list-style:inside;} .asset .related-link li{color: #2077B6;} .card img{float:left;margin-right:10px;} .hide {display: none !important;} .asset .headline h1, .asset .headline h2{margin:0;padding:0} /*==== Home page featured story ====*/ .featured img{vertical-align: bottom;display: inline-block;} .featured .promo{position: relative;height:auto;*overflow: hidden;} .featured .headlines{ position: static;height:auto;bottom: 0;margin:0;font-weight: normal; background:url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png");font-size: 32px;width: 100%;padding: 5px 12px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } .featured.imgasset .headlines{ position: absolute; } .featured .headlines a{color:#fff;} .featured .promo:hover .headlines a {color: #3fbdec;} .featured .description{background: #393533;font-size: 14px;line-height: 20px;padding: 12px;color: #B0B9BD;font-family:'Proxima Nova Semi Bold',Arial} .featured .description a{color : #3FBDEC;padding: 0 5px;} .featured .description li, .featured .description ul{display: inline;} .featured .description li:before{content: "\0BB";} .featured .description a:hover{color: #fff;} .featured .attribution{color:#868483;text-align: right;font-size: 11px;padding-top: 5px;font-family:'Proxima Nova Semi Bold',Arial;} /*==== Top News Section ====*/ .top-news {margin-bottom: 20px;} .top-news .module-header .quickView, .top-news .module-header .regularView{text-transform:uppercase;} .top-news .module-header .quickView .arrow_down, .top-news .module-header .regularView .arrow_down{ border-top-color: #DD4B39; display:inline-block; /* Display inline and zoom 1 evaluates to inline-block in older ie*/ *display: inline; zoom:1; vertical-align: middle; margin:0 2px 2px; } .top-news .module-header li{font-size: 12px;color: #454240;padding: 0px 5px;} .top-news .module-header li.last{padding-right: 0px;border:0px;text-transform: uppercase;} .top-news .module-header li a {color:#2077B6;} .top-news .module-header li.first a {font-size: 14px;} .top-news .module-header li.first{padding-top:2px;} .top-news .featured {margin-bottom: 15px;} .top-news .filmstrip .asset .headline {font-size:18px;font-weight:normal;margin:0;padding:0;} .featured .headlines .icon-video {vertical-align: middle;} /*========== Quick View Styles Overrides ====================*/ .quick-view .downArrowTabs .tab {border-top: 0;} .quick-view .module-header {margin-bottom: 0;} .quick-view .regularView a:hover { color:#DD4B39; } .sub .quickView a:hover { color:#DD4B39; } .quick-view .topic-section .bullet-river li a { font-size: 20px; } .quick-view .topic-section .bullet-river li { border-bottom: 1px solid #ccd6db; padding: 8px 0; margin: 0px; } .quick-view .topic-section .bullet-river li.last { border:0; } .quick-view .topic-section .headline{ margin: 0; } .quick-view .topic-section { margin-bottom: 15px; padding-bottom: 20px; clear: both; overflow: hidden; border: none; } .quick-view .module-header-small { font-size: 16px; border-bottom: 4px solid #CCD6DB; } /*==== Featured stories - right rail ====*/ .big-stories .headline{font-size:22px;font-weight:normal; line-height: 26px;} .big-stories ul li {margin-bottom: 30px;} .big-stories ul li.last, .big-stories ul li.last .headline {margin-bottom: 0;} .tabContainer .tabContents .subsection{margin-bottom:5px;} /*.desc_size140_105 .headline, .desc_size140_105 .desc, .desc_size140_105 ul, .desc_size140_105 .source, .desc_size140_105 .timestamp {margin-left: 150px;} .desc_size93_70 .headline, .desc_size93_70 .desc, .desc_size93_70 ul, .desc_size93_70 .source, .desc_size93_70 .timestamp {margin-left: 103px;} .desc_size160_105 .headline, .desc_size160_105 .desc, .desc_size160_105 ul, .desc_size160_105 .source, .desc_size160_105 .timestamp {margin-left: 175px;} .desc_size80_60 .headline, .desc_size80_60 .desc, .desc_size80_60 ul, .desc_size80_60 .source, .desc_size80_60 .timestamp {margin-left: 90px;} .desc_size240_180 .headline, .desc_size240_180 .desc, .desc_size240_180 ul, .desc_size240_180 .source, .desc_size240_180 .timestamp, .desc_size240_160 .headline, .desc_size240_160 .desc, .desc_size240_160 ul, .desc_size240_160 .source, .desc_size240_160 .timestamp, .desc_size240_240 .headline, .desc_size240_240 .desc, .desc_size240_240 ul, .desc_size240_240 .source, .desc_size240_240 .timestamp {margin-left: 260px;} .desc_size60_60 .headline, .desc_size60_60 .desc, .desc_size60_60 ul, .desc_size60_60 .source, .desc_size60_60 .timestamp {margin-left: 70px;} */ .cols2 .col2 .subsection .asset.imgasset.card {margin-bottom: 25px;} .asset:hover .cnbc-font-icon.icon-cnbc-video:before { color:#3FBDEC; } .asset:hover .headline a{color:#DD4B39;} /* light-gray background for docked video */ .carousel-player .theplatform-video__docked:after, .inline-player .theplatform-video__docked:after { content: ""; display: block; background-color: #eee; position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; cursor: auto; } .carousel-player .player.cnbcvideo, .inline-player .player.cnbcvideo { position: absolute; top: 0; width: 100%; height: 100%; } /* featuredPromo style overrides: Start */ body[id*=page_story_promo] .inline-player, body[id*=page_story_promo] .carousel-player { width: 600px; margin-left: auto; margin-right: auto; } body[id*=page_story_promo] div[id=article_deck] .inline-player, body[id*=page_story_promo] div[id=article_deck] .carousel-player { width: 940px; margin-left: auto; margin-right: auto; } body[id*=page_story_promo] div[id=article_deck] .inline-player .headline-overlay, body[id*=page_story_persistent_ad_makeit] div[id=article_deck] .inline-player .headline-overlay { width: 100%; } body[id*=page_story_promo] div[id=article_deck] .theplatform-video__docked .dockable { width: 600px !important; left: 50%; margin-left: -300px; } body[id*=page_story_persistent_ad_makeit] div[id=article_deck] .theplatform-video__docked .dockable { width: 600px !important; left: 50%; margin-left: -470px; } .top-news .featuredPromo.featuredPromo .headline-overlay .headline time, #page_video-show-detail .cols2 .col2 .featuredPromo.featuredPromo .headline-overlay .headline time { display: none; } .immersive .carousel-player .video-icon > a { position: relative; } .immersive .carousel-player .asset time { margin: 0; bottom: 0; font-family: "Proxima Nova Semi Bold"; font-size: 11px; color: #737373; } #pipeline .featuredPromo .video-icon > a { display: inline; } body[id*=makeit].immersive .featuredPromo .headline-overlay, .top-news .featuredPromo .headline-overlay { font-size: 20px; } .subsection .featuredPromo.desc_size600_400, .subsection .featuredPromo.desc_size600_337, .subsection .featuredPromo.desc_size940_528 {font-size: 24px;} .top-news .featuredPromo .headline-overlay .headline { font-family: "Proxima Nova Semi Bold"; padding-left: 10px; } .bx-wrapper .featuredPromo img { display: inline; } /* featuredPromo style overrides: End */ /* player */ /*#page_video-show-detail .player-lazy-loaded.dockable { transition: none; }*/ /* TODO: test and verify on video show detail page */ #page_video-show-detail .player-lazy-loaded-mobile.theplatform-video__docked { width: 100%; } .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: #333; 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: #333; 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: #333; 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 */ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/quotes.2.css?t=1557262871 */ /* 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/pills.2.css?t=1557262871 */ /* NOTE: This File version is not compressed */ .pill { color: #FFF; font-size: 12px; text-transform: uppercase; line-height: 0.4; display: inline-block; *display: inline;zoom: 1; /* In IE 7, This is inline block */ vertical-align: middle; float: left; border-radius: 3px 0 0 3px; border-width: 0; margin-right: 15px; padding: 10px 5px 8px 7px; position: relative; } .pill:after { content: ""; display: block; height: 0; width: 0; position: absolute; right: -10px; top: 0; color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 11px; border-left-color: inherit; border-left-style: solid; border-left-width: 10px; border-top-style: solid; border-top-width: 11px; border-top-color: transparent; border-bottom-color: transparent; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .pill.blue { background: #3f9ccd; border-left-color: #3f9ccd; } .pill.gray { background: #a2a09f; border-left-color: #a2a09f; } .pill.silver { background: #e0e4e7; border-left-color: #e0e4e7; color: #848484; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/ThePlatform/samples/css/cnbc_cards.css?t=1557262871 */ /* 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=1557262871 */ /* 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=1557262871 */ /* 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/cnbc-popup-desktop.css?t=1557262871 */ /* 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=1557262871 */ /* 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=1557262871 */ /* 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/newcarousel/jquery.bxslider.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; height: 100%; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); max-height: 100%; } /** THEME ===================================*/ .bx-wrapper { /* -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff;*/ } .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { position: absolute; width: 100%; bottom: 10%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; } .bx-wrapper .bx-pager.bx-default-pager a { background: #b7b7b7; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ /* click area */ .bx-wrapper .bx-controls-direction a { position: absolute; top: 0; outline: 0; width: 80px; height: 100%; text-indent: -9999px; z-index: 1; /* so click area sits on top of the pagination links container */ } .bx-wrapper .bx-prev { left: 0; } .bx-wrapper .bx-next { right: 0; } /* arrows */ .bx-wrapper .bx-prev:after { content: ""; display: block; left: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-left: 10px solid; border-top: 10px solid; cursor: pointer; /* background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/images/controls.png') no-repeat 0 -32px;*/ } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; cursor: pointer; } .bx-wrapper .bx-next:after { content: ""; display: block; right: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 10px solid; border-bottom: 10px solid; cursor: pointer; /* background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/images/controls.png') no-repeat -43px -32px;*/ } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; cursor: pointer; } .bx-wrapper .bx-controls-direction a:after { transform: rotate(-45deg); color: #bbb; margin: 10px; position: absolute; top: 50%; outline: 0; width: 32px; height: 32px; text-indent: -9999px; cursor: pointer; /*z-index: 9999;*/ margin-top: -22px; } .bx-wrapper .bx-controls-direction a.disabled:after { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { /*text-align: left;*/ width: 100%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*#page_video-show-lander .slider { height: 460px !important; } #page_video-show-lander .slider ul li > div { width: 100% !important; }*/ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/shared/cnbc_font_icons.css?t=1557262871 */ /* 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=1557262871 */ /* 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/shared/gigya_styles.css?t=1557262871 */ /* 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/promo.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /* ------------ Immersive story header styles START --------------- */ .immersive .story-top, .immersive .story-top .story-header-left { width: 100%; margin: 0; float: none; border-bottom: 0; } .immersive .story-header-left[style^='background'] { padding-top: 20%; padding-bottom:20px; position: relative; } .immersive .story-top .story-header-right { width: 600px; margin: 30px auto; overflow: hidden; float:none; } .immersive .story-top .story-header-left .headline-container { width: 940px; margin: 0 auto; } .immersive.immersive-cols2 .story-top .story-header-right { width: 940px; } .immersive.immersive-cols2 .story-top .story-header-left .headline-container { width: 940px; } .immersive .story-top .title { font-family: 'Proxima Nova Semi Bold'; font-size: 45px; line-height: 1.2em; color: #333; position: relative; z-index: 1; } .immersive .story-top .story-header-left[style^='background'] .title { color: #fff; } .immersive .story-top .sourcelogo{/*display: none;*/ /*Enabling source logo in make it templates, story ng 1 column https://nbcnewsdigital.atlassian.net/browse/CNBCWEB-3908*/ } .immersive .story-header-left[style^='background']:after{ content: ""; position: absolute; height: 100%; width: 100%; top: 0; background: -linear-gradient(rgba(0, 0, 0, 0)10%,rgba(0, 0, 0, 0.87))!important; background: -webkit-linear-gradient(rgba(0, 0, 0, 0)10%,rgba(0, 0, 0, 0.87))!important; background: -moz-linear-gradient(rgba(0, 0, 0, 0)10%,rgba(0, 0, 0, 0.87))!important; background: -o-linear-gradient(rgba(0, 0, 0, 0)10%,rgba(0, 0, 0, 0.87))!important; background: -ms-linear-gradient(rgba(0, 0, 0, 0)10%,rgba(0, 0, 0, 0.87))!important; margin-bottom: 0px; margin-top: 0px; border-bottom: none; left: 0; } .immersive .story-top .story-header-left .source, .immersive .story-top .story-header-left .datestamp { position: relative; z-index: 1; color: #999; display: inline-block; } .immersive .story-header-left .source:after { content: "|"; } .immersive .story-top .source, .immersive .story-top .datestamp { font-family: 'Proxima Nova Semi Bold'; font-size: 14px; } .immersive .story-top .story-header-left a { color: #999; } .immersive .story-top .story-header-left a:hover { color: #fff; } .immersive .story-top #social_bar_top { margin-bottom: 0; } .immersive .story-top #social_bar_top_gig_containerParent { float: left; } /* ------------ Immersive story header styles END --------------- */ .immersive .pagehead { margin: 0 auto 20px auto; } .immersive .cols1 .player.embed-container, .immersive .cols1 .social-reporter, .immersive .cols1 .adcom_wrapper, .immersive .cols1 .disqus_container, .immersive .story .content .group>p, .immersive .story .content .group>ul, .immersive .story .content .group>ol, .immersive .story .content .subtitle, .immersive .story .content .group table p, .immersive .story .content .group>blockquote, .immersive .story .content .group-container .widget { width: 600px; margin-left: auto; margin-right: auto; } .immersive .story .content .group ul, .immersive .story .content .group ol { width: 580px; padding: 0 0 0 30px; } .immersive .social_bar_bottom_promo{ width: 600px; margin: 10px auto 25px; } .immersive .social_bar_bottom_promo>div{width: 340px;} .immersive .story .content h4, .immersive .story .content .embed-container.image, .immersive .story .content .inline-player, .immersive .story .content .carousel-player { width: 600px; margin-left: auto; margin-right: auto; } .immersive .stories-lineup ul li{ padding-bottom: 25px; border-bottom: 1px solid #CCD6DB; margin-bottom: 25px; width: 600px;margin-left: auto;margin-right: auto;} .immersive .stories-lineup ul li.ad_responsive_rectangle {width: auto;} .immersive .stories-lineup ul li.last { border-bottom: 0; margin-bottom: 0; } /*.immersive .featuredPromo:hover .headline a { color: #3fbdec; }*/ .immersive .featuredPromo:hover .headline { color: #3fbdec; } .immersive .content { font-family: 'Proxima Nova Semi Bold'; font-size: 18px; color: #333; font-style: normal; text-align: left; line-height: 30px; } .immersive .pull-quote .quote { font-family: 'Proxima Nova Semi Bold'; font-style: italic; font-size: 34px; color: #DD4B39; text-align: left; line-height: 42px; letter-spacing: 0em; } .immersive .social_bar_bottom_promo { margin-top: 35px; margin-bottom: 35px; } .immersive .embed-container { width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .immersive .embed-container .attribution { display: none; } .immersive .chartImage img { width: 600px; } .immersive .embed-container.cnbcvideo { border-bottom: none; text-align:center; width:100%; } .immersive .embed-container.theplatform-video__docked, .immersive .embed-container.theplatform-video__transition { border-bottom: none; text-align: left; } .immersive .embed-container.cnbcvideo .player { background: url('//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/ThePlatform/cnbc-placeholder_530x298.png') center no-repeat; background-size: contain; } .immersive .embed-container.slideshow { border: none; } .immersive li.card { width: 600px; margin-left: auto; margin-right: auto; } .immersive .imgasset.featuredPromo { position: relative; } .immersive .imgasset.featuredPromo span.nad_source { margin-left: 20px; } .immersive .featuredPromo .headline { font: normal 1em 'Proxima Nova Semi Bold'; color: #fff; text-shadow: 0px 0px 5px #000; line-height: 1.3em; } .immersive .featuredPromo.cnbcvideo .headline-overlay a { margin-left: 70px; } .immersive .imgasset.featuredPromo .cnbc-font-icon.icon-cnbc-video { float: left; position: absolute; font-size: 40px; margin-right: 10px; margin-top: 5px; margin-left: 16px; } .immersive .cnbc-video .imgasset { position: relative; } .immersive .featuredPromo.cnbcvideo time { margin-left: 70px; } .immersive .main-header { display: none; } .immersive .embed-container.pull-quote { border: none; } .immersive-cols2 .disqus_container .btn-comments { width: 100%; } .immersive-cols2 .unit.col2.persistent { position: fixed; top: 50px; margin-left: 655px; } .immersive-cols2 .story { font-family: 'Proxima Nova Semi Bold'; font-size: 18px; color: #333333; font-style: normal; text-align: left; line-height: 30px; letter-spacing: 0em; } .immersive-cols2 .group-container .group ul, .immersive-cols2 .group-container .group ol { padding-left: 2em; } .immersive .group-container .inlineChart { width: 100%; } .immersive-cols2 .group-container .embed-container { margin-bottom: 40px; } .immersive .group-container .twitter-tweet.twitter-tweet-rendered { width:520px !important; margin-left:auto !important; margin-right:auto !important; } .immersive-cols2 .embed-container.image, .embed-container.image { border: none; } .immersive-cols2 .embed-container.image + .pull-quote, .immersive-cols2 .embed-container.image + .polltable, .immersive-cols2 .pull-quote + .polltable { padding-top: 10px; border-top: 1px solid #CCD6DB; } .immersive-cols2 .unit.col2.stick-footer { position: absolute; top: auto; bottom: 20px; left: 655px; right: 0; max-width: 300px; } .immersive-cols2 .cols2.pos { position: relative; } .immersive-cols2 .dart_wrapper > div { margin-bottom: 0; margin-top: 20px; } .immersive-cols2 #dart_wrapper_topflex > div { margin-bottom: 0; } .immersive .embed-container.carousel_asset ul li { width: 560px; } .immersive .embed-container.carousel_asset .headline a{ line-height:26px; font-size:20px; } .immersive .embed-container.carousel_asset.promo { display: block; overflow: hidden; } .immersive .group-container .subtitle { font-size: 30px; } .immersive .asset time, .immersive .asset span.nad_source { color: #737373; font-family: 'Proxima Nova Semi Bold'; display: inline-block; margin-top: 20px; font-size: 12px; } .immersive .asset time {display: block;} .immersive .asset span.nad_source { margin-top: 10px; } .immersive .headline { font-family: 'Proxima Nova Semi Bold'; } .immersive .featuredPromo time { margin: 0; margin-left: 20px; } body[id*="franchise"].immersive .featuredPromo time { color: #999999; } .immersive-cols2 .headline-container .datestamp { margin-left: 0; } .immersive .stories_assetlist .ad_responsive_rectangle { border-bottom: 0; padding-bottom: 0; } .immersive #pagination { width: 600px; margin: 40px auto 100px auto; } .immersive .stories_assetlist .card img { margin-right: 20px; } .immersive .group-container .group blockquote ol li { list-style-position: inside; } body[id*="story"].immersive .cols1, body[id*="story"].immersive .cols2 { border-top: 1px solid #CCD6DB; padding-top: 30px; } .immersive .stories-lineup .featuredPromo.asset.cnbcvideo span.icon-cnbc-video { top: inherit; } .immersive .featuredPromo.asset span.nad_source { color: #999999; } .immersive .pageheadnav li.follow_us > span { float: left; padding-right: 8px; font-size: 14px; } .immersive .pageheadnav #header_social { float: right; } .immersive .pageheadnav .menu #header_social ul li { padding: 0 4px 0 0; } .immersive #header_social li { margin: 0; } .immersive #header_social { margin-top: -8px; } .immersive .pageheadnav .fa { font-size: 18px; width: 35px; height: 35px; text-align: center; border-radius: 100%; line-height: 36px; color: white; cursor: pointer; } .taboolaModule{ width: 970px; margin-left: auto; margin-right: auto; } /*.taboolaModule .thumbnails-a .videoCube.syndicatedItem{ width:237px; margin-left:1%; margin-bottom: 1%; } .taboolaModule .thumbnails-a .videoCube.syndicatedItem .branding{ display:none; } .taboolaModule .thumbnails-a .videoCube.syndicatedItem .video-label-box { height:auto; position: absolute; bottom:0px; background: url("//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/hSprite.png"); } .taboolaModule .thumbnails-a .videoCube .video-label-box .video-title{ color:white; padding: 6px 8px 6px 8px; font-size: 18px; line-height: 25px; } .taboolaModule .thumbnails-a .videoCube .video-label-box .video-title:hover,.taboolaModule .thumbnails-a .videoCube.syndicatedItem .thumbBlock:hover{ text-decoration: none; } .taboolaModule .thumbnails-a div.videoCube:nth-of-type(1), .taboolaModule .thumbnails-a div.videoCube:nth-of-type(2), .taboolaModule .thumbnails-a div.videoCube:nth-of-type(3) { width:319px; } .taboolaModule .thumbnails-a div.videoCube:nth-of-type(8){ display: none !important; }*/ .immersive .featuredPromo .headline .cnbc-font-icon.icon-cnbc-pro { text-shadow: none; } .immersive-cols2 .unit.col2 .dart_wrapper.persistent {position: fixed;top: 50px;min-width: 300px;} #dart_wrapper_responsiverectangle, .immersive .stories-lineup ul li.ad_responsive_rectangle {width: 100%;} body[id*=ng_2column] #dart_wrapper_responsiverectangle { margin-left: auto; margin-right: auto; } body[id*=story_ng_2column] #dart_wrapper_responsiverectangle { width: 100%; } .immersive-cols2 .unit.col2 .dart_wrapper.stick-footer{left: 655px;} .immersive-cols2 .cols2.pos { position: relative; } .immersive-cols2 .unit.col2 .dart_wrapper.stick-footer { position: absolute; top: auto; bottom: 20px; left: 655px; right: 0; max-width: 300px; } .immersive .ad_responsive_rectangle {position: relative;} .immersive .dart_wrapper#dart_wrapper_Responsive_Rectangle, .immersive .dart_wrapper#dart_wrapper_responsiverectangle {width: 100%;} /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/market_module.css?t=1557262871 */ /* 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/premium_view.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /* story premium view specific styles */ .premium-view .story-header-left .source:after { content: "|"; } body[id*=page_story_premium_view] .story-header-left .source, body[id*=page_story_premium_view] .story-top .story-header-left .datestamp { position: relative; z-index: 1; color: #999; display: inline-block; } body[id*=page_story_premium_view] .story-header-left .source { padding-bottom: 20px; } /* fixed right rail recirc module */ .premium-view .unit.col2.persistent { position: fixed; top: 50px; margin-left: 605px; } body[id*=page_story_premium_view] .carouselHeaderRight { display: none; } .premium-view .cols2 .col2 .subsection ul li { border-bottom: 1px solid #CCD6DB; padding-bottom: 10px; margin-bottom: 10px; } .premium-view .cols2 .col2 .subsection ul li .asset .headline { font-size: 16px !important; } #page_story_premium_view.mobile-touch .subsection ul li{ border-bottom: 1px solid #CCD6DB; padding: 10px 5px; } /* Xfinity fake-paywall box */ #articlePayload_xfinity { width: 100%; height: 100%; } #articlePayload_xfinity > div { text-align: center; padding: 15px; font-size: 16px; font-family: 'Proxima Nova Semi Bold'!important; line-height: 20px; background-color: #c5c5c5; width: 96%; margin: auto; padding: 10px; color: #424858; text-shadow: none; border-radius: 3px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/slideshow_ng.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /*SlideShow_ng Redesign Styles*/ body[id*=slideshow_ng] .cnbc-body{ width:1140px; } body[id*=slideshow_ng] .unit.col1{ width:790px; margin: 0 0 0 10px; } body[id*=slideshow_ng] .carousel_asset ul li > div , body[id*=slideshow_ng] .carousel_asset ul li { width:790px; } .slideShowRedesign{ position:relative; width:100%; } body[id*=slideshow_ng] .carousel_asset ul li img{ width: 100%; cursor: default; } body[id*=slideshow_ng] #dart_wrapper_topbanner{ min-height:90px; } .slideShowRedesign.carousel_asset .leftArrow, .slideShowRedesign.carousel_asset .rightArrow{ position:absolute; z-index:100; top:76px; background: transparent; color: #fff; text-shadow: 1px 1px 3px #000; font-size: 82px; font-family: 'Proxima Nova Regular'; cursor: pointer; font-size: 7em; opacity: 0.8; } .slideShowRedesign.carousel_asset .leftArrow:hover, .slideShowRedesign.carousel_asset .rightArrow:hover { opacity: 1; text-shadow: 1px 1px 1px #000; } .slideShowRedesign.carousel_asset .rightArrow{ right:0px; } .slideShowRedesign .controls .btn-replay, .slideShowRedesign .controls .btn-prev{ margin-left: 5px; display:none; } .slideShowRedesign .controls .btn-replay { padding: 0 6px; } .slideShowRedesign h1{ line-height: 30px; font-size: 16px; color: #333; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px solid #CCD6DB; margin-bottom: 5px; } .slideShowRedesign h3{ margin-bottom: 10px; font-size: 24px; line-height: 28px; color: #737373; font-family: 'Proxima Nova Semi Bold'; padding-top:13px; } .slideShowRedesign .asset h1{ border:none; } .slideShowRedesign .controls{ float:right; padding-top: 5px; } #middle_container{ clear:both; } .slideShowRedesign .slideshow.asset > span { width: 100%; display: inline-block; position: relative; } .slideShowRedesign .slideshow.asset > span .courtesy { position: absolute; bottom: 10px; left: 10px; text-shadow: 1px 1px 1px #000; color: #FFF; } .slideShowRedesign .slideshow.asset .content { margin: 10px 0; /*color: #737373;*/ line-height: 20px; } body[id*=slideshow_ng] .filmstrip .asset { margin-right: 70px; } body[id*=slideshow_ng] #slideShowContainer .carouselBody .mask ul li ul { list-style-type: disc; padding-left: 16px; } body[id*=slideshow_ng] #slideShowContainer .carouselBody .mask ul li ol { list-style-type: decimal; padding-left: 15px; } @media (max-width: 1200px) { body[id*=slideshow_ng] .resp .unit.col1 { max-width: 600px; } body[id*=slideshow_ng] .resp .carousel_asset ul li > div , body[id*=slideshow_ng] .resp .carousel_asset ul li { width:600px; } body[id*=slideshow_ng] .resp .filmstrip .asset { margin-right: 10px; } body[id*=slideshow_ng] .resp.cnbc-body { width: 970px; } } body[id*=slideshow_ng] .filmstrip table tr:nth-child(0) { display: none; } body[id*=slideshow_ng] .filmstrip table tr { display: none; } body[id*=slideshow_ng] .filmstrip table tr:nth-child(1), body[id*=slideshow_ng] .filmstrip table tr:nth-child(2) { display: table-row; } body[id*=slideshow_ng] #social_bar_middle_gig_containerParent, body[id*=slideshow_ng] .gigyasharebar { display: table; } body[id*=slideshow_ng] .gigyasharebar{ float: left; } body[id*=slideshow_ng] .source-timestamp { margin-top: 21px; } body[id*=slideshow_ng] .source-timestamp .source { padding-bottom: 5px; } @media (min-width: 1200px) { body[id*=slideshow_ng] #middle_container { float: left; } body[id*=slideshow_ng] .source-timestamp { float: left; padding: 0 0 0 10px; border-left: 1px solid #b0b9bd; } body[id*=slideshow_ng] #social_bar_middle_gig_containerParent { margin-right: 10px; } } .slideShowRedesign .controls .btn-prev, .slideShowRedesign .controls .btn-replay { background: #B3B3B3; border-color: #B3B3B3; text-shadow: none; color: #FFF; } .slideShowRedesign .controls .btn-prev:hover, .slideShowRedesign .controls .btn-replay:hover { background: #888; } .slideShowRedesign .controls .btn-prev span { margin-right: 0; } .slideShowRedesign.carousel_asset ul li > div { font-size: 14px; line-height: 20px; letter-spacing: -0.2px; } body[id*=slideshow] time.datestamp { font-size: 12px; line-height: 18px; color: #737373; } body[id*=slideshow_ng] .subsection h3 { padding-bottom: 9px; } .slideShowRedesign .controls .slidecount { float: left; padding: 2px; } body[id*=slideshow_ng] .subsection h3 a:after { content: "\203A"; margin-left: 3px; } body[id*=slideshow_ng] .subsection h3 { text-align: left; } .slideShowRedesign .controls .arrow_left { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #FFF; } .slideShowRedesign .controls .btn-prev { padding: 0px 6px; } body[id*=slideshow_ng] #moreFromFranchise { border-top: 0; } body[id*=slideshow_ng] #moreFromFranchise > h3 { font-family: "Proxima Nova Semi Bold"; text-transform: uppercase; text-align: left; padding-bottom: 8px; border-bottom: 4px solid #cdd6db; } .slideShowRedesign.carousel_asset .mask { min-width: 600px; } /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/optin_feedback.css?t=1557262871 */ /* 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/premium/pro_franchise.css?t=1557262871 */ /* NOTE: This File version is not compressed */ /* BEGIN global styles */ #page_franchise_premium_view #articlePayload { margin-bottom: 10px; } #page_franchise_premium_view .pagehead { width: 98%; } #page_franchise_premium_view .pageheadnav > .menu { width: 100%; } #page_franchise_premium_view .cnbc-body, #page_franchise_premium_view .cols1 { width: 1200px; } #page_franchise_premium_view .cnbc-contents { min-width: 500px; } /* END global styles */ /* BEGIN pro franchise module shared BEGIN*/ #page_franchise_premium_view .module_title { color: #737373; font-size: 24px; font-family: 'Proxima Nova Semi Bold'; text-transform:uppercase; margin-bottom: 0px; } #page_franchise_premium_view .module_title.decorated_title { margin-bottom: 15px; } #page_franchise_premium_view .module_title a, #page_franchise_premium_view .module_title div { color: #737373; line-height: 30px; } #page_franchise_premium_view .module_header .module_description { font-family: 'Proxima Nova Semi Bold'; font-size:14px; color:#737373; font-style: normal; text-align: left; letter-spacing: -0.02em; margin-bottom: 30px; line-height: 20px; } #page_franchise_premium_view .asset a { text-decoration: none; display: block; text-align: left; font-family: 'Proxima Nova Semi Bold'; font-size: 16px; color: #2077b6; font-style: normal; line-height: 24px; letter-spacing: -0.02em; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccd6db; } #page_franchise_premium_view .asset a:last-child, #page_franchise_premium_view .imgasset a { border-bottom: 0px; } #page_franchise_premium_view .imgasset a { margin-bottom: 0px; padding-bottom: 0px; } #page_franchise_premium_view .asset .assetBottom { padding: 5px 10px; } #page_franchise_premium_view .asset .assetBottom time { width: 100%; color: #737373; font-size: 12px; } #page_franchise_premium_view .cnbc-body a:hover { color: #dd4839; } #page_franchise_premium_view .imgasset:hover .headline a { color: #dd4839; } @media (max-width: 992px) { #page_franchise_premium_view .module_header { width: 70%; padding: 0 18px; } } /* END pro franchise module shared END*/ /* BEGIN pro franchise watch live TV BEGIN */ #page_franchise_premium_view .latestNews_asset #live_player_universal { width: 715px; height: 464px; } #page_franchise_premium_view .latestNews_asset #watch-live-container iframe { margin-bottom: 35px; } /* END pro franchise watch live TV END */ /* BEGIN pro franchise latest news BEGIN */ #page_franchise_premium_view .latestNews_asset { margin: 40px 10px 0 15px; } #page_franchise_premium_view .latestNews_asset > ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #page_franchise_premium_view .latestNews_asset > ul > li { float: left; min-width:263px; margin-right:3%; } #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(2) { width: 34%; } #page_franchise_premium_view .latestNews_asset > ul > li:last-child { margin-right: 0; padding-top: 0; } /* all latest video module related are deprecated in our mvp redesign */ #page_franchise_premium_view .latestVideos img { width: 80px; height: 80px; } #page_franchise_premium_view .latestNews_asset > ul > li .latestVideos div:first-child { float:left; margin-right: 20px; } /* all latest video module related are deprecated in our mvp redesign */ @media (min-width: 1200px) { #page_franchise_premium_view .latestNews_asset > ul > li:first-child { width: 63%; } } @media (max-width: 1200px) { #page_franchise_premium_view .latestNews_asset > ul > li { width:100%; display:block; } #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(2) { width:100%; } #page_franchise_premium_view .latestNews_asset { border-bottom:none; padding: 10px 20px 0 20px; margin: 20px 10px 0 15px; } #page_franchise_premium_view .latestNews_asset > ul { overflow: inherit; } #page_franchise_premium_view .latestNews_asset #live_player_universal { width: 100%; height: calc((94vw * 9/16) + 66px); } } @media (max-width: 992px) { #page_franchise_premium_view .latestNews_asset > ul > li { width:100%; display:block; } #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(2) { width:100%; } #page_franchise_premium_view .thumbnail_story img { width: 80px; height: 80px; } } @media only screen and (max-device-width: 768px) and (orientation: portrait), only screen and (max-device-width: 768px) and (orientation: landscape) { #page_franchise_premium_view.web #watch-live-container #live_player_universal { width: 100%; height: 393px; } #page_franchise_premium_view .latestNews_asset > ul > li { width: 511px; margin-right: 0px; } #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(2) { width: 42%; float: right; } #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { margin-left: 10px; } #page_franchise_premium_view #articlePayload { margin-bottom: 50px; } } @media (max-width: 768px) { #page_franchise_premium_view .latestNews_asset { margin: 10px 0 0 0; } #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(2), #page_franchise_premium_view .latestNews_asset > ul > li:nth-child(3) { display:block; width:100%; } } /* END pro franchise latest news END */ /* BEGIN pro franchise carousel BEGIN */ #page_franchise_premium_view .carousel_asset .currentNode .headline a { color: #DD4B39; } #page_franchise_premium_view .carouselHeader .specialText { width: 520px; padding: 10px 0; color: #737373; font-family: 'Proxima Nova Semi Bold'; font-size: 14px; letter-spacing: -0.02em; } #page_franchise_premium_view.web .carousel_asset { width: 1160px; margin: 0px auto; font-family: 'Proxima Nova Semi Bold'; overflow: hidden; padding: 0 15px; margin-bottom: 60px; } #page_franchise_premium_view .cols1 > div { margin-bottom:60px; } #page_franchise_premium_view .cols1 > div:first-child { margin-bottom: 40px; } #page_franchise_premium_view .carouselHeader .carouselHeaderLeft a, #page_franchise_premium_view .carouselHeader .carouselHeaderLeft a:-webkit-any-link, #page_franchise_premium_view .carouselHeader .carouselHeaderLeft .carouselTitle { color: #737373; font-size: 24px; text-transform: uppercase; font-family: 'Proxima Nova Semi Bold'; letter-spacing: -0.02em; } #page_franchise_premium_view .scale-icon{ position:relative; top:7px; } #page_franchise_premium_view .scale-icon-big{ position:relative; top:17px; } #page_franchise_premium_view .carousel_asset ul li { margin: 5px 10px !important; -webkit-box-shadow: 0px 1px 3px 0px rgba(170,170,170,1); -moz-box-shadow: 0px 1px 3px 0px rgba(170,170,170,1); box-shadow: 0px 1px 3px 0px rgba(170,170,170,1); } #page_franchise_premium_view .carousel_asset .asset .headline { margin-left: 0; margin-bottom: 5px; font-size: 18px; font-family: 'Proxima Nova Semi Bold'; color: #2077b6; } .carousel_asset .leftArrow , .carousel_asset .rightArrow { background:#fff; color:#dcdcdc; font-size:65px; font-family: 'Proxima Nova Regular'; height:140px; cursor: pointer; } #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow, #page_franchise_premium_view.mobile-touch .carousel_asset .rightArrow { width: 32px; margin: 0px; } #page_franchise_premium_view .carousel_asset .lclick { background:#fff; color:#737373; font-size:65px; font-family: 'Proxima Nova Regular'; text-align:center; line-height:94px; width:35px; height:140px; border-radius:3px; cursor: pointer; } #page_franchise_premium_view .carousel_asset .rclick{ background:#fff; color:#737373; font-size:65px; font-family: 'Proxima Nova Regular'; text-align:center; line-height:94px; width:35px; height:140px; border-radius:3px; cursor: pointer; } #page_franchise_premium_view .carousel_asset .leftArrow { border-top-right-radius:0; border-bottom-right-radius:0; margin-right: 20px; } #page_franchise_premium_view .carousel_asset .rightArrow { border-top-left-radius:0; border-bottom-left-radius:0; margin-left: 20px; } #page_franchise_premium_view .carousel_asset .carouselHeader { margin-top: 10px; height: 25px; padding-right: 30px; float: none; } #page_franchise_premium_view.mobile-touch .carousel_asset .carouselHeader { width: calc(100vw); margin: 0; padding: 0 20px; } #page_franchise_premium_view .carousel_asset .carouselHeader .carouselHeaderLeft{ float: left; font-family: 'Proxima Nova Semi Bold'; font-size: 16px; padding: 0 0 15px 0px; } #page_franchise_premium_view .carousel_asset .carouselHeader .carouselHeaderRight .slideIndicator{ padding: 4px 0px 4px 5px; font-size: 16px; float: right; text-align: right; font-family: 'Proxima Nova Semi Bold'; color: #424858; } #page_franchise_premium_view .carousel_asset .carouselHeader .carouselHeaderRight .carouselSO{ padding: 4px 0px 4px 0px; font-size: 16px; float: right; } #page_franchise_premium_view .carousel_asset .carouselBody{ clear:both; height: 0; display: none; background: #fff; border: 0px; } #page_franchise_premium_view .carousel_asset a { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; line-height: 20px; } #page_franchise_premium_view .carousel_asset .mask { overflow:hidden; position: relative; float: left; width: calc(100% - 120px) !important; } #page_franchise_premium_view .carousel_asset ul { list-style: none; padding: 0px; margin:0px; position: relative; } #page_franchise_premium_view .carousel_asset .asset { width: 240px; height: 260px; cursor: pointer; } #page_franchise_premium_view .carousel_asset .asset img { width: 100%; height: 135px; } #page_franchise_premium_view .cnbcvideo .fa-video { top: 85px; font-size: 51px; line-height: 44px; margin-left: 10px; position: absolute; } #page_franchise_premium_view .cnbcvideo .fa-video:before { content: "\f144"; opacity: 0.8; color: #fff; } #page_franchise_premium_view .cnbcvideo:hover .fa-video:before { opacity: 1; } #page_franchise_premium_view .carousel_asset .asset:hover .headline a { color: #dd4839; } #page_franchise_premium_view.mobile-touch .scroll-cue { display: none; } @media (min-width: 1201px) { #page_franchise_premium_view .carousel_asset .carouselHeaderLeft { margin-left: 70px; } } @media (max-width: 920px) { #page_franchise_premium_view.mobile-touch .carousel_asset { width: 550px; margin: 0px auto; font-family: 'Proxima Nova Semi Bold'; overflow: hidden; padding: 30px 0px 0 0px; } #page_franchise_premium_view .carousel_asset { padding: 30px 0 0 0; } #page_franchise_premium_view .carousel_asset .carouselHeader { width: 50%; } #page_franchise_premium_view .carousel_asset .mask { width: calc(100% - 640px) !important; } #page_franchise_premium_view .carousel_asset .leftArrow { margin-right: 30px; } #page_franchise_premium_view .carousel_asset .rightArrow { margin-left: 30px; } } /* END pro franchise carousel END */ /*BEGIN pro franchinse Kensho and Pro Analysis BEGIN*/ #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { width: 100%; margin-top: 30px; height: auto; margin-left: 75px; } #page_franchise_premium_view .center-col { float: left; width: 47%; } #page_franchise_premium_view .right-col { float: right; width: 47%; } #page_franchise_premium_view .module_header { width: 90vw; } #page_franchise_premium_view .primary_featured_story { float: left; width: 30%; height: auto; margin-right: 40px; position: relative; } #page_franchise_premium_view .primary_featured_story img { width: 100%; height: 197px; } #page_franchise_premium_view .primary_featured_story .headline a { text-decoration: none; font-family: 'Proxima Nova Semi Bold'; font-size: 24px; color:#2077b6; font-style: normal; line-height: 32px; text-align: left; letter-spacing: -0.02em; } #page_franchise_premium_view .wrapper { width: 55%; float: left; } #page_franchise_premium_view .wrapper .thumbnail_story { width: 100%; height: 90px; margin-right: 35px; margin-bottom: 20px; position: relative; padding-bottom: 20px; border-bottom: 1px solid #ccd6db; } #page_franchise_premium_view .wrapper .thumbnail_story:last-child { border-bottom: 0px; } #page_franchise_premium_view .thumbnail_story img { width: 80px; height: 80px; margin-right: 20px; margin-top: 5px; float: left; } #page_franchise_premium_view .thumbnail_story .center-col .headline { float: right; width: 175px; } #page_franchise_premium_view .thumbnail_story .right-col .headline { float: left; width: 175px; } #page_franchise_premium_view .thumbnail_story .headline a { font-family: 'Proxima Nova Semi Bold'; font-size:18px; color:#2077b6; font-style: normal; text-align:left; vertical-align: top; letter-spacing: -0.02em; line-height: 22px; text-decoration: none; padding-left: 100px; } #page_franchise_premium_view #proanalysis_headlines { float: right; width: 47%; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } #page_franchise_premium_view #proanalysis_headlines ul { list-style-type: none; margin: 0; padding: 0; } #page_franchise_premium_view #proanalysis_headlines ul li { list-style: none; padding: 0; } #page_franchise_premium_view #proanalysis_headlines .right_wrapper_pro { display:none; } #page_franchise_premium_view #proanalysis_headlines .asset { height: auto; } #page_franchise_premium_view #proanalysis_headlines .left_wrapper_pro li:last-child .headline a { border-bottom: 1px solid #ccd6db !important; } #page_franchise_premium_view .primary_featured_story .fa-video { top: 140px; bottom: 10px; } #page_franchise_premium_view .thumbnail_story .fa-video { top: 45px; font-size: 32px; line-height: 44px; margin-left: 21px; position: absolute; left: -15px; } #page_franchise_premium_view #proanalysis_headlines .fa-video { font-size: 18px; position: initial; margin-left: 5px; } #page_franchise_premium_view #proanalysis_headlines .fa-video:before { color: #2077b6; } #page_franchise_premium_view .primary_featured_story .headline { width: 95%; } #page_franchise_premium_view .thumbnail_story { height: auto; } #page_franchise_premium_view .analysis_module .thumbnail_story .headline { float: none; width: auto !important; } #page_franchise_premium_view #proanalysis_headlines .headline a { text-decoration: none; display: block; text-align: left; font-family: 'Proxima Nova Semi Bold'; font-size: 16px; color:#2077b6; font-style: normal; line-height: 24px; letter-spacing: -0.02em; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccd6db; } #page_franchise_premium_view #proanalysis_headlines .headline a:hover { color: #dd4839 !important; } #page_franchise_premium_view #proanalysis_headlines ul div li:last-child .headline a { border-bottom: 0px; } #page_franchise_premium_view:not(.pro-user) .cols1 > div:last-child { margin-bottom: 120px; } /* END pro franchise kensho and analysis module END */ /* BEGIN media queries for pro_super_franchise BEGIN */ @media (max-width: 1200px) { #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { margin-left: 15px; } #page_franchise_premium_view .cnbc-body, #page_franchise_premium_view .cols1 { width: 100% !important; margin: 0 auto !important; } #page_franchise_premium_view .module_header { width: 90vw; padding: 0 18px; } #page_franchise_premium_view .carousel_asset .carouselHeader { width: 70%; } #page_franchise_premium_view .carousel_asset .mask { width: calc(100% - 380px) !important; } #page_franchise_premium_view .primary_featured_story img { width: 100%; height: 100%; } #page_franchise_premium_view .primary_featured_story .fa-video { top: 105px; } #page_franchise_premium_view .primary_featured_story { padding: 0 18px; } } @media (max-width: 992px) { #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { width: 100%; height: auto; margin-left: 15px; } #page_franchise_premium_view .primary_featured_story { width: 65%; float: initial; margin: 0 auto; } #page_franchise_premium_view .primary_featured_story img { width: 100%; height: auto; } #page_franchise_premium_view .wrapper { width: 60%; float: left; padding: 0 20px; margin-top: 0px; } #page_franchise_premium_view .center-col { width:47%; } #page_franchise_premium_view .thumbnail_story img { width: 80px; height: 80px; } #page_franchise_premium_view .primary_featured_story .fa-video { top: 80px; } #page_franchise_premium_view .right-col, #page_franchise_premium_view #proanalysis_headlines { float: right; width: 50%; margin-top: 0px; } #page_franchise_premium_view .primary_featured_story { width: 29% !important; margin-right: 0px !important; float: left; margin: 0 !important; } #page_franchise_premium_view .module_header { width: 90vw; padding: 0 18px; margin: 0 !important; } } @media (min-width: 700px) and (max-width: 900px) { #page_franchise_premium_view .carousel_asset .asset { width: 190px; height: 190px; cursor: pointer; } #page_franchise_premium_view .carousel_asset .asset img { height: 105px; } #page_franchise_premium_view .carousel_asset .mask { width: calc(100% - 530px) !important; } #page_franchise_premium_view .carousel_asset .asset .headline { font-size: 14px; line-height: 16px; } #page_franchise_premium_view .asset .assetBottom time { font-size: 12px; } #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { margin-top: 30px; } #page_franchise_premium_view.mobile-touch .carousel_asset .mask { width: calc(100% - 130px) !important; } #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow { margin-left: calc(50vw - 370px); } #page_franchise_premium_view.mobile-touch .carousel_asset .rightArrow { margin-right: calc(50vw - 370px); } } @media (max-width: 700px) { #page_franchise_premium_view.mobile-touch .carousel_asset { width: 600px; margin: 0px auto; font-family: 'Proxima Nova Semi Bold'; overflow: hidden; padding: 30px 0px 0 0px; } #page_franchise_premium_view .analysis_module, #page_franchise_premium_view .kensho_module { width: 100% !important; } #page_franchise_premium_view .module_header { width: 90vw; margin-right: 15px; } #page_franchise_premium_view .primary_featured_story { width: 90% !important; margin-bottom: 30px; } #page_franchise_premium_view .primary_featured_story img { width: 100%; height: 100%; } #page_franchise_premium_view .primary_featured_story .headline{ width: 100%; float: left; } #page_franchise_premium_view .thumbnail_story { width: 500px; height: 120px; } #page_franchise_premium_view .wrapper { margin: 0 !important; float: left; padding-top: 20px; width: 90%; } #page_franchise_premium_view .primary_featured_story .fa-video { top: 265px; } #page_franchise_premium_view .thumbnail_story .fa-video{ top: 25px; } #page_franchise_premium_view .carouselHeader .specialText { font-size: 15px; padding: 10px 0 0 0; } #page_franchise_premium_view .latestNews_asset > ul > li { clear:both; } #page_franchise_premium_view .carousel_asset .mask { width: calc(100% - 900px) !important; } #page_franchise_premium_view.mobile-touch .carousel_asset .mask { width: calc(100% - 75px) !important; } #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow { margin-left: calc(50vw - 340px); } #page_franchise_premium_view.mobile-touch .carousel_asset .rightArrow { margin-right: calc(50vw - 340px); } #page_franchise_premium_view .center-col { width: 100%; } #page_franchise_premium_view .right-col, #page_franchise_premium_view #proanalysis_headlines { float: left; width: 100%; } #page_franchise_premium_view #proanalysis_headlines .asset { width: 100%; } } @media (max-width: 650px) { #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow { margin-left: calc(50vw - 320px); } } @media (max-width: 600px) { #page_franchise_premium_view.mobile-touch .carousel_asset { width: 450px; margin: 0px auto; font-family: 'Proxima Nova Semi Bold'; overflow: hidden; padding: 30px 0px 0 0px; } #page_franchise_premium_view.mobile-touch .carousel_asset .mask { width: calc(100% - 190px) !important; } #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow { margin-left: calc(50vw - 240px); } #page_franchise_premiumg_view .primary_featured_story img { width: 90% !important; } } @media (max-width: 500px) { #page_franchise_premium_view.mobile-touch .carousel_asset .leftArrow { margin-left: calc(50vw - 162px); } #page_franchise_premium_view.mobile-touch .carousel_asset .rightArrow { margin-right: calc(50vw - 162px); } #page_franchise_premium_view .primary_featured_story img { height: 197px; } #page_franchise_premium_view .thumbnail_story { width: 280px; } #page_franchise_premium_view .latestNews_asset #live_player_universal { width: 100%; height: 325px; } } /* END media queries for pro_super_franchise END */ /* BEGIN css specific for mobile web BEGIN */ #page_franchise_premium_view.mobile-touch .latestArticles.asset a { padding-bottom: 15px; margin-bottom: 15px; } #page_franchise_premium_view.mobile-touch .latestArticles.asset a:last-child { border-bottom: 1px solid #ccd6db; } #page_franchise_premium_view.mobile-touch .analysis_module, #page_franchise_premium_view.mobile-touch .kensho_module { margin-left: 0; margin-top: 30px; } #page_franchise_premium_view.mobile-touch #articlePayload { margin-bottom: 30px; } #page_franchise_premium_view.mobile-touch .latestNews_asset #live_player_universal { width: 100%; height: 280px; } #page_franchise_premium_view.mobile-touch .latestNews_asset > ul > li { width: 100%; } #page_franchise_premium_view.mobile-touch .module_title a { color: #737373; font-size: 24px; } #page_franchise_premium_view.mobile-touch .latestNews_asset ul > li .asset { margin-bottom: 0px; } #page_franchise_premium_view.mobile-touch .primary_featured_story img { width: 100%; } #page_franchise_premium_view.mobile-touch .primary_featured_story .headline { padding-bottom: 10px; border-bottom: 1px solid #ccd6db; margin: 0; } #page_franchise_premium_view.mobile-touch .proanalysis_headlines .headline { margin: 0; } #page_franchise_premium_view.mobile-touch .primary_featured_story { margin-bottom: 15px; } #page_franchise_premium_view.mobile-touch .thumbnail_story .headline { width: 100%; } #page_franchise_premium_view.mobile-touch .wrapper .thumbnail_story:last-child { border-bottom: 1px solid #ccd6db; } #page_franchise_premium_view.mobile-touch .wrapper .right-col .thumbnail_story:last-child, #page_franchise_premium_view.mobile-touch .analysis_module .wrapper .center-col .thumbnail_story:last-child { margin-bottom: 0; } #page_franchise_premium_view.mobile-touch .wrapper { width: 90%; } #page_franchise_premium_view.mobile-touch #proanalysis_headlines { margin-top: 0px; float: none; } #page_franchise_premium_view.mobile-touch .module_header { width: 90vw !important; } #page_franchise_premium_view.mobile-touch .right-col, #page_franchise_premium_view.mobile-touch .center-col { width: 95%; float: none; } #page_franchise_premium_view.mobile-touch .analysis_module #thumbnail_story:first-child { padding-bottom: 6%; } #page_franchise_premium_view.mobile-touch .analysis_module #thumbnail_story:last-child { padding-top: 6%; } #page_franchise_premium_view.mobile-touch #proanalysis_headlines .headline a { padding: 15px 0; margin-bottom: 0; } #page_franchise_premium_view.mobile-touch .thumbnail_story img { width: 80px; height: 80px; } #page_franchise_premium_view.mobile-touch .thumbnail_story .fa-video { top: 40px; } #page_franchise_premium_view.mobile-touch .primary_featured_story .fa-video { top: 140px; } #page_franchise_premium_view.mobile-touch #proanalysis_headlines .right_wrapper_pro { display: none; } /* END css specific for mobile web END */ /* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/markets_redesign.css?t=1557262871 */ /* NOTE: This File version is not compressed */ #page_market_redesign .cnbc-body {width: 1140px;} #page_market_redesign .markets_topsection {width: 780px;margin-top: 20px;margin-bottom: 0px;float:left;} #page_market_redesign .cnbc-body > .cols2 > .col1 {width: 781px;float: left;margin: 0px;} #page_market_redesign .cnbc-body > .cols1 > .col1 {width: 1140px;float: left;margin: 0px;} #page_market_redesign .cnbc-body > .cols1 {width: 1140px;} #page_market_redesign .col1 > .subsection {width: 340px;float: left;margin: 0px 50px 30px 0px;} .markets_topsection #market_topTable {margin-left: 0px;} /* update to css for top chart*/ #page_market_redesign .symbol_time {font-size: 11px;color:#737373;font-family: "Proxima Nova Semi Bold";} #page_market_redesign .symbol_time #symbol {float: left;padding-right: 5px;border-right: 1px solid #737373; margin-bottom: 5px;} #page_market_redesign .symbol_time #timestamp {margin-bottom: 5px;padding-left: 5px;float: left;} #page_market_redesign .cols2 > .col2{width: 350px;float: left;margin-right: 0px !important;} #page_market_redesign #dart_wrapper_topflex {width: 300px;} #page_market_redesign section.cols2 {float: left; margin-top: 0px;} #page_market_redesign .pagehead.pageheadnav {padding: 0px !important;margin-left: 0px;} #page_market_redesign #chartHeader_0 h2, #page_market_redesign #franchiseHeader > a:not(.last) {display: none;} #page_market_redesign #chartHeader > .cols2 {margin-top: 0px;} #page_market_redesign .cnbc-contents {font-family: "Proxima Nova Semi Bold"; font-size: 12px;} /* World Markets and Franchise Header styles + story subsection styles */ #page_market_redesign .subsection h2, #page_market_redesign #markets_topTable h2, #page_market_redesign .subsection h3 {font-family: "Proxima Nova Semi Bold";font-size: 16px; margin-bottom: 10px;border-bottom: 4px solid #CCD6DB;text-transform: uppercase;} #page_market_redesign .subsection h2 a {color: #333333;} #page_market_redesign .subsection h2 a:hover{color: #DD4B39;} #page_market_redesign #markets_topTable h2 {padding-bottom: 3px;} #page_market_redesign .subsection ul > li {padding: 6px 0px;border-bottom: 1px solid #CCD6DB;margin:0;} #page_market_redesign .cols2 > .col2 .subsection ul > li {padding: 0; border: 0;} #page_market_redesign .subsection ul > li:first-child {padding-top: 0px;} #page_market_redesign .subsection .asset .headline a{margin:0 0 5px;font-size:14px !important;font-weight:normal;margin-bottom:0;line-height: 20px;} #page_market_redesign .cols1 > .col1 div:nth-child(3n+3) {margin-right: 0px;} #page_market_redesign .subsection h2 .sub {display:none;} /* temp css for swap on top markets module */ #page_market_redesign #markets_chartIQ {margin: 0 50px 30px 0px;width: 342px;} #page_market_redesign #chartHeader_0 {margin: 0; } /* flex_chart table css updates*/ #page_market_redesign .flex_chart table {width: 100%; } #page_market_redesign table.data tbody td.text {font-size: 12px; } #page_market_redesign table.data tbody td:first-child {padding: 6px 0px;padding-left: 10px;} #page_market_redesign table.data th {background-color: #ffffff; } #page_market_redesign table.data tbody td[data-field="last"] {color: #333333;} #page_market_redesign table.data th span {font-family: "Proxima Nova Semi Bold"; color: #737373;} #page_market_redesign table.data tbody tr:first-child td {border-top: 1px solid #CCD6DB;} #page_market_redesign table.data thead th:nth-child(3) {display: none;} #page_market_redesign table.data thead th {text-transform:uppercase; padding-bottom: 6px;} #page_market_redesign table.data th.first span {display:none;} #page_market_redesign table.data thead th:nth-child(2), #page_market_redesign table.data thead th:nth-child(4), #page_market_redesign table.data tbody td[data-field="last"], #page_market_redesign table.data tbody td[data-field="change"] {padding-right: 20px;} #page_market_redesign table tr:hover {background-color:#eee;} #page_market_redesign table.data tbody td[data-field="last"] {font-family: "Proxima Nova Semi Bold";} #page_market_redesign #markets_bonds th.last, #page_market_redesign #markets_bonds td:last-child {display:none;} #page_market_redesign #markets_bonds > #featured1_0 {margin-bottom: 0px; } #page_market_redesign .flex_chart .delayed_quotes {background-position: -198px 9px;} #page_market_redesign .first {padding-left: 10px; } #page_market_redesign .green {background: #fff;} #page_market_redesign .red {background: #fff;} #page_market_redesign tr.green td[data-field='change'], #page_market_redesign tr.green td[data-field='change_pct'] {color: #31A745; } #page_market_redesign tr.red td[data-field='change'], #page_market_redesign tr.red td[data-field='change_pct']{color: #e3352b;} #page_market_redesign .hlight {background-color: #eee;} /*Styling specific divs for page*/ #page_market_redesign #markets_bonds {width: 310px;margin-top: 20px;overflow: hidden;} #page_market_redesign .subsection > ul .last:first-child {border-bottom: 0px;} #page_market_redesign #secondary_0, #page_market_redesign #secondary_2, #page_market_redesign #secondary_3, #page_market_redesign #secondary_4 {margin-left:1px;} #page_market_redesign #featuredNews_0, #page_market_redesign #featuredNews_1, #page_market_redesign #featuredNews_2 {float: left;} #featuredNews_0 #featuredNews_0 {margin-bottom: 0px;} .cnbc_badge_banner_ad_area .inner_badge .mps-slot { float: left; margin-right: 30px; margin-bottom: 10px; } .cnbc_badge_banner_ad_area .inner_badge { display: inline-flex; } .cnbc_badge_banner_ad_area { text-align: center; padding-top:15px; } /*Buttons CSS for Chart*/ .timespan_toggle { z-index: 5; list-style: none; margin: 0; margin-bottom: 0px; padding: 0px; width: 342px; display: table; table-layout: fixed; overflow: hidden } .timespan_toggle ul li { text-decoration: none; display:block; } .timespan_toggle li { display: table-cell; *float: left; /* improve IE7 */ text-align: center; text-decoration: none; } .timespan_toggle a { padding-bottom: 12px; border-bottom: 2px solid #ccd6db; } .timespan_toggle li a { width: 100%; display: block; text-decoration: none; color: #2077b6; } .timespan_toggle a:hover { color: #dd4839; border-bottom: 2px solid #dd4839; } .timespan_toggle a.active { color: #dd4839; border-bottom: 2px solid #dd4839; } /* Chart Type in Range */ .ciq_charttype img { height: 12px; width: 14px; vertical-align: middle; } /*Chart Type List */ .chart_type { z-index: 5; list-style: none; margin: 0; margin-bottom: 0px; padding-top: 7px; width: 200px; display: table; table-layout: fixed; overflow: hidden } .chart_type img { float: left; padding-right: 7px; height: 12px; width: 14px; } .chart_type ul li { text-decoration: none; display:block; } .chart_type li { display: table-cell; *float: left; /* improve IE7 */ text-align: left; text-decoration: none; } .chart_type a { padding-bottom: 12px; } .chart_type li a { display: block; text-decoration: none; color: #2077b6; } .chart_type a:hover { color: #dd4839; } .chart_type a:active { color: #dd4839; } /* Chart Iframe CSS */ #ciq-chart-frame {/* border: 1px solid #ccd6db; */} /* Media Queries for smaller screens & tablet*/ @media only screen and (max-width : 1140px) { #page_market_redesign .cnbc-body {width: 971px;} #page_market_redesign .markets_topsection {width: 660px;margin-top: 30px;} #page_market_redesign .cnbc-body > .cols2 > .col1 {width: 661px;} #page_market_redesign .cnbc-body > .cols1 > .col1 {width: 970px;} #page_market_redesign .cnbc-body > .cols1 {width: 970px; } #page_market_redesign .col1 > .subsection, #page_market_redesign #markets_chartIQ {width: 310px;margin-right:20px;} #page_market_redesign #markets_chartIQ > iframe {width: 310px;} #page_market_redesign .cols2 > .col2{width: 310px;} .timespan_toggle {width: 312px;} /*bug fix*/ #page_market_redesign #markets_bonds {margin-top:30px;} } @media only screen and (max-width : 992px ) { #page_market_redesign .cnbc-body, #page_market_redesign .cnbc-body > .cols1 > .col1, #page_market_redesign .cnbc-body > .cols2 > .col1 {width: 741px;margin-left: 20px;} #page_market_redesign .markets_topsection {width: 728px;margin: 20px auto 0px;float: none; margin-left: 20px;} #page_market_redesign .col1 > .subsection {margin-right: 60px;/* margin-left: 20px; */} #page_market_redesign .pagehead.pageheadnav {width: 728px; margin: 20px auto 0px; margin-left:20px; } #page_market_redesign #markets_chartIQ { margin-right: 60px; } #page_market_redesign #markets_bonds {float: left;width: 390px;margin-top: 0px;} #page_market_redesign .cols1 > .col1 div:nth-child(2n+2) {margin-left: 0px; } #page_market_redesign .cols1 > .col1 div:nth-child(3n+3) {margin-right: 60px; } #page_market_redesign .cols2 > .col2 {display:none;} #page_market_redesign .cols1 > .col1 .subsection {min-height: 250px;} #page_market_redesign #dart_wrapper_topflex, #page_market_redesign #ad-com-rightrail-bottom {width: 310px;float: left;margin-bottom: 0px;} #page_market_redesign #dart_wrapper_topflex {margin-top: 25px;} #page_market_redesign #chartHeader_0, #page_market_redesign #featuredNews_0, #page_market_redesign #featuredNews_1, #page_market_redesign #featuredNews_2 {margin-left: 0px; } #page_market_redesign #markets_bonds > #featured1_0 {margin-bottom: 30px;} #page_market_redesign #markets_bonds > .subsection { margin:0px 60px 30px 20px; } #page_market_redesign #default_0, #page_market_redesign #default_2, #page_market_redesign #default_4 {margin-left: 1px;} /*bug fix*/ #page_market_redesign #dart_wrapper_Top_Banner{width:730px; text-align: center;} #page_market_redesign #featuredNews_1{min-height:500px;} #page_market_redesign .cnbc-body{margin:auto;} } /*bug fix*/ @media only screen and (max-width: 790px){#page_market_redesign .cnbc-body{margin:30px;}} #page_market_redesign .pagehead.pageheadnav, #page_market_redesign .pageheadnav .menu {width: 1090px;}