#pageslide {

    display: none;

    position: absolute;

    position: fixed;

    top: 0;

    height: 100%;

    z-index: 999999;

    color: #FFF;

    -moz-shadow: inset 0 0 5px 5px #222;

}

@font-face {

    font-family: TrumpGothicWest-Bold;

    src: url(fonts/trumpgothicwest-bold.eot);

    src: url(fonts/trumpgothicwest-bold-.eot#iefix) format('embedded-opentype'),url(fonts/trumpgothicwest-bold.woff) format('woff'),url(fonts/trumpgothicwest-bold.ttf) format('truetype'),url(fonts/trumpgothicwest-bold.svg#TrumpGothicWest-Bold) format('svg');

    font-weight: 400;

    font-style: normal;

}

body {

    position: relative;

    margin-top: 115px;

    width: 100%;

}

body.home { margin-top: 0 }

.logged-in #page { margin: 75px auto 0 }

#content { position: relative }

.clearfix:after,

.clearfix:before {

    content: ' ';

    display: table;

}

.clearfix:after { clear: both }

.center { text-align: center }

.scroll-to-top {

    position: absolute;

    right: 51px;

    bottom: 0;

    width: 51px;

    height: 53px;

    border: 2px solid #999;

    border-bottom: 0;

    background: rgba(255,255,255,.8) url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_scroll_to_top.png) 12px 19px no-repeat;

    text-indent: -9999px;

}

.scroll-to-top:hover { border-color: #000 }

.scroll-to-top:after {

    display: block;

    content: '';

    width: 47px;

    height: 51px;

    position: absolute;

    top: 0;

    bottom: 0;

    background: url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_scroll_to_top.png) 12px -61px no-repeat;

    opacity: 0;

}

.scroll-to-top:hover:after { opacity: 1 }

.home .scroll-to-top { display: none }

body { font-family: AktivGrotesk-Regular,sans-serif }

h1 {

    font-family: TrumpGothicWest-Bold,sans-serif;

    font-size: 6.25rem;

    color: #000;

    text-transform: uppercase;

}

p {

    font-size: .95rem;

    color: #555;

    line-height: 1.4rem;

    margin-bottom: 1.25em;

}

#footer nav li a,

#header .menu-trigger,

#main-navigation .menu-closed,

#main-navigation a,

#networks .properties .img-overlay,

#networks .properties li img,

#programming .verticals article .title,

.apply-now .button,

.categories li a,

.feature-links .promo .img-overlay,

.feature-links .promo img,

.page-section .button,

.page-section .row>article .title,

.page-section .row>article a .name,

.page-section .row>article a img,

.programming .main-header .verticals a .title,

.programming .properties .img-overlay,

.scroll-to-top,

.scroll-to-top:after,

.slide-content .button,

.subnav li a,

.subnav-nowaypoints li a {

    -webkit-transition: border .15s ease-in-out,opacity .15s ease-in-out,color .15s ease-in-out,background .15s ease-in-out;

    -moz-transition: border .15s ease-in-out,opacity .15s ease-in-out,color .15s ease-in-out,background .15s ease-in-out;

    -ms-transition: border .15s ease-in-out,opacity .15s ease-in-out,color .15s ease-in-out,background .15s ease-in-out;

    -o-transition: border .15s ease-in-out,opacity .15s ease-in-out,color .15s ease-in-out,background .15s ease-in-out;

    transition: border .15s ease-in-out,opacity .15s ease-in-out,color .15s ease-in-out,background .15s ease-in-out;

}

#header {

    position: fixed;

    top: 0;

    height: 115px;

    width: 100%;

    background: rgba(255,255,255,.97);

    z-index: 500;

}

#header h1 {

    width: 69px;

    height: 86px;

    margin: 11px 0 0;

}

#header h1 a {

    display: block;

    background: url(../assets/logo.png) no-repeat;

    text-indent: -9999px;

    width: 100%;

    height: 100%;

    float: left;

    -webkit-background-size: 69px 86px;

    -moz-background-size: 69px 86px;

    -ms-background-size: 69px 86px;

    -o-background-size: 69px 86px;

    background-size: 69px 86px;

}

#header .menu-trigger {

    position: absolute;

    top: 42px;

    right: 45px;

    display: block;

    text-transform: uppercase;

    color: #000;

    padding: 10px 40px 10px 10px;

    border: 2px solid transparent;

}

#header .menu-trigger:hover { border-color: #000 }

#header .menu-trigger span {

    height: 12px;

    width: 20px;

    display: block;

    position: absolute;

    right: 10px;

    top: 11px;

    border-bottom: 2px solid #000;

    border-top: 2px solid #000;

}

#header .menu-trigger span:after {

    display: block;

    content: '';

    border-top: 2px solid #000;

    height: 12px;

    position: absolute;

    right: 0;

    top: 3px;

    width: 20px;

}

.subnav,

.subnav-nowaypoints {

    height: 36px;

    line-height: 28px;

    background: #b5b5b5;

    background: #262626;

    text-align: center;

    padding: 0;

    font-size: .7rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    letter-spacing: .1rem;

}

.touch .subnav,

.touch .subnav-nowaypoints { display: none!important }

.subnav-nowaypoints.stuck,

.subnav.stuck {

    position: fixed;

    top: 115px;

    width: 100%;

    z-index: 100;

}

.subnav ul,

.subnav-nowaypoints ul {

    margin: 0;

    padding: 0;

    height: 28px;

    line-height: 28px;

    padding-top: 4px;

}

.subnav li,

.subnav-nowaypoints li {

    display: inline-block;

    padding: 0 10px;

    padding: 0 22px;

    height: 100%;

    position: relative;

}

.subnav li a,

.subnav-nowaypoints li a {

    color: #ccc;

    display: block;

    position: relative;

    text-transform: uppercase;

    line-height: 28px;

    border-bottom: 4px solid transparent;

}

.subnav li a:hover,

.subnav-nowaypoints li a:hover { color: #fff }

.subnav-nowaypoints.stuck li a.active,

.subnav.stuck li a.active {

    border-bottom: 4px solid #ccc;

    color: #fff;

}

#networks .sticky-wrapper {

    position: static;

    margin: 0 auto;

}

nav.verticals.stuck {

    position: fixed;

    top: 116px;

    width: 100%;

    z-index: 99;

    left: 0;

    background: rgba(255,255,255,.97);

}

nav.verticals .row {

    max-width: 62.5em;

    width: 100%;

    margin: 0 auto;

}

nav.verticals .row>article { padding: 20px 0 }

nav.verticals .row>article img { width: auto }

nav.verticals .row>article .title {

    position: static;

    padding: 0;

    text-align: center;

    font-size: .95rem;

    text-transform: uppercase;

    opacity: 1;

    background: 0 0;

}

nav.verticals .row>article .title a {

    color: #000;

    color: #666;

    font-family: AktivGrotesk-Medium,sans-serif;

    display: block;

    padding-top: 76px;

    width: 62px;

    margin: 0 auto;

    background: url(http://cdn.tridentproductions.com/services/main/img/commercial/icons_networks_nav.png) center -161px no-repeat;

}

nav.verticals .row>article .women a { background-position: center -483px }

nav.verticals .row>article .family a { background-position: center -805px }

nav.verticals .row>article .entertainment a {

    background-position: center -1127px;

    width: 112px;

}

nav.verticals .row>article .title a:hover { color: #000 }

nav.verticals-mobile>article { padding: 20px 0 }

nav.verticals-mobile>article img { width: auto }

nav.verticals-mobile>article .title {

    position: static;

    padding: 0;

    text-align: center;

    font-size: .95rem;

    text-transform: uppercase;

}

nav.verticals-mobile>article .title span {

    color: #000;

    font-family: AktivGrotesk-Medium,sans-serif;

    display: block;

    padding-top: 76px;

    width: 62px;

    margin: 0 auto;

    background: url(http://cdn.tridentproductions.com/services/main/img/commercial/icons_networks_nav.png) center top no-repeat;

}

nav.verticals-mobile>article .title span,

nav.verticals-mobile>article .title span.active,

nav.verticals-mobile>article .title span:hover { background-position: center -161px }

nav.verticals-mobile>article .women span,

nav.verticals-mobile>article .women span.active,

nav.verticals-mobile>article .women span:hover { background-position: center -483px }

nav.verticals-mobile>article .family span,

nav.verticals-mobile>article .family span.active,

nav.verticals-mobile>article .family span:hover { background-position: center -805px }

nav.verticals-mobile>article .entertainment span { width: 130px }

nav.verticals-mobile>article .entertainment span,

nav.verticals-mobile>article .entertainment span.active,

nav.verticals-mobile>article .entertainment span:hover { background-position: center -1127px }

#main-navigation { display: none }

#main-navigation ul { margin: 0 }

#pageslide {

    padding: 0;

    width: 274px;

    background: #000;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    overflow-y: auto;

}

#main-navigation .menu-close {

    float: right;

    width: 45px;

    height: 45px;

    background: url(http://cdn.tridentproductions.com/services/main/img/btn_main_nav_close.png) center center no-repeat;

    text-indent: -9999px;

    margin-top: -38px;

    border: 2px solid #000;

}

#main-navigation .menu-close:hover { border-color: #fff }

#main-navigation .menu {

    padding: 42px 0 0 42px;

    padding: 42px 25px;

    font-family: AktivGrotesk-Regular,sans-serif;

    line-height: 1.6;

    letter-spacing: .1rem;

}

#main-navigation li {

    list-style: none;

    list-style-type: none;

    display: block;

    text-transform: uppercase;

}

#main-navigation h2,

#main-navigation h2 a {

    color: #aaa;

    font-size: .95rem;

    margin: 0;

    font-family: AktivGrotesk-Regular,sans-serif;

    font-weight: 400;

}

#main-navigation h2 {

    border-bottom: 1px solid #333;

    margin-bottom: 5px;

}

#main-navigation .menu>.home { margin-bottom: 1em }

#main-navigation .menu>.home h2 { border-bottom: 0 none }

#main-navigation .menu>.members h2 {

    border-bottom: 0 none;

    margin-bottom: 1em;

}

#main-navigation .menu li ul {

    margin: 0 0 1em;

    padding: 0;

}

#main-navigation a {

    color: #aaa;

    padding: .25rem 0;

    font-size: .7rem;

    display: block;

}

#main-navigation a.active,

#main-navigation a:hover { color: #fff }

#main-navigation a.active:before {

    content: '';

    border-left: 4px solid #ccc;

    margin-left: -25px;

    margin-right: 21px;

}

#main-navigation ul nav .inline-list {

    width: auto;

    margin-left: -21px;

}

#main-navigation ul nav .inline-list li {

    margin-left: 10px;

    padding-top: 2px;

}

#main-navigation ul .columns { padding: 0 }

#main-navigation ul nav .inline-list li:first-child { margin-left: 0 }

#main-navigation ul nav .inline-list { text-align: left!important }

#main-navigation .social { float: left }

.blog-form li,

.category-form li,

.user-form li {

    list-style-type: none;

    list-style: none;

    padding-bottom: 1em;

}

.blog-form li input,

.blog-form li p { margin-bottom: 0 }

.blog-form textarea { height: auto }

.blog-form select { width: auto }

table.categories,

table.users { width: 100% }

ul.errors { margin-bottom: 0 }

form .extra { text-align: center }

.slideshow-wrapper {

    width: 100%;

    height: 800px;

    overflow: hidden;

}

.slideshow-wrapper ul li {

    width: 100%;

    height: 800px;

    text-align: center;

    background: #fff;

}

.touch .slideshow-wrapper ul li {

    background: url(../assets/bkg_ipad.jpg) center 115px no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.no-touch .slideshow-wrapper ul li .video-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

}

.slideshow-wrapper ul li video {

    position: absolute;

    z-index: 1;

    width: auto;

    min-width: 100%;

    min-height: 100%;

    height: auto;

    left: 0;

}

.slideshow-wrapper .slide-content {

    padding-top: 260px;

    position: relative;

    z-index: 5;

    top: 0;

}

.slideshow-wrapper .slide-content h1 {

    color: #fff;

    text-align: left;

    font-size: 7.5rem;

    line-height: 6.5rem;

    max-width: 584px;

    margin-bottom: 30px;

}

.slideshow-wrapper .slide-content .button {

    margin: 1em 0 0;

    margin: 0;

}

.slideshow-wrapper .slide-content .button:hover {

    border-color: #fff;

    color: #fff;

    background: 0 0;

}

.orbit-next,

.orbit-prev,

.touch .orbit-container .orbit-next,

.touch .orbit-container .orbit-prev { display: none }

.orbit-bullets,

.touch .orbit-bullets {

    z-index: 200;

    top: auto;

    bottom: 3em;

    text-align: center;

    margin: 0;

    display: none;

}

.slideshow-wrapper .orbit-bullets li {

    text-align: center;

    display: inline-block;

    float: none;

    cursor: pointer;

}

.slideshow-wrapper .orbit-bullets li.active { cursor: default }

.feature-links {

    text-align: left;

    padding-top: 22px;

}

.feature-links h2 {

    font-size: 1.1rem;

    margin-bottom: .5em;

    color: #000;

    text-transform: uppercase;

    text-align: left;

    font-family: AktivGrotesk-Medium,sans-serif;

}

.feature-links .cta {

    width: 218px;

    display: inline-block;

    position: relative;

    margin: 10px;

    vertical-align: top;

}

.feature-links .cta p { text-align: left }

.feature-links .promo {

    margin-bottom: 1em;

    position: relative;

    display: block;

    text-align: center;

}

.feature-links .promo .img-overlay {

    position: absolute;

    height: 100%;

    width: 100%;

    display: block;

    line-height: 220px;

    font-size: .95rem;

    font-size: .75rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    color: #fff;

    text-transform: uppercase;

    opacity: 0;

    background: rgba(0,0,0,.8);

}

.feature-links .promo:hover .img-overlay { opacity: 1 }

.feature-links .promo img {

    width: 100%;

    height: auto;

}

.feature-links .promo .cta {

    display: block;

    width: 50%;

    background: #ccc;

    color: #fff;

    padding-left: 1em;

    line-height: 2em;

    position: absolute;

    right: 0;

    bottom: 2em;

}

.hero {

    color: #ccc;

    padding-top: 70px;

    padding-bottom: 48px;

}

.hero h1 {

    font-size: 6.25rem;

    line-height: 5.5rem;

    margin-top: 50px;

}

.hero h1.long-header {

    font-size: 5rem;

    line-height: 4.45rem;

}

.hero .verticals,

.hero h2,

.join .hero,

.verticals .thumbnail { text-align: center }

.verticals .thumbnail img { margin: 0 auto }

.page-section {

    padding-top: 116px;

    padding-top: 151px;

}

.page-section h1 { text-align: center }

.page-section img {

    display: block;

    margin-bottom: 1em;

}

.page-section .properties li {

    display: inline-block;

    padding: 0 .625em 1.25em;

}

.page-section .stats { margin: 0 }

.page-section .stats li { margin-left: 0 }

.page-section .stats p {

    border-top: 1px solid #0392ac;

    margin: 0;

}

.page-section .stats .stat {

    font-size: 6.25rem;

    font-family: TrumpGothicWest-Bold,sans-serif;

    display: block;

    text-align: center;

    color: #000;

    line-height: 1em;

    margin: .25em 0 0;

}

.page-section .stats .content {

    font-family: AktivGrotesk-Medium,sans-serif;

    display: block;

    text-transform: uppercase;

}

.page-section .row>article>div { position: relative }

.page-section .row>article a { display: block }

.page-section .row>article img {

    width: 100%;

    height: auto;

    opacity: 1;

}

.page-section .row>article .name {

    position: absolute;

    bottom: 0;

    background: rgba(255,255,255,.95);

    left: 0;

    width: 100%;

    padding: 10px 10%;

    margin-bottom: 0;

    text-align: center;

    color: #000;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .75rem;

    text-transform: uppercase;

    opacity: 1;

}

.page-section .row>article a:hover .name { opacity: 0 }

.page-section .row>article .title {

    position: absolute;

    top: 0;

    left: 0;

    font-size: .75rem;

    color: #fff;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-align: center;

    text-transform: uppercase;

    opacity: 0;

    height: 100%;

    width: 100%;

    background: rgba(0,0,0,.8);

    padding-top: 50%;

}

.page-section .row>article a:hover .title { opacity: 1 }

.apply-now .button,

.page-section .button,

.slide-content .button {

    width: 260px;

    height: 58px;

    line-height: 56px;

    text-align: center;

    display: block;

    border: 2px solid #000;

    color: #fff;

    letter-spacing: .1rem;

    font-size: .7rem;

    text-transform: uppercase;

    background: #000;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    padding: 0;

    font-weight: 400;

    margin: 0 auto;

}

.apply-now .button:hover,

.page-section .button:hover,

.slide-content .button:hover {

    color: #000;

    background: #fff;

}

.page-section .button.pdf {

    background: #f2f2f2;

    color: #000;

    border-color: #f2f2f2;

}

.page-section .button.pdf:hover {

    background: #fff;

    color: #000;

    border-color: #000;

}

.page-section .cta {

    text-align: center;

    clear: both;

    padding-top: 5rem;

}

.reveal-modal {

    z-index: 550;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    border-color: #ccc;

}

.reveal-modal-bg {

    z-index: 525;

    background: rgba(255,255,255,.45);

    background: 0 0;

}

.modal-content h2 {

    font-size: .95rem;

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: 400;

    font-family: AktivGrotesk-Medium,sans-serif;

    line-height: 1.2em;

}

.join .modal-content h2,

.makers .modal-content h2 { margin-bottom: 1.2em }

.modal-content h3 {

    font-size: .95rem;

    font-weight: 400;

    text-transform: uppercase;

    font-family: AktivGrotesk-Medium,sans-serif;

    color: #666;

    margin-bottom: 1em;

    line-height: 1.2em;

}

.modal-content p {

    font-size: .95rem;

    max-height: 438px;

    max-height: 382px;

    overflow-y: auto;

    color: #666;

    padding-right: 2em;

}

.modal-content .photo { position: relative }

.modal-content .photo img {

    display: block;

    margin: 0 auto;

}

.modal-content .photo .inline-list {

    float: none;

    position: absolute;

    bottom: 0;

    left: 0;

    margin: 0;

    padding: 0;

    height: 35px;

}

.modal-content .photo .inline-list li { margin: 0 }

