/*
Theme Name: TubeMogul
Theme URI: http://www.tubemogul.com/
Author: the TubeMogul UI Team
Author URI: http://www.tubemogul.com/
Description: TubeMogul theme
Version: 1.0
License: TubeMogul Proprietary
License URI: http://www.tubemogul.com/
Tags: tubemogul
Text Domain: tubemogul

*/


@-ms-viewport { width: device-width; }
/* This CSS resource incorporates links to font software which is  the valuable copyrighted property of WebType LLC, 
The Font Bureau,  and/or their suppliers. You may not  attempt to copy, install, redistribute, convert, modify or reverse  
engineer this font software. Please contact WebType with any  questions: http://www.webtype.com  */  
@font-face { 
    font-family: "Scout Cond"; 
    src: url("fonts/webtype/Scout-Condensed-Regular/985864b8-965f-4f5e-8f1e-3db2f4cf999f.eot");   
    src: url("fonts/webtype/Scout-Condensed-Regular/985864b8-965f-4f5e-8f1e-3db2f4cf999f-2.eot?") format("embedded-opentype"),
    url("fonts/webtype/Scout-Condensed-Regular/985864b8-965f-4f5e-8f1e-3db2f4cf999f-3.woff") format("woff"),
    url("fonts/webtype/Scout-Condensed-Regular/985864b8-965f-4f5e-8f1e-3db2f4cf999f-1.ttf") format("truetype"),
    url("fonts/webtype/Scout-Condensed-Regular/985864b8-965f-4f5e-8f1e-3db2f4cf999f-4.svg#web") format("svg");
    font-weight: normal; font-style: normal;
}
@font-face { 
    font-family: "Scout Cond"; 
    src: url("fonts/webtype/Scout-Condensed-Bold/51c63129-59c1-485a-b434-c645a31ec981.eot");   
    src: url("fonts/webtype/Scout-Condensed-Bold/51c63129-59c1-485a-b434-c645a31ec981-2.eot?") format("embedded-opentype"),
    url("fonts/webtype/Scout-Condensed-Bold/51c63129-59c1-485a-b434-c645a31ec981-3.woff") format("woff"),
    url("fonts/webtype/Scout-Condensed-Bold/51c63129-59c1-485a-b434-c645a31ec981-1.ttf") format("truetype"),
    url("fonts/webtype/Scout-Condensed-Bold/51c63129-59c1-485a-b434-c645a31ec981-4.svg#web") format("svg");
    font-weight: bold; font-style: normal;
}

@font-face { font-family: 'Scout Cond'; src: url('fonts/ScoutCond-Light.otf') format('opentype'); font-weight: 300; font-style: normal; } 
@font-face { font-family: 'Scout Cond'; src: url('fonts/ScoutCond-ExtraLight.otf') format('opentype'); font-weight: 100; font-style: normal; } 

/*
@font-face { font-family: 'Scout Cond'; src: url('fonts/ScoutCond-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Scout Cond'; src: url('fonts/ScoutCond-Bold.otf') format('opentype'); font-weight: bold; font-style: normal; }
*/

