.container { position: relative; width: 100%; max-width: 1040px; margin: 0 auto; box-sizing: border-box } .column,.columns { width: 100%; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .columns { padding: 0 5px } .columns:after { content: ""; display: table; clear: both } .column { vertical-align: top } .column.one { width: 8.33333333% } .column.two { width: 16.6666667% } .column.three { width: 25% } .column.four { width: 33.33333% } .column.six { width: 50% } .column.eight { width: 66.66666% } .column.nine { width: 75% } @media only screen and (min-width: 561px) { .columns { padding: 0 15px } .column.two-sm { width: 16.6666667% } .column.three-sm { width: 25% } .column.four-sm { width: 33.33333% } .column.six-sm { width: 100% } .column.eight-sm { width: 66.66666% } .column.nine-sm { width: 75% } } @media only screen and (min-width: 769px) { .column.two-md { width: 16.6666667% } .column.three-md { width: 25% } .column.four-md { width: 33.33333% } .column.six-md { width: 50% } .column.seven-md { width: 58.333333% } .column.eight-md { width: 66.66666% } .column.nine-md { width: 75% } } @media only screen and (min-width: 1000px) { .column.two-lg { width: 16.6666667% } .column.three-lg { width: 25% } .column.four-lg { width: 33.33333% } .column.six-lg { width: 50% } .column.seven-lg { width: 58.333333% } .column.eight-lg { width: 66.66666% } .column.nine-lg { width: 75% } } .content-center-y { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center } .content-center-x { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; -webkit-box-pack: center; justify-content: center; text-align: center } .img-full-width { width: 100%; height: auto; display: block } .page { position: relative; overflow-x: hidden } body { font-family: 'Sofia Pro W03', 'Helvetica', sans-serif; font-style: normal; color: #262626 } .container h1 { margin: 16px 0 43px 5px; font-size: 30px; line-height: 32px; font-weight: 500; letter-spacing: -0.1rem } h2 { margin-bottom: 35px; font-size: 28px; line-height: 32px; font-weight: 500 } strong { font-weight: 600 } .caption { font-style: italic } .divider { height: 1px; margin: 8px 20px 35px; background-color: #979797 } .media-link { font-weight: 600; color: #faa619; text-decoration: none } .media-link.reverse-link { color: #fff } .media-link:hover { text-decoration: underline } .media-category { width: 100%; margin-bottom: -1px; font-size: 16px; font-weight: 500; color: #666666; margin-bottom: 6px } .media-title { width: 100%; margin-top: -3px; margin-bottom: 0; font-size: 24px; line-height: 30px; font-weight: 600; color: #333 } .media-title.shadow { text-shadow: 0px 0px 2px #000 } @media only screen and (min-width: 1000px) { .media-title.hero-title .hero-nb { display: inline-block; white-space: nowrap } } @media only screen and (min-width: 1000px) { .release-title .release-br { display: block; clear: both } } @media only screen and (min-width: 769px) { .media-title.hero-title .hero-br { display: block; clear: both } } .media-description { margin-bottom: 13px; font-size: 16px; line-height: 24px; font-weight: 600; color: #333; font-style: normal } .media-summary { margin-bottom: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #333; font-style: normal } .media-title+.media-summary { margin-top: 7px } .media-title.hero-title+.media-link { margin-top: 17px } .media-date { position: absolute; bottom: 0; height: 30px; color: #333; font-weight: 600; border-left: 1px solid #C2CACC } .media-date-text { margin-left: 6px; margin-top: -5px; font-size: 14px; font-weight: 600 } .reverse .media-category,.reverse .media-title,.reverse .media-description { color: #fff } .story.primary.reverse .media-date { color: #fff; border-left: 1px solid #fff } .owl-theme .owl-controls { margin-top: 10px; text-align: center } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 } .owl-controls .owl-page,.owl-controls .owl-buttons div { cursor: pointer } .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; border: 1px solid #C2CACC; background: #fff } .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span { background: #4A90E2 } picture img { width: 100%; height: auto } @media only screen and (min-width: 769px) { .breakout { margin-left: -200px } picture img { width: 1000px } picture img.breakout { width: 1440px } } .search-bar-wrap { position: relative; margin-bottom: 10px } .media-search { width: 100%; height: 50px } .media-search::after { display: table; content: ''; clear: both } .media-search .options { display: none; background-color: #fff; border-top: 1px solid #DBE0E1; padding-bottom: 10px; z-index: 400; position: relative } .media-search .options.show-options { display: block } .media-search .options p { color: #4c95c0; font-size: 12px; font-weight: 600; line-height: normal; margin: 0; padding: 10px 20px 3px 20px } .media-search .options a { font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-weight: 400; line-height: 24px; margin: 0 20px; display: block; color: #333333; padding: 12px 0; text-decoration: none } .media-search .options a.on { text-decoration: underline } .media-search .options a:link { -webkit-tap-highlight-color: #FF5E99 } .media-search .options a:hover { text-decoration: underline } .media-search .options a:nth-child(2) { border-top: none } .search-icon { position: absolute; right: 0; top: 10px } .media-search input { font-size: 16px; border: none; color: #666666; width: 100%; height: 100%; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; padding-left: 20px; box-sizing: border-box } .media-search input:focus { outline: none } .media-search>img { position: absolute; top: 15px; right: 15px; cursor: pointer } .media-search-input { height: 100%; position: relative; margin-right: 3px; margin-left: 5px; background-color: #fff } .media-search.close .search-icon { display: none } .media-search.open .search-close { display: none } @media only screen and (min-width: 769px) { .search-bar-wrap { position: relative; margin-bottom: 35px } .press-images-menu-wrap .search-bar-wrap { margin-bottom: 10px } .press-images-menu-wrap .columns { padding: 0 } } .stories { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .stories:after { content: " "; display: block; clear: both } .story { position: relative } .story.primary { margin-bottom: 10px; background-color: #262626; width: 100%; height: auto } .story.primary .columns { margin-top: -5px } .story.primary .story-details { position: relative; margin: 60px 5px 0; width: 100% } .story.secondary .story-details { padding: 8px 24px 54px } .story.secondary .media-title { color: #333 } .stories .columns>.column:last-child { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .stories .columns .column:last-child .column { padding: 0 } .story.secondary,.story.tertiary { background-color: #ececec; width: 100%; margin: 0 5px } .story.secondary.mirrored,.story.tertiary.mirrored { float: right } .story.secondary { min-height: 369px } .story.tertiary { box-sizing: border-box; padding: 10px 24px 30px 24px; min-height: 126px } @media only screen and (min-width: 560px) and (max-width: 823px) { .story.tertiary { min-height: 166px } } .story.tertiary.mirrored { margin-left: 0; margin-right: 12px } .story.secondary,.story.tertiary { margin-bottom: 10px } .story.primary .media-date { left: 10px } .story.secondary .media-link,.story.tertiary .media-link { position: absolute; bottom: 15px; left: 24px } .story.secondary .media-date,.story.tertiary .media-date { right: 24px } @media (max-width: 768px) { .story.primary .story-details { bottom: 45px !important; top: -46px !important } } .multi-tertiary .story.tertiary { margin-left: 0 } .stories .story-row .story-column:last-child { margin-left: 12px } @media only screen and (min-width: 561px) { .story.primary .media-date { left: 20px } } @media only screen and (min-width: 769px) { .story.primary .media-date { left: 21px } .story.primary { margin: 0 20px 20px; background-color: #262626; max-width: 1000px; min-height: 399px } .story.primary .story-details { position: absolute; left: 20px; width: 50%; margin: 0 } } @media only screen and (min-width: 769px) { .story.primary .story-details { margin: 0; width: 475px } } @media only screen and (min-width: 769px) and (max-width: 1040px) { .story.primary { overflow: hidden } } .videos { margin-bottom: 19px } .videos:after { content: " "; display: block; clear: both } .videos .video { float: left; width: 241px } .videos .video:nth-child(n+2) { margin-left: 12px } .videos img { display: block } .video-title { margin-top: 15px; margin-bottom: 6px; line-height: 22px; font-weight: 500; text-align: center; font-size: 16px } .video-frame { position: relative; margin-bottom: 12px; margin: 0 5px; width: calc(100% - 10px); height: 100% } .video-play { position: absolute; top: calc(50% - 17px); left: calc(50% - 17px) } .news-video { display: table } .news-item .video { width: 241px; margin: 30px auto 20px } .news-item .video-frame { margin-bottom: 0 } .news-item .asset-carousel .video-frame>a { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .news-item .video-wrapper { width: 400px; float: left } .news-item .videos .video-play { top: 50px } .news-item .video-play { z-index: 2 } @media only screen and (min-width: 769px) { .videos .columns .column:last-child { display: block } } .archive { margin-bottom: 1px } .archive:after { content: " "; display: block; clear: both } .archive-title,.archive-search { width: 100%; text-align: center } .archive-title { margin-bottom: 10px } .archive-search { margin-bottom: 35px; color: #666666 } .it .archive-search { margin-top: -4px } .archive .media-link { color: #FAA619 } @media only screen and (min-width: 1000px) { .archive-title,.archive-search { float: left; width: 47%; text-align: left } .archive-title { width: 530px } .archive-search { margin-top: 9px } .it .archive-search { margin-top: -4px } } @media only screen and (min-width: 769px) { .nobreak-md,.nb-md { display: inline-block; white-space: nowrap } } .feature { display: block; box-sizing: border-box; margin-bottom: 33px; padding-top: 18px; text-decoration: none; background-image: url(https://images.blackmagicdesign.com/images/media/features/at-the-movies/at-the-movies-bg.jpg?_v=1469583135); background-size: 1440px 1067px } @media only screen and (min-width: 1000px) { .feature { padding-top: 49px; padding-bottom: 44px } } @media only screen and (min-width: 1040px) { .feature { width: 1440px; margin-left: -200px } } .feature .columns { max-width: 1040px; margin-left: auto; margin-right: auto; padding: 0 10px } @media only screen and (min-width: 560px) { .feature .columns { padding: 0 20px } } .feature .columns .column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .feature .feature-title h1 { margin: 0; margin-bottom: 15px; font-size: 48px; line-height: 53px; font-weight: 500; color: #fff; text-align: center } @media only screen and (min-width: 1000px) { .feature .feature-title h1 { margin-bottom: 27px } } .feature .feature-text { max-width: 660px; margin-left: auto; margin-right: auto; margin-bottom: 24px } @media only screen and (min-width: 1000px) { .feature .feature-text { margin-bottom: 36px } } .feature .feature-text p { font-size: 16px; line-height: 24px; font-weight: 400; color: #fff; text-align: center } .feature .feature-image { padding: 0 } @media only screen and (min-width: 1000px) { .feature .feature-image { padding: 0 20px } } .feature .feature-image img { display: block; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto } .events { margin-bottom: 16px } .events h2 { text-align: center } .events img { width: 100%; height: auto } .events .column { margin-bottom: 20px } .event { margin: 0 5px; background-color: #ececec } .event-details { padding: 13px 24px 0 } .event-links { padding: 0 24px 20px; width: 100%; box-sizing: border-box } .event-date { font-weight: 600; color: #333 } @media only screen and (min-width: 561px) { .event { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .event .event-details { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } } .shows-block { width: 100%; padding-top: 24px; background-color: #1a283c } .shows-block h2 { text-align: center; margin-bottom: 25px; color: #fff } .shows { width: 100%; color: #fff } .show { width: 100%; float: left; background-color: #000; color: #fff; text-decoration: none; transition: box-shadow 300ms; margin: 0 5px 20px 5px } .shows img { width: 100%; height: auto } .show-details { padding: 10px 12px 10px; height: 85px; position: relative } .show-title { margin-bottom: 3px; font-weight: 600; font-size: 14px; line-height: 18px } .show-product { font-family: 'Gibson W04', 'Helvetica', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px } .show-network { font-size: 14px; font-weight: 300; position: absolute; bottom: 10px } @media only screen and (min-width: 561px) { .show-details { height: 110px } .show { margin: 0 10px 20px 10px } .shows .column:last-child { display: none } } @media only screen and (min-width: 769px) { .shows .column:last-child { display: none } .show-details { height: 85px } } @media only screen and (min-width: 1000px) { .shows .column:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .shows-block { width: 1440px; margin-left: -200px } .shows.columns { max-width: 1040px; margin-left: 200px; padding: 0 10px } } .rovers { background-color: #32485b; box-shadow: 0 0 0 0 #32485b } .rovers:hover { box-shadow: 0 0 0 3px #32485b } .wowwow { background-color: #5a6773; box-shadow: 0 0 0 0 #5a6773 } .wowwow:hover { box-shadow: 0 0 0 3px #5a6773 } .moving-on { background-color: #985560; box-shadow: 0 0 0 0 #985560 } .moving-on:hover { box-shadow: 0 0 0 3px #985560 } .the-x-files { background-color: #2b3d52; box-shadow: 0 0 0 0 #2b3d52 } .the-x-files:hover { box-shadow: 0 0 0 3px #2b3d52 } .poldark { background-color: #5e4e48; box-shadow: 0 0 0 0 #5e4e48 } .poldark:hover { box-shadow: 0 0 0 3px #5e4e48 } .chinas-got-talent { background-color: #214fe2; box-shadow: 0 0 0 0 #214fe2 } .chinas-got-talent:hover { box-shadow: 0 0 0 3px #214fe2 } .humans { background-color: #515a48; box-shadow: 0 0 0 0 #515a48 } .humans:hover { box-shadow: 0 0 0 3px #515a48 } .brooklyn-99 { background-color: #985c65; box-shadow: 0 0 0 0 #985c65 } .brooklyn-99:hover { box-shadow: 0 0 0 3px #985c65 } .chicago-pd { background-color: #3a7468; box-shadow: 0 0 0 0 #3a7468 } .chicago-pd:hover { box-shadow: 0 0 0 3px #3a7468 } .war-and-peace { background-color: #896658; box-shadow: 0 0 0 0 #896658 } .war-and-peace:hover { box-shadow: 0 0 0 3px #896658 } .knockout-carnival { background-color: #c21b1d; box-shadow: 0 0 0 0 #c21b1d } .knockout-carnival:hover { box-shadow: 0 0 0 3px #c21b1d } .blue-bloods { background-color: #7b7267; box-shadow: 0 0 0 0 #7b7267 } .blue-bloods:hover { box-shadow: 0 0 0 3px #7b7267 } .the-grinder { background-color: #463b36; box-shadow: 0 0 0 0 #463b36 } .the-grinder:hover { box-shadow: 0 0 0 3px #463b36 } .peaky-blinders { background-color: #303d3a; box-shadow: 0 0 0 0 #303d3a } .peaky-blinders:hover { box-shadow: 0 0 0 3px #303d3a } .where-are-we-going-dad { background-color: #637c82; box-shadow: 0 0 0 0 #637c82 } .where-are-we-going-dad:hover { box-shadow: 0 0 0 3px #637c82 } .game-of-thrones { background-color: #393838; box-shadow: 0 0 0 0 #393838 } .game-of-thrones:hover { box-shadow: 0 0 0 3px #393838 } .ncis { background-color: #625b54; box-shadow: 0 0 0 0 #625b54 } .ncis:hover { box-shadow: 0 0 0 3px #625b54 } .this-is-england-90 { background-color: #525f69; box-shadow: 0 0 0 0 #525f69 } .this-is-england-90:hover { box-shadow: 0 0 0 3px #525f69 } .i-am-a-singer { background-color: #8b3481; box-shadow: 0 0 0 0 #8b3481 } .i-am-a-singer:hover { box-shadow: 0 0 0 3px #8b3481 } .grimm { background-color: #856d3f; box-shadow: 0 0 0 0 #856d3f } .grimm:hover { box-shadow: 0 0 0 3px #856d3f } .the-walking-dead { background-color: #79796D; box-shadow: 0 0 0 0 #79796D } .the-walking-dead:hover { box-shadow: 0 0 0 3px #79796D } .halt-and-catch-fire { background-color: #03424A; box-shadow: 0 0 0 0 #03424A } .halt-and-catch-fire:hover { box-shadow: 0 0 0 3px #03424A } .damnation { background-color: #675643; box-shadow: 0 0 0 0 #675643 } .damnation:hover { box-shadow: 0 0 0 3px #675643 } .graves { background-color: #223A50; box-shadow: 0 0 0 0 #223A50 } .graves:hover { box-shadow: 0 0 0 3px #223A50 } .the-exorcist { background-color: #4F4841; box-shadow: 0 0 0 0 #4F4841 } .the-exorcist:hover { box-shadow: 0 0 0 3px #4F4841 } .the-exorcist .show-product { letter-spacing: -0.2px } .in-the-vault { background-color: #788175; box-shadow: 0 0 0 0 #788175 } .in-the-vault:hover { box-shadow: 0 0 0 3px #788175 } .shes-gotta-have-it { background-color: #4E4150; box-shadow: 0 0 0 0 #4E4150 } .shes-gotta-have-it:hover { box-shadow: 0 0 0 3px #4E4150 } .the-sinner { background-color: #3F666A; box-shadow: 0 0 0 0 #3F666A } .the-sinner:hover { box-shadow: 0 0 0 3px #3F666A } .teen-wolf { background-color: #333647; box-shadow: 0 0 0 0 #333647 } .teen-wolf:hover { box-shadow: 0 0 0 3px #333647 } .better-things { background-color: #3B3B32; box-shadow: 0 0 0 0 #3B3B32 } .better-things:hover { box-shadow: 0 0 0 3px #3B3B32 } .no-activity { background-color: #3A4A65; box-shadow: 0 0 0 0 #3A4A65 } .no-activity:hover { box-shadow: 0 0 0 3px #3A4A65 } .the-warriors { background-color: #533946; box-shadow: 0 0 0 0 #533946 } .the-warriors:hover { box-shadow: 0 0 0 3px #533946 } .youre-the-worst { background-color: #5B6254; box-shadow: 0 0 0 0 #5B6254 } .youre-the-worst:hover { box-shadow: 0 0 0 3px #5B6254 } .broken { background-color: #745C41; box-shadow: 0 0 0 0 #745C41 } .broken:hover { box-shadow: 0 0 0 3px #745C41 } .peaky-blinders { background-color: #303D3A; box-shadow: 0 0 0 0 #303D3A } .peaky-blinders:hover { box-shadow: 0 0 0 3px #303D3A } .game-of-thrones { background-color: #393838; box-shadow: 0 0 0 0 #393838 } .game-of-thrones:hover { box-shadow: 0 0 0 3px #393838 } .contacts { padding-top: 10px; margin-bottom: 22px } .contacts .column { margin-bottom: 10px } .contact { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; padding: 17px 24px; background-color: #ececec; margin: 0 5px; width: calc(100% - 10px) } .contact .columns { padding: 0 } .contact-header { padding-top: 13px; background-color: #2b425d; padding: 17px 24px } .contact-header h2 { color: #fff; margin-bottom: 0 } .contact-title { margin-bottom: 13px; font-size: 16px; line-height: 24px; font-weight: 500; color: #262626; -ms-flex-positive: 1; -webkit-flex-grow: 1; -webkit-box-flex: 1; flex-grow: 1 } .contact-split.column { margin-bottom: 10px; display: block } .ru .contact:nth-child(4) .contact-title { width: 280px } .contact-name,.contact-number { font-family: 'Gibson W04', 'Helvetica', sans-serif; margin-bottom: 2px; color: #333 } .jp .main .contacts h2 { letter-spacing: -2px } @media only screen and (min-width: 561px) { .contact-split.column { margin-bottom: 0 } .contact-split:last-child { padding-left: 28px } } .nobreak,.nb,.nobreak-all,.nb-all,.nobreak-xs,.nb-xs { display: inline-block; white-space: nowrap } @media only screen and (min-width: 600px) { .nobreak-sm,.nb-sm { display: inline-block; white-space: nowrap } } @media only screen and (min-width: 600px) and (max-width: 1039px) { .br-md { display: block; white-space: nowrap } } @media only screen and (min-width: 1040px) { .br-lg { display: block; white-space: nowrap } } .company { margin-bottom: 15px } .company-title { font-size: 18px; font-weight: 400; text-align: center; color: #333; padding: 0 80px } .social-wrap { padding: 0 20px } .policy { margin: 0 auto; font-family: "Gibson W04","Helvetica","Open Sans",sans-serif } .chinese .policy { font-family: "Proxima Nova W08","Helvetica","Open Sans",sans-serif } .japanese .policy { font-family: "Proxima Nova W08","Helvetica","Open Sans",sans-serif } .korean .policy { font-family: "Proxima Nova W08","Helvetica","Open Sans",sans-serif } .russian .policy { font-family: "Proxima Nova W08","Helvetica","Open Sans",sans-serif } .policy p>a { margin-top: 0px } .social { width: 100%; margin-bottom: 20px; padding: 20px; background-color: #2b425d } .social h1 { margin: 0 auto; margin-bottom: 22px } .social p,.social a { margin: 0 auto; display: inline-block; text-align: center; color: #fff; font-size: 14px; margin-top: 5px } .social .columns { padding-right: 0 } .social:after,.social-subscribe:after { content: " "; display: block; clear: both } .social-action { font-family: "Sofia Pro W03","Helvetica","Open Sans",sans-serif; font-style: normal; font-weight: 400; float: left; font-size: 16px; font-weight: 400; color: #fff; margin: 0 auto; margin-bottom: 20px; padding-right: 20px } .chinese .social-action { font-family: "Futura Plus W08","Helvetica","Open Sans",sans-serif } .japanese .social-action { font-family: "Futura Plus W08","Helvetica","Open Sans",sans-serif } .korean .social-action { font-family: "Futura Plus W08","Helvetica","Open Sans",sans-serif } .russian .social-action { font-family: "Futura Plus W08","Helvetica","Open Sans",sans-serif } .de .social-action,.jp .social-action { font-size: 17px } .social-subscribe .error { background-color: #ebecaf } .social-button,.social-input { box-sizing: border-box; float: left; border: 0; height: 38px; font-family: inherit; font-size: 16px; font-weight: 400; outline: none; width: 100% } .social-input { width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; color: #333 } .german .social-input,.spanish .social-input,.russian .social-input { width: 160px } .button.social-button { background: #FAA619 url(https://images.blackmagicdesign.com/images/media/common/icon-subscribe.svg?_v=1479266251) no-repeat center; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; border-radius: 0; box-shadow: none; text-indent: -9999em; width: 100% } @media only screen and (min-width: 561px) { .button.social-button { width: 40% } .social-action { margin: 0 } .button.social-button { width: 100% } } @media only screen and (min-width: 769px) { .button.social-button { background: #FAA619; text-indent: 0 } } .release-wrap { padding: 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .release-title { margin: 0 auto 34px !important; max-width: 960px; width: 100%; text-align: center } .news-item { margin: 0 auto 0; width: 100% } .news-item .asset-carousel img { width: 100%; height: auto; display: block } .news-item .asset-carousel a img { width: auto; height: auto } .news-item .date { margin-top: 21px; margin-bottom: 16px; font-size: 12px; line-height: 16px } .news-item h3 { font-weight: 600 } .news-item p,.news-item li { line-height: 24px; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; color: #333333 } .news-item h3,.news-item p { font-size: 16px; margin-bottom: 12px } .news-item ul,.news-item ol { margin-bottom: 12px; margin-left: 24px } .news-item ul li+ul { margin-top: 5px } .news-item a { color: #c65d00; text-decoration: none } .news-item a.reverse { color: #fff } .news-item a.shadow { text-shadow: 0px 0px 2px #000 } .news-item a.block { color: #333; background-color: #fff; box-shadow: 0px 0px 2px #000 } .news-item a.block.reverse { background-color: #000; box-shadow: none } .news-item .caption { font-style: italic } .news-item .owl-buttons { display: none } @media only screen and (min-width: 769px) { .news-item .owl-pagination { display: none } .news-item .owl-buttons { display: block } .asset-carousel:hover .owl-prev,.asset-carousel:hover .owl-next { opacity: 1 } .owl-prev,.owl-next { position: absolute; top: 0; width: 56px; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transition: opacity .5s; background-position: center center } .owl-prev { left: 0; background-image: url(https://images.blackmagicdesign.com/images/media/common/arrow-left.svg?_v=1460999804) } .owl-next { right: 0; background-image: url(https://images.blackmagicdesign.com/images/media/common/arrow-right.svg?_v=1460999804) } } .asset-carousel { margin-top: 34px; margin-bottom: 24px } .asset-carousel:first-child { margin-top: 0 } .pr-carousel-download { display: none } .pr-carousel-download:hover { text-decoration: underline } .pr-carousel-arrow { position: absolute; top: 0; width: 56px; height: 547px; background-color: rgba(0,0,0,0.4); opacity: 0; transition: opacity .5s } .news-item p.credit { position: absolute; bottom: 14px; left: 0px; margin-left: 10px; margin-bottom: 0; padding: 3px 10px; font-size: 14px; line-height: 16px } @media only screen and (min-width: 769px) { .news-item p.credit { left: 56px } } .credit.reverse { color: #fff } .credit.shadow { text-shadow: 0px 0px 2px #000 } .credit.block { background-color: #fff; box-shadow: 0px 0px 2px #000 } .credit.block.reverse { background-color: #000; box-shadow: none } @media only screen and (min-width: 769px) { .pr-carousel-download { display: block; position: absolute; right: 66px; bottom: 14px; padding: 3px 10px; font-size: 16px; font-weight: 600; line-height: 16px; text-decoration: none; color: #faa619; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400 } } .archive-head { text-align: center } .archive-nav { display: none } .year { width: 100% } .year.close { height: 54px; overflow: hidden } .year.open { height: auto } .year.open .expand,.year.close .collapse { display: none } .year.close .expand,.year.open .collapse { display: block } .month { background: #F2F2F2; margin: 0 5px } .month.open { padding-bottom: 10px } .month:last-child { margin-bottom: 10px } .month.open .expand,.month.close .collapse { display: none } .month.close .expand,.month.open .collapse { display: block } .expand,.collapse,.mobile-expand { float: right } .expand { display: none } .article-list { padding-top: 11px } .month.open .article-list { position: relative; opacity: 1 } .month.close .article-container { position: relative; overflow: hidden; height: 0; display: none } .month.close .article-list { position: absolute } .article-header-year { background: #fff; color: #333333; font-weight: 500; border-top: #C2CACC 1px solid; padding: 7px 0 7px 20px; margin: 0 5px; cursor: pointer } .article-header-month { color: #666666; border-top: #C2CACC 1px solid; padding: 7px 0 7px 30px; cursor: pointer } .article-header-month::after,.article-header-year::after { display: table; content: ''; clear: both } .article-header-month h1 { font-size: 18px; margin: 0; text-align: left; float: left; line-height: 39px } .article-header-year h1 { font-size: 20px; margin: 0; text-align: left; float: left; line-height: 39px } .spanish .article-header-month h1 { text-transform: capitalize } .article-header-year .expand,.article-header-month .expand,.article-header-year .collapse,.article-header-month .collapse { margin-right: 20px; margin-top: 10px } .article-container { background: #fff; margin: 0 20px 20px; padding: 10px 20px } .article-list li { list-style-type: none; color: #333333 } .article-links:not(:last-child) { margin-bottom: 27px } .article-list a:first-child { margin-top: 5px } .article-list a { display: block; margin-top: 6px; color: #333333; text-decoration: none; font-size: 18px; line-height: 26px } .article-list a:hover { text-decoration: underline } .article-list .date { font-size: 14px; font-weight: 600 } .article-list .date:first-child { margin-top: 0 } @media only screen and (min-width: 769px) { .archive-head { text-align: left } .month:last-child { margin-bottom: 20px } .archive-nav { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; margin-left: 5px; margin-bottom: 10px } .nav-year { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 34px; color: #fff; background-color: #2B425D; text-align: center; text-decoration: none; font-size: 16px; padding-top: 6px; margin-right: 10px; box-sizing: border-box } .nav-year:hover { background-color: #4d6481 } .mobile-expand { display: none } .expand { display: block } } .assets { background-color: #fff; border: 1px solid #E2E2E2; margin-bottom: 20px; width: 100% } .assets-title { margin-top: 24px; margin-bottom: 0; padding-bottom: 20px; font-size: 26px; line-height: 28px; text-align: left; font-weight: 500 } .image-asset,.video-asset { padding: 10px; border-bottom: 1px #E2E2E2 solid; display: none } .image-asset::after,.video-asset::after { display: table; content: ''; clear: both } .image-asset>div,.video-asset>div { float: left; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; height: 48px; font-size: 16px; font-weight: 500 } .ia-product,.va-title { padding-left: 12px; padding-right: 10px } .ia-resolution p,.va-encoding,.ia-size,.va-size { color: #2B425D; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; font-weight: 14px } .ia-download .button,.va-download .button { width: 100%; padding-top: 5px; height: 36px; border-radius: 0; box-shadow: none } .resources { padding: 10px 5px 10px; background: #E2E2E2 } .resources::after { display: table; content: ''; clear: both } .resources div { float: left } .resources a { margin-left: 5px; margin-right: 5px } .resources .button.mono { background-image: none; background: #fff; border: 0; color: #333333 } .resources .button { padding-top: 14px; border-radius: 0; box-shadow: none; width: 97%; height: 50px; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; margin-bottom: 10px } @media only screen and (min-width: 769px) { .image-asset,.video-asset { display: block } .resources .button { margin-bottom: 0px } } .press-images-wrap { margin-top: 59px } .press-images-menu { position: absolute; z-index: 100 } .press-images-menu h3 { cursor: pointer } .image-group,.product-category,.product-family { padding: 0 } h1+.image-group,.media-search+.image-group { margin-top: 60px } .product-families.open { border-bottom: #C2CACC 1px solid } .product-header { border-bottom: #C2CACC 1px solid; cursor: pointer; padding-left: 20px; padding-right: 20px; width: 100%; padding-top: 20px; padding-bottom: 17px; box-sizing: border-box; background: #FCFCFC } .product-header a { text-decoration: none; color: #2b425d } .product-header a:hover { text-decoration: underline } .product-header::after { display: table; content: ''; clear: both } .product-header-mobile { border-top: #C2CACC 1px solid; border-bottom: #C2CACC 1px solid; padding-left: 10px; padding-right: 10px } .product-header h1 { font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 600; color: #666666; margin: 0; font-size: 16px; line-height: 19px; text-align: left; float: left; letter-spacing: 0 } .header-light h1 { color: #666666; font-weight: 300 } .product-category.open .product-header h1 { color: #333333 } .product .product-images:after { content: ' '; display: block; clear: both } .product.close .product-container { position: relative; overflow: hidden; height: 0 } .product.open .product-container { margin-top: 30px } .product-container .column,.image-download-wrap .column { margin-bottom: 10px } .image-download { display: block; box-sizing: border-box; margin: 0 5px; padding-bottom: 17px; background-color: #fff; text-decoration: none; width: calc(100% - 10px) } .image-download img { display: block; width: 100%; height: auto; max-width: 229px; margin: 0 auto } .image-download p { margin-left: 10px; margin-right: 10px } .image-download a { margin-left: 10px; margin-right: 10px } .image-download-wrap .column a,.image-download { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column } .image-download-head { font-size: 26px; color: #666666; margin-top: -17px } .image-download .product-title { margin-top: 23px; font-size: 16px; line-height: 22px; color: #333; letter-spacing: -.1px; -ms-flex-positive: 1; -webkit-flex-grow: 1; -webkit-box-flex: 1; flex-grow: 1; font-weight: 600 } .image-download .product-date { color: #666666; font-size: 14px; font-weight: 600; margin-top: 15px; margin-bottom: 9px } .image-download .product-link { font-family: 'Gibson W04', 'Helvetica', sans-serif; font-size: 14px; line-height: 19px; color: #faa619; text-decoration: none } .product-families { background: #F2F2F2; width: 100% } .product-families.close { max-height: 0; transition: max-height .1s ease-out; overflow: hidden } .product-families.open { max-height: 500px; transition: max-height .3s ease-in; overflow: hidden } .product-family { background: #F2F2F2; width: 100% } .product-family h4 { font-style: normal; color: #333333; font-weight: 500; font-size: 24px; padding: 16px 0 16px 10px } .product-category.open h1 { font-weight: 600 } .product-category.open .product-family.selected h3 { font-weight: 600 } .product-family h3 { font-family: 'Gibson W04', 'Helvetica', sans-serif; font-weight: 400; font-size: 14px; padding: 30px 20px 0 } .product-family:last-child h3 { padding-bottom: 30px } .product-header-desktop { display: none } .image-group.close { height: 60px; overflow: hidden } .product-family .image-download { position: relative } .product-family .image-download .new { font-family: 'Gibson W04', 'Helvetica', sans-serif; position: absolute; top: 10px; left: 10px; background: #fff; border-radius: 50px; border: 1px solid #FC625D; width: 32px; height: 32px; font-size: 10px; font-weight: 600; text-align: center } .product-family .image-download .new span { color: #FC625D; margin-top: 11px; display: block; text-transform: uppercase } .ru .product-family .image-download .new,.it .product-family .image-download .new,.fr .product-family .image-download .new,.es .product-family .image-download .new { border: 0; text-decoration: underline; color: #FC625D } .product-family .image-download span { text-align: center; color: #fff } .product-family .image-download.ibc { background: blue } .product-family .image-download.nab { background: blue } @media (min-width: 560px) { .product-family h4 { padding: 16px 0 17px 19px } .product-header-mobile { padding-left: 20px; padding-right: 20px } } @media only screen and (min-width: 769px) { .press-images-menu { position: relative } .product-container.columns { padding: 0 } .press-images-menu-wrap { width: 250px; float: left; margin-left: 15px } .press-images-wrap { margin-left: 267px; margin-right: 15px; margin-top: 0 } .press-images-menu { display: block; border: 1px solid #C2CACC; border-bottom: 0; margin: 0 5px 10px 5px; width: calc(100% - 10px) } .product-family { background: none; width: 100%; padding-left: 0; padding-right: 0 } .product-family h3 { display: none } .product.open .product-container { margin-top: 0 } .product-header { display: none } .press-images-menu .product-header { display: block; padding: 12px 10px 7px 20px } h1.product-header-desktop { display: block; font-size: 16px; font-family: 'Gibson W04', 'Helvetica', sans-serif; letter-spacing: 0; font-weight: 600; margin-left: 5px; margin-bottom: 10px } .press-images-menu .product-header-mobile { display: none } .header-light { background: #F8F8F8 } .press-images-menu .product-family { background: #F2F2F2 } .press-images-menu .product-family h3 { display: block; padding: 20px 29px 0 } .press-images-menu .product-family:last-child h3 { display: block; padding: 20px 29px 20px } .product-family h4 { display: none } .product-header h1 { font-size: 14px } .image-group.close { height: auto; overflow: hidden } .product-family h3 { font-size: 12px } } .search-results { margin-left: 10px; margin-right: 10px; width: 100% } .results-total { font-size: 14px; color: #666666; margin-bottom: 12px; font-weight: 600 } .result-link { border-bottom: 1px solid #C2CACC; padding-top: 16px; padding-bottom: 15px } .results-total+.result-link { border-top: 1px solid #C2CACC } .result-link:last-child { border-bottom: none; margin-bottom: 43px } .result-link .date { margin-bottom: 8px; font-weight: 600; font-size: 14px; line-height: 16px; color: #333333 } .result-link a { font-size: 18px; line-height: 16px; color: #666666; text-decoration: none; font-family: 'Gibson W04', 'Helvetica', sans-serif; font-style: normal; font-weight: 400 } .noScroll { overflow: hidden } .blackout { position: fixed; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; opacity: 0.8 } .blackout a { width: 48px; height: 48px; background-image: url("https://images.blackmagicdesign.com/images/common/modal/close.png?_v=1460999797"); background-size: 48px 96px; background-repeat: no-repeat; position: fixed; right: 40px; top: 40px; z-index: 2000 !important } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { .blackout a { background-image: url("https://images.blackmagicdesign.com/images/common/modal/close@2x.png?_v=1460999797") } } .blackout a:hover { background-position: bottom; z-index: 2000 } .video-container { z-index: 999; position: fixed; width: 100%; height: 100%; z-index: 1000 } .video-container #popup { position: fixed; top: 50%; left: 50%; margin-left: 0; margin-top: 0 !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 960px } .video-container #popup iframe { width: 100% } .video-container.ng-enter,.video-container.ng-leave { transition: all linear .2s } .video-container.ng-enter { opacity: 0 } .video-container.ng-enter.ng-enter-active { opacity: 1 } .video-container.ng-leave { opacity: 1 } .video-container.ng-leave.ng-leave-active { opacity: 0 } .pop-content { padding: 40px 55px; box-sizing: border-box } .pop-content h2 { font-size: 26px; color: #2B425D; line-height: 29px; font-weight: 600; margin-bottom: 25px } .pop-content p { font-size: 16px; color: #2B425D } .pop-content .email-confirm { margin-top: 49px; padding: 19px 16px; background-color: #F8F9F9 } @media only screen and (max-width: 999px) { .responsive .sub-dropdown { display: block; float: left; height: 35px; padding-top: 15px; padding-left: 20px } } @media only screen and (max-width: 1040px) { .subnav-location-changer { right: calc(((100% - 1000px)) + (1016px - 100vw)) } }[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak { display: none !important }