.modal-content .photo .inline-list li a {

    display: block;

    height: 35px;

    width: 35px;

    background-color: rgba(153,153,153,.8);

    border: 0 none;

    background-image: url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_modal_social_icons_1.png);

    background-repeat: no-repeat;

    -webkit-background-size: auto auto;

    -moz-background-size: auto auto;

    -ms-background-size: auto auto;

    -o-background-size: auto auto;

    background-size: auto auto;

    text-align: left;

    text-indent: -9999px;

}

.modal-content .photo .inline-list li .twitter { background-position: 7px 9px }

.modal-content .photo .inline-list li .twitter:hover { background-position: 7px -60px }

.modal-content .photo .inline-list li .linkedin { background-position: -29px 9px }

.modal-content .photo .inline-list li .linkedin:hover { background-position: -29px -60px }

.modal-content .photo .inline-list li .youtube { background-position: -62px 9px }

.modal-content .photo .inline-list li .youtube:hover { background-position: -62px -60px }

.categories { text-align: center }

.categories li {

    display: inline;

    list-style: none;

    list-style-type: none;

    padding-bottom: 1em;

}

.categories [class*=column]+[class*=column]:last-child { float: left }

.categories li a {

    display: block;

    color: #fff;

    background: #000;

    font-size: .75rem;

    text-transform: uppercase;

    line-height: 59px;

    height: 59px;

    border: 2px solid #000;

}

.categories li a:hover {

    background: #fff;

    color: #000;

}

.jobs {

    padding-bottom: 114px;

    padding-bottom: 2em;

}

.jobs article { margin-bottom: 1em }

.jobs article.empty { display: none }

.jobs article.empty p {

    margin: 2em;

    text-align: center;

}

.jobs h2 {

    background: #f2f2f2;

    color: #666;

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-weight: 400;

    line-height: 1.2em;

    padding: 1em;

    text-transform: uppercase;

    cursor: pointer;

}

.jobs .open h2 { color: #000 }

.jobs h2 a {

    float: right;

    color: #666;

    font-size: .75rem;

    padding-right: 20px;

    position: relative;

}

.jobs .open h2 a { color: #000 }

.jobs h2 a:after {

    display: block;

    content: '';

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 12px solid #666;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -5px;

}

.jobs .open h2 a:after {

    border: 0 none;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 12px solid #000;

}

.jobs h2+.content {

    display: none;

    padding: 1em 0 0;

}

.jobs .content h3 {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

}

.apply-now { margin: 1em 0 }

.disclaimer { padding-bottom: 114px }

.parallax { background-attachment: fixed }

.touch .parallax { background-attachment: scroll }

.programming .main-header {

    height: 700px;

    padding-top: 0;

    background: #f7f7f7;

    background: -moz-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#fff));

    background: -webkit-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -o-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -ms-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: linear-gradient(to bottom,#f7f7f7 0,#fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);

}

.programming .main-header h1 {

    text-align: center;

    margin-top: 168px;

    margin-bottom: 23px;

}

.programming .main-header .subheader {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-transform: uppercase;

    color: #000;

    margin-bottom: 13px;

}

.programming .main-header .verticals a .title {

    display: block;

    margin-top: 1em;

    color: #666;

    font-family: AktivGrotesk-Medium,sans-serif;

}

.programming .main-header .verticals a:hover .title { color: #000 }

.programming .main-header .verticals+p {

    text-align: center;

    margin-top: 17px;

    width: 100%;

    padding: 0 28px;

    max-width: 100%;

}

.programming .page-section .hero {

    height: 500px;

    padding: 0;

}

.programming .page-section .hero .row {

    position: relative;

    height: 500px;

}

.programming .page-section .hero h1 {

    text-align: left;

    margin-bottom: 28px;

    margin-top: 120px;

    background: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_titles.png) center top no-repeat;

    text-indent: -9999px;

}

.programming .page-section .hero p {

    max-width: 300px;

    margin-bottom: 2em;

}

.programming .page-section .hero .cta {

    margin: 0;

    padding: 0;

    text-align: left;

}

.programming .page-section .hero .cta .button { margin: 0 }

#polaris .hero .cta .button {

    background: #333;

    border-color: #333;

}

.programming .page-section .hero .cta .button:hover {

    background: #000;

    background: 0 0;

    border-color: #fff;

    color: #fff;

}

#polaris .hero .cta .button:hover {

    background: #333;

    background: 0 0;

    border-color: #fff;

    color: #fff;

}

#cartoonium .hero .cta .button:hover,

#makermusic .hero .cta .button:hover,

#momsview .hero .cta .button:hover,

#theplatform .hero .cta .button:hover {

    background: 0 0;

    border-color: #000;

    color: #000;

}

.programming .page-section .hero .icon {

    position: absolute;

    right: 0;

    bottom: 30px;

}

.programming .vertical-detail { padding: 65px 0 }

.programming .vertical-detail h2 {

    font-size: .95rem;

    font-weight: 700;

    text-align: left;

    margin-bottom: 1em;

}

.programming .properties {

    text-align: center;

    display: block;

    margin: 0;

    padding: 0;

}

.programming .properties li {

    width: 218px;

    vertical-align: top;

    padding: 0;

    margin: 0 .625em 1.25em;

}

.programming .properties li a {

    display: block;

    position: relative;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}

.programming .properties .img-overlay {

    position: absolute;

    line-height: 218px;

    display: block;

    height: 100%;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    opacity: 0;

    z-index: 2;

    background: #0392ac;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}

.programming #women .properties .img-overlay { background: #f43348 }

.programming #family .properties .img-overlay { background: #860024 }

.programming #entertainment .properties .img-overlay { background: #324375 }

.programming .properties a:hover .img-overlay { opacity: .9 }

.programming .properties li h3 {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-transform: uppercase;

    font-weight: 400;

}

.programming .page-section-group .hero {

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -ms-background-size: 100% auto;

    -o-background-size: 100% auto;

    background-size: 100% auto;

    background-position: center 112px;

    background-repeat: no-repeat;

}

#polaris .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_polaris.jpg) }

#polaris .hero h1 {

    margin-top: 120px;

    width: 387px;

    height: 123px;

}

#polaris .hero p { color: #fff }

#theplatform .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_the_platform.jpg) }

#theplatform .hero h1 {

    margin-top: 98px;

    width: 301px;

    height: 113px;

    background-position: 0 -123px;

}

#cartoonium .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_cartoonium.jpg) }

#cartoonium .hero h1 {

    width: 302px;

    height: 35px;

    margin-top: 147px;

    background-position: 0 -236px;

}

#momsview .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_moms_view.jpg) }

#momsview .hero h1 {

    width: 177px;

    height: 137px;

    margin-top: 70px;

    background-position: 0 -271px;

}

#makermusic .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_maker_music.jpg) }

#makermusic .hero h1 {

    width: 294px;

    height: 207px;

    margin-top: 70px;

    background-position: 0 -408px;

}

#animonster .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/bkg_header_animonster.jpg) }

#animonster .hero h1 {

    width: 301px;

    height: 51px;

    margin-top: 144px;

    background-position: 0 -615px;

}

#animonster .hero p { color: #000 }

.about .hero {

    height: 800px;

    background: url(http://cdn.tridentproductions.com/services/main/img/about/bkg_header.jpg) center top no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.about .hero h1 {

    max-width: 720px;

    text-align: left;

}

.about .hero p { max-width: 585px }

#history {

    padding-top: 0;

    padding-bottom: 0;

    background: #e9e9eb;

}

#history .hero {

    background-image: url(http://cdn.tridentproductions.com/services/main/img/about/bkg_header_our_story.jpg);

    background-position: center -171px;

    height: 999px;

    padding-top: 151px;

}

.touch #history .hero { background-position: center bottom }

#history .hero h1 { margin-top: 215px }

#history .hero p { max-width: 385px }

#programming {

    background: #fff;

    background: -moz-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#f1f1f1));

    background: -webkit-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -o-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -ms-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: linear-gradient(to bottom,#fff 1%,#f1f1f1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);

    height: 700px;

}

#programming h1 { margin-bottom: 22px }

#programming .subheader {

    font-size: .95rem;

    color: #000;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    padding: 0 28px;

    margin-bottom: 12px;

}

#programming .verticals { text-align: center }

#programming .verticals article { padding: 20px 0 }

#programming .verticals article img {

    width: auto;

    margin: 0 auto;

}

#programming .verticals article .title {

    display: block;

    margin-top: 1em;

    color: #666;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-transform: uppercase;

}

#programming .verticals article a:hover .title { color: #000 }

#programming .cta { padding-top: 28px }

#executives {

    background: #fff;

    background: -moz-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#f1f1f1));

    background: -webkit-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -o-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: -ms-linear-gradient(top,#fff 1%,#f1f1f1 100%);

    background: linear-gradient(to bottom,#fff 1%,#f1f1f1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);

}

#executives>.row { padding: 0 0 121px }

#executives h1 { margin-bottom: 0 }

#executives h1+p {

    text-align: center;

    max-width: 468px;

    margin: 0 auto 60px;

}

.news #press,

.press #press { padding-top: 36px }

#press>.row { padding: 0 }

#press h1 {

    text-align: left;

    margin-bottom: 20px;

}

#press .articles { text-align: left }

#press .articles article {

    clear: both;

    background: #f7f7f7;

    padding: 2.25rem;

    margin: 0 0 1.375rem;

}

