@media { @font-face { font-family: 'industry-lt'; src: url('../fonts/Industry-Light.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'industry-bk'; src: url('../fonts/Industry-Book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'industry-bold'; src: url('../fonts/Industry-Bold.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geo-Bd'; src: url('../fonts/Geogrotesque-SemiBold.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geo-Med'; src: url('../fonts/Geogrotesque-Medium.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geo-It'; src: url('../fonts/Geogrotesque-SemiBoldItalic.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geo-R-It'; src: url('../fonts/Geogrotesque-RegularItalic.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Solano-Bd'; src: url('../fonts/SolanoGothicMVB-Bd.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Solano-Rg'; src: url('../fonts/SolanoGothicMVB-Rg.otf'); font-weight: normal; font-style: normal; } div#siteloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #000 url(../img/ajax-loader.gif) no-repeat center center; } p.lead {text-align: left; } p.lead a {color: #f0652c; } .gallery { width: 100%; height: 800px; margin: 0 0 -90px!important; display: block; margin: 0 auto; border: 0; padding: 0; overflow: hidden; } /********* HEADER *********/ .videoWrapper { padding-bottom: 71%; position: relative !important; width: 720px; max-width: 100vw; height: 100%; transform: translateX(-50%); left: 50%; } .video-js { position: absolute; width: 100%; min-height: 100%!important; } .videoWrapper object { height: 75%; left: 12.5%; position: absolute; top: 0; width: 75%; } .vjs-ima3-html5 .vjs-ima3-ad-container video { left: 0; } /********* HEADER *********/ header { float:left; width:100%; background:#000; text-align:center; padding:0 55px; position:fixed; z-index:999999; left:0; top:0; } header .samsung_logo { display:inline-block;margin:0; padding:0; width:120px; float:left;height:60px} header .samsung_logo img { vertical-align:top;} header a.logo { display:inline-block; width:auto; margin:18px -49px 0 -120px;vertical-align:top;} header a.logo img{ vertical-align:top;} header ul.social { list-style:none; float:right; width:auto; margin-top:18px;} header ul.social li { list-style:none; display:inline-block; float:left; width:22px; margin-left:15px;} header ul.social li:first-child { margin-left:0;} header ul.social li a { display:block;} header ul.social li a img { height: 30px; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} header ul.social li a:hover img{ opacity:0.3; } .header { margin: -10px auto 50px!important; width: 100%!important; height: 100%; background: url(../img/header2.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header2 { margin: -10px auto 50px!important; width: 100%!important; height: 100%; background: url(../img/top-20-header.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header3 { margin: -10px auto 50px!important; width: 100%!important; height: 100%; background: url(../img/awards-header.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section { z-index:997; margin: 0; overflow: hidden; position: relative; } .credit { color: #000; font-family: 'Helvetica', sans-serif; font-size: 11px; line-height: 19px; padding: 10px 30px 0 0; text-align: right; } .cover { width: 100%!important; margin: 5px 0 20px 0 !important; } /********* VIDEO *********/ #video-container { background-color: #000; height: 100%; min-height: 1000px; top: 44px; } .video_bg video { background-color: #ffffff; height: auto; padding: 0; position: relative; width: 100%; z-index: 9; } video { background-color: #000; height: 100%; min-width: 100%; width: auto; } .videoWrapper { padding-bottom: 71%; position: relative !important; width: 720px; height: 100%; transform: translateX(-50%); left: 50%; max-width: 100vw; } .video-js { position: absolute; width: 100%; min-height: 100%!important; } .videoWrapper object { height: 75%; left: 12.5%; position: absolute; top: 0; width: 75%; } /********* ROW *********/ .row { max-width: 1200px; } .row .video { height: 800px; margin: 30px auto 50px; } .row img { margin-top: -10px; } .buttons img:hover { transform: scale(1.1); transition: all .3s ease-in-out; } /********* ADS *********/ .desktop-ad { display: block; } .mobile-ad { display: none; } /********* EXPERTS *********/ #people { margin: 50px 0; } #experts .col-sm-4 { margin-bottom: 50px; } #experts h1 { font-family: 'Solano-Bd'; font-size: 50px; text-transform: uppercase; text-decoration: underline; } #experts h2 { font-family: 'Solano-Bd'; text-transform: uppercase; } #experts h3 { font-family: 'Geo-R-It'; padding: 10px 100px; } #experts p { font-family: 'Geo-R-It'; } #experts .social img { height: 20px; } /********* TOP 20 *********/ #people .name { text-align: left!important; margin-left: -15px; } #people h1 { font-family: 'Solano-Bd'; font-size: 70px; line-height: 70px; letter-spacing: 15px; margin: 15px 0 40px; text-transform: uppercase; text-decoration: underline; text-decoration-color: #fff12d; } #people h2 { font-family: 'Solano-Bd'; font-size: 50px; line-height: 40px; margin-left: -5px; /*border-bottom: 3px solid #69c8ca; display: inline-block; text-decoration: none;*/ text-decoration: underline; text-decoration-color: #69c8ca; text-align: left; text-transform: uppercase; } #people h3 { font-family: 'Solano-Bd'; font-size: 20px; margin-left: -3px; margin-top: -4px; text-align: left; } #people h4 { font-family: 'Geo-R-It'; font-size: 40px; line-height: 40px; letter-spacing: 10px;color: #877164; text-transform: uppercase; } #people h5 { font-family: 'Geo-R-It'; font-size: 30px; line-height: 30px; letter-spacing: 5px; color: #877164; } #people p { font-family: 'Geo-Med'; font-size: 16px; margin-left: -20px; text-align: left; } #people p > span { font-family: 'Geo-Bd'; } #people p a { color: #f0652c!important; font-weight: 700; } #people .social { margin-left: -420px; left: 0!important; margin-top: 30px; } #people .social img { height: 30px; padding-right: 7px; } #people .quote { margin-top: 10px; text-decoration-color: #fff12d!important; text-decoration: underline; } #people .quote p { font-family: 'Geo-It'; font-size: 25px; } #people .quotation { font-family: 'Geo-It'; font-size: 50px; text-align: right; margin-top: 2px; } #people .headshot { margin: 0 10px 0 0px; } #people .credits { font-style: italic; font-size: 13px; margin-top: 10px; margin-left:-20px; } /********* AWARDS *********/ #awards .name { text-align: left!important; margin-left: -15px; } #awards h1 { font-family: 'Solano-Bd'; font-size: 70px; line-height: 70px; letter-spacing: 15px; margin: 15px 0 40px; text-transform: uppercase; text-decoration: underline; text-decoration-color: #fff12d; } #awards h2 { font-family: 'Solano-Bd'; font-size: 50px; line-height: 40px; margin-left: -5px; text-decoration: underline; text-decoration-color: #69c8ca; text-align: left; text-transform: uppercase; } #awards h3 { font-family: 'Solano-Bd'; font-size: 20px; margin-left: -3px; margin-top: -4px; text-align: left; } #awards h4 { font-family: 'Solano-Bd'; font-size: 20px; text-transform: uppercase; text-align: left; margin-left: -17px; margin-bottom: -10px } #awards p { font-family: 'Geo-Med'; font-size: 16px; margin-left: -20px; margin-top: -40px; text-align: left; } #awards .credits { font-style: italic; font-size: 13px; margin-top: 10px; margin-left:-20px; } #awards .icon { } #awards .social { margin-left: -380px; margin-top: 10px; } #awards .social img { height: 30px; padding-right: 7px; } #awards .social2 img { height: 25%!important; } #awards .quote { margin-top: 40px; text-decoration-color: #fff12d!important; text-decoration: underline; } #awards .quote p { font-family: 'Geo-It'; font-size: 25px; } #awards .quotation { font-family: 'Geo-It'; font-size: 50px; text-align: right; margin-top: 2px; } #awards .headshot { margin: 0 10px 0 0px; } #awards .full-frame { width: 100%; } #awards .two { width: 100%; } /********* MISC. *********/ .mods {margin-left: 15%;; } .mods .col-sm-4 { margin: 20px -20px!important;} h1 a { color: #000!important; text-decoration: none!important; } .page-header h2 { font-family: 'Solano-Bd'; font-size: 100px; text-transform: uppercase; text-decoration: underline; } h4 { margin-top: 25px; } .bio { font-family: 'Geo-Med'; padding: 10px 15%; font-size: 18px; } .byline { font-size: 20px; font-style: italic; } hr { margin: 30px 0 10px; } .back-to-top { margin: 10px 50px 0 0; } .button { padding: 0 50px; } .buttons img { height: 300px; } .buttons { margin: 25px 0; position: relative; } .buttons img:hover { transform: scale(1.1); transition: all .3s ease-in-out; } .spacer { margin: 150px 0; } .holder_wide p { text-align: left!important; } } .module-omniture-breakpoint { height: 1px; width: 100%; } /* SI Ads*/ .mobile-ad, .mobile-ad.tablet-ad, .mobile-ad.desktop-ad, .mobile-ad.tablet-ad.desktop-ad, .mobile-only { display: block; } .tablet-ad, .tablet-ad.desktop-ad, .desktop-only { display: none; } .desktop-ad { display: block; height: 90px; width: 728px; float: left; margin-left: 15%; } #__bkframe { display: none; } .mobile-ad .ad[data-dimensions="320x50"] { margin: 0 auto; padding: 20px 0 0 0; } @media only screen and (min-width: 728px) { .mobile-ad, .mobile-only { display: none; } .tablet-ad, .tablet-ad.desktop-ad { display: none; } } @media only screen and (min-width: 1025px) { .tablet-ad, .mobile-ad.tablet-ad { display: none; } .desktop-ad, .desktop-only { display: block; } } .type-oop, .type-gum { width: 1px; height: 1px; position: absolute; bottom: 0; } .adhesion-ad { position: fixed; left: 0; bottom: 0; width: 100%; height: 64px; padding-top: 7px; background: rgba(255, 255, 255, 0.88); opacity: 1; text-align: center; z-index: 200; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 450ms ease-in-out, opacity 500ms ease-in-out; -moz-transition: transform 450ms ease-in-out, opacity 500ms ease-in-out; -o-transition: transform 450ms ease-in-out, opacity 500ms ease-in-out; -ms-transition: transform 450ms ease-in-out, opacity 500ms ease-in-out; transition: transform 450ms ease-in-out, opacity 500ms ease-in-out; } .adhesion-ad .ad-container { max-width: 320px; margin: 0 auto; } .adhesion-ad .close { position: absolute; top: -8px; right: 4px; width: 24px; height: 24px; opacity: 0.88; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; box-sizing: border-box; } .adhesion-ad .close:before, .adhesion-ad .close:after { content: ""; position: absolute; top: 3px; left: 10px; display: block; height: 16px; width: 2px; background: #000000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .adhesion-ad .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .adhesion-ad.closed, .adhesion-ad.hidden { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }