/* =General
------------------------------------------------------------------- */
.button-primary { text-transform: uppercase; font-size: 14px; padding: 8px 24px 5px; }

#mc_embed_signup { width: 240px; }
#mc_embed_signup input.email { font-size: 14px; color: #ee4e11; }

/*Columns*/
.col1-2 { width: 45%; margin: 0 5% 0 0; float: left; }
.lt-ie8 .col1-2 { width: 44%; } /*ie7 spacing bug*/
.col1-2 .button-primary { width: 100%; padding-left: 0; padding-right: 0; }


/* =Header
------------------------------------------------------------------- */
header.main { height: auto; }
header.main .container { width: auto; display: inline-block; margin: 10px auto; height: 50px; position: relative;}
header.main a.logo { height: 50px; display: block; width: auto; z-index: 700; position: static; float: left; }
header.main a.logo:hover,
header.main a.logo:active { z-index: 760; }
header.main nav { position: static; display: block !important; width: auto; float: left;}
header.main .logo img { margin-top: 10px; width: auto; height: 30px; }
header.main nav ul { border: none; }
header.main nav ul.one { float: left; }
header.main nav ul.two { float: right; }
header.main nav ul li { height: 50px; margin: 0 5px; width: auto; position: relative; }
header.main nav ul li a { width: auto; height: auto; padding: 0 5px; margin-top: 15px; font-size: 14px; line-height: 1.8; background: none; color: #aaaaaa; }
header.main .container nav ul li a:hover,
header.main .container nav ul li a:active,
header.main .container nav ul li.current_page_item > a,
header.main .container nav ul li.current_page_ancestor > a,
header.main .container nav ul li.current-menu-item > a,
header.main .container nav ul li.current-menu-ancestor > a { color: #ffffff; border-bottom: 2px solid #ee4e11; background: none; }
header.main nav ul li:last-child a,
header.main nav ul li.last a { background-image: none; }
header.main .button-menu { display: none; }

/* subnav dropdown */
header.main nav ul li ul { display: none; width: 100%; margin: 0; padding: 9px 0 0 0; position: absolute; top: 50px; left: 0; background-color: #cfcfcf; list-style: none; z-index: 200; border: 1px solid #dddddd; }
header.main nav ul.one li:first-child ul { width: 130px; left: -22px; }/* Advertisers dropdown */
header.main nav ul.two li:first-child ul { width: 85px; left: -18px; }/* About dropdown */
header.main nav ul li:hover ul,
header.main nav ul li.hover ul { display: block; }
header.main nav ul li ul li { float: none; height: auto; margin: 0; white-space: nowrap; }
header.main nav ul li.current_page_item ul li a,
header.main nav ul li.current_page_ancestor ul li a,
header.main nav ul li ul li a { width: auto; height: auto; padding: 10px 5px; margin: 0; float: none; background: transparent none; background-color: #ffffff; color: #373733; font-size: 12px; line-height: 1.4; border: none; }
header.main .container nav ul li ul li.current_page_item > a,
header.main .container nav ul li ul li.current_page_ancestor > a,
header.main .container nav ul li ul li.current-menu-item > a,
header.main .container nav ul li ul li.current-menu-ancestor > a,
header.main .container nav ul li ul li a:hover { color: #ee4e11; border: none; background-color: #ffffff; }

header.main .social { display: block; width: auto; height: 50px; z-index: 750; float: left; }
header.main .social ul { display: block; width: auto; float: right; margin: 17px 10px; padding: 0; }
header.main .social ul li { margin: 0; padding: 0; float: left; list-style: none; }
header.main .social ul li a { display: block; width: 18px; height: 17px; margin: 0 5px; float: left; background-repeat: no-repeat; background-position: 0 0; }
header.main .social ul li a:hover,
header.main .social ul li a:active { background-position: 0 -17px; }
header.main .social ul li.twitter a { background-image: url(images/desktop/icon-social-twitter-grey.png); }
header.main .social ul li.facebook a { background-image: url(images/desktop/icon-social-facebook-grey.png); }


/* ==Content Blocks
------------------------------------------------------------------- */
.content-block .container { padding: 100px 10px; }
.content-block:first-child .container { padding-top: 120px; }
.content-block .grand { width: 300px; padding: 0 0 10px; margin: 0 0 18px 64px; font-size: 36px; text-align: left; }
.content-block .content { width: 300px; padding: 0; margin: 0 0 0 64px; text-align: left; font-size: 18px; }
.full-width .content-block .content { width: auto; }
.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block p { padding: 0; }
.content-block .page-options { margin-bottom: 20px; }

.content-block .utility .button-top { width: 48px; height: 50px; background: url(images/desktop/btn-top.png) no-repeat top; right: 70px; }
.content-block .utility .button-top:hover,
.content-block .utility .button-top:active { background-position: 0 -50px; }

.content-block .utility .button-toggle-content { width: 48px; height: 50px; background: url(images/desktop/btn-expand-contract-block.png) no-repeat 0 top; position: absolute; bottom: 0; left: 70px; }
.content-block .utility .button-toggle-content:hover { background-position: 0 -50px; }
.content-block .utility .button-toggle-content.expanded { background-position: 0 -100px; }
.content-block .utility .button-toggle-content.expanded:hover { background-position: 0 -150px; }

.accordion { width: 65%; padding-left: 17%; margin-top: 40px; }
.accordion .accordion-section { border-top: 1px solid #373733; }
.accordion .accordion-section .content { width: 100%; margin: 0; display: none; padding: 15px 0; font-size: 14px; }
.accordion .accordion-section h3 { font-size: 18px; }
.accordion .accordion-section h3 a { padding: 6px 0; background: url(images/desktop/btn-expand-contract-small.png) no-repeat right 6px; }
.accordion .accordion-section h3 a.expanded { background-position: right -62px; }
.accordion .accordion-section .photo { max-width: 140px; width: auto; }
.accordion .accordion-section .social ul li a { width: 18px; height: 17px; margin: 0 5px 0 0; }
.accordion .accordion-section .social ul li a:hover,
.accordion .accordion-section .social ul li a:active { background-position: 0 -17px; }
.accordion .accordion-section .social ul li.twitter a { background-image: url(images/desktop/icon-social-twitter.png); }
.accordion .accordion-section .social ul li.facebook a { background-image: url(images/desktop/icon-social-facebook.png); }

.content-block .video { width: 482px; min-height: 260px; margin: 0 auto; padding: 4px; border: 1px solid #373733; }
.content-block .video iframe { display: block; margin: 0; padding: 0; width: 100%; height: 100%; min-height: 260px; }

.content-block .map { width: 320px; margin: -60px 60px 90px 0; padding: 4px; float: right; border: 1px solid #373733; }
.content-block .map img { width: 420px; }

.content-block .content { font-size: 16px; }


/* =Template: Home
------------------------------------------------------------------- */
#content-home-banner .container { padding-top: 125px; padding-right: 0; }
#content-home-banner { height: 705px; }
#content-home-banner .content { width: 340px; margin: 0 50px; }
#content-home-banner .content h1, #content-home-banner .content h2, #content-home-banner .content h3, #content-home-banner .content h4, #content-home-banner .content h5, #content-home-banner .content p { padding: 0; }
#content-home-banner .page-option .button-primary { margin-right: 0; margin-bottom: 15px; margin-left: 0; }
#content-home-banner .page-option { width: auto; float: none; padding-left: 0; margin-bottom: 25px; font-size: 14px; }
#content-home-banner .grand { margin: 0 50px; }
/*Slider*/
#content-home-banner .slides div { height: 705px; }


/* =Template: Work
------------------------------------------------------------------- */
body.work .col1-2 { clear: none; margin-bottom: 20px; }
body.work .col1-2 .button-primary { width: 100%; margin: 0; float: left; }

.case-study blockquote { font-size: 14px; }
.case-study blockquote cite em { display: inline; }
.case-study .child-content .container { padding: 50px 0; }
.case-study .child-content .image img { max-width: 340px; }
.case-study .child-content .content .grand { width: 100%; margin-left: 0; }


/* =Template: Blog
------------------------------------------------------------------- */
body.blog .date { width: 38px; margin: 0 15px 15px 0; float: left; text-align: center; background-color: #ee4e11; color: #fff; padding: 5px; float: left; font-size: 16px; font-weight: normal; line-height: 1.0; }
body.blog #blog-single .date, body.blog #blog-listing .date { width: 60px; }
body.blog .news-image { width: 80px; height: 80px; float: left; margin: 0 15px 0 0; }
body.blog .date span { display: block; }
body.blog .date .day { font-size: 26px; }
/*body.blog .date .year { line-height: 0.5; }*/
body.blog #container { padding-top: 40px; }

#blog-listing .container { padding-top: 40px; }
#blog-listing article .title { margin-bottom: 5px; text-align: left; }
#blog-listing article .subhead { margin-bottom: 15px; text-align: left; }
#blog-listing #posts { width: 85%; margin: 0 auto; }
#blog-listing #posts article .image { float: none; margin: 0 0 20px; width: 100%; }
#blog-listing #posts article .image img { width: 100%; }
#blog-listing .next .button-primary { width: 20%; }

#blog-single .pagination .previous,
#blog-single .pagination .next,
#blog-single .pagination .previous .button-primary,
#blog-single .pagination .next .button-primary { width: 50% }

body.blog #blog-single .container { width: 696px; padding: 80px 0 30px 64px; margin: 0 auto; }
body.blog #blog-single .container article, body.blog #blog-listing .container section { width: 428px; float: left; }
body.blog .container #sidebar { width: 225px; float: left; padding-left: 20px; }
#blog-listing .title, #blog-single .title { text-align: left; }
#blog-single .subhead { text-align: left; }
#blog-single .image { margin-bottom: 20px; }
#blog-single blockquote { width: 190px; float: left; margin: 0 10px 2px 0; padding: 0; font-size: 20px; line-height: 1.2; }
#blog-single blockquote p { margin: 0; padding: 0; }
#blog-single blockquote.pull-right {  float: right; margin: 0 0 2px 10px; }

aside#sidebar .widget h4 { text-align: left; font-size: 26px; }
aside#sidebar .widget ul li a { font-size: 16px; }


/* =Template: Contact
------------------------------------------------------------------- */
#content-contact #mc_embed_signup * { display: inline-block; }
#content-contact #mc_embed_signup .email { margin-bottom: 0; margin-right: 10px; }
#content-contact #mc_embed_signup .submit input { width: auto; }

/* =Footer
------------------------------------------------------------------- */
footer.main { clear: both; padding-left: 60px; }
#content-footer .utility .button-top { /*top: -50px;*/ }
.lt-ie8 #content-footer .grand { clear: both; float: left; margin-right: 500px; } /*ie7 was floating adding space to the left of this element*/
#content-footer .container { padding-top: 50px; }
#content-footer .widget { width: 300px; float: left; margin: 0 20px 30px 0; }
#content-footer .widget h4 { font-size: 16px; }
/*#content-footer .widget.widget_search { clear: both; }*/
#content-footer .widget.widget_search #s { width: 250px; }

/* =Kargo Custom
------------------------------------------------------------------- */
.beta { right: 0; top: 9px; left: auto; }
.kargo-button, .kargo-mail input[type="submit"] {display: inline-block; margin: 10px; }
.scroll-icon { height: 100px; width: 100px; }

.kargo-table { width: 100%; }
.kargo-table td { vertical-align: top; padding: 20px; max-width: 150px; width: auto;}
.kargo-table td:nth-child(odd) { float: none; }
.kargo-table td:nth-child(even) { float: none; }

.content-block .utility .kargo-toggle-content { left: 50px;}

#kargo-utilizes-this-technology-to-deliver-breakthrough-ads .grand { font-size: 26px; }
#we-believe-that-top-publishers-lift-top-brands ul { font-size: 20px; }


.breakthru { height: 125px; width: 125px; }

.child-content .content { width: auto; }
.child-content .image { position: static; width: auto; }
.child-content .image img { max-width: none; }
.child-content .grand { font-family: 'Colfax'; font-size: 34px; margin: 50px 0 10px; }

.krg-col { float: left; margin: 0 1% 20px 1%; text-align: center; font-size: 14px; line-height: 22px; }
.krg-col p { text-align: left; }

.krg-col-1 .krg-col { width: 98%; }
.krg-col-2 .krg-col { width: 48%; }
.krg-col-2 .krg-col .grand { font-size: 21px; }
.krg-col-3 .krg-col { width: 31%; }
.krg-col-3 .krg-col .grand { font-size: 18px; }
.krg-col-4 .krg-col { width: 23%; }
.krg-col-4 .krg-col .grand { font-size: 18px; }

/* breakthru units titles */
body.page-id-459 section:not(:first-child) .grand { font-family: 'Colfax'; font-size: 34px; }

/* Custom templates */

.column.content-block .shadow .grand, .column-textlast.content-block .shadow .grand { margin: 0 auto 50px; padding: 0; text-align: center; width: auto;}
.column-textlast.child-content .grand { margin: 40px auto 20px; padding: 0; text-align: left; width: auto; font-family: 'Colfax'; font-size: 34px; }

.column.content-block .shadow .content, .column-textlast.content-block .shadow .content, .column-textlast.child-content .content { width: auto; padding: 0; margin: 50px; }

.column.content-block .shadow .image, .column-textlast.content-block .shadow .image, .column-textlast.child-content .image { width: auto; margin: 0 50px; float: none; position: static;}
.column.content-block .shadow .image img, .column-textlast.content-block .shadow .image img, .column-textlast.child-content .image img { max-width: 100%; width: auto; }

.column.content-block .shadow .video, .column-textlast.content-block .shadow .video, .column-textlast.child-content .video { width: auto; margin: 0 50px; float: none; position: static; }
.column.content-block .shadow .map, .column-textlast.content-block .shadow .map, .column-textlast.child-content .map { width: auto; max-height: 280px; margin: 0 auto; padding: 4px; float: none; border: 1px solid #373733; position: static; }
.column.content-block .shadow .accordion { width: 540px; margin: 0 auto; float: none; padding: 0 0 50px 0; }

.text-right.content-block .shadow .image { right: auto; left: 10px; top: 140px; }
.text-right.content-block .shadow .video { right: auto; left: 10px; }
.text-right.content-block .shadow .map {  margin-left: 0; margin-right: auto; float: left; right: auto; left: 10px; }
.text-right.content-block .shadow .accordion { float: left; }
.text-right.content-block .shadow .content { float: right; }
.text-right.content-block .shadow .grand { margin-left: auto; }

.narrow.content-block td,
.narrow-right.content-block td { width: 50%; height: 100%; padding: 0; vertical-align: middle; float: none; }
.narrow.content-block .grand,
.narrow-right.content-block .grand { width: 100%; margin: 0 0 18px 0; }
.narrow.content-block .container,
.narrow-right.content-block .container { width: auto; margin: 0 auto; max-width: 700px; }
.narrow.content-block .shadow .content,
.narrow.content-block .shadow .image,
.narrow-right.content-block .shadow .content,
.narrow-right.content-block .shadow .image { float: none; padding: 20px; width: auto; margin: 0; position: static; }
.narrow.content-block .image img, .narrow-right.content-block .image img { max-height: none; max-width: 100%; }
.narrow.content-block .shadow .image { text-align: left; }
.narrow-right.content-block .shadow .image { text-align: right; }

.narrow-right.content-block table td { position: relative; }
.narrow-right.content-block table td:nth-child(1) { left: 50%; }
.narrow-right.content-block table td:nth-child(2) { right: 50%; }

.kargo-mail { width: 100%; padding: 0; }
.kargo-mail td { float: none; padding: 0px; width: 50%; }
.kargo-mail input[type="text"], .kargo-mail input[type="email"] { width: 250px; }
.kargo-mail textarea { width: 100%; height: 200px; }

#twitter-feed { text-align: center;}
#twitter-feed .container { margin: 0 auto; width: 750px; }
#twitter-feed .twitter-feed-icon { position: static; }
#kargo-twitter-feed { width: 650px; }
#kargo-twitter-feed .swiper-slide .tweet { max-width: 550px; }
#kargo-twitter-feed .swiper-slide p { padding: 0; }
#kargo-twitter-feed .swiper-slide p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kargo-testimonials .pagination { text-align: right; }

#kargo-testimonials .swiper-slide p { text-align: left; }
#kargo-testimonials .swiper-slide .krg-col { height: 200px; margin: 0 10px; }
#kargo-testimonials .swiper-slide .krg-col:nth-child(1) { text-align: right; width: 200px; }
#kargo-testimonials .swiper-slide .krg-col:nth-child(2) { text-align: left; width: 62%; display: table; }
#kargo-testimonials .swiper-slide .krg-col:nth-child(2) .valign { display: table-cell; vertical-align: middle; }

/* AdWeek 2015 */
header.main nav {
  min-width: 350px;
}
header.main nav > ul {
  background-color: #363636;
}
header.main .container nav ul li.current_page_item > a,
header.main .container nav ul li a:hover {
  border-bottom: none;
}
header.main nav > ul > li {
  height: 50px !important;
}
header.main nav > ul > li > a {
  color: #ffffff;
  letter-spacing: 2px;
  font-size: 12px;
}
header.main .social ul li a {
  background-position: 0 -17px;
  margin: 0 8px;
}

header.main .social ul li.instagram a {
  background-image: url(images/desktop/icon-social-instagram.png);
  background-size: 17px 18px;
  background-position: 0px 0px;
}
header.main .social ul li.instagram a:hover,
header.main .social ul li.instagram a:active {
  background-position: 0px 0px;
}

/* AdWeek homepage */
#adweek-home .container,
#the-kargo-advantage .container,
#innovations-activations .container,
#shout-outs .container {
  padding: 10px;
}
#adweek-unit-social .container,
#adweek-unit-native .container,
#adweek-unit-gamification .container,
#adweek-unit-video .container,
#adweek-unit-beyond-the-banner .container,
#adweek-unit-programmatic .container {
  padding: 0;
}
#adweek-home .content,
#the-kargo-advantage .content,
#innovations-activations .content,
#adweek-unit-social .content,
#adweek-unit-native .content,
#adweek-unit-gamification .content,
#adweek-unit-video .content,
#adweek-unit-beyond-the-banner .content,
#adweek-unit-programmatic .content,
#shout-outs .content {
  margin: 50px 0px;
}


.adweek-banner h3 {
  font-size: 50pt;
}

.kargo-break {
  margin: 20px 0;
  background-size: 20.5px 30px;
}
.kargo-break::before,
.kargo-break::after {
  width: 47%;
}

/* Slide 1 */
#adweek-home .container {
  padding: 50px 10px;
}
#adweek-home .content {
  margin: 0;
}
#adweek-home .content h3 {
  text-align: center;
  font-size: 50pt;
}
#adweek-home .content p {
  text-align: justify;
  word-spacing: normal;
}
/* Slide 2 */
#the-kargo-advantage .content .krg-col-3 .krg-col > * {
  padding: 0;
}
#the-kargo-advantage .content .krg-col-3 {
  height: 350px;
}
#the-kargo-advantage .content .krg-col-3 .krg-col {
  height: 100%;
  border-right: 1px solid #000000;
  width: 33%;
  margin: 0;
  box-sizing: border-box;
}
#the-kargo-advantage .content .krg-col-3 .krg-col:nth-child(1) {
  padding-right: 20px;
}
#the-kargo-advantage .content .krg-col-3 .krg-col:nth-child(2) {
  padding-left: 20px;
  padding-right: 20px;
}
#the-kargo-advantage .content .krg-col-3 .krg-col:nth-child(3) {
  border-right: none;
  padding-left: 20px;
}