#press .articles article h2 {

    font-size: .95em;

    text-transform: uppercase;

    font-family: AktivGrotesk-Medium,sans-serif;

}

#press .articles article .content img {

    float: left;

    margin-right: 1em;

    margin-bottom: .5em;

}

#press .articles article footer:after,

#press .articles article footer:before {

    display: table;

    content: ' ';

}

#press .articles article footer:after { clear: both }

#press .articles article footer {

    clear: both;

    padding-top: .5em;

}

#press .articles article footer>.inline-list {

    float: left;

    margin: 0;

}

#press .articles article footer>.inline-list li { margin-left: 7px }

#press .articles article footer>.inline-list li:first-child { margin-left: 0 }

#press .articles article footer>.inline-list li a {

    display: block;

    width: 22px;

    height: 22px;

    text-indent: -9999px;

    background: url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_share_icons_1.png) no-repeat;

}

#press .articles article footer>.inline-list li a.facebook:hover { background-position: 0 -60px }

#press .articles article footer>.inline-list li a.twitter { background-position: -29px 0 }

#press .articles article footer>.inline-list li a.twitter:hover { background-position: -29px -60px }

#press .articles article footer>.inline-list li a.mail { background-position: -57px 0 }

#press .articles article footer>.inline-list li a.mail:hover { background-position: -57px -60px }

#press .articles article footer>a {

    float: right;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .75rem;

    color: #666;

    text-transform: uppercase;

    position: relative;

    padding-right: 20px;

    line-height: 22px;

}

#press .articles article footer>a:hover { color: #000 }

#press .articles article footer>a:after {

    display: block;

    content: '';

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    border-left: 12px solid #666;

    position: absolute;

    right: 0;

    top: 3px;

}

#press .articles article footer>a:hover:after { border-left-color: #000 }

#press aside ul { margin-bottom: 40px }

#press aside ul li {

    list-style: none;

    list-style-type: none;

    text-align: left;

}

#press aside h2 {

    font-size: .95rem;

    text-transform: uppercase;

    font-family: AktivGrotesk-Medium,sans-serif;

}

#press aside a {

    color: #666;

    text-transform: uppercase;

}

#press aside a:hover { color: #000 }

.news .page-section>.row { padding: 80px 0 }

.news #press .articles { padding-bottom: 116px }

#careers .hero {

    background-image: url(http://cdn.tridentproductions.com/services/main/img/about/bkg_header_careers.jpg);

    background-color: #f8f6f9;

    background-position: center 0;

    height: 999px;

    padding-top: 0;

}

#careers .hero h1 {

    max-width: 584px;

    margin-bottom: 40px;

    margin-top: 154px;

}

#careers .hero .cta {

    padding-top: 0;

    text-align: left;

}

#careers .hero .cta .button { margin: 0 }

.careers .hero h1,

.careers .hero p { text-align: center }

#contact { padding-top: 0 }

#contact .hero {

    height: auto;

    background-image: url(http://cdn.tridentproductions.com/services/main/img/about/bkg_header_contact.jpg);

    background-position: center top;

    padding-top: 151px;

    padding-bottom: 120px;

}

.touch #contact .hero { background-position: center top }

#contact .hero h1 { margin-top: 102px }

.contact-form {

    max-width: 640px;

    font-size: .95rem;

    min-height: 420px;

}

.loading { background: url(http://cdn.tridentproductions.com/services/main/img/ajax-loader.gif) center center no-repeat }

.contact-form label {

    font-family: AktivGrotesk-Medium,sans-serif;

    text-transform: uppercase;

    font-size: .95rem;

    line-height: 1.4em;

    font-weight: 700;

}

.contact-form ul li {

    list-style-type: none;

    list-style: none;

}

.contact-form ul li:nth-child(3) { clear: both }

.contact-form .columns.select { margin-bottom: 1em }

.contact-form .columns .select {

    width: 100%;

    overflow-x: hidden;

    border-right: 1px solid #ccc;

}

.contact-form .select.error { border-color: #c60f13 }

.contact-form select {

    border: 1px solid #ccc;

    color: #999;

    font-size: .875em;

    padding: .5em;

    width: 700px;

    margin-bottom: 0;

    background: #fff url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_contact_select.png) 90% center no-repeat;

}

.contact-form .select.error select { border-color: #c60f13 }

.contact-form .select.error+.error { display: block }

.contact-form input[type=text] { color: #999 }

.contact-form textarea {

    height: 140px;

    border: 1px solid #ccc;

    color: #999;

}

.contact-form .message { margin-bottom: 2rem }

.contact-form [data-abide] .error small.error,

.contact-form [data-abide] small.error,

.contact-form [data-abide] span.error {

    font-size: .8rem;

    font-weight: 400;

    padding-left: 1em;

    padding-right: 1em;

}

.contact-form .extra .button { float: right }

.contact-error,

.contact-success { display: none }

.brands .hero,

.commercial .hero {

    height: 500px;

    background: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header.jpg) center center no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    padding: 0;

}

.commercial .main-header { height: 800px }

.commercial .main-header h1 {

    margin-top: 223px;

    margin-top: 180px;

    max-width: 540px;

}

#networks h1 { margin-bottom: 0 }

#networks h2.subtitle {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-align: center;

    margin-bottom: 1.5em;

    margin-top: 0;

    text-transform: uppercase;

}

.verticals-description {

    text-align: center;

    max-width: 640px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 64px;

}

.vertical-detail { padding: 54px 0 }

.vertical-detail h2 {

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: 2.25rem;

    margin-bottom: .5em;

    text-align: center;

    text-transform: uppercase;

}

.men h2 { color: #0392ac }

.men .stats p { border-color: #0392ac }

.women h2 { color: #f43348 }

.women .stats p { border-color: #f43348 }

.family h2 { color: #860024 }

.family .stats p { border-color: #860024 }

.entertainment h2 { color: #324375 }

.entertainment .stats p { border-color: #324375 }

.vertical-detail p { text-align: center }

.vertical-detail>p {

    margin-bottom: 5rem;

    max-width: 380px;

    margin-left: auto;

    margin-right: auto;

}

#networks .verticals { text-align: center }

#networks .properties {

    text-align: center;

    display: block;

    padding-bottom: 60px;

    margin-bottom: 0;

}

#networks .properties li {

    display: inline-block;

    width: 218px;

    padding: 0;

    margin: 0 .625em 1.25em;

}

#networks .properties li a {

    display: block;

    position: relative;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}

#networks .properties .img-overlay {

    position: absolute;

    line-height: 218px;

    display: block;

    height: 100%;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    opacity: 0;

    z-index: 2;

    background: #0392ac;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}

#networks .women .properties li a .img-overlay { background: #f43348 }

#networks .family .properties li a .img-overlay { background: #860024 }

#networks .entertainment .properties li a .img-overlay { background: #324375 }

#networks .properties a:hover .img-overlay { opacity: .9 }

#networks .properties li span {

    display: block;

    text-transform: uppercase;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

}

#media-solutions>.row {

    padding-bottom: 0;

    padding-top: 60px;

}

#media-solutions .hero {

    background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_media_solutions.jpg);

    background-position: center -50px;

}

#media-solutions h1 {

    text-align: left;

    margin-bottom: 0;

    margin-top: 107px;

}

#media-solutions .hero p {

    max-width: 334px;

    color: #666;

}

#media-solutions>.row>p { color: #000 }

#media-solutions .columns { text-align: center }

#media-solutions .columns img { display: inline }

#media-solutions .columns h2 {

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

    text-transform: uppercase;

}

#maker-made-agency>.row {

    padding-bottom: 0;

    padding-top: 60px;

}

#maker-made-agency .hero { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_maker_made.jpg) }

#maker-made-agency h1 {

    text-align: left;

    margin-top: 120px;

    width: 384px;

    height: 128px;

    background: url(http://cdn.tridentproductions.com/services/main/img/commercial/logo_makermade.png) no-repeat;

    text-indent: -9999px;

    margin-bottom: 1.5rem;

}

#maker-made-agency .hero p {

    max-width: 390px;

    color: #333;

}

#maker-made-agency .columns { text-align: center }

#maker-made-agency .columns img { display: inline }

#maker-made-agency .columns h2 {

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

    text-transform: uppercase;

}

.case-study {

    padding-bottom: 80px;

    position: relative;

}

.ripd { padding-bottom: 0 }

.case-study .header-container {

    position: relative;

    height: 500px;

    overflow: hidden;

}

.case-study .header {

    height: 500px;

    background: none center -50px no-repeat fixed;

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -ms-background-size: contain;

    -o-background-size: contain;

    background-size: contain;

    margin-bottom: 80px;

}

.touch .case-study .header {

    background-attachment: scroll!important;

    background-position: center -52px;

}

.pitch-perfect .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_pitch_perfect.jpg) }

.target .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_target.jpg) }

.pacific-rim .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_pacific_rim.jpg) }

.pine-sol .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_pine_sol.jpg) }

.ripd .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/bkg_header_ripd.jpg) }

.case-study .header h1 {

    color: #fff;

    margin-top: 189px;

}

.pine-sol .header h1,

