abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

embed,
img,
object {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.ie6 input {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

a:active,
a:hover {
    outline: 0
}

small {
    font-size: 85%
}

strong,
th {
    font-weight: 700
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

.clickable,
button,
input[type=button],
input[type=submit],
label {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true))
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

body {
    font: 13px Helmet, Freesans, sans-serif
}

body,
input,
select,
textarea {
    color: #000
}

a {
    color: #03f
}

a:hover {
    color: #69f
}

::-moz-selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none
}

a:link {
    -webkit-tap-highlight-color: #fcd700
}

ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: 700
}


/*!
 * fullPage 2.9.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0!important
}

.fp-notransition {
    -webkit-transition: none!important;
    transition: none!important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto!important
}

.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto!important
}


/*! 
Author : D BENE / A FLOW OF CODE 
Contact: aflowofcode@gmail.com 
*/

@font-face {
    font-family: antoniolight;
    src: url(../fonts/antonio-light-webfont.woff2) format('woff2'), url(../fonts/antonio-light-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fira_sans_condensedlight;
    src: url(../fonts/FiraSansCondensed-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fira_sans_condensedsemibold;
    src: url(../fonts/firasanscondensed-semibold-webfont.woff2) format('woff2'), url(../fonts/firasanscondensed-semibold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Conv_MyriadPro-Regular;
    src: url(../fonts/MyriadPro-Regular.woff2) format('woff2'), url(../fonts/MyriadPro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

* {
    box-sizing: border-box
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    background-size: 100% 100%
}

strong {
    font-family: fira_sans_condensedsemibold;
    font-weight: 700;
    line-height: 16px
}

.fp-controlArrow.fp-prev {
    border-width: 20px 17px 20px 0
}

.fp-controlArrow.fp-next {
    border-width: 20px 0 20px 17px
}

.arrowDown,
.arrowUp {
    position: fixed;
    z-index: 99;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-left: -20px;
    left: 50%
}

.arrowDown {
    bottom: 20px;
    border-width: 20px 17px 0 20px;
    border-color: #fff transparent transparent transparent
}

.arrowUp {
    top: 20px;
    border-width: 0 38.5px 34px 38.5px;
    border-color: transparent transparent #fff transparent
}

.slideinfo {
    width: 45%;
    margin: auto
}

.wideinfo {
    width: 60%
}

.widerinfo {
    width: 90%
}

.flexinfo,
.flexrow {
    display: flex
}

.slidehead {
    font-family: antoniolight;
    font-weight: 100;
    color: #fff
}

.slideinfo .slidehead {
    font-size: 36px;
    line-height: 45px
}

.slideinfo .slidetext {
    font-family: fira_sans_condensedlight;
    font-size: 20px;
    margin-top: 20px
}

span.subhead {
    display: block;
    margin-bottom: 5px;
    line-height: 16px
}

.slidetext.column {
    min-width: 270px
}

.clear {
    clear: both
}

.center {
    text-align: center
}

a,
a:hover {
    color: inherit;
    text-decoration: none
}

.slidehide {
    display: none
}

.mar50 {
    margin-right: 50px
}

.grey {
    color: #ccc
}

.white {
    color: #fff
}

#about,
#contact,
#custom,
#homepage,
#how-we-work,
#marketing,
#media,
#re-search,
#vids {
    background-size: 100% 100%
}

#homeintro {
    width: 66%;
    margin: auto;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    align-items: center
}

#homelogo {
    width: 200px;
    opacity: .9
}

#hometext {
    display: inline-block;
    font-family: antoniolight;
    font-size: 33px;
    color: #fff;
    margin-left: 20px
}

#navclose,
#navopen {
    position: absolute;
    right: 1%;
    top: 2%;
    width: 35px;
    cursor: pointer;
    z-index: 1000
}

#navclose {
    font-size: 23px;
    color: #fff;
    right: 0
}

nav {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 100%;
    z-index: 10000;
    display: none;
    transition: all .35s linear
}

nav::after {
    content: "";
    background-image: url(../navbg.png);
    opacity: 1;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

nav a:hover {
    color: #fff
}

#navtop {
    height: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

#navlogobox {
    position: absolute;
    left: 10%;
    top: 30px
}