/* Slide 3 */
#innovations-activations .content p {
  text-align: justify;
  word-spacing: normal;
}
/* Slides 4-8 */
.phone-demo.content-block .container,
.phone-demo-right.content-block .container {
  width: 85%;
  margin: 0 auto;
  height: 600px;
  position: relative;
}
.phone-demo.content-block .content,
.phone-demo-right.content-block .content {
  box-sizing: border-box;
  margin: 0 !important;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.phone-demo.content-block .content { padding-left: 330px; padding-right: 50px; }
.phone-demo-right.content-block .content { padding-left: 50px; padding-right: 330px; }
.phone-demo-right.content-block .content h3,
.phone-demo-right.content-block .content p {
  text-align: right;
}
.phone-demo.content-block .video,
.phone-demo-right.content-block .video {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;

  width: 250px;
  height: 443.75px;
  background-size: 660px;
}
.phone-demo.content-block .video { left: -10px; }
.phone-demo-right.content-block .video { right: -30px; }

/* Slide 9 */
#shout-outs .content .krg-col-3 .krg-col > * {
  padding: 0 10px;
}
#shout-outs .content .krg-col-3 {
  height: 300px;
}
#shout-outs .krg-col img {
  width: 200px;
}
#shout-outs .krg-col:nth-child(1) img {
  margin: 40px 0;
}
#shout-outs .krg-col:nth-child(2) img {
  margin: 52px 0;
}
#shout-outs .krg-col:nth-child(3) img {
  margin: 21px 0;
}
#shout-outs .content .krg-col-3 .krg-col {
  height: 100%;
  border-right: 1px solid #000000;
}
#shout-outs .content .krg-col-3 .krg-col:nth-child(3) {
  border-right: none;
}

/* AdWeek About */
#adweek-about .container,
#adweek-links .container,
#adweek-team .container {
  padding: 10px;
}
#adweek-about .content,
#adweek-links .content,
#adweek-team .content  {
  margin: 50px 20px;
}

/* Slide 1 */
#adweek-about .container {
  padding: 50px 10px;
}
#adweek-about .content {
  margin: 0;
}
#adweek-about .content h3 {
  text-align: center;
  font-size: 50pt;
}
#adweek-about .content p {
  text-align: justify;
  word-spacing: normal;
}

/* Slide 2 */

/* Slide 3 */
#adweek-team .szbl-people-accordion {
  width: 80%;
}