.target .header h1 { color: #999 }

.case-study .header h1 span {

    display: block;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: 2rem;

    line-height: 1em;

}

.case-study .columns h2 {

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

    padding-bottom: .5em;

    border-bottom: 1px solid #ccc;

    text-transform: uppercase;

}

.case-study .columns p { margin-bottom: 1.5em }

.case-study .columns .video-count {

    font-size: 1.9rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    color: #000;

    margin-bottom: 1em;

}

.case-study .columns .video-count span {

    display: inline-block;

    background: #f2f2f2;

    margin-left: 2px;

    width: 1em;

    height: 1.2em;

    padding: .25em .15em;

}

.case-study .columns .video-count span:first-child { margin-left: 0 }

.case-study .results .button {

    margin-left: 0;

    margin-right: 0;

    width: 100%;

}

#partners { padding-bottom: 116px }

#partners .page-section-inner {

    background: #f5f5f5;

    background: -moz-linear-gradient(top,#f5f5f5 0,#fff 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fff));

    background: -webkit-linear-gradient(top,#f5f5f5 0,#fff 100%);

    background: -o-linear-gradient(top,#f5f5f5 0,#fff 100%);

    background: -ms-linear-gradient(top,#f5f5f5 0,#fff 100%);

    background: linear-gradient(to bottom,#f5f5f5 0,#fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);

}

#partners>.row { padding-top: 0 }

#partners h1 { margin-bottom: 0 }

#partners h1+p {

    text-align: center;

    max-width: 470px;

    margin: 0 auto;

}

#partners h2 {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    text-transform: uppercase;

    text-align: center;

    border-bottom: 1px solid #ccc;

    padding-bottom: .5rem;

}

#partners h2+p { text-align: center }

.partner-list li {

    list-style-type: none;

    list-style: none;

}

.partner-list li img { margin: 0 auto }

.tech .hero,

.technology .hero {

    height: 800px;

    background-image: url(http://cdn.tridentproductions.com/services/main/img/tech/bkg_header.jpg);

    padding: 0;

}

.tech .main-header h1,

.technology .main-header h1 {

    margin: 312px auto 0;

    max-width: 820px;

    text-align: center;

}

.tech .page-section,

.technology .page-section {

    background: #f0f0f0;

    background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

    background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

    background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

    background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

    background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

}

.tech .page-section>.row,

.technology .page-section>.row {

    padding-top: 50px;

    padding-bottom: 50px;

}

.tech .page-section h1,

.technology .page-section h1 {

    text-align: left;

    margin-top: 0;

    line-height: 1em;

    margin-bottom: 10px;

}

.tech .page-section .columns .button,

.technology .page-section .columns .button {

    margin: 0;

    width: 100%;

}

#support { padding-bottom: 151px }

#youtube-insights-analytics { background: #363636 }

#youtube-insights-analytics .hero {

    background: 0 0;

    height: 700px;

}

#youtube-insights-analytics .hero h1 {

    height: 301px;

    text-indent: -9999px;

    background: url(http://cdn.tridentproductions.com/services/main/img/tech/logo_makermax.png) center top no-repeat;

    margin-top: 98px;

    margin-bottom: 40px;

}

#youtube-insights-analytics .hero p {

    text-align: center;

    max-width: 580px;

    margin: 0 auto;

    color: #fff;

}

.join .hero,

.makers .hero {

    height: 800px;

    background: url(http://cdn.tridentproductions.com/services/main/img/makers/bkg_header.jpg) center top no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.join .hero h1,

.makers .hero h1 {

    text-align: left;

    margin: 144px 0 0;

    max-width: 718px;

}

#spotlight>.row {

    padding-top: 106px;

    padding-top: 0;

}

#spotlight h1 { margin-bottom: 10px }

#spotlight>.row>p {

    max-width: 468px;

    margin: 0 auto 76px;

    text-align: center;

}

.join #makermax,

.makers #makermax { background: 0 0 }

.join #makermax>.page-section-inner,

.makers #makermax>.pager-section-inner {

    background: -moz-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#fff));

    background: -webkit-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -o-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: -ms-linear-gradient(top,#f7f7f7 0,#fff 100%);

    background: linear-gradient(to bottom,#f7f7f7 0,#fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);

    padding-top: 120px;

}

.join #makermax h1,

.makers #makermax h1 { margin-bottom: 40px }

.join #makermax h1 img,

.makers #makermax h1 img { margin-bottom: 0 }

.join #makermax .cta,

.makers #makermax .cta { padding-top: 20px }

.join #makermax .cta .button,

.makers #makermax .cta .button {

    margin: 0;

    width: 100%;

}

#join-network-benefits .hero {

    height: 500px;

    background-image: url(http://cdn.tridentproductions.com/services/main/img/makers/bkg_header_what_we_offer.jpg);

    background-position: center -100px;

    padding: 0;

}

#join-network-benefits .hero h1 { margin: 174px 0 .5em }

#join-network-benefits .hero p {

    text-align: left;

    max-width: 468px;

}

#join-network-benefits>.row { padding-top: 60px }

#join-network-benefits .columns { text-align: center }

#join-network-benefits .columns img { margin: 0 auto 1em }

#join-network-benefits .columns h2 {

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

    text-transform: uppercase;

}

#faqs .hero {

    height: 500px;

    background-image: url(http://cdn.tridentproductions.com/services/main/img/makers/bkg_header_faqs.jpg);

    padding: 0;

}

#faqs>.row { padding-top: 70px }

#faqs .section-container.accordion { border: 0 none }

#faqs .section-container.accordion>section { padding-bottom: 1em!important }

#faqs .section-container.accordion>section.active>.title { background: 0 0 }

#faqs .section-container.accordion>section>.title,

#faqs.section-container.accordion>.section>.title {

    border: 0 none;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-size: .95rem;

    font-weight: 700;

    text-transform: uppercase;

}

#faqs .section-container.accordion>section>.title { background: 0 0 }

#faqs .section-container.accordion>section>.title a {

    font-size: .95rem;

    color: #666;

    padding: 0 0 0 20px;

    position: relative;

}

#faqs .section-container.accordion>section>.title a:before {

    display: block;

    content: '';

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 12px solid #666;

    left: 0;

    top: 6px;

    position: absolute;

}

#faqs .section-container.accordion>section.active>.title a { color: #000 }

#faqs .section-container.accordion>section.active>.title a:before {

    border: 0 none;

    border-top: 12px solid #000;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    top: 4px;

}

#faqs .section-container.accordion>section>.content {

    border: 0 none;

    background: 0 0;

    padding: 1em;

}

#faqs .section-container.accordion>section>.content ul { margin-left: 1.5em }

#faqs .section-container.accordion>section>.content ul li {

    font-size: .95rem;

    font-family: AktivGrotesk-Regular,sans-serif;

    color: #555;

}

#faqs .cta { padding-bottom: 151px }

#privacy { padding-top: 80px }

#privacy>.row { padding-top: 0 }

#privacy h2 {

    font-size: .95rem;

    font-family: AktivGrotesk-Medium,sans-serif;

    font-weight: 700;

}

#footer {

    background: #111;

    padding: 40px 0;

}

#footer .row { position: relative }

#footer h3 {

    font-size: 1.2em;

    margin: 0;

}

#footer nav li {

    list-style: none;

    list-style-type: none;

    margin-bottom: .2rem;

}

#footer nav .members { margin-top: 1em }

#footer nav li a {

    color: #aaa;

    text-transform: uppercase;

    display: block;

    width: 100%;

    padding: .25rem 0;

    font-size: 11px;

    font-family: AktivGroteskStdMd,sans-serif;

    letter-spacing: .1rem;

}

#footer nav li a:hover { color: #fff }

#footer .biz-units a {

    padding-left: 25px;

    position: relative;

}

#footer .biz-units a:before {

    display: block;

    width: 25px;

    height: 25px;

    content: '';

    background: url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_footer_icons.png) center -194px no-repeat;

    -webkit-background-size: 30px auto;

    -moz-background-size: 30px auto;

    -ms-background-size: 30px auto;

    -o-background-size: 30px auto;

    background-size: 30px auto;

    position: absolute;

    left: 0;

    top: 0;

}

#footer .biz-units a:hover:before { background-position: center -243px }

#footer .biz-units .women a:before { background-position: center -293px }

#footer .biz-units .women a:hover:before { background-position: center -342px }

#footer .biz-units .family a:before { background-position: center -94px }

#footer .biz-units .family a:hover:before { background-position: center -143px }

#footer .biz-units .entertainment a:before { background-position: center -4px }

#footer .biz-units .entertainment a:hover:before { background-position: center -48px }

#footer .social li a { width: 30px }

#footer p.copyright {

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: .7rem;

    color: #777;

}

#footer .large-6+.large-3 { padding-right: 0 }

.social { float: right }

.social li {

    margin-left: 12px;

    padding-top: 2px;

}

.social li:first-child { margin-left: 0 }

#footer nav .social li a,

#main-navigation .social li a {

    display: block;

    width: 30px;

    height: 30px;

    border: 2px solid #777;

    text-indent: -9999px;

    text-align: left;

    background: #777 url(http://cdn.tridentproductions.com/services/main/img/icons/bkg_footer_icons.png) no-repeat;

    -webkit-background-size: 30px auto;

    -moz-background-size: 30px auto;

    -ms-background-size: 30px auto;

    -o-background-size: 30px auto;

    background-size: 30px auto;

    -webkit-transition: border .15s ease-in-out,background-color .15s ease-in-out;

    -moz-transition: border .15s ease-in-out,background-color .15s ease-in-out;

    -ms-transition: border .15s ease-in-out,background-color .15s ease-in-out;

    -o-transition: border .15s ease-in-out,background-color .15s ease-in-out;

    transition: border .15s ease-in-out,background-color .15s ease-in-out;

}