#navlogo {
    width: 100px
}

#navtagline {
    width: 150px;
    margin-left: 10px
}

#mainmenu .flexinfo {
    justify-content: space-around;
    align-items: stretch
}

#allsections {
    margin-top: 25px
}

.navclones {
    display: none
}

img.sectionheader {
    height: 40px;
    margin-bottom: 10px;
    object-fit: contain
}

#allsections .column:first-child img {
    margin-left: 15px
}

#allsections .column:nth-child(2) img {
    margin-left: 20px
}

#mainmenu .slidehead {
    font-family: fira_sans_condensedsemibold;
    color: #fff;
    font-size: 20px;
    margin-bottom: 7px
}

.column .navsection {
    margin-bottom: 25px
}

li.navslide {
    font-family: fira_sans_condensedlight;
    color: #ccc
}

#instructionsHolder {
    position: absolute;
    z-index: 1001;
}

#about {
    background-image: url(../gradient01.png)
}

#about .slidetext,
#mediaplan .green {
    color: #006837
}

#pressnews .newslinks {
    margin-bottom: 35px
}

#ab-established {
    position: relative
}

#mediaplan .widerinfo {
    width: 90%;
    text-align: center;
}

#mediaplan img {
    width: 350px;
    float: left;
}

#mediaplan .wwdvideoembed iframe {
    padding-left: 100px;
}

#ab-understanding .leftofimg {
    width: 96%
}

#ab-understanding img {
    width: 27.5%
}

#lgbtmarket img {
    align-self: center;
    width: 40%;
    margin-right: 40px;
    max-width: 100px
}

#lgbtmarket .flexitem img {
    width: 57px;
    margin-top: 10px
}

#addressphone,
#clients01,
#clients02 {
    position: relative
}

#addressphone,
#clients01,
#clients02,
#freereportform,
#methodology,
#researchoptions {
    text-align: center
}

#clients01 .slideinfo,
#clients02 .slideinfo,
#freereportform .slideinfo,
#methodology .slideinfo {
    display: inline-block;
    text-align: left;
    width: auto
}

#addressphone .flexinfo {
    justify-content: center
}

#researchoptions .slideinfo {
    display: inline-block;
    text-align: left
}

#clients01 .slidetext.column,
#clients02 .slidetext.column {
    min-width: 235px
}

#clients01::after,
#clients02::after {
    content: "";
    opacity: .2;
    background-size: 100% 100%;
    background-position: center center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

#clients02 .flexinfo {
    align-items: initial
}

#mediaplan .flexinfo {
    justify-content: center;
    width: 80%
}

#mediaarrows {}

#rainbowppl {
    max-width: 350px;
    align-self: center;
    margin-left: 35px
}

#about .imgborder {
    border: 33px solid #006837
}

#toddevans img {
    align-self: center;
    max-height: 300px;
    width: 200px;
    object-fit: contain
}

#toddevans .slidetext {
    margin: 0 0 0 20px
}

.newslinks {
    margin-top: 20px
}

.extranews {
    display: none
}

.newsrow {
    margin-top: 20px;
    display: flex
}

.newslink {
    margin-left: 10px;
    display: inline-flex;
    flex-direction: column
}

.newslinks .handlebar {
    opacity: 1;
    padding: 2px 2.5px 20px 0
}

.linksource {
    color: #fff
}

#media {
    background-image: url(../gradient02.png)
}

#media .slidetext {
    color: #c1272d
}

#med-placement img {
    margin-right: 70px
}

#med-track img {
    width: 30%;
    margin-right: 30px;
    align-self: center
}

#med-track .flexitem {
    width: auto;
    align-self: center
}

#how-we-work {
    background-image: url(../gradient03.png)
}

#how-we-work .slidetext {
    color: #f7adf2
}

#how-we-work .imgborder {
    border: 10px solid #f7adf2
}

#how-we-work-slide img {
    align-self: center;
}

#how-we-work-slide .flexinfo {
    align-items: center
}

.flexinfo {
    align-items: center
}

#marketing {
    background-image: url(../gradient05.png)
}

#mark-consultation img {
    align-self: center;
    width: 270%;
    max-width: 245px
}