@font-face { font-family: 'Fort Light'; src: url('fonts/Fort-Light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Fort Book'; src: url('fonts/Fort-Book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Fort Medium'; src: url('fonts/Fort-Medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Fort Bold'; src: url('fonts/Fort-Bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Fort Extrabold'; src: url('fonts/Fort-Extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

a { text-decoration: none; color: #00B1D8; }
img { border: 0; }
a:hover { color: #0084B2; }
body { margin: 0; font-family: 'Fort Light'; color: #5a5a5a; font-size: 1em; }
p { line-height: 1.5em; margin: 10px 0; padding:0; }
.search-results p { margin-bottom: 25px; }
h1, h2, h3, h4, h5, h6, .pullquote-image-text { font-family: 'Scout Cond'; font-size: 1em; margin: 0; padding: 0; text-indent: 0; }
h1.page-heading { font-size: 4.5em; text-transform:uppercase; margin: 55px 0 0 0; }
h1.page-heading  a { color: #5a5a5a; }
h1.page-heading  a:hover { color: #8C8C8C; }
h2.page-subheading { font-weight: normal; font-size: 2em; color: #00B1D8; }
h2.post-title { font-weight: normal; font-size: 3em; line-height: 100%; margin: 9px 0; }
h2.post-title a { color: #0084B2; }
h3.section-heading { font-weight: normal; font-size: 2em; color: #5a5a5a; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
.grid-container { width: 95%; margin-left: auto; margin-right: auto; max-width: 1180px; background-repeat: no-repeat; background-position: center center; position: relative; }
.grid-container:after { clear: both; content: ""; display: table; }
#tm-nav, .auth-top-bar { font-family: 'Scout Cond'; color: #8C8C8C; background: #ECECEC; text-align: right; }
.top-level-menu { margin: 0; padding: 0}
.top-level-menuitem { position: relative; display: inline-block; list-style-type: none; margin: 0; padding: 0}
.top-level-link { display: block; background: none repeat scroll 0 0 transparent; border-bottom: medium none; font-size: 1.75em; color: #8C8C8C; line-height: 1.75em; padding: 0 0.5em; text-indent: 0;text-decoration: none; text-transform:uppercase; }
.top-level-link:hover { text-decoration: none; cursor: default !important; } 
.active .top-level-link { background: #5a5a5a; color: #BEBEBE; }
.top-level-link { padding: 0 1em; }
.top-level-link-on { background: #474747; color: #B0B0B0; }
.dropdown-menu { z-index: 1; text-align: left; width: 100%; background: #fff; position: absolute; display: none; border-left: none; box-shadow: 2px 4px 4px 2px rgba(187,187,187,0.7); padding: 30px; }
h5.heading  a { text-transform:uppercase; text-decoration: none; color: #8C8C8C; }
#solutions-dropdown { right: -100px; width: 455px; }
#platform-dropdown { right: -430px; width: 1008px; }
#insights-dropdown { right: -100px; width: 680px; }
#company-dropdown { right: 0px; width: 580px; }
#education-dropdown { right: 0px; width: 750px; }
.dropdown-menu li, .dropdown-menu ul { list-style-type: none; margin: 0; padding:0; }
.dropdown-menu a { color: #8C8C8C; }
.dropdown-menu a:hover, .tm-footer a:hover { color: #00B1D8; }

.container:before,
.container:after {
    content:"";
    display:table;
}
.container:after {
    clear:both;
}

/* CSS Arrow: http://cssarrowplease.com/ */
.arrow_box {
    position: absolute;
    display: none;
    background: #fff;
    border: 4px solid #fff;
    padding: 0px;
    left: 50%;
    z-index: 300;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 14px;
    /*
    left: 50%;
    */
    margin-left: -14px;
}

h3.home-heading { font-size: 1.875em; font-weight: normal; color: #8C8C8C; text-transform:uppercase; margin: 10px 0; padding:0; }
.section { border-bottom: 1px solid #BEBEBE; }
.box-headline, .box-header { font-size: 1em; text-transform:uppercase; }
.box-headline { font-size: 2.25em; }
.box-content, .box-headline, .box-header { color: #8C8C8C; }

.grid-column { display: inline; float: left; margin-left: 0; position: relative; width: 24%; }
.section-nav > li { display: inline; float: left; margin-left: 0; position: relative; padding: 0 30px; }
.section-nav > li > a { text-transform:uppercase; text-decoration: none; color: #8C8C8C; font-size: 12px; font-family: 'Fort Bold'; margin-top: 3px; }
.section-nav > li > ul > li > a { font-size: 14px; font-family: 'Fort Light'; }

.tm-footer { background: #ECECEC; padding: 48px 0; }
.tm-promo { font-family: 'Scout Cond'; background: #5a5a5a; color: #BEBEBE; }
.tm-promo-logobar {  height: 60px; overflow: hidden; position: relative; }
.list-of-links a { color: #5a5a5a; }
.list-of-links a.footer-nav-heading:hover { color: #8C8C8C; cursor: default; }
.list-of-links h3 { font-size: 1em; margin: 0; padding: 0; }
.list-of-links li, .list-of-links ul { list-style-type: none; margin: 0; padding:0; }
.list-of-links ul { margin-bottom: 2em; }
.list-of-links-sm { display: inline-block; margin-right: 5%; width: 15%;  vertical-align: top;}
.tm-footer-sitemap .list-of-links-sm:last-child { margin-right: 0; }
.list-of-links-sm a { font-weight: normal; font-size: 1.3rem; color: #8C8C8C;  }
.list-of-links-sm li { margin: 0.5em 0 }
.list-of-links-sm h3 a { font-weight: bold; text-transform:uppercase; font-size: 1.688em; color: #8C8C8C; border-bottom: 2px solid #BEBEBE; }
.tm-footer-left { width: 23%; display: inline-block; }
.tm-footer-left, .tm-footer-left  a {font-family: 'Fort Light'; font-size: 0.689em; color: #797979; }
.tm-footer-sitemap { font-family: 'Scout Cond'; width: 68%; display: inline-block; vertical-align:top; padding-left: 8%; }
.box { margin-bottom: 10px; vertical-align: top; position: relative; }
.box { display: inline-block; width: 23%; margin-left: 2%; }
.box:first-child, .box:nth-child(4n+1) { margin-left: 0 }
.box-inner { display: block; width: 100%; /*height:200px*/ }
.featured-boxes .box-inner { border: 1px solid #BEBEBE; margin-bottom: 30px; }
.featured-boxes .box-content { padding:0; }
.box-trending-post .box-inner { border: 1px solid #BEBEBE; margin-bottom: 15px; padding: 10px 0; }
.box-success-story .box-inner { background: #819E3D; }
.box-success-story h5, .box-success-story h3, .box-success-story .box-content { color: #fff; }
.box-research .box-inner { background: #8C8C8C; }
.box-research h5, .box-research h3, .box-research .box-content { color: #fff; }
.box h5, .box h3 { margin: 0; padding: 0px 10px 0 10px; }
.box h3 { font-size: 1.6em; line-height: 1em; }
.box-inner a { display: block; }
.box-content, .box-img { padding: 10px; }
.box > a { display: block; }
.featured-boxes .box > a { height:200px; padding: 10px 0 0 10px; }
.featured-boxes .box > a img { width: 100%; max-width: 250px; }
.tm-header-logo { margin: 20px 0 0; }
.tm-header-logo img { width: 215px; }
/*
.tm-footer-logo a { display: block;  width: 290px; height: 50px; margin: 10px 0; }
.tm-header-logo a { display: block; width: 290px; height: 72px; margin: 10px 0; }
*/
.tm-footer-slogan { margin-top: 12px; }
.tm-footer-legal { margin-top: 15px; border-top: 1px solid #BEBEBE; padding-top: 10px; }

.tm-header-logo { float: left; }
.tm-header-user { font-family: 'Fort Light'; float: right; margin: 2.7em 0em 0 0; }
.tm-header-user a { color: #5a5a5a; font-weight: bold; }
.tm-header-user a:hover{ text-decoration: underline; }
.tm-header-options { font-family: 'Scout Cond'; float: right; }
.tm-header-options li { display: inline-block; list-style-type: none; margin: 1.5em 1.5em 0 0; padding: 0; }
.tm-header-options li a { font-size: 1.5em; color: #8C8C8C; display: inline-block; padding: 0 0 0 20px; background: url(img/01_LoginLock.svg) no-repeat 0px 5px;}
#tm-header-contact a { background-image: url(img/02_ContactUs.svg); }
#tm-header-lang a { background-image: url(img/03_Country.svg); }
#login-x { position: relative; top: 3px; cursor: pointer; }

.latest-boxes { margin-bottom: 60px; }
.latest-boxes  a { border: 1px solid #fff; }
.latest-boxes  a:hover .readmore { color: #a7BE39 }
.latest-boxes .trending-news-pub { font-size: 1.25em; color: #8C8C8C; text-transform: uppercase; line-height: 0.8em;  }
.box-trending-news .box-header { color: #BEBEBE; padding-bottom: 7px; }
.latest-boxes .box-header { font-size: 1.25em }
.box-latest-blog h5 { color: #00B1D8}
.box-latest-adage h5 { color: #819E3D }
.readmore { display:block; margin-top: 10px; text-transform: uppercase; color: #00B1D8; }

.trending-headline-0 { color: #a7BE39; }
.trending-headline-1 { color: #00B1D8; }
.trending-headline-2 { color: #00B1D8; }
.trending-headline-3 { color: #0084B2; }

.tm-promo-text { vertical-align: middle; padding: 1em; font-weight: bold; text-transform: uppercase; display: block;position: absolute; top: 5px;height: 60px; background: #5a5a5a; z-index: 10; }
.tm-promo-bigtext {
    padding: 0.5em 0;
    letter-spacing: 1.25px;
    color: #fff;
    font-size: 2rem;
    display: inline-block;
    margin-right: 210px;
    font-weight: 100;
}
.tm-promo-bigtext strong, .tm-promo-bigtext strong b  {
    font-weight: normal !important;
}
.tm-promo-bigtext strong, .tm-promo-bigtext strong b  {
    font-weight: normal !important;
}

body.fixed-header #tm-nav, body.home.admin-bar.fixed-header #tm-nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 2px 2px 6px #888;
}

body.admin-bar.fixed-header #tm-nav {
    top: 32px;
}

.tm-nav-inner .tm-header-logo img {
    height: 30px;
}

.tm-nav-inner .tm-header-logo {
    margin: 10px 0;
}

body .hs-form .hs-button {
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #819E3D;
    color: #fff;
    font-size: 1.6em;
    padding: 0.2em 1em;
    border-radius: 0;
    border: 0;
    font-family: 'Scout Cond';
    text-shadow: none;
    box-shadow: none;
    font-weight: normal;
}

body .hs-form .hs-button:hover {
    background: #C9D556;
    color: #0084B2;
    border: 0;
    box-shadow: none;
}

.tm-promo-logos { position: absolute; top: 10px; white-space: nowrap; width: 100%; }
.tm-footer-social ul { margin: 0; padding: 0 }
.tm-footer-social li { display: inline-block; list-style-type: none; margin: 1.5em 0.3em 0 0; padding: 0; }

.tm-footer-search { background: #fff; position: relative; margin-bottom: 45px;}
.tm-roll-search { background: #fff; position: relative; border: 1px solid #BEBEBE; width: 230px; font-size: 0.7em; }
.search-source { border: 0; font-size: 1.1em; padding: 0.3em 0.7em; width: 200px; height: 26px; background: #fff; color: #5a5a5a; }
.search-submit {
/*
    -moz-appearance: none;
    background: none repeat scroll 0 0 transparent;
*/
    background: url(img/07_Search.svg) no-repeat 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
    width: 2.4em;
    height: 2.4em;
    background-size: 2.4em 2.4em;
}
.tm-roll-search .search-submit {
    background-image: url(img/searchblog.svg);
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #8C8C8C;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8C8C8C;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #8C8C8C;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #8C8C8C;
}
.logo-bar { }

.hero img { max-width: 100%; }
.hero { width:100%; position: relative; margin-bottom: 20px; }
.breadcrumbs { background: #81D5DE; padding: 5px 0 3px 0; font-size: 0.8em; }
.breadcrumbs a, .breadcrumb-page { font-family: 'Fort Medium'; color: #0084B2; padding: 0 10px; }
.breadcrumb-page { color: #8C8C8C; }

.tm-video-box {
    margin: 40px 0;
    width: 942px;
    height: 422px;
    background: url(img/video-box.png) no-repeat 5px 5px;
    padding: 5px;
    border: 2px solid #BEBEBE;
    position: relative;
}
.video-info {
    position: absolute;
    bottom: 25px;
    left: 25px;
}
.video-info .box-content, .video-info h4, .video-info .box-header { color: #fff; }
.video-info h4 { font-size: 1.2em; font-family: 'Fort Medium'; }
.video-info .box-content { padding: 0; }

.tm-promo-button { letter-spacing: 0.5px; text-transform:uppercase; background:#819E3D; color:#fff; font-size: 1.6em; padding: 0.2em 1em; position: absolute; top: 0.3em; right: 0; }
.tm-promo-button:hover { background:#C9D556}
.tm-promo .tm-promo-button { top: 0.6em; }

#platform-dropdown .page-item-57 a { line-height: 1.6; display: block !important; background: url(img/MENU_Icon_explore_platform.png) no-repeat 0 bottom; padding-bottom: 84px !important; width: 147px; }
#solutions-dropdown .page-item-19 a { display: block !important; background: url(img/MENU_Icon_agencies.png) no-repeat 0 bottom; padding-bottom: 84px !important; width: 100px; }
#solutions-dropdown .page-item-138,
#solutions-dropdown .page-item-13183 { padding: 0px; }
#solutions-dropdown .page-item-138 a { display: block !important; background: url(img/MENU_Icon_brands.png) no-repeat 0 bottom; padding-bottom: 84px !important; width: 130px; }
#solutions-dropdown .page-item-13183 a { display: block !important; background: url(img/MENU_Insights_Safety.png) no-repeat 3px 20px; padding-bottom: 84px !important; width: 147px; }
#insights-dropdown .page-item-307 a { display: block !important; background: url(img/MENU_Research.png) no-repeat 0 bottom; padding-bottom: 84px !important; }
#insights-dropdown .page-item-305 a { display: block !important; background: url(img/MENU_Success.png) no-repeat 0 bottom; padding-bottom: 84px !important; }
#insights-dropdown .page-item-12115 a { display: block !important; background: url(img/MENU_Safety.png) no-repeat 0 bottom; padding-bottom: 84px !important; }


.tm-hero-promo {
    position: absolute;
    bottom: 0;
    background: rgba(90, 90, 90, 0.7);
    width: 100%;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tm-promo-logos img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 60px;
}
.tm-promo-logos-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 100%;
    z-index: 11;
}
.category-awards { color: rgb(205, 0, 122) !important; }
.category-culture { color: rgb(148, 214, 218) !important; }
.category-events { color: rgb(131, 158, 37) !important; }
.category-industry-initiatives { color: rgb(112, 152, 43) !important; }
.category-news { color: rgb(0, 183, 206) !important; }
.category-product { color: rgb(203, 212, 47) !important; }
.category-releases { color: rgb(236, 0, 140) !important; }
.category-research { color: rgb(0, 136, 165) !important; }
.category-success-stories { color: rgb(0, 104, 119) !important; }


/* In Page elements */
.content-with-image-boxes .box { border: 1px solid #BEBEBE; }
.content-with-image-boxes .box-content, .content-with-image-boxes .box-headline, .content-with-image-boxes .box-header { color: #5a5a5a; }
.content-with-image-boxes .box-header { font-size: 1.8em; margin: 0; font-weight: normal; padding; 0; line-height: 0.6em; }
.content-with-image-boxes img { display: block;  margin: 15px auto 0 auto; }

/* Pull Quote v2 */
h3 { font-size: 3.25em; font-weight: normal; line-height: 100%; }
h4 { font-size: 1.875em; text-transform:uppercase; font-weight: normal; }
.pullquote h3, .pullquote h4 { color: A7BE39; }
.pullquote { border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; padding-top: 22px; padding-bottom: 22px; margin: 10px 0;}
.pullquote:after { clear: both; content: ""; display: table; }
.pullquote h3 > p, .pullquote h4 > p { margin-top: 0; margin-bottom: 0; }

/* 10. Content Block */
.pullquote-image img {  position: absolute; right: 0; top: 35px; }
.pullquote-image-text { letter-spacing: 0.5px; margin-bottom: 35px; font-size: 3.25em; line-height: 3.25rem;}
.pullquote-image h5 { font-size: 1.8em; text-transform:uppercase; }
.pullquote-image a { font-family: 'Scout Cond'; text-transform:uppercase; letter-spacing: 0.7px; font-weight: normal; background: #CC187B; color: #fff; padding: 0.1em 2em; font-size: 1.8em; }
.pullquote-image { position:relative; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; padding: 27px 150px 37px 0; margin: 10px 0;}

.content-image-bg-boxes .box { background-size: 100% 100%; }
.content-image-bg-boxes .box a {  height: 240px; }
.content-image-bg-boxes .box-headline, .content-image-bg-boxes .box-header { color: #fff; }
.content-image-bg-boxes .box-headline { padding: 0px 10px 0 20px; }
.content-image-bg-boxes .box-header { padding: 10px 10px 0 20px; }

.block-image-bg { background-size: 100% auto; }
.block-headline, .block-text { color: #fff; }
.block-headline { padding: 0px 10px 0 20px; }
.block-text { padding: 0px 10px 20px 20px; }

.block-image-left { position:relative; padding: 27px 0px 37px 160px; margin: 10px 0; }
.block-image-left .block-headline, .block-image-left  { color: #5a5a5a; }
.block-image-left-header { font-size: 1.8em; margin: 0; font-weight: normal; padding; 0; line-height: 0.6em; }
.block-image-left img { position: absolute; left: 0; top: 35px;  }
.block-image-left h4.block-headline { text-transform:none !important;  padding: 0; }

.pullquote-full-bg { background: #81D5DE; margin: 10px 0; }
.pullquote-full-bg .box-headline, .pullquote-full-bg .box-header { color: #fff; text-align: center; }
.pullquote-full-bg .box-header { font-size: 3em; text-transform:none !important; font-weight: normal; padding-top: 15px;}
.pullquote-full-bg .box-headline { font-size: 1.5em; font-weight: normal; padding-bottom: 20px; }


.block-image-full-bg { background-size: 100% 100%; }
/*
.block-image-full-bg .block-image-full-bg-box { background: #fff; width: 500px; padding: 10px; float: right; margin: 30px 0; }
*/
.block-image-full-bg .block-image-full-bg-box .block-headline, .block-image-full-bg .block-image-full-bg-box .block-text { color: #5a5a5a;  text-transform:none !important; }


.image-full { width: 100%;
min-width: 320px;
max-height: 650px;
position: relative;
overflow: hidden;
background-position: center center;
background-color: transparent;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.image-full > img {
vertical-align: middle;
width: 100%;
height: auto;
margin-bottom: 0px;
visibility: hidden;
}

.image-full .wrap {
position: absolute;
top: 0;
left: 50%;
width: 1020px;
margin-left: -510px;
height: 100%;
}

.image-full-textbox {
overflow: hidden;
position: absolute;
right: 30px;
top: 50%;
background: #fff;
width: 484px;
height: 382px;
margin-top: -191px;
overflow: hidden;
padding: 40px 30px;
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.image-full-textbox .block-headline, .image-full-textbox .block-text { color: #5a5a5a;  text-transform:none !important; }

.filters h4 { color: #40A3D0; font-size: 1.2em; margin-bottom: 10px; }
.filter-col { width: 180px; float: left; margin-right: 20px; }
.filter-tags .filter-col { width: 240px; }
.filter-two-col { width: 405px; float: left; }
.filter-tags { width: 520px; }
.checkbox-line label { font-weight: normal; font-size: 0.85em; }
.checkbox-line span { margin-left: 10px; color: #fff; background: #8C8C8C; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0px 5px; }
.search-posts-button {
    background: #40A3D0;
    color: #fff;
    font-size: 1.0em;
    padding: 0.5em 0;
    cursor: pointer;
    border: 0;
    margin-top: 10px;
    text-transform: uppercase;
    width: 202px;
}
.filters { border-bottom: 1px solid #BEBEBE; padding-bottom: 15px; margin-bottom: 15px; }
.filter-head { border-bottom: 1px solid #BEBEBE; position: relative; }
.filter-head span { background: url(img/redx.svg) no-repeat 0 0; padding-left: 20px; color: #CC187B; text-transform: uppercase; line-height: 1.0em; font-size: 1.2em; position: absolute; right: 0; bottom: 0.2em; cursor: pointer; font-weight: bold; font-family: 'Scout Cond'; }
.filter-head-show span { background-image: url(img/redplus.svg); }

.clear { clear: both; }

.blog-container {
float: left;
width: 100%;
}

.blog-main {
    margin-right: 250px; /*Set left margin to LeftColumnWidth*/
}

.blog-trending {
float: left;
width: 250px; /*Width of right column in pixels*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}
.blog-trending .box { width: auto; margin: 0; display: block; width: auto; }
.blog-trending-inner { padding-left: 20px; }
.post { border-top: 1px solid #BEBEBE; padding: 40px 0; }
.post-first { border: 0 }
.post-info { font-family: 'Scout Cond'; position: relative }
.post-info .post-author { color: #8C8C8C; text-transform: uppercase; font-size: 1.5em; }
.post-info .post-date { color: #BEBEBE; text-transform: uppercase; font-size: 1.5em; }
.post-info img { float: left; /*border: 1px solid #BEBEBE;*/ }
.post-info-text {
    line-height: 1.5em;
    margin-left: 10px;
    float: left;
    position: absolute;
    left: 100px;
    bottom: 0;
}
.no-justify { position: static; margin: 0; }
.post-info:after { clear: both; content: ""; display: table; }
.post-tags { font-family: 'Fort Book'; color: #BEBEBE; font-size: 0.8em; display: inline-block; position: relative; bottom: 5px; }
.post-tags a { color: #8C8C8C; }
.post-social { display: inline-block; }
.post-social ul { margin: 0; padding: 0 }
.post-social li { display: inline-block; list-style-type: none; margin: 0.5em 0.5em 2.5em 0; padding: 0; }

.tm-blog-pager { background: #81D5DE; padding: 10px; }
.tm-blog-pager .grid-container { text-align: center; }
.tm-blog-pager a, .tm-blog-pager .page-numbers {
    font-family: 'Scout Cond';
    font-size: 1.5em;
    color: #fff;
    padding: 10px;
}
.tm-blog-pager .current { color: #0084B2; }
.pager-extremes {
    display: none;
}
.tm-blog-pager .prev, .tm-blog-pager .next {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 1.5em;
}

.blog-trending .section { border: 0; }
.read-more, .read-more-static { display: block; font-weight: bold; margin-top: 20px; }
.read-less { display: block; font-weight: bold; margin-top: 20px; }
.ss-boxes .box-inner { border: 2px solid #BEBEBE; }
.ss-boxes .box-inner:hover { background: #F0F0F0; }
.success-stories .box-inner, .featured-ss .box-inner { padding: 10px 5px;  height:180px; }
.blog-trending .featured-ss .box-inner { margin-bottom: 15px; }
.ss-boxes { margin: 15px 0; padding-top: 25px; border-top: 1px solid #BEBEBE; }
.ss-boxes h3, .ss-boxes h5 { color: #BEBEBE; }
.featured-ss h3, .featured-ss h5 { color: #fff; }
.success-stories img { position: absolute; left: 5px; bottom: 5px; max-height: 100px; }
.success-stories .section { color: #8C8C8C; border: 0; }
.trending-box-0 .box-inner { background: #a7BE39; }
.trending-box-1 .box-inner { background: #00B1D8; }
.trending-box-2 .box-inner { background: #00B1D8; }
.trending-box-3 .box-inner { background: #0084B2; }
.featured-ss .box-inner:hover { opacity: 0.8; }
.featured-ss .box-inner { padding: 12px 7px; }

.auth .top-level-menu {
    text-align: center;
}
.auth footer {
    padding: 0;
}
.auth .top-level-link {
    line-height: 1.25em;
}
.auth .tm-header-logo {
    width: 286px;
    margin: 30px auto;
    float: none;
}
.auth-top-bar div { 
    font-size: 1.75em;
    line-height: 1.25em;
    font-weight: bold;
}
/*
.auth .wrapper {
    margin-left: -300px;
}
*/
.auth .auth-box .block-headline {
    border-bottom: 1px solid #BEBEBE;
    color: #8C8C8C;
    text-align: center;
    padding: 2px 0;
}
.auth .auth-box {
    margin: 100px auto;
    background: #5a5a5a;
    color: #fff;
    width: 600px;
}
.auth-button {
    background: #00B1D8;
    color: #fff;
    border: 0;
    text-transform:uppercase; font-weight: bold; font-size: 1em; padding: 8px 30px;
}
.auth-button-wrap {
    text-align: center;
    /*
    padding-bottom: 10px;
    */
}
.auth input[type="text"], .auth input[type="password"] { font-family: "Arial"; background-color:#fff; border:1px solid #737373; color:#5a5a5a; font-size:13px; width:375px; padding:7px 0; text-indent:6px; margin-top:2px;}
.auth label { width: 100px; text-align: right; text-transform:uppercase; font-family: 'Scout Cond'; font-weight: bold; font-size: 28px; font-weight: bold; padding: 10px 20px; display: inline-block; color: #8C8C8C; }
.auth .formRow { margin: 20px 0; }
/*
.auth .image-full img { height: 500px; }
*/
.auth .fieldHint { font-family: 'Fort Light'; font-size: 13px; margin-left: 135px; padding-top: 5px; display: block; color: #8C8C8C; margin-right: 55px; }
.forgot-password label { width: 60px; } 
.forgot-password .fieldHint { margin-left: 105px; color: #BEBEBE; }
.fieldHint a { color: #BEBEBE; }
.fieldHint-right { text-align: right; }
ul.errors {
    padding: 10px 0;
    background-color: #FDF8F6;
    border-left: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    display: block;
    margin: 0px;
}
ul.errors li.error {
    list-style: square outside none;
    margin-left: 20px;
    padding-bottom: 3px;
    font-size: 13px;
    cursor: pointer;
    color: #8C2E1E;
}
#login-bar form {
    margin: 0; padding:0;
}
#login-bar {
    display: none;
    background: #5a5a5a;
    padding: 10px;
    text-align: right;
}
#login-button {
    background: #00B1D8;
    color: #fff;
    border: 0;
    text-transform:uppercase; font-weight: bold; font-size: 0.8em; padding: 2px 10px;
}
.login-input { width: 200px; font-family: "Arial"; background-color:#fff; border:1px solid #737373; color:#5a5a5a; font-size:13px; padding:3px 0; text-indent:6px;}

#international-bar {
    display: none;
    background: #5a5a5a;
    text-align: right;
    color: #909090;
    line-height: 1.9;
    font-family: "Fort Medium", sans-serif;
    height:47px;
}

#international-x {
    margin: 0 10px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.international-flag {
    margin-left: 10px;
    position: relative;
    top: 10px;
}

.tm-header-user {
    
}
.not-clickable {
    cursor: default !important;
}
.brands-we-work-with {
    font-size: 1.4rem;
    top: -6px !important;
}
.search-results {
    padding-bottom: 55px;
}
.search-heading {
    font-size: 3rem !important;
    margin-bottom: 20px !important;
}


/* PTV modal styles */
a.ptv-modal { display: none; }

.modal-wrapper { 
    /*background: url('/wp-content/themes/tubemogul/img/PTV_Site_Takeover_background.jpg') 0 0 no-repeat; */
    background: #333 url('/wp-content/themes/tubemogul/img/TV_Static_Background.gif') 0 0 no-repeat; 
    background-size: 100% 100%;
    border: 3px solid white;
    position: relative;
}

.modal-wrapper .video-frame {
    width:85%;
    margin: 50px auto 0;
    border: 8px solid white;
    border-radius: 8px;
    max-height: 444px;
}

.modal-wrapper h1 {
    color: #839e25;
    text-transform: uppercase;
    font-size: 41px;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 15px;
}

.modal-wrapper .modal-bottom {
    width: 84%;
    border: 8px solid white;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    padding: 15px 25px 25px;
    background: rgba(255, 255, 255, 0.92);
    margin: 0 auto 50px;    
    box-sizing: border-box;
}

.modal-wrapper .left-block {
    float: left;
    width: 63%;
    text-transform: uppercase;
    font-family: 'Scout Cond';
    font-weight: 100;
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 24px;
}

.modal-wrapper .right-block a {
    color: #cd007a;
}

.modal-wrapper .get-whitepaper {
    display: block;
    background: #41a7bd;
    margin-top: 26px;
    text-transform: uppercase;
    color: white;
    width: 225px;
    padding: 10px 0;
    text-align: center;
    border: 2px solid white;
    font-family: 'Scout Cond';
    font-size: 30px;
    font-weight: 100;
    float: right;
    letter-spacing: 1px;
}

.modal-wrapper .contact-us {
    display: block;
    background: #e1e1e1;
    position: absolute;
    top: 167px;
    right: -80px;
    color: #4d4d4f;
    font-family: 'Scout Cond';
    font-weight: 100;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    padding: 3px 45px;
    border: 2px solid white;
    border-radius: 5px;
    box-shadow: 2px -1px 6px #bbb;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

body .mfp-close-btn-in .mfp-close {
    color: #fff;
    opacity: 0.85;
    background-color:#000;
}

/* Media Queries */
@media screen and (max-width: 1200px) {
    #platform-dropdown { right: -530px; }
}

@media screen and (max-width: 1100px) {
    #platform-dropdown { right: -580px; }
}

@media screen and (max-width: 970px) {
    .blog-trending { display:none;}
    .blog-main { margin-right:0 !important;}
}

@media screen and (max-width: 1000px) {
    .dropdown-menu { z-index: 100; }
    #solutions-dropdown { right: 0; width: 400px; left:-175px;}
    #platform-dropdown { right: 0; width: 400px; left:-102px; }
    #insights-dropdown { right: -145px; width: 400px; }
    #company-dropdown { right: -2px; width: 400px; }
    #education-dropdown { right: -71px; width: 400px; }
    .section-nav > li { width: 140px; margin-bottom: 15px; } 
    .top-level-link { padding: 0 .5em; }
}

@media screen and (max-width: 800px) {
    .box { display: inline-block; width: 48%; }
    .box:nth-child(3) { margin-left: 0 }
    .tm-header-logo img { width: 150px; }
    .top-level-link { font-size: 1.4em; padding: 6px 0.5em; }
    .tm-header-options { margin: 0; padding: 0 }
    .list-of-links-sm li { display: block; }
    .tm-footer-sitemap { padding-left: 0; width: 100%; margin-top: 50px; }
    #international-bar { font-size: .8em; }
    .modal-wrapper .right-block, .modal-wrapper .left-block { width: 100%; margin-bottom: 10px; }
    .modal-wrapper .get-whitepaper { float: none; margin: 15px auto 0; }
    .modal-wrapper h1 { font-size: 25px; }
    .modal-wrapper .left-block { font-size: 24px; float:none; }
}

@media screen and (max-width: 620px) {
    .top-level-link { font-size: 1em; padding: 12px 0.4em; }
}

@media screen and (max-width: 480px) {
    .box { display: inline-block; width: 100%; margin-left: 0 }
    .tm-header-logo img { width: 100px; }
    .tm-header-options { margin: 0; padding: 0 }
    .tm-header-options li { margin: 0 0.5em 0 0; border-left: 1px solid #BEBEBE; }
    .tm-header-options li a { font-size: 0; text-indent: -9999px; width: 0px; height: 24px; margin: 0; background-position: 5px 5px; }
    .top-level-link { font-size: 0.8em; padding: 16px 0.4em; }
    .list-of-links-sm { display: block; width:50%; }
    #solutions-dropdown { right: 0; width: 240px; left:-94px;}
    #platform-dropdown { right: 0; width: 240px; left:-40px; }
    #insights-dropdown { right: -105px; width: 240px; }
    #company-dropdown { right: 1px; width: 240px; }
    #education-dropdown { right: -50px; width: 240px; }
    body #solutions-dropdown .page-item-138, body #solutions-dropdown .page-item-13183 { padding: 0 30px; }
    .arrow_box { bottom: -12px; }
    .tm-promo-bigtext { display: none; }
    .tm-nav-inner .tm-header-logo { width: 25px; overflow: hidden; }
    .modal-wrapper .get-whitepaper { width: 100%; font-size: 24px; }
    .modal-wrapper .contact-us { top: 119px; right: -87px; }
}

.flexslider .slides > li:first-child {float: left; display: block;}
.flex-viewport { height:auto !important; } 