#footer nav .social li a:hover,

#main-navigation .social li a:hover {

    border-color: #fff;

    background-color: #000;

}

#footer nav .social li a.facebook,

#main-navigation .social li a.facebook { background-position: center -390px }

#footer nav .social li a.facebook:hover,

#main-navigation .social li a.facebook:hover { background-position: center -440px }

#footer nav .social li a.twitter,

#main-navigation .social li a.twitter { background-position: center -685px }

#footer nav .social li a.twitter:hover,

#main-navigation .social li a.twitter:hover { background-position: center -735px }

#footer nav .social li a.instagram,

#main-navigation .social li a.instagram { background-position: center -587px }

#footer nav .social li a.instagram:hover,

#main-navigation .social li a.instagram:hover { background-position: center -637px }

#footer nav .social li a.googleplus,

#main-navigation .social li a.googleplus { background-position: center -489px }

#footer nav .social li a.googleplus:hover,

#main-navigation .social li a.googleplus:hover { background-position: center -539px }

.social li a:hover {

    border: 2px solid #fff;

    background-color: #000;

}

.error-404 {

    padding-top: 3em;

    min-height: 500px;

}

.error-404 h1 {

    line-height: 6.5rem;

    text-align: center;

}

.media-query-test .test { display: none }

@media only screen and (min-width:1600px) { 

    .programming .page-section .hero .row,

    .programming .page-section-group .hero {

        height: 600px;

        -webkit-background-size: 100% auto;

        -moz-background-size: 100% auto;

        -ms-background-size: 100% auto;

        -o-background-size: 100% auto;

        background-size: 100% auto;

    }

    #media-solutions .hero { height: 700px }

    #media-solutions .hero h1 { margin-top: 184px }

    #maker-made-agency .hero { height: 700px }

    #maker-made-agency .hero h1 { margin-top: 184px }

    .case-study .header { height: 700px }

    .case-study .header h1 { margin-top: 264px }

    #join-network-benefits .hero { height: 700px }

    #join-network-benefits .hero h1 { margin-top: 184px }

    #faqs .hero { height: 700px }

    #faqs .hero h1 { margin-top: 204px }

}

@media only screen and (max-width:1220px) { 

    .programming .page-section-group .hero {

        -webkit-background-size: auto 500px;

        -moz-background-size: auto 500px;

        -ms-background-size: auto 500px;

        -o-background-size: auto 500px;

        background-size: auto 500px;

    }

}

@media only screen and (max-width:1024px) { 

    body {

        margin-top: 80px;

        margin-top: 0;

        width: 100%;

        overflow-x: hidden;

    }

    #header { height: 80px }

    #header h1 {

        margin-left: 35px;

        margin-left: 0;

        margin-top: 11px;

        width: 41px;

        height: 55px;

    }

    #header h1 a {

        background-size: 41px 55px;

        background-repeat: no-repeat;

    }

    #header .menu-trigger {

        top: 21px;

        right: 28px;

    }

    .subnav-nowaypoints.stuck,

    .subnav.stuck { top: 80px }

    #header>.row { padding: 0 28px }

    .page-section { padding-top: 80px }

    .hero {

        padding-left: 28px;

        padding-right: 28px;

    }

    .tech .subnav li,

    .tech .subnav-nowaypoints li,

    .technology .subnav li,

    .technology .subnav-nowaypoints li { padding: 0 16px }

    #executives h1,

    #media-solutions .hero h1,

    #networks h1,

    #partners h1,

    #press h1,

    #spotlight h1,

    .commercial .main-header h1,

    .hero h1,

    .slideshow-wrapper .slide-content h1,

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 5rem;

        line-height: 4.5rem;

    }

    .page-section .cta {

        margin-top: 1em;

        padding-top: 0;

    }

    .slideshow-wrapper ul>li .slide-content {

        padding-left: 28px;

        padding-right: 28px;

    }

    .feature-links .large-12 { padding: 0 .75rem }

    .programming .page-section-group .hero {

        -webkit-background-size: auto 500px;

        -moz-background-size: cover;

        -ms-background-size: cover;

        -o-background-size: cover;

        background-size: auto 500px;

        padding: 0 28px;

        background-position: 80% 112px;

    }

    .programming .vertical-detail h2 { padding: 0 28px }

    #history { background: #f6f1ee }

    #history .hero {

        background-position: 70% 170px;

        -webkit-background-size: 1291px auto;

        -moz-background-size: contain;

        -ms-background-size: contain;

        -o-background-size: contain;

        background-size: 1291px auto;

        height: 800px;

    }

    #history .hero h1 {

        margin-top: 26px;

        margin-bottom: 25px;

    }

    #press,

    .categories,

    .grid,

    .jobs h2+.content {

        padding-left: 28px;

        padding-right: 28px;

    }

    .commercial .hero {

        padding-left: 28px;

        padding-right: 28px;

        background-size: cover;

    }

    #media-solutions .hero { background-size: cover }

    #maker-made-agency .hero { background-position: center -50px }

    .case-study .header {

        background-position: center top;

        -webkit-background-size: auto 100%;

        -moz-background-size: auto 100%;

        -ms-background-size: auto 100%;

        -o-background-size: auto 100%;

        background-size: auto 100%;

        margin-bottom: 30px;

    }

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 5rem;

        line-height: 4.5rem;

    }

    #faqs .hero,

    #join-network-benefits .hero,

    .join .hero,

    .makers .hero {

        padding-left: 28px;

        padding-right: 28px;

        background-size: cover;

    }

    #footer,

    .section-container {

        padding-left: 28px;

        padding-right: 28px;

    }

}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) { 

    .case-study .header {

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -ms-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

    }

    .touch .case-study .header { background-position: center 0 }

    #join-network-benefits>.row,

    #maker-made-agency>.row,

    #media-solutions>.row { padding-top: 0 }

    .programming .page-section-group .hero { background-position: 80% 0 }

    .programming .vertical-detail h2 { text-align: center }

}