#mark-trust .flexitem {
    width: 70%
}

#mark-trust img {
    max-width: 170px
}

#custom {
    background-image: url(../gradient06.png)
}

#custom .slideinfo {
    color: #fff
}

#custom a {
    color: #fcee21
}

.caps {
    text-transform: uppercase
}

.slidetext.notop {
    margin-top: 0
}

#surveys img {
    width: 70%;
}

#surveys2 img {
    width: 60%
}

#focusgroups img {
    width: 50%
}

#contactboxes {
    padding-top: 20px
}

#contactboxes .contact {
    background-color: #1b5f9a;
    padding: 20px;
    text-align: center;
    display: inline-block;
    width: 45.5%;
    font-size: 15px;
    line-height: 22px
}

#contactboxes div:first-child {
    float: left
}

#contactboxes div:last-child {
    float: right
}

#accordopts {
    font-family: fira_sans_condensedlight;
    font-size: 20px
}

.accordtitle {
    padding: 20px;
    background-color: #1b5f9a;
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
    width: 80%
}

.handlebar {
    background-color: #fff;
    opacity: .2;
    padding: 20px 10px 20px 0
}

.accordtitle img {
    width: 15px;
    transition: transform .5s ease-in-out
}

.accordtitle>li {
    display: none;
    font-size: 17px;
    padding-top: 10px
}

.accordopts {
    margin-bottom: 30px
}

#re-search {
    background-image: url(../gradient04.png);
    color: #fff
}

#gaypress .flexrow,
#gaypressarchives .flexrow {
    flex-wrap: wrap;
    justify-content: stretch;
    margin-top: 20px
}

#gaypress .flexrow img,
#gaypressarchives .flexrow img {
    max-height: 75px;
    width: auto;
    margin-bottom: 5px
}

#gaypress .flexrow a,
#gaypressarchives .flexrow a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ff0;
    margin-right: 10px;
    margin-bottom: 10px
}

#gaypress a.archivebutton,
#pressnews a.archivebutton {
    height: 75px;
    float: right;
    width: 135px;
    border: 1px solid #fff;
    background-color: #8cc63f;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    margin-top: 0;
    display: initial
}

#pressnews a.archivebutton {
    float: none;
    clear: both
}

#printdigital img {
    width: 150%;
    max-width: 200px
}

#requestbutton {
    display: inline-block;
    margin-top: 25px;
    border: 1px solid #fff;
    background-color: #8cc63f;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    text-align: center
}

#vids {
    background-image: url(../gradient07.png)
}

#vids .slidetext {
    color: #fff
}

.videoembed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoembed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#contact {
    background-image: url(../gradient08.png);
    color: #fff
}

#addressphone::after,
#contactform::after {}

#addressphone img {
    width: 30px;
    margin: 0 15px -10px 0
}

#addressphone .column {
    min-width: 45%;
    min-height: 176px;
    vertical-align: top;
}

#email-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#email-column strong {
    line-height: normal
}

#contactform form {
    width: 66%;
    margin-left: auto;
    margin-right: auto
}

#freereportform form {
    width: auto;
    margin: 0
}

#freereportform .flexinfo {
    align-items: stretch
}

#contactform .slidetext,
#freereportform .slidetext {
    margin-bottom: 25px
}

#contactform label,
#freereportform label {
    text-indent: -9999px;
    position: absolute
}

#categoryselector label {
    position: static;
    text-indent: 0
}

fieldset#categoryselector input[type=checkbox] {
    width: auto;
    height: auto;
    display: inline-block
}

#contactform input,
#contactform textarea,
#freereportform input,
#freereportform textarea {
    display: block;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background-color: rgba(254, 248, 166, .2);
    height: 45px;
    text-indent: 20px
}

#contactform textarea,
#freereportform textarea {
    height: 90px;
    background-color: rgba(255, 255, 255, .3);
    padding: 0;
    padding-top: 1em
}

#contactform input::-webkit-input-placeholder,
#contactform input::placeholder,
#contactform textarea::-webkit-input-placeholder,
#contactform textarea::placeholder,
#freereportform input::-webkit-input-placeholder,
#freereportform input::placeholder,
#freereportform textarea::-webkit-input-placeholder,
#freereportform textarea::placeholder {
    content: "";
    color: #fff;
    font-family: Conv_MyriadPro-Regular;
    opacity: 1;
    text-indent: 20px
}