@media only screen and (max-width:767px),only screen and (max-width:768px) { 

    body {

        margin-top: 80px;

        margin-top: 0;

        width: 100%;

        overflow-x: hidden;

    }

    #header { height: 80px }

    #header h1 {

        margin-left: 35px;

        margin-left: 0;

        margin-top: 11px;

        width: 41px;

        height: 55px;

    }

    #header h1 a {

        background-size: 41px 55px;

        background-repeat: no-repeat;

    }

    #header .menu-trigger {

        top: 21px;

        right: 28px;

    }

    #main-navigation a { padding: .75rem 0 }

    .parallax { background-attachment: scroll }

    h1 {

        font-size: 5.25rem;

        line-height: 4.5rem;

    }

    .hero h1.long-header,

    h1.long-header {

        font-size: 2.7rem;

        line-height: 2.7rem;

    }

    .case-study .header {

        height: 450px;

        background-attachment: scroll;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -ms-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        background-position: center top;

    }

    .case-study .header h1 { line-height: 1.4em }

    .page-section { padding-top: 80px }

    .page-section>.row { padding: 0 }

    #case-studies .cta,

    .page-section .cta { margin-top: 15px }

    #case-studies .cta p { padding: 0 28px }

    .hero h1 {

        font-size: 5.25rem;

        line-height: 4.5rem;

    }

    .sticky-wrapper { display: none }

    .about .hero,

    .commercial .hero,

    .hero {

        background: 0 0;

        height: auto;

    }

    .slideshow-wrapper .slide-content { padding-top: 358px }

    .slideshow-wrapper .slide-content h1 {

        font-size: 4rem;

        line-height: 3.45rem;

        max-width: 320px;

        margin: 0;

    }

    .about .main-header {

        height: auto;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

    }

    .about .main-header h1 { max-width: 540px }

    #history { background: 0 0 }

    #history .hero {

        background: 0 0;

        height: auto;

        padding-top: 80px;

        padding-bottom: 0;

    }

    #history .hero h1 {

        margin: .5em 0;

        text-align: center;

    }

    #history .hero .mobile-image {

        display: block;

        height: 460px;

        background: url(http://cdn.tridentproductions.com/services/main/img/about/mobile/bkg_our_story.jpg) center center no-repeat;

    }

    #history .hero p {

        max-width: 100%;

        margin-top: 2em;

    }

    #executives h1 { margin: .5em 0 }

    #executives h1+p { padding: 0 28px }

    #press h1 { margin: .5em 0 }

    #careers {

        height: auto;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

    }

    #careers .hero {

        background: 0 0;

        height: auto;

    }

    #careers .hero h1 { margin: .5em 0 }

    #careers .hero .cta .button { margin: 0 auto }

    .careers .mobile-categories { padding: 0 28px }

    #contact { background: #fff }

    #contact .hero {

        background: 0 0;

        height: auto;

        padding-top: 0;

    }

    #contact .hero h1 {

        margin: .5em 0;

        text-align: center;

    }

    .contact-form select {

        width: 100%;

        background: 0 none;

        border: 0 none;

    }

    .contact-form .columns .select { border: 1px solid #ccc }

    .contact-form select { -webkit-appearance: menulist }

    .commercial .main-header {

        padding-top: 80px;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

    }

    .commercial .main-header h1 {

        margin-top: 1em;

        max-width: 540px;

        font-size: 5.25rem;

        line-height: 4.5rem;

    }

    #networks h1 { margin: .5em 0 }

    .verticals-description { padding: 0 28px }

    .vertical-detail { padding-top: 80px }

    .vertical-detail>p { padding: 0 28px }

    .page-section .stats p { margin-bottom: 1em }

    #media-solutions .hero {

        background: 0 0;

        height: auto;

    }

    #media-solutions .hero h1 {

        margin: .5em 0;

        text-align: center;

    }

    #media-solutions .hero p {

        margin: 0 auto;

        text-align: center;

        max-width: 100%;

    }

    #media-solutions>.row { padding-top: 65px }

    #maker-made-agency .hero {

        background: 0 0;

        height: auto;

    }

    #maker-made-agency .hero h1 { margin: 35px auto }

    #maker-made-agency .hero p {

        text-align: center;

        margin: 0 auto;

        max-width: 100%;

    }

    #maker-made-agency>.row { padding-top: 65px }

    .case-study .header { margin-bottom: 35px }

    .case-study .header h1 { margin-top: 175px }

    .case-study .header h1 span { font-size: 1.8rem }

    #partners .page-section-inner { background: 0 0 }

    #partners h1 { margin: .5em 0 }

    .partner-list .small-6:nth-child(odd) { clear: left }

    #partners h2 {

        margin-left: 28px;

        margin-right: 28px;

    }

    #partners h2+p { padding: 0 28px }

    .tech .hero,

    .technology .hero {

        height: auto;

        padding: 80px 28px 0;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

    }

    .tech .hero h1,

    .technology .hero h1 {

        margin: 1em 0;

        max-width: 580px;

        text-align: left;

    }

    #youtube-insights-analytics .hero {

        padding-top: 0;

        height: auto;

        padding-bottom: 80px;

    }

    #youtube-insights-analytics .hero h1 { margin: .5em auto }

    #youtube-insights-analytics .hero p { margin-bottom: 0 }

    .tech .page-section h1,

    .technology .page-section h1 {

        margin: .5em 0;

        text-align: center;

        font-size: 5.25rem;

        line-height: 4.5rem;

    }

    .tech .page-section p,

    .technology .page-section p { margin-bottom: 2em }

    .join .hero,

    .makers .hero {

        height: auto;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

    }

    .join .hero h1,

    .makers .hero h1 {

        max-width: 580px;

        margin: .5em 0;

    }

    #spotlight h1 { margin: 0 0 .5em }

    #spotlight>.row { padding-top: 0 }

    #spotlight>.row>p { padding: 0 28px }

    #join-network-benefits .hero {

        background: 0 0;

        height: auto;

    }

    #join-network-benefits .hero h1 {

        margin: .5em auto;

        text-align: center;

        max-width: 250px;

    }

    #join-network-benefits .hero p {

        margin: 0 auto;

        text-align: center;

    }

    #join-network-benefits>.row { padding-top: 65px }

    #faqs .hero {

        height: auto;

        background: #f0f0f0;

        background: -moz-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0f0f0),color-stop(100%,#fff));

        background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -o-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: -ms-linear-gradient(top,#f0f0f0 0,#fff 100%);

        background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);

        background-position: center top!important;

    }

    #faqs .hero h1 { margin: .5em 0 }

    #faqs>.row { padding-top: 0 }

    #faqs .section-container.accordion { padding: 0 }

    #faqs .section-container.accordion>section { margin-bottom: 1em!important }

    #faqs .section-container.accordion>section.active>.title,

    #faqs .section-container.accordion>section>.title {

        background: #ececec;

        padding: 1em 28px;

    }

    #faqs .section-container.accordion>section>.title a {

        padding-left: 0;

        padding-right: 20px;

        white-space: normal;

    }

    #faqs .section-container.accordion>section>.title a:before {

        left: auto;

        right: 0;

        top: 50%;

        margin-top: -5px;

    }

    #faqs .section-container.accordion>section.active>.title a:before {

        top: 50%;

        margin-top: -6px;

    }

    #faqs .cta { padding-bottom: 80px }

    .programming .page-section-group .hero {

        background: 0 0;

        background-attachment: scroll;

        height: auto;

        padding: 0;

        margin: 0;

    }

    .programming .page-section .hero .row { height: auto }

    .programming .page-section-group .hero h1 {

        height: 768px;

        width: 100%;

        -webkit-background-size: 768px auto;

        -moz-background-size: 768px auto;

        -ms-background-size: 768px auto;

        -o-background-size: 768px auto;

        background-size: 768px auto;

        background-image: url(http://cdn.tridentproductions.com/services/main/img/programming/mobile/bkg_headers.jpg);

    }

    .programming .page-section .hero p {

        max-width: 100%;

        padding: 0 28px;

        text-align: center;

        margin: 2em 0;

    }

    .programming .page-section .hero .cta { margin-bottom: 2em }

    .programming .page-section .hero .cta .button {

        margin: 0 auto;

        background: #000;

        border-color: #000;

    }

    .programming .page-section .hero .cta .button:hover {

        color: #000;

        background: #fff;

        border-color: #000;

    }

    .programming .page-section .hero .icon {

        top: 537px;

        left: 50%;

        margin-left: -30px;

        right: auto;

        bottom: auto;

    }

    .vertical-container { padding: 0 28px }

    .programming .vertical-detail { padding-top: 0 }

    .programming .vertical-detail h2 { text-align: center }

    #polaris .hero {

        background: 0 0;

        height: auto;

    }

    #polaris .hero h1 {

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #polaris .hero p { color: #555 }

    #theplatform .hero { background: 0 0 }

    #theplatform .hero h1 {

        background-position: center -768px;

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #cartoonium .hero { background: 0 0 }

    #cartoonium .hero h1 {

        background-position: center -1536px;

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #momsview .hero { background: 0 0 }

    #momsview .hero h1 {

        background-position: center -2304px;

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #makermusic .hero { background: 0 0 }

    #makermusic .hero h1 {

        background-position: center -3072px;

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #animonster .hero { background: 0 0 }

    #animonster .hero h1 {

        background-position: 0 -3840px;

        height: 768px;

        width: 100%;

        margin-top: 0;

    }

    #animonster .hero p { color: #555 }

    .join #makermax h1 img,

    .makers #makermax h1 img { margin: 0 auto }

}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) { 

    .small-6 {

        position: relative;

        width: 50%;

    }

    #history .hero .mobile-image { display: block!important }

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 4rem;

        line-height: 3.45rem;

        text-align: left;

    }

    .page-section .cta { margin-top: 15px }

    #case-studies .cta {

        margin-top: 0;

        padding: 0;

    }

    .join #makermax .hide-for-small,

    .makers #makermax .hide-for-small { display: none!important }

    .join #makermax .large-4,

    .makers #makermax .large-4 { width: 100% }

    .join #makermax p,

    .makers #makermax p { padding: 0 28px }

    .join #makermax .cta .button,

    .makers #makermax .cta .button {

        width: 260px;

        margin: 0 auto;

    }

}

@media only screen and (max-width:640px) { 

    body {

        width: 100%;

        overflow-x: hidden;

    }

    body.home { margin-top: 80px }

    .slideshow-wrapper,

    .slideshow-wrapper ul li { height: 640px }

    .slideshow-wrapper ul>li .slide-content { padding-top: 238px }

    .slideshow-wrapper ul li,

    .touch .slideshow-wrapper ul li {

        height: 640px;

        background: url(../assets/bkg_header.jpg) center top no-repeat;

    }

    .slideshow-wrapper .slide-content h1 { margin-bottom: .5em }

    .about .main-header { padding-bottom: 0 }

    #networks h2.subtitle {

        padding-left: 28px;

        padding-right: 28px;

    }

    .case-study .header {

        height: 640px;

        background-position: center top;

        -webkit-background-size: auto 100%;

        -moz-background-size: auto 100%;

        -ms-background-size: auto 100%;

        -o-background-size: auto 100%;

        background-size: auto 100%;

    }

    .touch .case-study .header { background-position: center top }

    .case-study .header h1 { margin-top: 248px }

    .pitch-perfect .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/mobile/bkg_header_pitch_perfect.jpg) }

    .target .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/mobile/bkg_header_target.jpg) }

    .target .header h1 { color: #fff }

    .pacific-rim .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/mobile/bkg_header_pacific_rim.jpg) }

    .pine-sol .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/mobile/bkg_header_pine_sol.jpg) }

    .pine-sol .header h1 { color: #fff }

    .ripd .header { background-image: url(http://cdn.tridentproductions.com/services/main/img/commercial/mobile/bkg_header_ripd.jpg) }

    #partners h1+p { padding: 0 28px }

    .jobs h2 {

        padding-right: 20px;

        position: relative;

    }

    .jobs h2 a {

        position: absolute;

        right: 5px;

        top: 50%;

        margin-top: -20px;

        height: 100%;

        text-indent: -9999px;

        width: 0;

    }

    #support { padding-bottom: 80px }

    .join #makermax>.page-section-inner,

    .makers #makermax>.pager-section-inner { padding-top: 45px }

    .join #makermax .cta .button,

    .makers #makermax .cta .button {

        width: 260px;

        margin: 0 auto;

    }

    .programming .page-section .hero .icon { top: 440px }

    .programming .page-section-group .hero h1 {

        height: 640px;

        width: 100%;

        -webkit-background-size: 640px auto;

        -moz-background-size: 640px auto;

        -ms-background-size: 640px auto;

        -o-background-size: 640px auto;

        background-size: 640px auto;

    }

    #polaris .hero h1 {

        height: 640px;

        background-position: center 0;

    }

    #theplatform .hero h1 {

        height: 640px;

        background-position: center -640px;

    }

    #cartoonium .hero h1 {

        height: 640px;

        background-position: center -1280px;

    }

    #momsview .hero h1 {

        height: 640px;

        background-position: center -1920px;

    }

    #makermusic .hero h1 {

        height: 640px;

        background-position: center -2560px;

    }

    #animonster .hero h1 {

        height: 640px;

        background-position: center -3200px;

    }

    .programming .page-section .hero p,

    .programming .properties li h3,

    .vertical-detail p { text-align: left }

}