#contactform textarea::-webkit-input-placeholder,
#contactform textarea::placeholder,
#freereportform textarea::-webkit-input-placeholder,
#freereportform textarea::placeholder {
    content: "";
    text-indent: 20px
}

:placeholder-shown {
    color: #fff;
    font-family: Conv_MyriadPro-Regular;
    opacity: 1;
    text-indent: 20px
}

#contactform input.submit-button,
#freereportform input.submit-button {
    height: 45px;
    float: right;
    width: 40%;
    border: 0px;
    background-color: #8cc63f;
    color: #fff;
    font-family: fira_sans_condensedsemibold;
    font-size: 16px;
    text-indent: 0
}

.contactbottom {
    margin-top: 5px
}

.contactbottom span {
    line-height: 45px;
    margin-left: 20px
}

#freereport .flexitem {
    flex-basis: 50%
}

#freereport>.flexitem:first-of-type {
    width: 405px
}

#categories .slidetext {
    font-size: 16px
}

#categories .column,
#categories legend {
    padding: 0 10px;
    margin-top: 0
}

#categories {
    margin-left: 25px
}

.checkbox {
    padding: 2px
}

.focusImg {
    width: 300px;
    height: 300px;
}

@media all and (max-width: 1085px) {
    #homeintro {
        width: 80%
    }
    #mediaarrows,
    #rainbowppl {
        width: 45%
    }
    #freereportform .widerinfo {
        max-width: 90%
    }
}

@media all and (max-width: 980px) {
    #contactboxes .contact {
        font-size: 13px
    }
}

@media all and (max-width: 900px) {
    .widerinfo .slidetext {
        font-size: 18px
    }
    .wideinfo {
        width: auto;
        max-width: 80%
    }
    #homeintro {
        width: 95%
    }
    #med-placement img {
        margin-right: auto
    }
    #contactboxes {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    #contactboxes .contact {
        width: 100%
    }
    #contactboxes .contact:last-child {
        margin-top: 10px
    }
    .slide .flexinfo {
        flex-wrap: wrap
    }
    #med-track .flexinfo {
        justify-content: center
    }
    #med-track img {
        width: auto;
        margin: initial;
        margin-bottom: 20px
    }
    #lgbtmarket img,
    #mediaplan img,
    .slide .flexinfo img {
        margin: auto
    }
    #lgbtmarket img,
    .slide .flexinfo img {
        margin-bottom: 20px
    }
    #clients01 .slideinfo,
    #clients02 .slideinfo {
        text-align: center
    }
    #clients01 .slidetext.column,
    #clients02 .slidetext.column {
        min-width: 0;
        width: auto;
        text-align: left;
        padding: 10px;
        font-size: 18px
    }
    #how-we-work-slide img,
    #mark-consultation img {
        width: auto;
    }
    #mark-trust .flexinfo {
        justify-content: center
    }
    #mark-trust .flexinfo img {
        margin: 0;
        margin-bottom: 20px;
        margin-right: 50px
    }
    #focusgroups img {
        width: auto;
        max-width: 80%
    }
    #freereportform .widerinfo {
        margin-top: 25px;
        text-align: center
    }
    #freereportform .slideinfo>.flexinfo {
        flex-wrap: wrap-reverse
    }
    #categories .slidetext.column:first-of-type {
        margin-bottom: 0
    }
    #categories {
        flex-basis: 100%;
        text-align: left;
        margin-left: 0;
        margin-bottom: 20px
    }
    #freereport {
        flex-basis: 75%
    }
    #freereport .contactbottom {
        text-align: left
    }
    #freereportform .flexinfo {
        justify-content: center
    }
    #categoriesheader {
        text-align: center
    }
    #mediaplan img {
        width: 350px;
        float: none;
    }
    #mediaplan .wwdvideoembed iframe {
        padding-left: 60px;
    }
    #mediaplan flexinfo {
        align-content: stretch
    }
}

@media all and (max-width: 735px) {
    #clients01 .slidetext.column,
    #clients02 .slidetext.column {
        font-size: 16px
    }
}

@media all and (max-width: 720px) {
    #addressphone .slideinfo {
        text-align: center
    }
    #addressphone .flexinfo {
        justify-content: center
    }
    #email-column {
        justify-content: initial
    }
    #clients02 .slideinfo {
        max-width: 85%
    }
}

@media all and (max-width: 620px) {
    #mainmenu .flexinfo {
        flex-wrap: wrap;
        justify-content: space-between
    }
    #allsections .column {
        display: none
    }
    .navclones {
        display: initial;
        margin: 0 10px 10px 10px;
        text-align: center;
        width: 21%
    }
    #mediaarrows,
    #rainbowppl {
        width: 80%
    }
    #mediaplan #mediaarrows {
        margin-bottom: 20px
    }
    #categories .slidetext.column {
        min-width: 220px
    }
    #freereport {
        flex-basis: 100%
    }
}

@media all and (max-width: 580px) {
    .slideinfo {
        margin-top: 80px
    }
    #homeintro {
        flex-wrap: wrap;
        text-align: center
    }
    #homelogo {
        margin: auto
    }
    #hometext {
        margin: auto;
        margin-top: 20px
    }
    .navclones {
        width: 25%
    }
    .slideinfo {
        width: auto;
        max-height: 95%;
        max-width: 75%
    }
    .slideinfo .slidehead {
        font-size: 22px;
        line-height: initial
    }
    .slideinfo .slidetext {
        font-size: 16px;
        margin-top: 2px
    }
    #addressphone .slideinfo .slidetext {
        margin-top: 20px
    }
    .flexrow {
        flex-wrap: wrap-reverse;
        justify-content: center;
        margin-top: 15px
    }
    #ab-understanding img {
        width: initial;
        max-width: 33%
    }
    #clients01 .flexinfo,
    #clients02 .flexinfo {
        justify-content: center;
        margin: auto;
        width: 95%
    }
    #clients01 .slidetext.column,
    #clients02 .slidetext.column {
        min-width: 160px
    }
    .allcolumn {
        width: 100%;
        margin-top: 20px!important
    }
    #how-we-work-slide img {
        max-width: 80%
    }
    #lgbtmarket img,
    #mark-consultation img,
    #med-placement img,
    #med-track img {
        max-width: 33%
    }
    #surveys img,
    #surveys2 img {
        max-height: 33%
    }
    .accordtitle>li {
        font-size: 14px
    }
    .accordtitle {
        font-size: 17px;
        padding: 7px
    }
    #accordopts .handlebar {
        padding: 7px 10px 7px 0
    }
    #gaypress a.archivebutton {
        width: 125px;
        line-height: 14px
    }
    #gaypressarchives .flexrow {
        justify-content: center
    }
    #gaypressarchives .slideinfo {
        margin-top: 25px
    }
    .arrowDown {
        margin-left: -15px;
        border-width: 15px 14px 0 15px
    }
    .fp-controlArrow.fp-prev {
        border-width: 15px 14px 15px 0
    }
    .fp-controlArrow.fp-next {
        border-width: 15px 0 15px 14px
    }
    #navtop {
        height: 70px
    }
    #navlogobox {
        top: 15px
    }
    #allsections {
        margin-top: 10px
    }
    .navclones {
        width: 40%
    }
    .navclones.navsectop img {
        width: 50%
    }
    #mainmenu .slidehead {
        font-size: 16px;
        line-height: 16px
    }
}

@media all and (max-width: 400px) {
    .slideinfo {
        margin-top: 30px
    }
    .slideinfo .slidetext {
        font-size: 15px
    }
    #adtracking .slidetext {
        font-size: 14px
    }
    #gaypress .flexrow {
        flex-wrap: nowrap
    }
    #gaypress a.archivebutton {
        width: 100px;
        font-size: 12px;
        margin-right: 0
    }
    #addressphone .slideinfo {
        text-align: center
    }
    #addressphone .column:first-of-type {
        padding-bottom: 20px
    }
    #contactform form {
        width: 100%
    }
    #contactform input.submit-button,
    #freereportform input.submit-button {
        width: 45%
    }
    #freereportform .slideinfo>.flexinfo {
        flex-wrap: wrap-reverse
    }
    #categories .slidetext.column:first-of-type {
        margin-bottom: 0
    }
    #categories,
    #freereport {
        flex-basis: 100%
    }
}