@media only screen and (max-width:568px) { 

    #executives h1,

    #media-solutions .hero h1,

    #networks h1,

    #partners h1,

    #press h1,

    #programming h1,

    #spotlight h1,

    .commercial .main-header h1,

    .hero h1,

    .slideshow-wrapper .slide-content h1,

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 2.7rem;

        line-height: 2.7rem;

    }

    .slideshow-wrapper,

    .slideshow-wrapper ul li { height: 568px }

    .slideshow-wrapper ul>li .slide-content { padding-top: 242px }

    .case-study .header { height: 568px }

    .case-study .header h1 { margin-top: 212px }

    .contact-form .columns .select {

        width: auto;

        overflow: visible;

        border: 0 none;

        height: auto;

    }

    .contact-form select {

        width: 100%;

        height: auto;

        border: 1px solid #ccc;

        -webkit-appearance: menulist;

    }

    .programming .page-section .hero .icon { top: 390px }

    .programming .page-section-group .hero h1 {

        height: 586px;

        width: 100%;

        -webkit-background-size: 568px auto;

        -moz-background-size: 568px auto;

        -ms-background-size: 568px auto;

        -o-background-size: 568px auto;

        background-size: 568px auto;

    }

    #polaris .hero h1 {

        height: 568px;

        background-position: center 0;

    }

    #theplatform .hero h1 {

        height: 568px;

        background-position: center -568px;

    }

    #cartoonium .hero h1 {

        height: 568px;

        background-position: center -1136px;

    }

    #momsview .hero h1 {

        height: 568px;

        background-position: center -1704px;

    }

    #makermusic .hero h1 {

        height: 568px;

        background-position: center -2272px;

    }

    #animonster .hero h1 {

        height: 568px;

        background-position: center -2840px;

    }

    .programming .page-section .hero p,

    .programming .properties li h3 { text-align: left }

}

@media only screen and (max-width:480px) { 

    #executives h1,

    #media-solutions .hero h1,

    #networks h1,

    #partners h1,

    #press h1,

    #programming h1,

    #spotlight h1,

    .commercial .main-header h1,

    .hero h1,

    .slideshow-wrapper .slide-content h1,

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 2.7rem;

        line-height: 2.7rem;

    }

    .slideshow-wrapper,

    .slideshow-wrapper ul li,

    .touch .slideshow-wrapper ul li {

        height: 480px;

        -webkit-background-size: auto 480px;

        -moz-background-size: auto 480px;

        -ms-background-size: auto 480px;

        -o-background-size: auto 480px;

        background-size: auto 480px;

    }

    .slideshow-wrapper ul>li .slide-content { padding-top: 198px }

    .case-study .header { height: 480px }

    .case-study .header h1 { margin-top: 168px }

    .programming .page-section .hero .icon { top: 330px }

    .programming .page-section-group .hero h1 {

        height: 480px;

        width: 100%;

        -webkit-background-size: 480px auto;

        -moz-background-size: 480px auto;

        -ms-background-size: 480px auto;

        -o-background-size: 480px auto;

        background-size: 480px auto;

    }

    #polaris .hero h1 {

        height: 480px;

        background-position: center 0;

    }

    #theplatform .hero h1 {

        height: 480px;

        background-position: center -480px;

    }

    #cartoonium .hero h1 {

        height: 480px;

        background-position: center -960px;

    }

    #momsview .hero h1 {

        height: 480px;

        background-position: center -1440px;

    }

    #makermusic .hero h1 {

        height: 480px;

        background-position: center -1920px;

    }

    #animonster .hero h1 {

        height: 480px;

        background-position: center -2400px;

    }

}

@media only screen and (max-width:360px) { 

    #executives h1,

    #media-solutions .hero h1,

    #networks h1,

    #partners h1,

    #press h1,

    #programming h1,

    #spotlight h1,

    .commercial .main-header h1,

    .hero h1,

    .slideshow-wrapper .slide-content h1,

    .tech .page-section h1,

    .technology .page-section h1 {

        font-size: 2.7rem;

        line-height: 2.7rem;

    }

    #media-solutions .hero h1 {

        font-size: 5.25rem;

        line-height: 4.5rem;

    }

    #maker-made-agency .hero h1 {

        width: 340px;

        height: 101px;

        -webkit-background-size: contain;

        -moz-background-size: contain;

        -ms-background-size: contain;

        -o-background-size: contain;

        background-size: contain;

    }

    .join .hero h1,

    .makers .hero h1 { max-width: 100% }

    .slideshow-wrapper,

    .slideshow-wrapper ul li,

    .touch .slideshow-wrapper ul li {

        height: 360px;

        -webkit-background-size: auto 360px;

        -moz-background-size: auto 360px;

        -ms-background-size: auto 360px;

        -o-background-size: auto 360px;

        background-size: auto 360px;

    }

    .slideshow-wrapper ul>li .slide-content { padding-top: 98px }

    .case-study .header {

        height: 360px;

        background-position: center top;

    }

    .case-study .header h1 {

        margin-top: 120px;

        font-size: 4rem;

    }

    .case-study .columns .video-count {

        font-size: 1.5rem;

        vertical-align: middle;

    }

    .case-study .columns .video-count span { height: auto }

    .page-section .row>article .name { font-size: 10px }

    #youtube-insights-analytics .hero h1 {

        width: 270px;

        height: 270px;

        -webkit-background-size: 100% 100%;

        -moz-background-size: 100% 100%;

        -ms-background-size: 100% 100%;

        -o-background-size: 100% 100%;

        background-size: 100% 100%;

    }

    .programming .page-section .hero .icon { top: 246px }

    .programming .page-section-group .hero h1 {

        height: 360px;

        width: 100%;

        -webkit-background-size: 360px auto;

        -moz-background-size: 360px auto;

        -ms-background-size: 360px auto;

        -o-background-size: 360px auto;

        background-size: 360px auto;

    }

    #polaris .hero h1 {

        height: 360px;

        background-position: center 0;

    }

    #theplatform .hero h1 {

        height: 360px;

        background-position: center -360px;

    }

    #cartoonium .hero h1 {

        height: 360px;

        background-position: center -720px;

    }

    #momsview .hero h1 {

        height: 360px;

        background-position: center -1080px;

    }

    #makermusic .hero h1 {

        height: 360px;

        background-position: center -1440px;

    }

    #animonster .hero h1 {

        height: 360px;

        background-position: center -1800px;

    }

}

@media only screen and (max-width:320px) { 

    .slideshow-wrapper .slide-content h1 { max-width: 240px }

    .slideshow-wrapper ul li:first-child { position: relative }

    .slideshow-wrapper .slide-content { position: static }

    .slideshow-wrapper .slide-content .button {

        position: absolute;

        bottom: 0;

        width: 290px;

        left: 15px;

        z-index: 100;

    }

    #media-solutions .hero h1 {

        font-size: 2.7rem;

        line-height: 2.7rem;

    }

    #maker-made-agency .hero h1 {

        width: 264px;

        height: 88px;

    }

    .slideshow-wrapper,

    .slideshow-wrapper ul li,

    .touch .slideshow-wrapper ul li {

        height: 400px;

        -webkit-background-size: 320px 320px;

        -moz-background-size: 320px 320px;

        -ms-background-size: 320px 320px;

        -o-background-size: 320px 320px;

        background-size: 320px 320px;

    }

    .slideshow-wrapper ul>li .slide-content { padding-top: 135px }

    .case-study .header {

        height: 320px;

        background-position: center top;

    }

    .case-study .header h1 {

        margin-top: 110px;

        font-size: 4rem;

    }

    #youtube-insights-analytics .hero h1 {

        width: 250px;

        height: 250px;

    }

    .programming .page-section .hero .icon { top: 220px }

    .programming .page-section-group .hero h1 {

        height: 320px;

        width: 100%;

        -webkit-background-size: 320px auto;

        -moz-background-size: 320px auto;

        -ms-background-size: 320px auto;

        -o-background-size: 320px auto;

        background-size: 320px auto;

    }

    #polaris .hero h1 {

        height: 320px;

        background-position: center 0;

    }

    #theplatform .hero h1 {

        height: 320px;

        background-position: center -320px;

    }

    #cartoonium .hero h1 {

        height: 320px;

        background-position: center -640px;

    }

    #momsview .hero h1 {

        height: 320px;

        background-position: center -960px;

    }

    #makermusic .hero h1 {

        height: 320px;

        background-position: center -1280px;

    }

    #animonster .hero h1 {

        height: 320px;

        background-position: center -1600px;

    }

}

/* Localized */