@media all and (min-width: 1367px) {
    #contactboxes .contact {
        font-size: 18px;
        width: 42.5%
    }
}

@media all and (max-height: 900px) {
    .column .navsection {
        margin-bottom: 10px
    }
    #allsections .flexinfo {
        margin-top: 10px
    }
    #navtop {
        height: 70px
    }
    #navlogobox {
        top: 15px
    }
    .slideinfo {
        max-width: 75%
    }
    #mark-trust .flexitem {
        width: 100%
    }
}

@media all and (max-height: 600px) {
    .arrowDown {
        display: none
    }
    #mainmenu .flexinfo {
        flex-wrap: wrap
    }
    #allsections .column {
        display: none
    }
    .navclones {
        display: initial;
        margin: 0 10px 10px 10px;
        text-align: center;
        width: 21%
    }
    .slideinfo {
        margin-top: 30px;
        margin-bottom: 35px
    }
    .flexinfo {
        align-items: flex-start
    }
    .slide .flexinfo img {
        margin: auto auto 20px
    }
    .flexitem {
        padding-bottom: 25px
    }
    #lgbtmarket img,
    #mediaplan img {
        margin-top: 0
    }
    #lgbtmarket img,
    #mark-consultation img,
    #med-placement img,
    #med-track img {
        max-width: 150px;
        max-height: 150px
    }
    #how-we-work-slide img {
        max-width: 250px;
        margin-bottom: 20px
    }
}

@media all and (min-height: 600px) {
    .slide .flexinfo,
    .slide .slideinfo {
        opacity: 1
    }
}

noscript {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    font-size: 32px;
    height: 50px
}

#submenu {
    position: relative;
    width: auto;
    height: auto;
    display: block;
    padding: 10px 0px;
    font-family: antoniolight;
    font-weight: 100;
    margin-top: 15px;
}

#submenu .menutitle {
    position: relative;
    width: 100%;
    display: block;
    padding: 2px 0px;
    opacity: 1;
    font-size: 20px;
    font-family: antoniolight;
    font-weight: 100;
    color: #fff;
    font-size: 26px;
}

#submenu .menuitem {
    position: relative;
    width: 100%;
    display: block;
    padding: 2px 0px;
    opacity: 1;
    color: #fff;
    font-size: 22px;
}

#submenu .menuitem a:link {
    opacity: .7;
    cursor: pointer;
}

#submenu .menuitem a:hover {
    opacity: 1;
    cursor: pointer;
}

.btnborder {
    border: solid 1px #ffffff;
}

#onestopshop {
    width: 60%;
    height: auto;
}

#onestopshop .txtside {
    max-width: 60%;
    float: right;
}

#onestopshop .imgside {
    width: 40%;
    float: left;
}

.burst {
    margin: 0 auto;
    height: 400px;
    padding-bottom: 50px;
}

@media all and (max-width: 1080px) {
    #onestopshop .txtside {
        max-width: 100%;
        float: none;
    }
    #onestopshop .imgside {
        width: 100%;
        float: none;
    }
    .burst {
        margin: 0 auto;
        height: 300px;
        padding-bottom: 0px;
    }
}

@media all and (max-width: 720px) {
    #onestopshop .txtside {
        max-width: 100%;
        float: none;
    }
    #onestopshop .imgside {
        width: 100%;
        float: none;
    }
    .burst {
        margin: 0 auto;
        height: 300px;
        padding-bottom: 0px;
    }
    #submenu .menutitle {
        font-size: 24px;
    }
    #submenu .menuitem {
        font-size: 20px;
    }
}

@media all and (max-width: 400px) {
    #onestopshop .txtside {
        max-width: 100%;
        float: none;
    }
    #onestopshop .imgside {
        width: 100%;
        float: none;
    }
    .burst {
        margin: 0 auto;
        height: 300px;
        padding-bottom: 0px;
    }
    #submenu .menutitle {
        font-size: 22px;
    }
    #submenu .menuitem {
        font-size: 18px;
    }
}