@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Extralight-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Extralight-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Extralight-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Extralight-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Extralight-Web.svg#Graphik-Extralight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-ExtralightItalic-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-ExtralightItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-ExtralightItalic-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-ExtralightItalic-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-ExtralightItalic-Web.svg#Graphik-ExtralightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Regular-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Regular-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Regular-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Regular-Web.svg#Graphik-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-RegularItalic-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-RegularItalic-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-RegularItalic-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-RegularItalic-Web.svg#Graphik-RegularItalic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Medium-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Medium-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Medium-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Medium-Web.svg#Graphik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Semibold-Web.eot');
  src: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Semibold-Web.woff') format('woff'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Semibold-Web.ttf') format('truetype'), url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/fonts/graphik/Graphik-Semibold-Web.svg#Graphik-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
}
p {
  color: #5d5d66;
}
a {
  color: #7856ff;
}
a:hover {
  color: #8c6fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
button,
input {
  border: 1px solid;
  outline: none;
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
::selection {
  background: #65b9ff;
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection {
  background: #65b9ff;
  color: #ffffff;
  text-shadow: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  height: 100%;
}
html {
  position: relative;
  background-color: #f6f6f7;
  scroll-behavior: smooth;
}
body {
  color: #111324;
  min-width: 320px;
  text-rendering: optimizeLegibility;
  letter-spacing: -0.05em;
}
body > div[role=dialog] > div {
  max-width: 100%;
}
body.grey {
  background: #f6f6f7;
}
body.snug header {
  border-bottom: none;
}
body > img {
  display: none;
}
.fullwidth {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 2;
}
.central,
.inner {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
  clear: both;
  position: relative;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
strong {
  font-weight: 600;
}
strong * {
  font-weight: 600;
}
em {
  font-style: italic;
}
.linker {
  color: inherit;
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}
.linker:hover {
  color: inherit;
  border-bottom: none;
}
.hidden {
  display: none;
}
.hide {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* Lazy Loading */
img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
img[data-src] {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.llbg {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
/* Accessibility */
a:focus {
  outline: #5d5d66 auto 5px;
}
/* BUTTON STYLES */
.cmbtn,
div.mktoForm form .mktoButton {
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cmbtn.primary,
div.mktoForm form .mktoButton {
  padding: 20px 40px;
  background-color: #7856ff;
  color: #ffffff;
}
.cmbtn.primary:hover,
div.mktoForm form .mktoButton:hover {
  background-color: #886aff;
}
.cmbtn.primary.white {
  padding: 19px 39px;
  background-color: #ffffff;
  color: #7856ff;
  border: 1px solid #ffffff;
}
.cmbtn.primary.white:hover,
.cmbtn.primary.white:active {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.primary.white:hover.disabled,
.cmbtn.primary.white:active.disabled {
  background-color: #ffffff;
  color: #7856ff;
}
.cmbtn.primary.melon {
  background-color: #FF7055;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.cmbtn.primary.melon:hover,
.cmbtn.primary.melon:active {
  background-color: #ff8169;
}
.cmbtn.primary.secondary-lg {
  background-color: #51cfdb;
  color: #111324;
}
.cmbtn.primary.secondary-lg:hover,
.cmbtn.primary.secondary-lg:active {
  background-color: #6ad6e0;
}
.cmbtn.secondary {
  padding: 10px 25px;
  background: #51cfdb;
  color: #111324;
}
.cmbtn.secondary:hover {
  background-color: #6ad6e0;
}
.cmbtn.secondary.customers-b {
  padding: 20px 40px;
}
.cmbtn.secondary.white {
  padding: 9px 24px;
  background-color: #ffffff;
  color: #51cfdb;
  border: 1px solid #ffffff;
}
.cmbtn.secondary.white:hover,
.cmbtn.secondary.white:active {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.secondary.white:hover.disabled,
.cmbtn.secondary.white:active.disabled {
  background-color: #ffffff;
  color: #51cfdb;
}
.cmbtn.secondary.white.purple {
  color: #7856ff;
}
.cmbtn.secondary.white.purple:hover,
.cmbtn.secondary.white.purple:active {
  color: #ffffff;
}
.cmbtn.secondary.white.gradient-text span {
  background: #7856ff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7856ff 0%, #65b9ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7856ff', endColorstr='#65b9ff',GradientType=1);
  /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cmbtn.secondary.white.gradient-text:hover,
.cmbtn.secondary.white.gradient-text:active {
  background-color: #f0f0f0;
}
.cmbtn.tertiary {
  padding: 9px 24px;
  color: #51cfdb;
  background-color: transparent;
  text-shadow: none;
  border: 1px solid #51cfdb;
}
.cmbtn.tertiary:hover,
.cmbtn.tertiary:active {
  color: #111324;
  background-color: #6ad6e0;
}
.cmbtn.tertiary:hover.disabled,
.cmbtn.tertiary:active.disabled {
  background-color: transparent;
  color: #51cfdb;
}
.cmbtn.tertiary.white {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.cmbtn.tertiary.white:hover,
.cmbtn.tertiary.white:active {
  color: #111324;
  background-color: #ffffff;
}
.cmbtn.tertiary.white:hover.disabled,
.cmbtn.tertiary.white:active.disabled {
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.tertiary.purple {
  color: #7856ff;
  border: 1px solid #7856ff;
}
.cmbtn.tertiary.purple:hover,
.cmbtn.tertiary.purple:active {
  color: #ffffff;
  background-color: #7856ff;
}
.cmbtn.tertiary.purple:hover.disabled,
.cmbtn.tertiary.purple:active.disabled {
  background-color: transparent;
  color: #7856ff;
}
.cmbtn.disabled,
div.mktoForm form .mktoButton.disabled {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
  filter: alpha(opacity=50) !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
  opacity: 0.5 !important;
  cursor: default !important;
}
.cmbtn.tallbtn {
  padding: 20px 40px !important;
}
.cmbtn.tallbtn.tertiary {
  padding: 19px 38px !important;
}
.cmbtn.medbtn,
.cmbtn.shortbtn {
  padding: 11px 25px 11px !important;
}
.cmbtn.medbtn.tertiary,
.cmbtn.shortbtn.tertiary {
  padding: 9px 23px !important;
}
.cmbtn.play {
  display: block;
  position: relative;
}
.cmbtn.play:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 54px;
  margin: -27px 0 0 -40px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/play-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
html.noscroll {
  overflow: hidden;
  position: relative;
  height: 100%;
}
html.noscroll body {
  overflow: hidden;
  position: relative;
  height: 100%;
}
body {
  padding-top: 80px;
}
body.cn {
  padding-top: 112px;
}
header {
  width: 100%;
  height: auto;
  clear: both;
  margin: 0;
  min-width: 320px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 101;
  border: none;
}
header .fullwidth.dark {
  background: #111324;
  height: 80px;
  position: static;
}
header .central {
  position: static;
}
@media only screen and (max-width: 850px) {
  header .central {
    width: 100%;
  }
}
header #topBar {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 850px) {
  header #topBar {
    height: 80px;
  }
}
header #topBar #cmlogo {
  float: left;
  padding: 30px 0 0 0;
  background: none;
  margin: 0 30px 0 0;
  text-indent: -9999px;
  width: 200px;
  overflow: hidden;
}
header #topBar #cmlogo.has-mobile-banner {
  transition: width 0.2s ease-in-out 0.2s;
}
@media only screen and (max-width: 850px) {
  header #topBar #cmlogo.has-mobile-banner.logo-small {
    width: 22px;
    overflow: hidden;
    transition: width 0.2s ease-in-out;
  }
}
header #topBar #cmlogo a {
  width: 200px;
  display: block;
  border: none;
  margin-left: 0;
}
header #topBar #cmlogo a svg {
  display: block;
}
header #topBar #cmlogo a .logo-color {
  fill: #ffffff;
}
@media only screen and (max-width: 1300px) {
  header #topBar #cmlogo {
    width: 150px;
    margin-right: 20px;
  }
  header #topBar #cmlogo a,
  header #topBar #cmlogo svg {
    width: 150px;
    height: 28px;
  }
}
@media only screen and (max-width: 1111px) {
  header #topBar #cmlogo {
    width: 20px;
  }
}
@media only screen and (max-width: 1060px) {
  header #topBar #cmlogo {
    width: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1111px) and (max-width: 1300px) {
  header #topBar #cmlogo {
    width: 20px;
    margin-right: 20px;
  }
  header #topBar #cmlogo a,
  header #topBar #cmlogo svg {
    width: 150px;
    height: 28px;
  }
}
@media only screen and (max-width: 850px) {
  header #topBar #cmlogo {
    width: 200px;
    margin-left: 5%;
  }
}
header #topBar a.menu-link {
  display: none;
}
@media only screen and (max-width: 850px) {
  header #topBar a.menu-link {
    margin: 0 5% 0 0;
    display: block;
    float: right;
    position: relative;
    top: 23px;
    right: -10px;
    padding: 10px;
  }
}
header #topBar a.menu-link span {
  display: block;
  height: 2px;
  width: 15px;
  background: #fff;
  margin: 1px 0 3px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: -webkit-transform 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.1s linear;
}
header #topBar a.menu-link:hover .line-1 {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
header #topBar a.menu-link:hover .line-3 {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
header #topBar a.menu-link.active span {
  -webkit-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -moz-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -ms-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -o-transition: transform 0.2s ease-out, opacity 0.1s linear;
  transition: transform 0.2s ease-out, opacity 0.1s linear;
}
header #topBar a.menu-link.active .line-1 {
  -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
  -moz-transform: translateY(5px) translateX(0) rotate(45deg);
  -ms-transform: translateY(5px) translateX(0) rotate(45deg);
  -o-transform: translateY(5px) translateX(0) rotate(45deg);
  transform: translateY(5px) translateX(0) rotate(45deg);
}
header #topBar a.menu-link.active .line-2 {
  opacity: 0;
}
header #topBar a.menu-link.active .line-3 {
  -webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -o-transform: translateY(-5px) translateX(0) rotate(-45deg);
  transform: translateY(-5px) translateX(0) rotate(-45deg);
}
header #topBar #mobileBanner {
  display: none;
}
@media only screen and (max-width: 850px) {
  header #topBar #mobileBanner {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -200%);
    transition: top 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  header #topBar #mobileBanner a.cmbtn {
    display: block;
    color: #ffffff;
  }
}
@keyframes animateIn {
  0% {
    opacity: 0;
  }
}
header #mainNav {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 850px) {
  header #mainNav {
    height: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    overflow: auto;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
    background-color: rgba(17, 19, 36, 0.97);
  }
  header #mainNav.active {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
header #skipnav {
  position: absolute;
  bottom: 0;
  left: 0;
}
header #skipnav a {
  width: 10em;
  display: block;
  color: #ffffff;
  background: #111324;
  text-decoration: none;
  padding: 5px;
  position: absolute;
  left: -1000em;
  top: 0;
  font-weight: 600;
  font-size: 1.6em;
}
header #skipnav a:focus {
  z-index: 99;
  left: 0;
  outline: #f6f6f7 dashed 1px;
}
header ul#primary {
  display: inline-block;
  background: none;
  border: none;
}
@media only screen and (max-width: 850px) {
  header ul#primary {
    margin: 0;
    min-width: 320px;
    position: relative;
    width: 100%;
  }
}
header ul#primary li {
  float: left;
}
@media only screen and (max-width: 850px) {
  header ul#primary li {
    clear: both;
    margin: 0;
    width: 100%;
  }
}
header ul#primary li.active a {
  color: #51cfdb !important;
}
header ul#primary li.active ul li a {
  color: #111324 !important;
}
header ul#primary li ul li.active a {
  color: #51cfdb !important;
}
header ul#primary li a {
  float: left;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 200;
  letter-spacing: 0.085em;
  padding: 32px 12px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
header ul#primary li a.show-mobile {
  display: none;
}
header ul#primary li a:hover,
header ul#primary li a:active,
header ul#primary li a:focus {
  color: #51cfdb;
}
header ul#primary li a:focus {
  color: #51cfdb;
  outline: #5d5d66 dashed 1px;
}
header ul#primary li a.spacer {
  padding: 0;
}
header ul#primary li a.phonenumber {
  display: none;
}
@media only screen and (max-width: 1400px) {
  header ul#primary li a {
    padding: 32px 7px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 920px) {
  header ul#primary li a {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#primary li a {
    text-transform: none;
    text-align: center;
    font-size: 2em;
    height: auto;
    padding: 15px 0px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  header ul#primary li a.hide-mobile {
    display: none;
  }
  header ul#primary li a.show-mobile {
    display: block;
  }
  header ul#primary li a.phonenumber {
    display: none;
  }
  header ul#primary li a.phonenumber.active {
    display: block;
  }
  header ul#primary li a.active {
    background-color: #7856ff;
    color: #ffffff;
  }
  header ul#primary li a svg {
    transition: all 0.025s linear;
  }
  header ul#primary li a.active svg {
    transform: rotate(180deg);
  }
}
header ul#primary li#cmlogo {
  background: none;
  float: left;
  margin: 0 25px 0 0;
  text-indent: -9999px;
}
header ul#primary li#cmlogo a {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cm-logo.png') top left no-repeat;
  width: 160px;
  background-position: 0 0;
  height: 40px;
  margin-left: 0;
}
header ul#second {
  float: right;
  right: 0;
}
@media only screen and (max-width: 850px) {
  header ul#second {
    clear: both;
    float: none;
    margin: 0;
    padding: 5px 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
header ul#second li {
  float: right;
}
@media only screen and (max-width: 850px) {
  header ul#second li {
    float: none;
  }
}
header ul#second li a:not(.cmbtn) {
  color: #f6f6f7;
  float: left;
  font-size: 1.6em;
  font-weight: 200;
  letter-spacing: 0.085em;
  padding: 32px 12px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
@media only screen and (max-width: 1400px) {
  header ul#second li a:not(.cmbtn) {
    padding: 32px 7px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 920px) {
  header ul#second li a:not(.cmbtn) {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li a:not(.cmbtn) {
    height: auto;
    padding: 0 30px 20px;
    width: 100%;
    float: none;
    margin: 0 auto;
    display: block;
  }
  header ul#second li a:not(.cmbtn).hide-mobile {
    display: none;
  }
}
header ul#second li a:not(.cmbtn):hover,
header ul#second li a:not(.cmbtn):active,
header ul#second li a:not(.cmbtn):focus {
  color: #51cfdb;
}
header ul#second li a:not(.cmbtn):focus {
  color: #51cfdb;
  outline: #5d5d66 dashed 1px;
}
header ul#second li.active a {
  color: #a8e7ed;
}
header ul#second li a.cmbtn {
  margin-left: 10px;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (max-width: 1360px) {
  header ul#second li a.cmbtn {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li a.cmbtn {
    padding: 21px 40px !important;
    width: 90%;
    margin: 10px 5%;
    font-size: 1.6em;
  }
}
header ul#second li a.cmbtn:focus {
  outline: #f6f6f7 dashed 1px;
}
header ul#second li .subnav {
  overflow: hidden;
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  display: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav {
    display: none;
  }
}
header ul#second li .subnav .backing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #174A70;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=98);
  -moz-opacity: 0.98;
  -khtml-opacity: 0.98;
  opacity: 0.98;
}
header ul#second li .subnav.open {
  z-index: 9999;
  display: block;
}
header ul#second li .subnav .central {
  overflow: hidden;
  height: 100%;
  position: relative;
}
header ul#second li .subnav .logo {
  width: 200px;
  display: block;
  border: none;
  height: 20px;
  margin-left: 0;
  text-indent: -9999em;
  margin-top: 30px;
}
header ul#second li .subnav .logo svg {
  display: block;
  width: 200px;
}
header ul#second li .subnav .logo .logo-color {
  fill: #ffffff;
}
@media only screen and (max-width: 970px) {
  header ul#second li .subnav .logo {
    width: 16px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav .logo {
    margin: 0 0 0 21px;
    width: 200px;
    height: 20px;
  }
}
header ul#second li .subnav .close {
  position: absolute;
  top: 20px;
  right: 0;
  width: 21px;
  height: 31px;
  padding: 10px 0;
  cursor: pointer;
  background: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cross-white.svg) no-repeat right center;
  background-size: 12px;
}
header ul#second li .subnav .block {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -180px;
  width: 420px;
  padding: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
  line-height: 1;
  color: #ececed;
  letter-spacing: 0.05em;
}
header ul#second li .subnav .block .title {
  font-size: 1.3em;
  line-height: 1.615em;
  font-weight: 600;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 40px;
  padding-bottom: 6px;
}
header ul#second li .subnav .block .title.small {
  margin-bottom: 26px;
  padding-top: 12px;
}
header ul#second li .subnav .block .number {
  display: block;
  overflow: hidden;
  margin-bottom: 32px;
  -webkit-font-smoothing: subpixel-antialiased;
}
header ul#second li .subnav .block .number .location {
  font-size: 1.1em;
  line-height: 1;
  letter-spacing: 0.05em;
  float: left;
  font-weight: 600;
  position: relative;
  top: 5px;
}
header ul#second li .subnav .block .number .phone {
  font-size: 1.8em;
  line-height: 0.889em;
  font-weight: 200;
  float: right;
}
header ul#second li .subnav .block .number .phone a {
  padding: 0;
  color: #ffffff;
  font-size: 1em;
}
header ul#second li .subnav .block .standalonephone {
  font-size: 2.1em;
  font-weight: 200;
  padding: 0;
  display: block;
  float: none;
  text-transform: initial;
  overflow: visible;
  margin-bottom: 55px;
  color: #ececed;
  text-align: left;
  letter-spacing: 0.01em;
}
header ul#second li .subnav .block .standalonephone a {
  float: none;
  padding-left: 0;
  color: #ececed;
  font-weight: 200;
}
header ul#second li .subnav .block .sublink {
  font-size: 2.1em;
  font-weight: 200;
  padding: 0;
  display: block;
  float: none;
  text-transform: initial;
  overflow: visible;
  margin-bottom: 35px;
  color: #ececed;
  text-align: left;
  letter-spacing: 0.01em;
}
header ul#second li .subnav .block .sublink:after {
  content: '›';
  padding-left: 10px;
  -webkit-transition: padding 0.1s ease-in-out;
  -moz-transition: padding 0.1s ease-in-out;
  -ms-transition: padding 0.1s ease-in-out;
  -o-transition: padding 0.1s ease-in-out;
  transition: padding 0.1s ease-in-out;
}
header ul#second li .subnav .block .sublink:hover {
  color: #ffffff;
}
header ul#second li .subnav .block .sublink:hover:after {
  padding-left: 12px;
}
header ul#second li .subnav .block .title::selection,
header ul#second li .subnav .block .location::selection,
header ul#second li .subnav .block .phone::selection,
header ul#second li .subnav .block .sublink::selection {
  background: #8c6fff;
}
header ul#second li .subnav .block .title::-moz-selection,
header ul#second li .subnav .block .location::-moz-selection,
header ul#second li .subnav .block .phone::-moz-selection,
header ul#second li .subnav .block .sublink::-moz-selection {
  background: #8c6fff;
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav.show-mobile {
    height: auto;
    overflow: visible;
    position: static;
  }
  header ul#second li .subnav.show-mobile .backing {
    display: none;
  }
}
header.leadgen #topBar #cmlogo {
  float: left;
}
header.leadgen #second {
  display: block;
}
header.leadgen #second .cmbtn {
  width: auto;
  padding: 9px 10px 8px !important;
}
header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #111324;
}
.placeholder {
  color: #5d5d66 !important;
}
/* Transparent Version */
body.transparent {
  padding-top: 0 !important;
}
body.transparent header {
  position: relative;
}
body.transparent header .fullwidth.dark {
  background: none;
}
@media only screen and (max-width: 850px) {
  body.transparent header #topBar.active {
    -webkit-transition: background-color 0.35s ease-in-out;
    -moz-transition: background-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out;
    background-color: rgba(17, 19, 36, 0.97);
  }
}
body.transparent header.leadgen #topBar #cmlogo {
  float: none;
  margin: 0 auto;
}
@media only screen and (max-width: 970px) {
  body.transparent header.leadgen #topBar #cmlogo {
    width: 200px;
  }
}
@media only screen and (max-width: 850px) {
  body.transparent header.leadgen #topBar a.menu-link {
    display: none;
  }
}
body.transparent header.leadgen #topBar.active #cmlogo {
  float: left;
  margin-left: 5%;
}
body.transparent header.leadgen #topBar.active a.menu-link {
  display: block;
}
body.transparent header.leadgen #mainNav.active #second {
  display: block;
}
body.transparent header.leadgen #second {
  display: none;
}
body.transparent.headscroll header {
  position: absolute;
  top: 0;
  left: 0;
}
body.headscroll.transparent header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #111324;
}
body.headscroll header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #ffffff;
}
header > div .primary-nav a > svg,
header > div .primary-nav .dropdown {
  display: none;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown {
  position: relative;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown.active svg path {
  stroke: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown > a {
  pointer-events: none;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown svg {
  display: inline-block;
  transition: all 0.2s ease;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown:hover svg {
  transform: rotate(-180deg);
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown:hover svg path {
  stroke: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li ul li.active a {
  position: relative;
  color: #111324 !important;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop ul.primary-nav#primary li ul li.active a {
    color: #51cfdb !important;
  }
}
header > div.feat_drop ul.primary-nav#primary li ul li.active a::after {
  content: '';
  position: absolute;
  height: 2px;
  width: calc(100% - 32px);
  bottom: 0;
  left: 16px;
  background: #111324;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul {
  position: absolute;
  display: none;
  visibility: hidden;
  margin-top: 3.8rem;
  opacity: 0;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: 0px 8px 24px rgba(17, 19, 36, 0.18);
  border-radius: 4px;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:hover > ul,
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:focus-within > ul,
header > div.feat_drop ul.primary-nav#primary ul li ul:hover {
  visibility: visible;
  display: block;
  opacity: 1;
  background: #ffffff;
  z-index: 100;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:hover > ul,
  header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:focus-within > ul,
  header > div.feat_drop ul.primary-nav#primary ul li ul:hover {
    display: none;
    position: relative;
    visibility: hidden;
    opacity: 0;
  }
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li {
  clear: both;
  width: 100%;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li:hover {
  background: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li a {
  padding: 16px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #111324;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li a:hover {
  color: #111324;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li a {
    text-align: left;
    padding-left: 2rem;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown > a {
    pointer-events: none;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown svg {
    transform: rotate(0deg);
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown svg path {
    stroke: #ffffff;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.active .dropdown > .dropdown_item.active > a {
    color: #51cfdb !important;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.active svg path {
    stroke: #51cfdb;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.open svg {
    transform: rotate(-180deg);
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul {
    display: block;
    position: relative;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    background: #111324;
    z-index: 100;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open:hover > ul,
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open:focus-within > ul,
  header > div.feat_drop #mainNav.active ul.primary-nav#primary ul li ul:hover {
    visibility: visible;
    display: block;
    opacity: 1;
    background: #111324;
    z-index: 100;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li {
    clear: both;
    width: 100%;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li:hover {
    background: none;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li a {
    padding: 16px 16px 16px 3rem;
    font-size: 14px;
    font-weight: 200;
    color: #ffffff !important;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li a:hover {
    color: #51cfdb !important;
  }
}
@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
header li.support {
  display: none;
}
@media only screen and (max-width: 850px) {
  header li.support {
    display: block;
  }
}
header .primary-nav,
header .secondary-nav {
  display: inline;
}
header .secondary-nav {
  float: right;
}
@media only screen and (max-width: 850px) {
  header .secondary-nav {
    float: none;
  }
}
section {
  background: #ffffff;
  padding: 8em 0;
}
@media only screen and (max-width: 767px) {
  section {
    padding: 6em 0;
  }
}
section:first-of-type {
  padding-top: 6em;
}
section:first-of-type.shorthead {
  min-height: 352px;
}
section:first-of-type.longhead {
  min-height: 786px;
}
section:first-of-type .inner {
  height: 100%;
}
section:first-of-type .inner.auto {
  height: auto;
}
section.overflow {
  overflow: hidden;
}
section.with-nav:first-of-type {
  padding-top: 140px;
}
section.with-nav:first-of-type.shorthead {
  min-height: 432px;
}
section.with-nav:first-of-type.longhead {
  min-height: 866px;
}
body.transparent section:first-of-type {
  padding-top: 148px;
}
body.transparent section:first-of-type.shorthead {
  min-height: 432px;
}
body.transparent section:first-of-type.longhead {
  min-height: 866px;
}
section#textonly {
  padding-top: 75px;
  overflow: hidden;
}
section#textonly .container {
  width: 100%;
  padding: 50px 0;
}
@media only screen and (max-width: 850px) {
  #login,
  .app-login-line {
    padding: 21px 40px !important;
    width: 90% !important;
    margin: 5px 5% !important;
    font-size: 1.6em;
    background-color: #7856ff;
    color: #ffffff;
    font-weight: 500 !important;
  }
}
h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 5.6em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 4.6em;
  }
}
h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4em;
  line-height: 1.19em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 3em;
  }
}
h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.6em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 2.6em;
  }
}
h4 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.23em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 2em;
  }
}
h5 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h5 {
    font-size: 1.8em;
  }
}
h6 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
  color: #111324;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
}
p {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #111324;
  padding: 0;
  margin: 0 auto 1.25em;
  text-align: left;
}
p:last-child {
  margin-bottom: 0;
}
p.lead {
  font-size: 2.2em;
  line-height: 1.46em;
  margin-bottom: 25px;
}
p span.lead {
  font-size: 1.375em;
  line-height: 1.46em;
}
p.small {
  font-size: 1.4em;
  line-height: 1.615em;
}
p img {
  margin: 20px 0;
  max-width: 547px;
}
p img.inline {
  margin: 0;
}
p img.inline.right {
  float: right;
  margin: 4px 0 25px 30px;
  border: none;
}
p img.inline.left {
  float: left;
  margin: 4px 30px 15px 0;
}
p .green {
  color: #7856ff;
}
p .blue {
  color: #65b9ff;
}
p.color__white {
  color: #ffffff;
}
p a.inline img {
  opacity: 0.8;
}
p a.inline img:hover {
  opacity: 1;
}
p .inline-quote {
  float: right;
  width: 30%;
  margin-right: -4%;
  padding: 0 0 15px 10%;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size-adjust: 0.48;
  font-weight: 200;
  font-style: italic;
  font-size: 1.5em;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  color: #5d5d66;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/blog/quote_lightgrey.png') left top no-repeat;
  background-position: 15% 5px;
}
p i {
  font-style: normal;
}
p strong,
p b {
  font-weight: 600;
  color: #8a8b93;
}
p a.bigbutton {
  font-size: inherit !important;
  margin-left: 0;
}
p a.twitter {
  display: inline;
  color: #65b9ff;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/blog/twitter.png') left center no-repeat #e7f6fc;
  background-size: 13px 11px;
  background-position: 7px center;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 5px 5px 27px;
  margin-right: 5px;
}
p a.twitter:hover {
  color: #5bb4ff;
  background-color: #def3fb;
}
p a.twitter:active {
  background-color: #d0eef9;
}
hgroup {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 6em;
  padding: 0;
  text-align: center;
  border: none;
  overflow: hidden;
}
@media only screen and (max-width: 520px) {
  hgroup {
    margin: 0 auto 4em;
  }
}
hgroup p {
  text-align: center;
}
hgroup p:last-child {
  margin-bottom: 0;
}
blockquote {
  width: 70%;
  margin: 0 7.5% 40px 11%;
  font-size: 2.2em;
  line-height: 1.45em;
  color: #5d5d66;
  border-left: 2px solid #65b9ff;
  padding: 0 0 0 5%;
  clear: both;
}
blockquote:before {
  content: '“';
}
blockquote:after {
  content: '”';
}
/* FORM ELEMENTS */
label {
  position: relative;
  display: block;
}
label span {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #5d5d66;
}
label span em,
label span .required {
  padding: 0 0.2em;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='search'],
input[type='url'],
input#siteurl,
textarea,
select {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #111324;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #727272;
  padding: 12px 17px;
  margin: 2px 0 11px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  resize: none;
  width: 100%;
}
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover,
input[type='password']:hover,
input[type='number']:hover,
input[type='search']:hover,
input[type='url']:hover,
input#siteurl:hover,
textarea:hover,
select:hover {
  border: 1px solid #5d5d66;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='url']:focus,
input#siteurl:focus,
textarea:focus,
select:focus,
input[type='text']:active,
input[type='email']:active,
input[type='tel']:active,
input[type='password']:active,
input[type='number']:active,
input[type='search']:active,
input[type='url']:active,
input#siteurl:active,
textarea:active,
select:active {
  border: 1px solid #65b9ff;
}
input[type='text'].error,
input[type='email'].error,
input[type='tel'].error,
input[type='password'].error,
input[type='number'].error,
input[type='search'].error,
input[type='url'].error,
input#siteurl.error,
textarea.error,
select.error {
  border: 1px solid #ffde4d;
}
input[type='search'] {
  background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/search-icon.svg');
  background-image: none\9;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 14px center;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  height: 100px;
}
::-webkit-input-placeholder {
  color: #5d5d66;
  font-style: italic;
}
::-moz-placeholder {
  color: #5d5d66;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #5d5d66;
  font-style: italic;
}
:-moz-placeholder {
  color: #5d5d66;
  font-style: italic;
}
.custom-select {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 2px 0 11px;
  width: 100%;
  cursor: pointer;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #727272;
}
.custom-select option {
  font-weight: normal;
}
.custom-select:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  top: 50%;
  right: 14px;
  margin-top: -3px;
  background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/dropdown-arrow.svg');
  background-image: none\9;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}
.custom-select:hover,
.custom-select:focus,
.custom-select:active {
  border: 1px solid #5d5d66;
  outline: none;
}
.custom-select.error {
  border: 1px solid #ffde4d;
}
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 1.6em;
  padding-right: 23px;
}
.custom-select select:hover,
.custom-select select:focus,
.custom-select select:active {
  outline: none;
  background: transparent;
}
.custom-checkbox-container {
  padding-right: 20px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.custom-checkbox-container label {
  align-self: center;
}
@media only screen and (max-width: 1100px) {
  .custom-checkbox-container {
    width: 100%;
    clear: left;
    height: 35px;
  }
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 8px;
  cursor: pointer;
  align-self: center;
}
.custom-checkbox span {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #727272;
  background-color: #ffffff;
  -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.custom-checkbox input[type='checkbox'] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-checkbox input[type='checkbox']:checked + span {
  border: 1px solid #7856ff;
  background-color: #7856ff;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/checkbox-tick.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkbox.large span {
  width: 33px;
  height: 33px;
}
.custom-checkbox.large input[type='checkbox']:checked + span {
  background-size: 17px;
}
.custom-checkbox.large + label {
  font-size: 1.6em;
  line-height: 20px;
}
.custom-checkbox.white span {
  border-color: #ffffff;
  background-color: transparent;
}
.custom-checkbox.white input[type='checkbox']:checked + span {
  border-color: #ffffff;
  background-color: #ffffff;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/checkbox-tick-blue.svg);
}
.toggle-radio {
  position: relative;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #5d5d66;
  height: 20px;
  min-width: 45px;
  display: inline-block;
  overflow: hidden;
}
.toggle-radio label {
  height: 0;
  overflow: hidden;
  position: static !important;
  text-align: center !important;
  line-height: 21px;
  text-transform: uppercase;
  font-size: 1.1em !important;
  color: #ffffff !important;
  background-color: #5d5d66;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.toggle-radio label:first-of-type {
  padding-left: 15px;
}
.toggle-radio label:last-of-type {
  padding-right: 15px;
}
.toggle-radio > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  width: 15px;
  height: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #f6f6f7;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/toggle-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.toggle-radio input[type='radio'] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 100%;
  cursor: pointer;
  background: none;
  appearence: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  z-index: 1;
}
.toggle-radio input[type='radio']:checked + label {
  height: 20px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.toggle-radio input[type='radio']:first-of-type {
  left: 0;
}
.toggle-radio input[type='radio']:first-of-type:checked + label {
  background-color: #5d5d66;
}
.toggle-radio input[type='radio']:first-of-type:checked ~ span {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3px;
  right: auto;
  background: #f6f6f7;
}
.toggle-radio input[type='radio']:last-of-type {
  right: 0;
}
.toggle-radio input[type='radio']:last-of-type:checked + label {
  background-color: #7856ff;
}
.toggle-radio input[type='radio']:last-of-type:checked ~ span {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3px;
  left: auto;
  background: #f6f6f7;
}
.toggle-radio.white {
  border-color: #ffffff;
  background-color: transparent;
}
.toggle-radio.white label {
  color: #ffffff;
}
.toggle-radio.white > span {
  border-color: #ffffff;
  background-color: transparent;
}
.slideshow .handles {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slideshow .handles .handle {
  width: 11px;
  height: 11px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ececed;
  background-color: #ffffff;
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  cursor: pointer;
}
.slideshow .handles .handle.current {
  border: 1px solid rgba(81, 207, 219, 0.35);
  background-color: #7bdbe4;
}
.slideshow.dark .handles .handle {
  border: 1px solid #ffffff;
  background-color: transparent;
}
.slideshow.dark .handles .handle.current {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background-color: #ffffff;
}
.content hr {
  float: left;
  width: 85%;
  border: none;
  border-top: 1px solid #ececed;
  height: 0;
  margin: 20px 7.5% 45px 7.5%;
}
.content hr.sectionbreak {
  border: none;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/sectionbreak.png') repeat-x;
  height: 7px;
  width: 100%;
  margin: 30px 0 60px 0;
}
.content ol,
.content ul,
.content address {
  width: 85%;
  font-size: 1.3em;
  line-height: 1.6em;
  margin: 0 7.5% 20px 7.5%;
}
.content address {
  color: #5d5d66;
}
.content img {
  max-width: 679px;
  height: auto;
}
.content .label,
.content span.label {
  padding: 2px 4px 3px;
  line-height: 2em;
  font-size: 0.85em;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  background: #4badff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.content .label.warning,
.content span.label.warning {
  background: #f4215b;
  color: #ffffff;
}
.content .label.success,
.content span.label.success {
  background: #643dff;
}
.content .label.or,
.content span.label.or {
  background: #ececed;
  color: #ffffff;
}
.content cite {
  float: left;
  width: 70%;
  margin: 0 7.5% 0 11%;
  border-left: 2px solid #93ceff;
  padding: 0 0 20px 5%;
  font-size: 1.3em;
  color: #111324;
  font-weight: bold;
}
.content ol {
  list-style-type: decimal;
  margin-bottom: 40px;
}
.content ul {
  list-style-type: disc;
  margin-top: 8px;
  margin-bottom: 40px;
}
.content ul.slim {
  width: 70%;
  clear: both;
}
.content ul.slimline {
  clear: both;
  margin-bottom: 20px;
}
.content ul.slimline li {
  margin-bottom: 10px;
}
.content ol li,
.content ul li {
  width: 80%;
  margin-bottom: 15px;
  margin-left: 7.5%;
  padding: 0 0 0 3%;
  line-height: 1.5em;
  color: #111324;
}
.content ol li b,
.content ul li b,
.content ol li strong,
.content ul li strong {
  color: #111324;
  font-weight: 600;
}
.content ol li i,
.content ul li i {
  font-style: normal;
}
.content .gallerypost {
  float: left;
  width: auto;
  background: #ececed;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 0 40px 7%;
}
.content .gallerypost a {
  float: left;
  border: 1px solid #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  padding: 6px;
}
.content .gallerypost a .image {
  margin: 0;
  padding: 0;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.content .gallerypost a:hover {
  border-color: #d2d2d4;
}
.content .galleryimage {
  float: left;
  width: 100%;
  margin: 20px 0 40px 0;
  position: relative;
}
.content .galleryimage.inline {
  width: 306px;
  clear: none;
  margin: 0 5px 15px 0;
}
.content .galleryimage.inline.first {
  margin-left: 25px;
}
.content .galleryimage p {
  position: absolute;
  font-style: italic;
  width: 230px;
  left: 320px;
  bottom: -18px;
  color: #5d5d66;
  padding: 0 0 0 10px;
  border-left: 1px solid #f6f6f7;
}
.content .galleryimage .gallery {
  float: left;
  width: 300px;
  clear: both;
  background: #f6f6f7;
  padding: 0;
  margin: 0 0 0 7%;
  border: 3px solid #ececed;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.content .galleryimage .gallery:hover {
  background: #e0e0e4;
}
.content .galleryimage .gallery img {
  width: 300px !important;
  height: auto !important;
  margin: 0;
}
.content .galleryimage .gallery img.scaled {
  width: auto !important;
}
.content .galleryimage .gallery a,
.content .galleryimage .gallery .thumb {
  float: left;
  padding: 0;
  margin: 1px;
  border: 2px solid #ffffff;
  width: 294px;
  height: 186px;
  overflow: hidden;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/blog/campaignmonitor_marque_grey_small.gif') center no-repeat #ffffff;
}
.content div.figure {
  float: left;
  width: 92.5%;
  margin: 10px 0 30px 7.5%;
}
.content div.figure img {
  margin: 0 !important;
}
.content iframe {
  float: left;
  max-width: 577px;
  margin: 0 0 30px 7.5%;
  clear: both;
}
.content iframe.fullvideo {
  margin: 10px 0 40px 0;
  width: 679px;
  max-width: 679px;
}
.content p iframe {
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.content table {
  margin: 30px 0 50px 7.5%;
  width: 85% !important;
  border: 1px solid #ececed;
  border-collapse: collapse;
  border-bottom: none;
}
.content table.float {
  float: left;
}
.content table td {
  border-bottom: 1px solid #ececed;
  text-align: left;
  padding: 10px 6px;
  font-size: 1.4em;
}
.content table td.comment {
  font-size: 1.2em;
  color: #5d5d66;
  text-align: center;
}
.content table td.center {
  text-align: center;
}
.content table td.green {
  background: #F6FDE4;
  border-bottom-color: #d5eb9d;
  color: #5b9510;
  border-left: 1px solid #d5eb9d;
}
.content table tr.header {
  background: #ececed;
}
.content table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
.content table tr.inset {
  color: #5d5d66;
}
.content table tr.inset td.element-style.inset {
  padding-left: 20px;
}
.content table tr.green td {
  color: #111324;
  background: #F6FDE4;
}
.content table tr:hover {
  background: #ececed;
}
.content table tr:hover.green td,
.content table tr:hover td.green {
  background: #eefbcc;
}
.content table tr:hover td.no-hl {
  background: #ffffff;
}
.content table thead tr,
.content table tr.header {
  background: #ececed;
}
.content table thead tr td,
.content table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
.content table thead tr td.green,
.content table tr.header td.green {
  color: #111324;
}
.content table thead tr.slab td,
.content table tr.header.slab td {
  border-bottom-width: 2px;
}
.content table thead tr:hover td.green,
.content table tr.header:hover td.green {
  background: #F6FDE4;
}
.content table.borders td {
  border-left: 1px solid #ececed;
}
.content table.big {
  font-size: 1.1em;
}
.content table.big td {
  padding-top: 13px;
  padding-bottom: 13px;
}
.content table#keyguide {
  border: none;
  margin: 0 0 20px 12%;
}
.content table#keyguide td {
  border: none;
  width: 33%;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #5d5d66;
}
.content table#keyguide td .key {
  display: inline-block;
  *display: inline;
  width: 10px;
  overflow: hidden;
  text-indent: -9000px;
  height: 10px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
.content table#keyguide td strong {
  font-weight: 500;
  color: #111324;
}
.content table#keyguide tr:hover {
  background: none;
}
.content dl {
  float: left;
  width: 80%;
  margin: 30px 7.5% 20px 7.5%;
}
.content dl dt {
  float: left;
  width: 20%;
  height: 100%;
  font-size: 1.3em;
  line-height: 1.5em;
  clear: both;
  color: #5d5d66;
}
.content dl dt:first-child {
  color: #111324;
}
.content dl dd {
  float: right;
  position: relative;
  width: 75%;
  clear: right;
  margin: 0 10px 30px 0;
  border-left: 2px solid #93ceff;
}
.content dl dd p {
  width: 95%;
  padding: 0;
  margin: 0 0 0 5%;
}
.content .pullout,
.content p.alert-1,
.content p.alert-2 {
  float: left;
  width: 85%;
  margin: 0 4.5% 20px 4.5%;
  padding: 13px 3%;
  border: 1px solid #93ceff;
  background: #F8FDFE;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #111324;
}
.content .pullout.success,
.content p.alert-1.success,
.content p.alert-2.success {
  background: #F6FDE4;
  border-color: #d1eea8;
  color: #62931d;
}
.content .pullout.success strong,
.content p.alert-1.success strong,
.content p.alert-2.success strong {
  color: #7EBD26;
}
.content .pullout.warning,
.content p.alert-1.warning,
.content p.alert-2.warning {
  background: #fff3c5;
  border-color: #ffe378;
  color: #937f38;
}
.content .pullout.warning strong,
.content p.alert-1.warning strong,
.content p.alert-2.warning strong {
  color: #b89f46;
}
.content .pullout.warning h5,
.content p.alert-1.warning h5,
.content p.alert-2.warning h5 {
  color: #b89f46;
  font-weight: bold;
  font-size: 0.85em;
  margin: 0 0 8px 0;
  padding: 0;
  text-transform: uppercase;
}
.content .pullout.warning a,
.content p.alert-1.warning a,
.content p.alert-2.warning a {
  color: #493f1c;
}
.content .pullout strong,
.content p.alert-1 strong,
.content p.alert-2 strong {
  display: inline;
  color: #65b9ff;
  margin: 0 5px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
}
.content p.alert-2 {
  background: #fff3c5;
  border-color: #ffe378;
  color: #937f38;
}
.content p.alert-2 strong {
  color: #b89f46;
}
.content .breakout {
  float: left;
  clear: both;
  position: relative;
  width: 89.5%;
  margin: 20px 0 40px 4.5%;
  border: 1px solid #93ceff;
  background: #F8FDFE;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 10px 0;
}
.content .breakout h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #65b9ff;
  margin: 30px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .content .breakout h3 {
    font-size: 1.8em;
  }
}
.content .breakout .verdict {
  position: absolute;
  width: 49px;
  height: 49px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/verdict.png') top center no-repeat;
  top: -20px;
  right: 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.content .breakout .verdict.good {
  background-position: bottom center;
}
.content pre {
  max-width: 600px;
  width: 100%;
  margin: 10px 0 40px 0px;
  padding: 20px;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  color: #111324;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 800px;
  overflow: auto;
}
.content .codebox h5 {
  margin: 0;
}
.content .codeblock {
  float: left;
  width: 88%;
  margin: 10px 0% 40px 4.5%;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #111324;
}
.content .codeblock code {
  float: left;
  width: 90%;
  padding: 10px 25px !important;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  color: #111324;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  max-height: 800px;
  overflow: auto;
}
.content .syntax {
  float: left;
  width: 650px;
  background: #111324;
  margin: 10px 0 40px 19px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.content .syntax .codehead {
  position: relative;
  float: left;
  width: 100%;
  background: #F8FDFE;
  border: 1px solid #93ceff;
  border-bottom: none;
  padding: 13px 19px;
  font-size: 1.2em;
}
.content .syntax .codehead .method {
  color: #65b9ff;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .content .syntax .codehead .method {
    font-size: 1.8em;
  }
}
.content .syntax .codehead strong {
  color: #65b9ff;
  font-weight: 500;
}
.content .syntax .codehead code {
  margin: 0 0 0 10px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.2em;
  color: #5d5d66;
}
.content .syntax .codehead .switch {
  position: absolute;
  right: 10px;
  top: 9px;
  background: #ffffff;
  padding: 1px;
  border: 1px solid #93ceff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.content .syntax .codehead .switch a {
  float: left;
  padding: 5px 6px;
  color: #5d5d66;
  font-size: 0.85em;
  font-weight: 500;
}
.content .syntax .codehead .switch a.active {
  background: #7856ff;
  color: #ffffff;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.content .syntax .border {
  float: left;
  margin: 0;
  padding: 20px 19px;
  border: 1px solid #ececed;
  background: #ffffff;
  color: #111324;
  width: 610px;
}
.content .syntax .border pre {
  float: none;
  width: 100%;
  padding: 0;
  border: none;
}
.content .syntax pre {
  float: left;
  margin: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 608px;
  padding: 20px 19px;
  border-left: 3px solid #111324;
}
.content .syntax pre.border {
  border-top-color: #93ceff;
}
.content .syntax p {
  float: right;
  margin: 0;
  padding: 20px 19px;
  border: 1px solid #ececed;
  background: #ffffff;
  color: #111324;
  width: 627px;
  border-left: 3px solid #111324;
}
.content .syntax p.border {
  border-top-color: #93ceff;
}
.content .syntax p .label {
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1;
  line-height: 1;
  margin-right: 12px;
}
.content .plaintext {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 40px;
}
.content .plaintext .margins {
  position: absolute;
  height: 206px;
  width: 2px;
  border-left: 1px solid rgba(243, 177, 157, 0.4);
  border-right: 1px solid rgba(243, 177, 157, 0.4);
  left: 8%;
  top: 0;
  z-index: 100;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.content .plaintext .margins.auto {
  height: 98%;
}
.content .plaintext textarea,
.content .plaintext pre {
  float: left;
  width: 76%;
  height: 150px;
  margin: 0 4.5%;
  padding: 28px 7.5%;
  resize: none;
  border: none;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 25px;
  color: #111324;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2edca), color-stop(5%, #fcfae8));
  background: -moz-repeating-linear-gradient(top, #fcfae8, #fcfae8 24px, #f2edca 25px);
  background: repeating-linear-gradient(top, #fcfae8, #fcfae8 24px, #f2edca 25px);
  -webkit-background-size: 100% 25px;
  outline: none;
}
.content .plaintext pre {
  height: auto;
  outline: none;
  max-height: 800px;
  overflow: auto;
}
.content .plaintext .ripped {
  float: left;
  width: 91%;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/blog/ripped_paper_yellow.gif') left bottom repeat-x;
  height: 9px;
  margin: 0 4.5%;
}
.content img.border {
  border: 1px solid #ececed;
}
.content .image {
  float: left;
  margin: 0 7.5% 20px 7.5%;
  border: none;
  padding: 0;
  outline: none;
}
.content .fullimage {
  float: left;
  margin: 10px 0 30px 0;
  border: none;
  padding: 0;
  outline: none;
}
.content .image.spacer,
.content .fullimage.spacer {
  margin-top: 30px;
  margin-bottom: 50px;
}
.content .caption {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.content .caption img.image,
.content .caption img.fullimage,
.content .caption img.spacer {
  margin-bottom: 15px;
}
.content .caption p {
  margin-top: 0;
  color: #5f5f69;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ececed;
}
.content .caption p em {
  font-style: italic;
}
.content ul.recentlist {
  width: 91%;
  list-style: none;
  padding: 0;
  margin: 0 4.5%;
}
.content ul.recentlist li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ececed;
}
.content ul.recentlist li a {
  float: left;
  width: 93%;
  padding: 12px 3.5%;
  margin: 1px 0;
}
.content ul.recentlist li a:hover {
  background: #effafd;
}
.content .halfbox {
  float: left;
  background: #f6f6f7;
  margin: 10px 1% 50px 4%;
  width: 38%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 3.5%;
  font-size: 1.2em;
  color: #111324;
}
.content .halfbox.right {
  margin: 10px 4% 50px 1%;
}
.content .halfbox .row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e9e9eb;
  padding: 8px 0;
}
.content .halfbox .row.last {
  border-bottom: none;
}
.content .halfbox .row strong {
  font-weight: 500;
  color: #111324;
}
.content .halfbox .row .percent {
  float: right;
  width: 70px;
  text-align: right;
}
.content .halfbox .row .percent.mover {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/green_arrow_up.gif') left center no-repeat;
}
.content .halfbox .row .percent.shaker {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/red_arrow_down.gif') left center no-repeat;
}
.content a.bigbutton {
  float: left;
  margin: 20px 0 20px 5.5%;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/arrow_right_white_padded.gif') right center no-repeat #7EBD26;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 27px 9px 13px;
  font-size: 1.2em;
}
.content a.bigbutton:hover {
  background-color: #57ad17;
}
.content a.bigbutton:active {
  background-color: #4c9614;
}
.content a.bigbutton.blue {
  background-color: #7856ff;
}
.content a.bigbutton.blue:hover {
  background-color: #8c6fff;
}
.content a.bigbutton.blue:active {
  background-color: #7856ff;
}
.content a.bigbutton.download {
  background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/download.gif');
  background-position: right center;
}
.content a.bigbutton.download span {
  color: #ded6ff;
}
.content a.bigbutton.download:active {
  background-position: right 60%;
}
.content .clear {
  float: left;
  width: 100%;
  clear: both;
}
#hailmary {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 10001;
}
#hailmary > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 540px;
}
#hailmary a {
  display: block;
}
#hailmary a img {
  max-width: 100%;
  height: auto;
}
#hailmary span.close {
  position: absolute;
  top: -22px;
  right: -22px;
  width: 12px;
  height: 12px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cross-dark.svg);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
  #hailmary span.close {
    right: 0;
  }
}
section#signup {
  padding: 15em 0;
  background: #65b9ff;
  background: -moz-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  background: -webkit-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  background: linear-gradient(to right, #7856ff 0%, #65b9ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7856ff', endColorstr='#65b9ff', GradientType=1);
}
section#signup .inner {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
section#signup h3 {
  color: #ffffff;
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin-bottom: 40px;
}
section#signup p {
  color: #ffffff;
  max-width: 500px;
  text-align: center;
  margin-bottom: 40px;
}
section#signup .btn-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  max-width: 460px;
  margin: 0 auto;
}
section#signup .btn-container a {
  width: 100%;
  margin: 0;
}
section#signup .btn-container > a,
section#signup .btn-container > span,
section#signup .btn-container > div {
  flex-basis: 50%;
}
section#signup .btn-container > span.wistia_embed > div {
  width: 100% !important;
}
section#signup .btn-container > :first-child {
  margin-right: 8px;
}
section#signup .btn-container > :last-child {
  margin-left: 8px;
}
@media only screen and (max-width: 511.52px) {
  section#signup .btn-container {
    display: block;
    margin: 0 auto;
  }
  section#signup .btn-container > :first-child,
  section#signup .btn-container > :last-child {
    clear: both;
    display: block;
    width: 222px;
    text-align: center;
    margin: 10px auto;
  }
}
section.cm-cta-strip .inner {
  text-align: center;
}
section.cm-cta-strip p {
  max-width: 530px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
section.cm-cta-strip p.lead {
  max-width: 850px;
}
section.cm-cta-strip .btn-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  max-width: 450px;
  margin: 0 auto;
}
section.cm-cta-strip .btn-container a {
  width: 100%;
  margin: 0;
}
section.cm-cta-strip .btn-container > a,
section.cm-cta-strip .btn-container > span,
section.cm-cta-strip .btn-container > div {
  flex-basis: 50%;
}
section.cm-cta-strip .btn-container > span.wistia_embed > div {
  width: 100% !important;
}
section.cm-cta-strip .btn-container > :first-child {
  margin-right: 8px;
}
section.cm-cta-strip .btn-container > :last-child {
  margin-left: 8px;
}
@media only screen and (max-width: 500.4px) {
  section.cm-cta-strip .btn-container {
    display: block;
    margin: 0 auto;
  }
  section.cm-cta-strip .btn-container > :first-child,
  section.cm-cta-strip .btn-container > :last-child {
    clear: both;
    display: block;
    width: 217px;
    text-align: center;
    margin: 10px auto;
  }
}
section.cm-cta-strip.grey {
  background-color: #f6f6f7;
}
section.cm-cta-strip.dark {
  background: #111324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #111324 0%, #212547 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111324 0%, #212547 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111324 0%, #212547 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111324', endColorstr='#212547',GradientType=1);
  /* IE6-9 */
}
section.cm-cta-strip.dark p {
  color: #ffffff;
}
footer {
  width: 100%;
  min-width: 320px;
  position: relative;
  color: #f6f6f7;
  background: #111324;
  padding: 60px 0 44px 0;
  text-align: left;
  clear: both;
}
footer .main-footer {
  overflow: hidden;
}
footer .main-footer .logo {
  float: left;
}
@media only screen and (max-width: 1100px) {
  footer .main-footer .logo {
    float: none;
    margin-bottom: 45px;
  }
}
footer .main-footer .logo a.home-nav-link {
  display: block;
  height: 20px;
  margin: 0;
  width: 200px;
}
footer .main-footer .logo a.home-nav-link svg {
  display: block;
}
footer .main-footer .logo a.home-nav-link .logo-color {
  fill: #ffffff;
}
footer .main-footer .menu {
  float: right;
  width: 680px;
}
@media only screen and (max-width: 1100px) {
  footer .main-footer .menu {
    float: none;
    max-width: 680px;
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  footer .main-footer .menu {
    float: none;
    max-width: 370px;
    width: 100%;
  }
}
footer .main-footer .menu dl {
  float: left;
  width: 25%;
}
@media only screen and (max-width: 750px) {
  footer .main-footer .menu dl {
    width: 50%;
    margin-bottom: 30px;
  }
  footer .main-footer .menu dl:nth-child(2n+1) {
    clear: both;
  }
  footer .main-footer .menu dl:nth-child(1),
  footer .main-footer .menu dl:nth-child(3) {
    width: 60%;
  }
  footer .main-footer .menu dl:nth-child(2),
  footer .main-footer .menu dl:nth-child(4) {
    width: 40%;
  }
  footer .main-footer .menu dl:nth-child(3),
  footer .main-footer .menu dl:nth-child(4) {
    margin-bottom: 0;
  }
}
footer .main-footer .menu dl dt {
  font-size: 1.3em;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 15px 0;
  color: #8a8b93;
}
footer .main-footer .menu dl dt a {
  color: #8a8b93;
  font-weight: 500;
}
footer .main-footer .menu dl dd {
  font-size: 1.3em;
  padding: 0 0 12px 0;
}
footer .main-footer .menu dl dd.nopad {
  padding: 0;
}
footer .main-footer .menu dl dd a {
  color: #ffffff;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .main-footer .menu dl dd a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .main-footer .menu dl dd .phonenumber {
  display: none;
  color: #5d5d66;
  cursor: pointer;
  padding: 0 0 12px 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .main-footer .menu dl dd .phonenumber.active {
  display: block;
}
footer .main-footer .menu dl dd .phonenumber:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .sub-footer {
  border-top: 1px solid #5d5d66;
  margin-top: 40px;
  padding: 26px 0 0;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer {
    text-align: center;
  }
}
footer .sub-footer .cmbtn {
  float: left;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .cmbtn {
    float: none;
  }
}
footer .sub-footer #subForm {
  float: left;
  position: relative;
  width: auto;
  overflow: visible;
  background: transparent;
  display: inline-block;
}
@media only screen and (max-width: 1100px) {
  footer .sub-footer #subForm {
    float: none;
  }
}
footer .sub-footer #subForm label {
  display: inline-block;
}
footer .sub-footer #subForm input[type=email] {
  width: 310px;
  font-size: 1.3em;
  padding-top: 9px;
  padding-bottom: 9px;
  margin: 0 16px 0 0;
}
footer .sub-footer #subForm span.label {
  font-size: 1.1em;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
footer .sub-footer #subForm span.label.error {
  color: #937f38;
}
footer .sub-footer #subForm .error_field {
  bottom: 4px;
  right: 20px;
  position: absolute;
  z-index: 10;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffefa6;
  border: 1px solid #ffde4d;
  color: #5d5d66;
  padding: 0 15px;
}
footer .sub-footer #subForm #subForm-check-alive {
  display: none;
}
footer .sub-footer #subForm #subResponse {
  font-size: 1.2em;
  display: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #e4ddff;
  border: 1px solid #7856ff;
  color: #5d5d66;
  text-align: center;
  line-height: 38px;
}
footer .sub-footer #subForm #subResponse.show {
  display: block;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer #subForm {
    text-align: center;
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
  }
  footer .sub-footer #subForm label,
  footer .sub-footer #subForm input[type=email] {
    display: block;
    width: 100%;
  }
  footer .sub-footer #subForm .cmbtn {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  footer .sub-footer #subForm #subResponse {
    line-height: 88px;
  }
}
footer .sub-footer .footnotes {
  float: right;
  width: 683px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes {
    float: left;
    width: auto;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  footer .sub-footer .footnotes {
    display: block;
    float: none;
    padding-left: 0px;
    clear: both;
    margin-top: 4px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes {
    text-align: center;
  }
}
footer .sub-footer .footnotes .social {
  float: left;
  margin-top: 11px;
  margin-right: 12px;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .social {
    float: none;
    margin: 11px 0 0;
    display: inline-block;
  }
}
footer .sub-footer .footnotes .social a {
  color: #bebec2;
  font-size: 1.1em;
  margin-right: 18px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  float: left;
  height: 18px;
  line-height: 18px;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .sub-footer .footnotes .social a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .sub-footer .footnotes .social .phone {
  display: none;
}
@media only screen and (max-width: 1060px) {
  footer .sub-footer .footnotes .social .phone {
    display: inline;
  }
  footer .sub-footer .footnotes .social .phone .number {
    display: inline-block;
    top: -1px;
    text-indent: -9999em;
    overflow: hidden;
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/footer-phone@2x.png');
    background-position: 2px 2px;
    background-size: 16px 36px;
  }
  footer .sub-footer .footnotes .social .phone .number:hover {
    background-position: 2px -18px;
  }
}
@media only screen and (max-width: 620px) {
  footer .sub-footer .footnotes .social .phone .number {
    margin: 0 10px;
    float: none;
    position: relative;
    top: 1px;
  }
}
footer .sub-footer .footnotes .social .twitter svg {
  margin-top: 1.5px;
}
footer .sub-footer .footnotes .foot-line {
  float: right;
  width: 498px;
  font-size: 1.2em;
  line-height: 1.8em;
  margin-top: 11px;
  color: #bebec2;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line {
    float: left;
    width: auto;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    display: flex;
    flex-direction: column;
  }
}
footer .sub-footer .footnotes .foot-line a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .sub-footer .footnotes .foot-line a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line a {
    padding: 0 0 12px 0;
  }
}
footer .sub-footer .footnotes .foot-line .sep {
  width: 1px;
  height: 18px;
  position: relative;
  top: 5px;
  display: none;
  background-color: #8a8b93;
  margin: 0 5px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .sep {
    display: inline-block;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line .sep {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .first-sep {
  width: 1px;
  height: 13px;
  position: relative;
  top: 2px;
  display: inline-block;
  background-color: #8a8b93;
  margin: 0 5px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .first-sep {
    top: 5px;
    height: 18px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line .first-sep {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .right {
  float: right;
  width: 200px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .right {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 1060px) {
  footer .sub-footer .footnotes .foot-line .phone {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .phone .phonenumber {
  display: none;
}
footer .sub-footer .footnotes .foot-line .phone .phonenumber.active {
  display: inline;
}
footer .cm-group {
  clear: both;
  margin-top: 6em;
  padding-top: 6em;
  text-align: center;
}
footer .cm-group span {
  font-size: 1.2em;
  color: #bebec2;
}
footer .cm-group span a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .cm-group span a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .cm-group .logos {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 25px;
}
footer .cm-group .logos a {
  line-height: 0;
  margin-bottom: 15px;
}
footer .cm-group .logos img {
  margin: 0;
  height: 12px;
}
footer .cm-group .logos img.cmg {
  height: 3rem;
}
footer .cm-group .logos img.marigold {
  height: 2rem;
}
@media only screen and (max-width: 767px) {
  footer .cm-group {
    padding-top: 3em;
  }
  footer .cm-group .logos {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 460px) {
  footer .cm-group .logos {
    max-width: 160px;
  }
  footer .cm-group .logos img.cm {
    margin-bottom: -3px;
  }
  footer .cm-group .logos img.lc {
    bottom: 6px;
  }
}
footer.streamline {
  padding-top: 30px;
}
@media only screen and (max-width: 640px) {
  footer.streamline {
    padding-top: 60px;
  }
}
footer.streamline .central {
  padding-top: 10px;
}
footer.streamline .main-footer {
  overflow: visible;
}
footer.streamline .logo {
  position: relative;
  top: 5px;
  float: left;
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  footer.streamline .logo {
    float: none;
    margin-bottom: 15px;
  }
  footer.streamline .logo a.home-nav-link {
    margin: 0 auto;
  }
}
footer.streamline .sub-footer {
  float: right;
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  footer.streamline .sub-footer {
    float: none;
  }
}
@media only screen and (max-width: 400px) {
  footer.streamline .sub-footer {
    max-width: 200px;
    margin: 0 auto;
  }
}
footer.streamline .sub-footer .foot-line {
  float: right;
  font-size: 1.2em;
  line-height: 1;
  margin: -1px 0 0 0;
  color: #5d5d66;
}
@media only screen and (max-width: 1260px) {
  footer.streamline .sub-footer .foot-line {
    float: left;
    width: auto;
  }
}
@media only screen and (max-width: 575px) {
  footer.streamline .sub-footer .foot-line {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    display: flex;
    flex-direction: column;
  }
}
footer.streamline .sub-footer .foot-line a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer.streamline .sub-footer .foot-line a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer.streamline .sub-footer .foot-line .sep {
  width: 1px;
  height: 18px;
  position: relative;
  top: 5px;
  display: inline-block;
  background-color: #8a8b93;
  margin: 0 5px;
}
footer.streamline .sub-footer .foot-line .right {
  float: right;
  width: 320px;
}
@media only screen and (max-width: 1260px) {
  footer.streamline .sub-footer .foot-line .right {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 1060px) {
  footer.streamline .sub-footer .foot-line .phone {
    display: none;
  }
}
footer.streamline .sub-footer .foot-line .phone .phonenumber {
  display: none;
}
footer.streamline .sub-footer .foot-line .phone .phonenumber.active {
  display: inline;
}
@media only screen and (max-width: 1060px) {
  footer.streamline .sub-footer .foot-line {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 640px) {
  footer.streamline .sub-footer .foot-line {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  footer.streamline .sub-footer .foot-line .sep {
    display: inline-block;
    margin: 0 2px;
  }
}
#cookie-notification {
  background: #174A70;
  position: fixed;
  z-index: 99999;
  top: 100%;
  left: 0;
  width: 100%;
}
#cookie-notification .inner {
  padding: 10px 0;
  width: 90%;
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#cookie-notification p {
  position: relative;
  width: 100%;
  padding-right: 30px;
  max-width: 780px;
  margin: 0;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #f6f6f7;
}
#cookie-notification #cookie-consent {
  width: 215px;
  text-align: right;
  flex-shrink: 0;
}
#cookie-notification #cookie-consent a {
  margin: 0 2px;
}
@media only screen and (max-width: 800px) {
  #cookie-notification .inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cookie-notification p {
    text-align: center;
    padding-right: 0;
  }
  #cookie-notification #cookie-consent {
    width: 100%;
    text-align: center;
    padding-top: 2em;
  }
}
#sales_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-tap-highlight-color: transparent;
}
#sales_overlay .overlay {
  background: #ffffff;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#sales_overlay .phonenumber {
  display: none;
}
#sales_overlay .phonenumber.active {
  display: block;
}
#sales_overlay .cmbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.1em;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 250px;
  margin: -27px 0 0 -125px;
  padding-right: 35px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#sales_overlay .cmbtn span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cta-phone-icon.png);
  background-size: 21px 20px;
  background-position: 0px 0px;
  position: relative;
  left: -5px;
  top: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  #sales_overlay .cmbtn span {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cta-phone-icon@2x.png');
  }
}
/* USED in api.con.less, cssguide.less, new-guides-combined.less */
header h1.willitwork {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/icons.png') right top no-repeat;
  background-position: 655px 4px;
}
.breadcrumb {
  display: none;
}
.central.headspace {
  margin-top: 185px;
}
#feature {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/gradient.png') repeat-x bottom center #f6f6f8;
  margin-top: -75px;
}
#feature.inliner {
  background: none;
  margin: 0;
}
#feature #origami-left {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/origami_leftRes.png') top left no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 1045px;
  z-index: 0;
}
#feature #origami-right {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/origami_rightLrg.png') top right no-repeat;
  top: 0;
  right: 0;
  width: 100%;
  height: 1045px;
  z-index: 1;
}
#feature .central hgroup {
  text-align: center;
  border: none;
}
#feature .central hgroup h1 {
  margin: 64px 0 0 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4.8em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  color: #111324;
  float: left;
}
@media only screen and (max-width: 767px) {
  #feature .central hgroup h1 {
    font-size: 3.8em;
  }
}
#feature .central hgroup h2 {
  margin: 20px auto 0;
  color: #45454b;
  font-size: 1.6em;
  line-height: 22px;
  float: left;
  width: 100%;
}
#feature .fullResources {
  width: 1168px /*985px*/;
}
#feature .content section#build {
  width: 100% /*935px*/;
  margin: 0 auto;
}
#feature .content section#build ul#tools {
  width: 100%;
  margin: 28px 0 120px;
  float: left;
  list-style-type: none;
  padding: 0;
}
#feature .content section#build ul#tools a {
  float: left;
}
#feature .content section#build ul#tools a li {
  float: left;
  padding: 3px;
  width: 218px;
  background: rgba(238, 238, 240, 0.5);
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  margin: 0 6px;
}
#feature .content section#build ul#tools a li.one {
  margin-left: 0;
}
#feature .content section#build ul#tools a li.five {
  margin-right: 0;
}
#feature .content section#build ul#tools a li .docs {
  position: absolute;
  top: 0;
  right: 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/docs.png') top right no-repeat;
  width: 47px;
  height: 47px;
  overflow: hidden;
  text-indent: -9000px;
}
#feature .content section#build ul#tools a li .inner {
  float: left;
  padding: 28px 0 38px;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#feature .content section#build ul#tools a li .inner h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.375em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  margin: 0 0 18px 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesTools.png') no-repeat top center;
  padding: 62px 0 0;
  width: 100%;
  color: #7856ff;
}
@media only screen and (max-width: 767px) {
  #feature .content section#build ul#tools a li .inner h2 {
    font-size: 1.8em;
  }
}
#feature .content section#build ul#tools a li .inner h2.template {
  background-position: center -188px;
}
#feature .content section#build ul#tools a li .inner h2.emailbtn {
  background-position: center -374px;
}
#feature .content section#build ul#tools a li .inner h2.emailbg {
  background-position: center -554px;
}
#feature .content section#build ul#tools a li .inner h2.inline {
  background-position: center -736px;
}
#feature .content section#build ul#tools a li .inner p {
  font-size: 1em;
  line-height: 1.5em;
  color: #5d5d66;
  padding: 0 24px;
  margin: 0;
  width: 78%;
  text-align: center;
}
#feature .content section#build ul#tools a:hover li {
  margin-top: -3px;
  margin-bottom: -3px;
  background: #ebebee;
}
#feature .content section#build ul#tools a:hover li .inner {
  padding: 31px 0 41px 0;
  border: 1px solid #dfdfe1;
}
#feature .content section#build ul#tools a:hover h2 {
  color: #8c6fff;
}
#feature .content section#build ul#tools a:active h2 {
  color: #8c6fff;
}
#feature .content section#learn {
  padding: 0 25px 28px;
  width: 935px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesGuides.png') no-repeat 478px bottom;
  float: left;
}
#feature .content section#learn h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  color: #111324;
  margin: 0 0 20px;
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  #feature .content section#learn h2 {
    font-size: 2em;
  }
}
#feature .content section#learn p {
  float: left;
  width: 400px;
  display: block;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0 0 45px;
  padding-left: 60px;
}
#feature .content section#learn ol {
  float: left;
  clear: both;
  list-style-type: none;
  width: 400px;
  margin: 0 auto;
  padding: 0;
}
#feature .content section#learn ol a {
  float: left;
}
#feature .content section#learn ol a:hover h6 {
  color: #8c6fff;
}
#feature .content section#learn ol a:active h6 {
  color: #8c6fff;
}
#feature .content section#learn ol a li {
  clear: both;
  padding: 0;
  margin: 0 0 0 60px;
  float: left;
  width: 308px;
  border-bottom: 1px solid #f6f6f7;
}
#feature .content section#learn ol a li.guides {
  margin-bottom: 2px;
}
#feature .content section#learn ol a li.work {
  border-bottom: none;
  padding-top: 27px;
}
#feature .content section#learn ol a li h6 {
  margin: 0 0 8px;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.07em;
  line-height: 1.57em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #7856ff;
}
@media only screen and (max-width: 767px) {
  #feature .content section#learn ol a li h6 {
    font-size: 1.8em;
  }
}
#feature .content section#learn ol a li p {
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 0 0 32px;
  padding: 0;
  width: 100%;
}
#feature .content section#learn .icon {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesIcons.png') no-repeat 0 0;
  height: 100px;
  width: 100px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
#feature .content section#learn .disc {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesDisc.png') no-repeat center center;
  height: 100px;
  width: 100px;
  position: absolute;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
#feature .content section#learn .disc.one {
  right: 390px;
  bottom: 222px;
}
#feature .content section#learn .disc.two {
  right: 60px;
  bottom: 250px;
}
#feature .content section#learn .disc .cogs {
  background-position: 25px 20px;
}
#feature .content section#learn .disc .inbox {
  background-position: 25px -594px;
}
#feature .content section#learn .disclrg {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesDisc-lrg.png') no-repeat center center;
  height: 118px;
  width: 118px;
  position: absolute;
  right: 223px;
  bottom: 306px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
#feature .content section#learn .disclrg .phone {
  height: 118px;
  width: 118px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  background-position: 30px -272px;
}
#feature .content section#learn .resourceLink {
  position: absolute;
  border: 0;
  bottom: 0;
  right: 35px;
  height: 225px;
  width: 465px;
  display: block;
}
#feature .inliner {
  width: 985px !important;
}
#feature .inliner section#build {
  width: 985px !important;
}
#feature .inliner section#build ul#tools {
  margin: 28px 25px 65px !important;
  width: 935px !important;
  float: left !important;
  list-style-type: none;
  padding: 0;
}
#feature .inliner section#build ul#tools a li {
  float: left;
  padding: 3px;
  width: 218px !important;
  background: rgba(238, 238, 240, 0.5);
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 6px !important;
}
#feature .inliner section#build ul#tools a li.one {
  margin-left: 0 !important;
}
#feature .inliner section#build ul#tools a li.four {
  margin-right: 0 !important;
}
#feature .inliner section#build ul#tools a:hover li {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}
#agencyResource {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesBrowser.png') no-repeat bottom center;
  padding-bottom: 352px;
}
#agencyResource .central hgroup {
  text-align: center;
  border: none;
}
#agencyResource .central hgroup h1 {
  margin: 100px 0 0 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.8em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  color: #111324;
  float: left;
}
@media only screen and (max-width: 767px) {
  #agencyResource .central hgroup h1 {
    font-size: 2.8em;
  }
}
#agencyResource .central hgroup p {
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.5em;
  width: 615px;
  float: left;
  margin: 22px 160px 0;
}
#agencyResource .central hgroup p a.action {
  display: inline-block;
  margin: 24px 0 0;
  font-size: 0.857em;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/arrow_right_white.gif') right center no-repeat #7856ff;
  color: #ffffff;
  font-weight: 400;
  padding: 9px 34px 9px 15px;
  background-position: 91% center;
}
#agencyResource .central hgroup p a.action:hover {
  background-color: #7e67bf;
}
#agencyResource .central hgroup p a.action:active {
  background-color: #6f55b7;
}
#agencyResource .central #agencyScreen {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesAgency.jpg') no-repeat bottom center;
  width: 815px;
  height: 279px;
  position: absolute;
  top: 340px;
  left: 93px;
}
#generator {
  margin-top: -45px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/gradient.png') repeat-x bottom center #f6f6f8;
  z-index: 4;
}
#generator #origami-left {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/origami_leftLrg.png') top left no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
#generator #origami-right {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/origami_rightLrg.png') top right no-repeat;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
#generator.btn {
  height: 957px;
  margin-bottom: 240px;
}
#generator.btn #origami-left,
#generator.btn #origami-right {
  height: 957px;
}
#generator.bg {
  height: 1101px;
  margin-bottom: 250px;
}
#generator.bg #origami-left,
#generator.bg #origami-right {
  height: 1101px;
}
#generator.css {
  height: 730px;
  margin-bottom: 244px;
}
#generator.css #origami-left,
#generator.css #origami-right {
  height: 730px;
}
#generator .central hgroup {
  text-align: center;
  border: none;
  width: 60%;
  margin: 0 auto;
}
#generator .central hgroup.background-images {
  width: 66%;
  margin: 0 auto;
}
#generator .central hgroup h1 {
  margin: 45px 0 0 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4.8em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  color: #ffffff;
  float: left;
}
@media only screen and (max-width: 767px) {
  #generator .central hgroup h1 {
    font-size: 3.8em;
  }
}
#generator .central hgroup h2 {
  margin: 19px auto 0;
  color: #8a8b93;
  float: left;
  width: 100%;
}
#generator .wrapper {
  width: 100%;
  float: left;
  margin: 36px 0 -82px;
}
#generator .wrapper #container {
  float: left;
  width: 954px;
  margin: 0 15px;
  background: #e2e2e3;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#generator .wrapper #container .inner {
  float: left;
  background: #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 60px 0 0;
  border: 1px solid #ececed;
}
#generator .wrapper #container .inner label {
  display: block;
  font-size: 1.3em;
  line-height: 1.46em;
  color: #111324;
  margin-bottom: 4px;
}
#generator .wrapper #container .inner input[type=text],
#generator .wrapper #container .inner input[type=url] {
  width: 320px;
  border: 1px solid #c8cccf;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 9px;
  font-size: 1.5em;
  line-height: 1.3em;
  color: #111324;
  margin: 0 0 25px 0;
}
#generator .wrapper #container .inner input[type=text].colors,
#generator .wrapper #container .inner input[type=url].colors {
  width: 68px;
  position: relative;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}
#generator .wrapper #container .inner input[type=text].width,
#generator .wrapper #container .inner input[type=url].width {
  width: 46px;
}
#generator .wrapper #container .inner input[type=text]::-webkit-input-placeholder,
#generator .wrapper #container .inner input[type=url]::-webkit-input-placeholder {
  color: #f6f6f7;
}
#generator .wrapper #container .inner input[type=text]:-moz-placeholder,
#generator .wrapper #container .inner input[type=url]:-moz-placeholder {
  color: #f6f6f7;
}
#generator .wrapper #container .inner input[type=text]::-moz-placeholder,
#generator .wrapper #container .inner input[type=url]::-moz-placeholder {
  color: #f6f6f7;
}
#generator .wrapper #container .inner input[type=text]:-ms-input-placeholder,
#generator .wrapper #container .inner input[type=url]:-ms-input-placeholder {
  color: #f6f6f7;
}
#generator .wrapper #container .inner input[type=text]::-ms-clear,
#generator .wrapper #container .inner input[type=url]::-ms-clear {
  display: none;
}
#generator .wrapper #container .inner input[type=text]:focus,
#generator .wrapper #container .inner input[type=url]:focus,
#generator .wrapper #container .inner input[type=text]:active,
#generator .wrapper #container .inner input[type=url]:active {
  border-color: #32a2ff;
}
#generator .wrapper #container .inner input[type=text]:disabled,
#generator .wrapper #container .inner input[type=url]:disabled {
  color: #f6f6f7;
}
#generator .wrapper #container .inner input[type="checkbox"] {
  border: 0;
  margin-right: 6px;
}
#generator .wrapper #container .inner input[type="radio"] {
  border: 0;
}
#generator .wrapper #container .inner .swatch {
  width: 22px;
  height: 22px;
  display: inline-block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  position: absolute;
  left: 10px;
  top: 29px;
  z-index: 1;
}
#generator .wrapper #container .inner .swatch#border-swatch {
  background: #1e3650;
  margin-top: 3px\9;
}
#generator .wrapper #container .inner .swatch#font-swatch {
  background: #ffffff;
}
#generator .wrapper #container .inner .swatch#background-swatch {
  background: #7BCEEB;
}
#generator .wrapper #container .inner .picker {
  padding: 12px;
  border: 1px solid #f6f6f7;
  -webkit-box-shadow: 0px 0px 0px 2px #f0f3f5;
  box-shadow: 0px 0px 0px 2px #f0f3f5;
  background: #ffffff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 65px;
  z-index: 9999;
  display: none;
}
#generator .wrapper #container .inner .picker .color-wheel {
  position: relative;
  width: 195px;
  height: 195px;
}
#generator .wrapper #container .inner .picker .color-wheel .wheel {
  width: 195px;
  height: 195px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/farbtastic-wheel.png') no-repeat;
}
#generator .wrapper #container .inner .picker .color-wheel .overlay {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/farbtastic-mask.png') no-repeat;
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
#generator .wrapper #container .inner .picker .color-wheel .color {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
#generator .wrapper #container .inner .picker .color-wheel .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/farbtastic-marker.png') no-repeat;
}
#generator .wrapper #container .inner .picker .color-wheel * {
  position: absolute;
  cursor: crosshair;
}
#generator .wrapper #container .inner #options {
  float: left;
  width: 340px;
  margin: 0 54px 0 0;
  padding-left: 55px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset {
  position: relative;
  clear: both;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.halfwidth {
  width: 50%;
  float: left;
  clear: none;
}
#generator .wrapper #container .inner #options.emailbtn fieldset aside.px {
  color: #5d5d66;
  font-size: 1.5em;
  line-height: 1.3em;
  position: absolute;
  top: 28px;
  left: 66px;
  background: #ffffff;
  padding: 4px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.font-color {
  position: relative;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.font-color input {
  padding-left: 40px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-color {
  position: relative;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-color #background-swatch {
  background: #556270;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-color input {
  padding-left: 40px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-image #bgimg {
  display: inline-block;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-image #bgimg input {
  margin-bottom: 4px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-image #bgimg input.disabled {
  color: #f6f6f7;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.background-image .help-block {
  display: block;
  color: #5d5d66;
  font-size: 1.3em;
  line-height: 1.46em;
  margin-bottom: 22px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.button-size .ex {
  width: 15px;
  font-size: 1.5em;
  display: inline-block;
  text-align: center;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.border-color input[type="text"] {
  padding-left: 40px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.border-color input[type="text"].disabled {
  color: #f6f6f7;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.button-url {
  position: relative;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.button-url #URL {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #5d5d66;
  position: absolute;
  left: 139px;
  top: 10px;
}
#generator .wrapper #container .inner #options.emailbtn fieldset.border-radius input.disabled {
  color: #f6f6f7;
}
#generator .wrapper #container .inner #options.emailbg fieldset {
  margin-bottom: 27px;
  position: relative;
  clear: both;
}
#generator .wrapper #container .inner #options.emailbg fieldset aside.px {
  color: #5d5d66;
  font-size: 1.3em;
  line-height: 1.46em;
  position: absolute;
  top: 34px;
  left: 86px;
  left: 92px\9;
}
#generator .wrapper #container .inner #options.emailbg fieldset .help-block {
  font-size: 1.2em;
  line-height: 1.55em;
  color: #5d5d66;
  display: block;
}
#generator .wrapper #container .inner #options.emailbg fieldset .help-block a {
  font-style: italic;
}
#generator .wrapper #container .inner #options.emailbg fieldset.background-image input {
  margin-bottom: 4px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.fallback-color {
  position: relative;
}
#generator .wrapper #container .inner #options.emailbg fieldset.fallback-color input {
  padding-left: 40px;
  margin-bottom: 4px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.apply-background label.heading {
  display: block;
  width: 100%;
  font-size: 1.3em;
  line-height: 1.46em;
  font-weight: bold;
  margin-bottom: 25px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.apply-background label.radio {
  width: 100%;
  display: block;
  margin-bottom: 27px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.apply-background label.radio input[type=radio] {
  margin-right: 4px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.apply-background label.radio .help-block {
  display: block;
  font-size: 1em;
  line-height: 1.46em;
  color: #5d5d66;
  margin-left: 20px;
  margin-top: 2px;
}
#generator .wrapper #container .inner #options.emailbg fieldset.fineprint .help-block {
  font-size: 1.1em;
  line-height: 1.54em;
}
#generator .wrapper #container .inner #options.emailbg #cell-options {
  display: none;
}
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-width .halfwidth,
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-height .halfwidth {
  float: left;
  width: 50%;
}
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-width label.inline,
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-height label.inline {
  margin-top: 10px;
}
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-width input.width,
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-height input.width {
  font-size: 1.5em;
  margin-bottom: 4px;
}
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-width label.radio.pixels,
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-height label.radio.pixels {
  display: inline-block;
}
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-width .help-block,
#generator .wrapper #container .inner #options.emailbg #cell-options fieldset.cell-height .help-block {
  clear: both;
}
#generator .wrapper #container .inner #output {
  float: left;
  width: 443px;
  overflow: hidden;
  margin-bottom: 36px;
}
#generator .wrapper #container .inner #output textarea {
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  resize: none;
  padding: 16px 16px 16px 50px;
  border: none;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.3em;
  color: #111324;
  background: #f9f7e3;
  background: -moz-linear-gradient(top, #f9f7e3 0%, #fcfae8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f7e3), color-stop(100%, #fcfae8));
  background: -webkit-linear-gradient(top, #f9f7e3 0%, #fcfae8 100%);
  background: -o-linear-gradient(top, #f9f7e3 0%, #fcfae8 100%);
  background: -ms-linear-gradient(top, #f9f7e3 0%, #fcfae8 100%);
  background: linear-gradient(to bottom, #f9f7e3 0%, #fcfae8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f7e3', endColorstr='#fcfae8', GradientType=0);
  outline: none;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.button-demo {
  margin-bottom: 25px;
  width: 440px;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.button-demo #preview {
  background: #f2f2f2;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 170px;
  width: 440px;
  max-width: 440px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.button-demo #preview .demo {
  display: inline-block;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.code-output {
  width: 100%;
  position: relative;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.code-output .margins {
  position: absolute;
  height: 100%;
  width: 2px;
  border-left: 1px solid rgba(243, 177, 157, 0.4);
  border-right: 1px solid rgba(243, 177, 157, 0.4);
  left: 28px;
  top: 0;
  z-index: 100;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#generator .wrapper #container .inner #output.emailbtn fieldset.code-output textarea {
  min-height: 336px;
  width: 382px;
  height: auto;
  margin: 0;
}
#generator .wrapper #container .inner #output.emailbg {
  float: left;
  width: 448px;
  padding-right: 55px;
  margin-bottom: 0;
}
#generator .wrapper #container .inner #output.emailbg code {
  background: #f7f7f9;
  border: 1px solid #e1e1e8;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  color: #859900;
  font-family: Menlo, Courier New, Courier, Mono, monospace;
}
#generator .wrapper #container .inner #output.emailbg fieldset {
  margin-bottom: 45px;
  position: relative;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo {
  margin-bottom: 46px;
  width: 100%;
  overflow: auto;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #nav {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  float: left;
  width: 446px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/avatar.gif') no-repeat 20px 50% #ffffff;
  padding: 23px 0;
  z-index: 1;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #e3e3e3;
  position: relative;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #nav #meta {
  color: #5d5d66;
  line-height: 1.5em;
  margin-left: 75px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #nav #meta p {
  margin-bottom: 7px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #nav #meta strong {
  font-weight: bold;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #preview {
  position: relative;
  float: left;
  margin-top: -1px;
  height: 244px;
  width: 446px;
  border: 1px solid #e3e3e3;
  background-color: #ffffff;
  overflow: auto;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #preview #demo {
  position: relative !important;
  z-index: 0 !important;
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: normal;
  padding: 0;
  height: auto;
}
#generator .wrapper #container .inner #output.emailbg fieldset.background-demo #preview #demo:focus {
  border: none;
  outline: none;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output {
  margin-bottom: 36px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output:last-child {
  margin-bottom: 0;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output label {
  width: 100%;
  margin-bottom: 8px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output .margins {
  position: absolute;
  height: 100%;
  width: 2px;
  border-left: 1px solid rgba(243, 177, 157, 0.4);
  border-right: 1px solid rgba(243, 177, 157, 0.4);
  left: 28px;
  top: 27px;
  z-index: 100;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output .margins.opening {
  height: 248px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output .margins.closing {
  height: 142px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output textarea {
  height: auto;
  width: 380px;
  overflow: hidden;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output textarea:focus {
  border-color: #32a2ff;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output textarea#output-opening {
  height: 218px;
}
#generator .wrapper #container .inner #output.emailbg fieldset.output textarea#output-closing {
  height: 112px;
}
#generator .wrapper #container .inner #sharing {
  float: left;
  display: block;
  width: 100%;
  background: #fafafa;
  border-top: 1px solid #ececed;
  margin-top: 55px;
}
#generator .wrapper #container .inner #sharing.inliner {
  margin-top: 16px;
}
#generator .wrapper #container .inner #sharing .inner {
  padding: 12px 0;
  border: 0;
  float: left;
  background: none;
  width: 178px;
  margin: 0 387px;
}
#generator .wrapper #container .inner #sharing .inner .social {
  float: left;
  width: 44%;
  position: relative;
  z-index: 6;
}
#generator .wrapper #container .inner #sharing .inner .social.left {
  text-align: right;
  padding-right: 10px;
}
#generator .wrapper #container .inner #sharing .inner .social.right {
  text-align: left;
  padding-left: 10px;
}
#generator .wrapper #container .inner #ideas {
  float: left;
  padding-top: 24px;
  margin: 0 55px;
  border-top: 1px solid #f6f6f7;
}
#generator .wrapper #container .inner #ideas .text {
  float: left;
  width: 340px;
  margin: 14px 54px 0 0;
}
#generator .wrapper #container .inner #ideas .text h6 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #generator .wrapper #container .inner #ideas .text h6 {
    font-size: 1.8em;
  }
}
#generator .wrapper #container .inner #ideas .text p {
  font-size: 1.4em;
  line-height: 1.5em;
}
#generator .wrapper #container .inner #ideas #examples {
  float: left;
  width: 448px;
}
#generator .wrapper #container .inner #ideas #examples div {
  float: left;
  width: 33%;
  text-align: center;
  cursor: pointer;
  line-height: 80px;
}
#generator .wrapper #container .inner #response {
  float: left;
  width: 100%;
}
#generator .wrapper #container .inner #response p {
  float: left;
  width: 800px;
  margin: -20px 0 20px 55px;
  padding: 15px 20px;
  border: 1px solid #ffe378;
  background: #fff3c5;
  color: #937f38;
  font-size: 1.4em;
  text-align: center;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#generator .wrapper #container .inner #response p.timeout {
  border: 1px solid #93ceff;
  background: #F8FDFE;
  color: #111324;
}
#generator .wrapper #container .inner .input-output {
  padding: 0 55px;
  position: relative;
}
#generator .wrapper #container .inner .input-output textarea {
  padding: 16px;
  width: 808px;
  height: 438px;
  margin: 0 auto;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.2em;
  resize: none;
}
#generator .wrapper #container .inner .input-output textarea:focus {
  border: 1px solid #4AB7DF;
  -webkit-box-shadow: 0px 0px 0px 1px #4AB7DF;
  box-shadow: 0px 0px 0px 1px #4AB7DF;
}
#generator .wrapper #container .inner .input-output .CodeMirror-focused {
  border: 1px solid #4AB7DF;
  -webkit-box-shadow: 0px 0px 0px 1px #4AB7DF;
  box-shadow: 0px 0px 0px 1px #4AB7DF;
}
#generator .wrapper #container .inner .input-output .instructions {
  width: 100%;
  text-align: center;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#generator .wrapper #container .inner .input-output .instructions h5 {
  display: block;
  margin: 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.8em;
  line-height: 0em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #d2d2d4;
}
@media only screen and (max-width: 767px) {
  #generator .wrapper #container .inner .input-output .instructions h5 {
    font-size: 1.8em;
  }
}
#generator .wrapper #container .inner .inlineButton button.inline {
  display: block;
  color: #ffffff;
  padding: 15px 30px;
  margin: 20px auto 20px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  border: 1px solid #679b1f;
  background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/button_back.png') !important;
  background-position: top left;
  background-repeat: repeat-x;
  background: #7856ff;
  text-shadow: 1px 1px #56821a;
}
@media only screen and (max-width: 767px) {
  #generator .wrapper #container .inner .inlineButton button.inline {
    font-size: 1.8em;
  }
}
#generator .wrapper #container .inner .inlineButton button.inline:hover {
  background-position: -300px 0;
}
#generator .wrapper #container .inner .inlineButton button.inline:active {
  background-position: top right;
  text-shadow: 0 -1px #456815;
  border-top-color: #547d19;
}
#FAQ code {
  background: #f7f7f9;
  border: 1px solid #e1e1e8;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
  color: #859900;
  font-family: Menlo, Courier New, Courier, Mono, monospace;
}
#FAQ .sidebar {
  margin: 21px 10px 0 0;
}
#FAQ .sidebar .module .inner #sideSub ul.aside {
  margin-top: 19px;
}
#FAQ .sidebar .module .inner #sideSub ul.aside li {
  color: #5d5d66;
  font-style: italic;
}
#FAQ .sidebar .module .inner #sideSub p,
#FAQ .sidebar .module .inner #sideSub ol li,
#FAQ .sidebar .module .inner #sideSub ul li {
  margin: 0 19px;
  font-size: 1.15em;
  line-height: 1.6em;
  color: #5d5d66;
}
#FAQ .pagecontent h1 {
  float: left;
  margin-top: 21px;
}
#FAQ .pagecontent .content h3:first-child {
  margin-top: 0;
}
.noFoot .signupbar {
  margin-top: 0 !important;
}
#feature.inliner hgroup h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
  color: #111324;
  margin: 0 auto 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #feature.inliner hgroup h2 {
    font-size: 2em;
  }
}
#feature.inliner hgroup p {
  text-align: center;
  width: 450px;
  display: block;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0 auto;
}
#feature.inliner .content #build #tools {
  margin-bottom: 65px;
}
.pullout {
  float: left;
  width: 712px;
  margin: 75px 0 0 184px;
  padding-bottom: 86px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/sectionbreak.png') repeat-x center bottom;
}
.pullout:hover p span {
  background-color: #8c6fff;
}
.pullout:active p span {
  background-color: #8c6fff;
}
.pullout h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  color: #111324;
  margin: 0 0 20px 0;
  padding: 82px 0 0 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resource_icons-V2.png') 0 -90px no-repeat;
}
@media only screen and (max-width: 767px) {
  .pullout h3 {
    font-size: 1.4em;
  }
}
.pullout h3 span {
  color: #7856ff;
  font-weight: normal;
  font-family: Georgia;
  font-size: 0.8em;
}
.pullout p {
  font-size: 1.45em;
  line-height: 1.55em;
  margin-bottom: 25px;
  width: 560px;
}
.pullout span.bigbutton {
  margin: 0 0 0 -10px;
  display: inline-block;
  *display: inline;
  font-size: 1.3em;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/arrow_right_white.gif') right center no-repeat #7856ff;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 25px 9px 13px;
  font-size: 1.2em;
  background-position: 90% center;
}
.pullout span.bigbutton:hover {
  background-color: #8c6fff;
}
.pullout span.bigbutton:active {
  background-color: #8c6fff;
}
ul#resources {
  float: left;
  width: 712px;
  margin: 50px 0 40px 136px;
}
ul#resources .row {
  float: left;
  width: 100%;
  margin: 25px 0 30px;
}
ul#resources li {
  float: left;
  width: 260px;
  margin: 0 48px;
}
ul#resources li a {
  float: left;
  width: 100%;
}
ul#resources li a h3 {
  margin: 0 0 20px 0;
  padding: 74px 0 0 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resource_icons-V2.png') top left no-repeat;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.7em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  ul#resources li a h3 {
    font-size: 0.7em;
  }
}
ul#resources li a h3.agency {
  background-position: 0 -403px;
}
ul#resources li a h3.guides {
  background-position: 0 -192px;
}
ul#resources li a h3.willit {
  background-position: 0 -296px;
}
ul#resources li a h3 span {
  color: #7856ff;
  font-weight: normal;
  font-family: Georgia;
  font-size: 0.8em;
}
ul#resources li a p {
  font-size: 1.2em;
  line-height: 1.5em;
}
ul#resources li a p span {
  color: #7856ff;
  font-size: 1.05em;
}
ul#resources li a p span em {
  font-size: 1em;
  font-family: Georgia;
}
ul#resources li a:hover p span,
ul#resources li a:hover h3 span {
  color: #8c6fff;
}
ul#willit {
  float: left;
  margin: 70px 0 0 65px;
  width: 852px;
}
ul#willit .wrapper {
  float: left;
  width: 100%;
  clear: both;
  margin: 0 0 70px 0;
}
ul#willit li {
  float: left;
  width: 256px;
  margin: 0 14px 0 14px;
}
ul#willit li.videoinemail h3 {
  background-position: 0 -100px;
}
ul#willit li.bestwidths h3 {
  background-position: 0 -200px;
}
ul#willit li.guidelines h3 {
  background-position: 0 -300px;
}
ul#willit li.imgblocking h3 {
  background-position: 0 -400px;
}
ul#willit li.forms h3 {
  background-position: 0 -500px;
}
ul#willit li.altattr h3 {
  background-position: 0 -600px;
}
ul#willit li.flash h3 {
  background-position: 0 -700px;
}
ul#willit li.symbols h3 {
  background-position: 0 -889px;
}
ul#willit li.emailstats h3 {
  background-position: 0 -800px;
}
ul#willit li.webfonts h3 {
  background-position: 0 -984px;
}
ul#willit a {
  float: left;
}
ul#willit a h3 {
  float: left;
  margin: 0 0 25px 0;
  padding: 41px 0 0 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.75em;
  line-height: 1.25em;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
  color: #ffffff;
  font-weight: 500;
  text-align: left;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/willit_icons.png') top left no-repeat;
}
@media only screen and (max-width: 767px) {
  ul#willit a h3 {
    font-size: 0.75em;
  }
}
ul#willit a h3 span {
  color: #65b9ff;
  font-weight: normal;
  font-family: Georgia;
  line-height: 0;
  font-size: 0.75em;
}
ul#willit a p {
  float: left;
  width: 100%;
  font-size: ;
  line-height: 1.5em;
  color: #5d5d66;
}
ul#willit a:hover p {
  color: #757581;
}
ul#willit a:hover h3 {
  color: #65b9ff;
}
/* GUIDES */
/* Orange header */
header.orange {
  background: #f7a43d !important;
  border-bottom: 3px solid #d98710;
}
header.orange h1 {
  color: #ffffff;
  text-shadow: 2px 2px #bf781b;
}
header.orange ul#global li a {
  color: #ffffff;
}
header.orange ul#global li a:hover,
header.orange ul#global li a:focus {
  color: #cccccc;
}
header.orange ul#global li.active a,
header.orange ul#global li.highlight a#login {
  background: #bf781b;
  color: #ffffff;
}
header.orange ul#global li.active a:hover,
header.orange ul#global li.highlight a#login:hover {
  color: #000000;
}
header.orange #gradientLeft {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/orange_gradient_left.png') left repeat-y;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.orange #gradientRight {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/orange_gradient_right.png') right repeat-y;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.navy {
  background: #174A70 !important;
  border-bottom: 3px solid #174A70;
}
header.navy h1 {
  color: #ffffff;
  text-shadow: 2px 2px #103C61;
}
header.navy ul#global li a {
  color: #e6e6e6;
}
header.navy ul#global li a:hover,
header.navy ul#global li a:focus {
  color: #ffffff;
}
header.navy ul#global li.active a,
header.navy ul#global li.highlight a#login {
  background: #103C61;
  color: #e6e6e6;
}
header.navy ul#global li.active a:hover,
header.navy ul#global li.highlight a#login:hover {
  color: #ffffff;
}
header.navy #gradientLeft {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/navy_gradient_left.png') left repeat-y;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.navy #gradientRight {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/navy_gradient_right.png') right repeat-y;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.pale {
  background: #ddd9d1;
  border-bottom: 3px solid #C3BCB1;
}
header.pale h1 {
  text-shadow: 2px 2px #c8b99e;
}
header.pale ul#global li a {
  color: #978a77;
}
header.pale ul#global li a:hover,
header.pale ul#global li a:focus {
  color: #111324;
}
header.pale ul#global li.active a,
header.pale ul#global li.highlight a#login {
  background: #ffffff;
  color: #978a77;
}
header.pale ul#global li.active a:hover,
header.pale ul#global li.highlight a#login:hover,
header.pale ul#global li.active a:focus,
header.pale ul#global li.highlight a#login:focus {
  color: #111324;
}
header.pale #gradientLeft {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/pale_gradient_left.png') left repeat-y;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.pale #gradientRight {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/pale_gradient_right.png') right repeat-y;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
/*	Petrol Blue header */
header.petrolblue {
  background: #108f9c;
  border-bottom: 3px solid #108f9c;
}
header.petrolblue h1 {
  text-shadow: 2px 2px #097c88;
}
header.petrolblue ul#global li a {
  color: #ffffff;
}
header.petrolblue ul#global li a:hover,
header.petrolblue ul#global li a:focus {
  color: #097c88;
}
header.petrolblue ul#global li.active a,
header.petrolblue ul#global li.highlight a#login {
  background: #ffffff;
  color: #097c88;
}
header.petrolblue ul#global li.highlight a#login:hover,
header.petrolblue ul#global li.highlight a#login:focus {
  color: #ffffff;
  background: #065b64;
}
header.petrolblue #gradientLeft {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/petrolblue_gradient_left.png') left repeat-y;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.petrolblue #gradientRight {
  position: absolute;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/petrolblue_gradient_right.png') right repeat-y;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}
header.blue h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -119px no-repeat;
}
header.darkblue h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right top no-repeat;
}
header.yellow h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -476px no-repeat;
}
header.green h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -238px no-repeat;
}
header.darkgreen h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -357px no-repeat;
}
header.lightgrey h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -598px no-repeat;
}
header.grey h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -714px no-repeat;
}
header.orange h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -833px no-repeat;
}
header.navy h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -952px no-repeat;
}
header.pale h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1073px no-repeat;
}
header.darkgrey h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1193px no-repeat;
}
header.darkergreen h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1312px no-repeat;
}
header.petrolblue h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1430px no-repeat;
}
header.lavender h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1550px no-repeat;
}
header.emerald h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1680px no-repeat;
}
header.gold h1 {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_icons-V10.png') right -1810px no-repeat;
}
h2.subheading {
  color: #5d5d66;
  width: 810px;
  margin: 0px auto;
  border-bottom: 1px dashed #ececed;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  padding: 0 0 10px 0;
}
@media only screen and (max-width: 767px) {
  h2.subheading {
    font-size: 1.8em;
  }
}
ul#guides,
ul.guides {
  float: left;
  width: 846px;
  margin: 70px 0 0 68px;
}
ul#guides .row,
ul.guides .row {
  float: left;
  width: 846px;
}
ul#guides li,
ul.guides li {
  float: left;
  width: 262px;
  margin: 0 20px 60px 0;
}
ul#guides li#mobile .book,
ul.guides li#mobile .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_responsive.jpg') left center no-repeat;
}
ul#guides li#mobile a:hover .book,
ul.guides li#mobile a:hover .book {
  background-position: -164px;
}
ul#guides li#mobile a:visited .book,
ul.guides li#mobile a:visited .book {
  background-position: top right!important;
}
ul#guides li#whyemail .book,
ul.guides li#whyemail .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_blue.jpg') left center no-repeat;
}
ul#guides li#whyemail a:hover .book,
ul.guides li#whyemail a:hover .book {
  background-position: -164px;
}
ul#guides li#whyemail a:visited .book,
ul.guides li#whyemail a:visited .book {
  background-position: top right!important;
}
ul#guides li#planning .book,
ul.guides li#planning .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_green.jpg') left center no-repeat;
}
ul#guides li#planning a:hover .book,
ul.guides li#planning a:hover .book {
  background-position: -164px;
}
ul#guides li#planning a:visited .book,
ul.guides li#planning a:visited .book {
  background-position: top right!important;
}
ul#guides li#designing .book,
ul.guides li#designing .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_yellow.jpg') left center no-repeat;
}
ul#guides li#designing a:hover .book,
ul.guides li#designing a:hover .book {
  background-position: -164px;
}
ul#guides li#designing a:visited .book,
ul.guides li#designing a:visited .book {
  background-position: top right!important;
}
ul#guides li#coding .book,
ul.guides li#coding .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkblue.jpg') left center no-repeat;
}
ul#guides li#coding a:hover .book,
ul.guides li#coding a:hover .book {
  background-position: -164px;
}
ul#guides li#coding a:visited .book,
ul.guides li#coding a:visited .book {
  background-position: top right!important;
}
ul#guides li#permission .book,
ul.guides li#permission .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgreen.jpg') left center no-repeat;
}
ul#guides li#permission a:hover .book,
ul.guides li#permission a:hover .book {
  background-position: -164px;
}
ul#guides li#permission a:visited .book,
ul.guides li#permission a:visited .book {
  background-position: top right!important;
}
ul#guides li#agency .book,
ul.guides li#agency .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_grey.jpg') left center no-repeat;
}
ul#guides li#agency a:hover .book,
ul.guides li#agency a:hover .book {
  background-position: -164px;
}
ul#guides li#agency a:visited .book,
ul.guides li#agency a:visited .book {
  background-position: top right!important;
}
ul#guides li#landing .book,
ul.guides li#landing .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_orange.jpg') left center no-repeat;
}
ul#guides li#landing a:hover .book,
ul.guides li#landing a:hover .book {
  background-position: -164px;
}
ul#guides li#landing a:visited .book,
ul.guides li#landing a:visited .book {
  background-position: top right!important;
}
ul#guides li#reporting .book,
ul.guides li#reporting .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_navy.jpg') left center no-repeat;
}
ul#guides li#reporting a:hover .book,
ul.guides li#reporting a:hover .book {
  background-position: -164px;
}
ul#guides li#reporting a:visited .book,
ul.guides li#reporting a:visited .book {
  background-position: top right!important;
}
ul#guides li#whitelisting .book,
ul.guides li#whitelisting .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_pale.jpg') left center no-repeat;
}
ul#guides li#whitelisting a:hover .book,
ul.guides li#whitelisting a:hover .book {
  background-position: -164px;
}
ul#guides li#whitelisting a:visited .book,
ul.guides li#whitelisting a:visited .book {
  background-position: top right!important;
}
ul#guides li#dynamic .book,
ul.guides li#dynamic .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgrey.jpg') left center no-repeat;
}
ul#guides li#dynamic a:hover .book,
ul.guides li#dynamic a:hover .book {
  background-position: -164px;
}
ul#guides li#dynamic a:visited .book,
ul.guides li#dynamic a:visited .book {
  background-position: top right!important;
}
ul#guides li#topemails .book,
ul.guides li#topemails .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_top100-2014.jpg') left center no-repeat;
}
ul#guides li#topemails a:hover .book,
ul.guides li#topemails a:hover .book {
  background-position: -164px;
}
ul#guides li#topemails a:visited .book,
ul.guides li#topemails a:visited .book {
  background-position: top right!important;
}
ul#guides li#emailtrends .book,
ul.guides li#emailtrends .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_emailTrendsV2.jpg') left center no-repeat;
}
ul#guides li#emailtrends a:hover .book,
ul.guides li#emailtrends a:hover .book {
  background-position: -164px;
}
ul#guides li#emailtrends a:visited .book,
ul.guides li#emailtrends a:visited .book {
  background-position: top right!important;
}
ul#guides li#marketersGuide .book,
ul.guides li#marketersGuide .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_marketersGuide.png') left center no-repeat;
}
ul#guides li#marketersGuide a:hover .book,
ul.guides li#marketersGuide a:hover .book {
  background-position: -164px;
}
ul#guides li#marketersGuide a:visited .book,
ul.guides li#marketersGuide a:visited .book {
  background-position: top right!important;
}
ul#guides li#accessibility .book,
ul.guides li#accessibility .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_accessibility.png') left center no-repeat;
}
ul#guides li#accessibility a:hover .book,
ul.guides li#accessibility a:hover .book {
  background-position: -164px;
}
ul#guides li#accessibility a:visited .book,
ul.guides li#accessibility a:visited .book {
  background-position: top right!important;
}
ul#guides li#listbuilding .book,
ul.guides li#listbuilding .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_emailList.png') left center no-repeat;
}
ul#guides li#listbuilding a:hover .book,
ul.guides li#listbuilding a:hover .book {
  background-position: -164px;
}
ul#guides li#listbuilding a:visited .book,
ul.guides li#listbuilding a:visited .book {
  background-position: top right!important;
}
ul#guides li#localization .book,
ul.guides li#localization .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_localization.png') left center no-repeat;
}
ul#guides li#localization a:hover .book,
ul.guides li#localization a:hover .book {
  background-position: -164px;
}
ul#guides li#localization a:visited .book,
ul.guides li#localization a:visited .book {
  background-position: top right!important;
}
ul#guides li#automation .book,
ul.guides li#automation .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_automation.png') left center no-repeat;
}
ul#guides li#automation a:hover .book,
ul.guides li#automation a:hover .book {
  background-position: -164px;
}
ul#guides li#automation a:visited .book,
ul.guides li#automation a:visited .book {
  background-position: top right!important;
}
ul#guides li#integrations .book,
ul.guides li#integrations .book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_integrations.jpg') left center no-repeat;
}
ul#guides li#integrations a:hover .book,
ul.guides li#integrations a:hover .book {
  background-position: -164px;
}
ul#guides li#integrations a:visited .book,
ul.guides li#integrations a:visited .book {
  background-position: top right!important;
}
ul#guides li a,
ul.guides li a {
  float: left;
}
ul#guides li .book,
ul.guides li .book {
  float: left;
  width: 100%;
  height: 182px;
  margin: 0 0 20px 0;
}
ul#guides li h3,
ul.guides li h3,
ul#guides li p,
ul.guides li p {
  float: left;
  width: 240px;
  margin: 0 0 0 22px;
}
ul#guides li h3,
ul.guides li h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.8em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
  margin-bottom: 15px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  ul#guides li h3,
  ul.guides li h3 {
    font-size: 0.8em;
  }
}
ul#guides li h3 span,
ul.guides li h3 span {
  color: #65b9ff;
  font-weight: normal;
  font-family: Georgia;
  line-height: 0;
}
ul#guides li p,
ul.guides li p {
  font-size: 1.3em;
  line-height: 1.5em;
}
ul#guides li p .blue,
ul.guides li p .blue {
  color: #7856ff;
}
ul#guides li a:hover p .blue,
ul.guides li a:hover p .blue {
  color: #8c6fff;
}
ul#guides li p.elsewhere a,
ul.guides li p.elsewhere a {
  color: #7856ff !important;
  float: left;
  width: 240px;
  margin: 20px 19px 0 0;
  line-height: 1.55em;
  border-top: 1px solid #ececed;
  width: 100%;
  color: #5d5d66;
  padding: 10px 0 0 0;
  margin: 20px 0 0 0;
}
ul#guides li p.elsewhere a:hover,
ul.guides li p.elsewhere a:hover {
  color: #8c6fff !important;
}
#growth {
  margin-top: 20px;
  margin-bottom: 30px;
}
#nextBook {
  float: left;
  width: 90%;
  border-top: 1px solid #ececed;
  margin: 40px 0 0 4.5%;
  padding: 40px 0 0 0;
}
#nextBook h4 {
  float: left;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #5d5d66;
  margin: 15px 0 0 0;
  line-height: 1em;
}
@media only screen and (max-width: 767px) {
  #nextBook h4 {
    font-size: 1.8em;
  }
}
#nextBook h3 {
  float: left;
  width: 400px;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4em;
  line-height: 1.19em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 767px) {
  #nextBook h3 {
    font-size: 3em;
  }
}
#nextBook p {
  float: left;
  width: 400px;
  font-size: 1.2em;
  line-height: 1.5em;
}
#nextBook a.bigbutton {
  float: left;
  margin: 15px 0 0 -2px;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/arrow_right_white_padded.gif') right center no-repeat #7856ff;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 27px 9px 13px;
  font-size: 1.2em;
}
#nextBook a.bigbutton:hover {
  background-color: #8c6fff;
}
#nextBook a.bigbutton:active {
  background-color: #7856ff;
}
.mobile#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_responsive.jpg') left center no-repeat;
}
.mobile:hover#book {
  background-position: -164px;
}
.mobile:visited#book,
.mobile.read {
  background-position: -328px !important;
}
.whyemail#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_blue.jpg') left center no-repeat;
}
.whyemail:hover#book {
  background-position: -164px;
}
.whyemail:visited#book,
.whyemail.read {
  background-position: -328px !important;
}
.planning#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_green.jpg') left center no-repeat;
}
.planning:hover#book {
  background-position: -164px;
}
.planning:visited#book,
.planning.read {
  background-position: -328px !important;
}
.designing {
  clear: right;
}
.designing#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_yellow.jpg') left center no-repeat;
}
.designing:hover#book {
  background-position: -164px;
}
.designing:visited#book,
.designing.read {
  background-position: -328px !important;
}
.coding {
  clear: left;
}
.coding#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkblue.jpg') left center no-repeat;
}
.coding:hover#book {
  background-position: -164px;
}
.coding:visited#book,
.coding.read {
  background-position: -328px !important;
}
.permission#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgreen.jpg') left center no-repeat;
}
.permission:hover#book {
  background-position: -164px;
}
.permission:visited#book,
.permission.read {
  background-position: -328px !important;
}
.agency#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_grey.jpg') left center no-repeat;
}
.agency:hover#book {
  background-position: -164px;
}
.agency:visited#book,
.agency.read {
  background-position: -328px !important;
}
.landing#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_orange.jpg') left center no-repeat;
}
.landing:hover#book {
  background-position: -164px;
}
.landing:visited#book,
.landing.read {
  background-position: -328px !important;
}
.reporting#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_navy.jpg') left center no-repeat;
}
.reporting:hover#book {
  background-position: -164px;
}
.reporting:visited#book,
.reporting.read {
  background-position: -328px !important;
}
.whitelisting#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_pale.jpg') left center no-repeat;
}
.whitelisting:hover#book {
  background-position: -164px;
}
.whitelisting:visited#book,
.whitelisting.read {
  background-position: -328px !important;
}
.dynamic#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgrey.jpg') left center no-repeat;
}
.dynamic:hover#book {
  background-position: -164px;
}
.dynamic:visited#book,
.dynamic.read {
  background-position: -328px !important;
}
.accessibility#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_accessibility.png') left center no-repeat;
}
.accessibility:hover#book {
  background-position: -164px;
}
.accessibility:visited#book,
.accessibility.read {
  background-position: -328px !important;
}
.listbuilding#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_emailList.png') left center no-repeat;
}
.listbuilding:hover#book {
  background-position: -164px;
}
.listbuilding:visited#book,
.listbuilding.read {
  background-position: -328px !important;
}
.localization#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_localization.png') left center no-repeat;
}
.localization:hover#book {
  background-position: -164px;
}
.localization:visited#book,
.localization.read {
  background-position: -328px !important;
}
.automation#book {
  width: 164px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_automation.png') left center no-repeat;
}
.automation:hover#book {
  background-position: -164px;
}
.automation:visited#book,
.automation.read {
  background-position: -328px !important;
}
aside nav a#book,
#nextBook a#book {
  float: left;
  width: 164px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 182px;
  margin: 0 0 20px 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_blue.jpg') left center no-repeat;
  background-position: 0 -164px;
}
aside nav a#book:hover,
#nextBook a#book:hover {
  background-position: 0 0;
}
aside nav a#book.design,
#nextBook a#book.design {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_yellow.jpg') center;
}
aside nav a#book.mobile,
#nextBook a#book.mobile {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_responsive.jpg') center;
}
aside nav a#book.whyemail,
#nextBook a#book.whyemail {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_blue.jpg') center;
}
aside nav a#book.planning,
#nextBook a#book.planning {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_green.jpg') center;
}
aside nav a#book.coding,
#nextBook a#book.coding {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkblue.jpg') center;
}
aside nav a#book.permission,
#nextBook a#book.permission {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgreen.jpg') center;
}
aside nav a#book.agency,
#nextBook a#book.agency {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_grey.jpg') center;
}
aside nav a#book.landing,
#nextBook a#book.landing {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_orange.jpg') center;
}
aside nav a#book.reporting,
#nextBook a#book.reporting {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_navy.jpg') center;
}
aside nav a#book.whitelisting,
#nextBook a#book.whitelisting {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_pale.jpg') center;
}
aside nav a#book.dynamic,
#nextBook a#book.dynamic {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgrey.jpg') center;
}
table td .success {
  display: block;
  width: 100%;
  height: 23px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/tickscrosses.png') center no-repeat;
  background-position: center -313px;
  overflow: hidden;
  text-indent: -9000px;
}
table td .success.true {
  background-position: center -13px;
}
table td .success.false {
  background-position: center -113px;
}
table td .success.info {
  background-position: center -213px;
}
table td a.info:hover,
table td .info:hover {
  background-position: center -263px;
}
table td .success.true:hover {
  background-position: center -63px;
}
table td .success.false:hover {
  background-position: center -163px;
}
table.halfwidth {
  float: left;
  width: 82.5%;
  margin: 0 10% 50px 7.5%;
  border-bottom: 1px solid #ececed;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #5d5d66;
}
table.halfwidth .nohover.hover {
  background: none;
}
table.halfwidth td {
  border-bottom: 1px dotted #ececed;
  padding: 10px;
  text-align: center;
}
table.halfwidth td.element-style {
  text-align: left;
  width: 12.5%;
}
table.halfwidth tr.hover td.element-header,
table.halfwidth td.element-header.hover,
table.halfwidth td.element-header:hover {
  background-color: #ffffff;
}
table.halfwidth tr:hover,
table.halfwidth .hover {
  background: #effafd;
  color: #111324;
}
table.halfwidth tr:hover td .success.true,
table.halfwidth .hover td .success.true {
  background-position: center -63px;
}
table.halfwidth tr:hover td .success.false,
table.halfwidth .hover td .success.false {
  background-position: center -163px;
}
table.halfwidth thead {
  background: #111324;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
table.halfwidth thead td {
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
}
table.halfwidth thead tr.header a {
  color: #ffffff;
}
table.halfwidth thead tr.header a:hover {
  color: #65b9ff;
}
table.halfwidth thead tr.header a:hover .blue {
  color: #ffffff;
}
table.halfwidth thead tr.header td.element-header {
  text-align: left;
  color: #ffffff;
  width: 12.5%;
  border: none;
  background: inherit;
  padding: inherit;
  padding-left: 10px;
}
table.halfwidth thead tr:hover {
  background: none;
  color: #ffffff;
}
table.halfwidth thead a,
table.halfwidth thead .blue {
  color: #65b9ff;
}
table.halfwidth td.element-header {
  text-align: left;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/teeth.gif') bottom repeat-x;
  width: 100%;
  border: none;
  padding: 10px 10px 18px 10px;
  font-weight: bold;
  color: #111324;
}
table.halfwidth .label {
  display: inline;
  background: #ffeeab;
  font-size: 0.9em;
  padding: 2px 3px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #937f38;
  margin: 0 0 0 2px;
}
table.video thead td.header td.element-header,
table.video tr td.element-style {
  width: 16%;
}
table.video td {
  width: 12%;
}
table.images thead td.header td.element-header,
table.images tr td.element-style {
  width: 25%;
}
table.images td {
  width: 25%;
}
table.images td.element-style {
  width: 25%;
}
table.forms {
  color: #5d5d66;
}
table.forms thead tr.header td.client {
  text-align: center;
  font-size: 1.2em;
  color: #111324;
}
table.halfwidth.wide {
  width: 80%;
  margin: 30px 10% 90px 10%;
}
#stickyNav {
  display: none;
  position: fixed;
  top: 0;
  margin-top: 0;
}
.content ol ul,
.content ul ul,
.content ol ol,
.content ul ol {
  float: none;
  font-size: 1em;
  margin-bottom: 0;
}
.content ol .noFloat,
.content ul .noFloat {
  float: none;
}
@media screen and (max-width: 1250px) {
  table.halfwidth.wide {
    width: 98%;
    margin: 0px 1% 90px 1%;
  }
  table.halfwidth.wide .label {
    display: none;
  }
}
.tooltip.bottom {
  margin-top: 20px;
}
section#intro #introbody {
  float: left;
  width: 100%;
  padding: 0 0 60px 0;
}
section#intro #introbody iframe {
  float: left;
  clear: left;
  width: 604px;
  height: 340px;
  overflow: hidden;
  margin: 0 25px 0 2.5%;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/white_marque.png') center no-repeat #f6f6f7;
}
section#intro #introbody h1 {
  float: left;
  width: 300px;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.8em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  margin: 45px 0 30px -2px;
}
@media only screen and (max-width: 767px) {
  section#intro #introbody h1 {
    font-size: 2.8em;
  }
}
section#intro #introbody p {
  float: left;
  width: 300px;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #5d5d66;
}
section#intro #introbody a.button {
  float: left;
  color: #ffffff;
  padding: 8px 16px;
  margin: 25px 0 0 0;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.4em;
  line-height: 1.5em;
  border: 1px solid #679b1f;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/button_back.png') top left repeat-x #7856ff;
  text-shadow: 1px 1px #56821a;
}
section#intro #introbody a.button:hover,
section#intro #introbody a.button:focus {
  background-position: -300px 0;
}
section#intro #introbody a.button:active {
  background-position: top right;
  text-shadow: 0 -1px #456815;
  border-top-color: #547d19;
}
section#galleryArea {
  text-align: center;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/ourstory/grey_waves.png') top repeat-x;
}
section#galleryArea h2 {
  margin: 50px 0 30px 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #111324;
  text-shadow: 1px 1px #ffffff;
}
@media only screen and (max-width: 767px) {
  section#galleryArea h2 {
    font-size: 1.8em;
  }
}
section#galleryArea ul#galleryThumbs {
  width: 968px;
}
section#galleryArea ul#galleryThumbs li {
  float: left;
  position: relative;
  width: 232px;
  background: rgba(233, 233, 238, 0.4);
  margin: 15px 2px;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
section#galleryArea ul#galleryThumbs li .inner {
  float: left;
  width: 226px;
  background: #ffffff;
  border: 1px solid #ececed;
  padding: 2px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
section#galleryArea ul#galleryThumbs li .inner img {
  float: left;
  width: 226px;
  height: 136px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
section#galleryArea ul#galleryThumbs li .overlay {
  opacity: 0;
  position: absolute;
  left: 6px;
  top: 6px;
  background: #111324;
  width: 226px;
  height: 101px;
  padding: 35px 0 0 0;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
section#galleryArea ul#galleryThumbs li .overlay a {
  display: inline-block;
  font-size: 1.25em;
  padding: 8px 13px;
  background: #f6f6f7;
  margin: 2px 0;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #111324;
}
section#galleryArea ul#galleryThumbs li .overlay a.downloadDirect {
  background: #7EBD26;
  color: #ffffff;
}
section#galleryArea ul#galleryThumbs li .overlay a.downloadDirect:hover {
  background: #70a822;
}
section#galleryArea ul#galleryThumbs li .overlay a:hover {
  background: #ffffff;
}
section#galleryArea ul#galleryThumbs li .overlay a:active {
  margin-top: 3px;
  margin-bottom: 1px;
}
#cssguide {
  margin: 75px 0 50px 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/css/divider.png') bottom repeat-x;
  border-bottom: 1px solid #ffffff;
  z-index: 3;
}
#cssguide .central {
  max-width: 600px;
  width: 100%;
}
#cssguide .central.masthead {
  text-align: center;
}
#cssguide .central #lastUpdated {
  display: inline-block;
  *display: inline;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/banner_sliding.png') top left no-repeat;
  margin: 80px 0 5px 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 1px #62931e;
}
@media only screen and (max-width: 767px) {
  #cssguide .central #lastUpdated {
    font-size: 1.8em;
  }
}
#cssguide .central #lastUpdated span {
  float: left;
  height: 23px;
  margin: 0 0 0 30px;
  padding: 3px 30px 0 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/banner_sliding.png') top right no-repeat;
}
#cssguide #sharing {
  text-align: left;
  max-width: 374px;
  overflow: hidden;
}
#cssguide #sharing #share {
  float: none;
  width: 376px;
  margin: 50px auto 20px;
  background: #ececed;
  text-align: center;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#cssguide #sharing #share .inner {
  float: left;
  width: 374px;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
#cssguide #sharing #share .inner .cssdownload {
  float: left;
  width: 194px;
  height: 104px;
  overflow: hidden;
  box-sizing: content-box;
}
#cssguide #sharing #share .inner .cssdownload a {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}
#cssguide #sharing #share .inner .cssdownload h6 {
  margin: 28px 0 7px 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #7EBD26;
}
@media only screen and (max-width: 767px) {
  #cssguide #sharing #share .inner .cssdownload h6 {
    font-size: 1.8em;
  }
}
#cssguide #sharing #share .inner .cssdownload h6 a {
  color: #7EBD26;
}
#cssguide #sharing #share .inner .cssdownload h6 a:hover {
  color: #70a822;
}
#cssguide #sharing #share .inner .cssdownload span {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1.5em;
}
#cssguide #sharing #share .inner .cssdownload span a {
  float: none;
}
#cssguide #sharing #share .inner .cssdownload .marker {
  position: absolute;
  top: -16px;
  left: 171px;
  width: 32px;
  height: 29px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/darr.png') bottom no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#cssguide #sharing #share .inner .cssdownload:hover h6 {
  color: #62931d;
}
#cssguide #sharing #share .inner .cssdownload:active .marker {
  height: 31px;
}
#cssguide #sharing #share .inner .social {
  float: left;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/darr.png') repeat-y #f6f6f7;
  width: 88px;
  height: 82px;
  margin: 1px 0px 1px 1px;
  padding: 20px 0 0 0;
  box-sizing: content-box;
}
#cssguide #sharing #share .inner .social iframe,
#cssguide #sharing #share .inner .social a {
  opacity: 1;
}
#cssguide #sharing #share .inner .social.right {
  float: right;
  margin: 1px 1px 1px 0px;
  background-position: right;
}
#cssguide #sharing #share .inner .social:hover iframe,
#cssguide #sharing #share .inner .social:hover a {
  opacity: 1;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 240px;
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-wrap #fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
}
#fancybox-wrap #fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: none;
}
#fancybox-wrap #fancybox-content a.modalClose,
#fancybox-wrap #fancybox-content #force {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  text-indent: -9000px;
  overflow: hidden;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/arrows.png') center no-repeat;
  background-position: -49px -6px;
}
#fancybox-wrap #fancybox-content .modalContainer {
  float: left;
  width: 100%;
  height: 540px;
  padding: 90px 0 0 0;
  overflow: hidden;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/modal.gif') bottom repeat-x;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo {
  float: left;
  width: 576px;
  margin: 0 185px 16px 185px;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo h1 {
  float: left;
  color: #ffffff;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #fancybox-wrap #fancybox-content .modalContainer #templateInfo h1 {
    font-size: 1.4em;
  }
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo h1 a {
  color: #65b9ff;
  font: inherit;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo h1 a:hover {
  color: #7856ff;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo a.download {
  float: right;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/arrows.png') right center no-repeat #7EBD26;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.2em;
  padding: 7px 35px 9px 15px;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo a.download:hover {
  background-color: #76b023;
}
#fancybox-wrap #fancybox-content .modalContainer #templateInfo a.download:active {
  background-color: #70a822;
  background-position: right 1px;
}
#fancybox-wrap #fancybox-content .modalContainer .shadow {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(52, 59, 68, 0.2);
  height: 4px;
  z-index: 100;
}
#fancybox-wrap #fancybox-content .modalContainer #templatePreview {
  float: left;
  margin: 0 185px;
  width: 570px;
  height: 475px;
  background: #ffffff;
  padding: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalPrev,
#fancybox-wrap #fancybox-content .modalContainer a.modalNext {
  position: absolute;
  width: 24px;
  height: 31px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/arrows.png') left center no-repeat;
  top: 55%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalPrev {
  left: 50px;
  background-position: -10px 0;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalPrev:hover {
  background-position: -30px 0;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalPrev:active {
  background-position: -32px 0;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalNext {
  background-position: -89px 0;
  right: 50px;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalNext:hover {
  background-position: -69px 0;
}
#fancybox-wrap #fancybox-content .modalContainer a.modalNext:active {
  background-position: -67px 0;
}
#fancybox-wrap #fancybox-content .modalContainer ul.toggleView {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
}
#fancybox-wrap #fancybox-content .modalContainer ul.toggleView li {
  display: inline-block;
}
#fancybox-wrap #fancybox-content .modalContainer ul.toggleView li a {
  float: left;
  width: 15px;
  height: 15px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/arrows.png') right no-repeat;
  background-position: -109px center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#fancybox-wrap #fancybox-content .modalContainer ul.toggleView li a:hover,
#fancybox-wrap #fancybox-content .modalContainer ul.toggleView li a.active {
  background-position: 0 center;
}
#fancybox-wrap #fancybox-content #downloadWindow {
  float: left;
  width: 300px;
  margin: 35px 0 0 326px;
}
#fancybox-wrap #fancybox-content #downloadWindow .inner {
  float: left;
  text-align: center;
  color: #ffffff;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/download.gif') #111324 top center;
  padding: 55px 0 35px 0;
  width: 300px;
  height: 90px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#fancybox-wrap #fancybox-content #downloadWindow a.modalClose {
  right: 323px;
}
#fancybox-wrap #fancybox-content #downloadWindow h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
  color: #ffffff;
  margin: 0 0 13px 0;
}
@media only screen and (max-width: 767px) {
  #fancybox-wrap #fancybox-content #downloadWindow h3 {
    font-size: 1.4em;
  }
}
#fancybox-wrap #fancybox-content #downloadWindow a.twitter {
  display: inline-block;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/twitter.png') left center no-repeat #4badff;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 16px 10px 29px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#fancybox-wrap #fancybox-content #downloadWindow a.twitter:hover {
  background-color: #1896ff;
}
#fancybox-wrap #fancybox-content #downloadWindow a.twitter:active {
  background-color: #007de4;
}
#shareTools {
  float: left;
  margin: 0 0 0 46px;
  background: #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 3px;
}
#shareTools .inner {
  float: left;
  background: #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ececed;
  padding: 10px 0 10px 15px;
}
#shareTools .inner iframe {
  margin: 0;
  clear: none;
}
#share {
  float: left;
  width: 376px;
  margin: 50px 0 20px 301px ;
  background: #ececed;
  text-align: center;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#share .inner {
  float: left;
  width: 374px;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
#share .inner a {
  float: left;
  width: 196px;
  height: 88px;
  overflow: hidden;
}
#share .inner a h6 {
  margin: 28px 0 7px 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #7EBD26;
}
@media only screen and (max-width: 767px) {
  #share .inner a h6 {
    font-size: 1.8em;
  }
}
#share .inner a span {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1em;
}
#share .inner a .marker {
  position: absolute;
  top: -16px;
  left: 171px;
  width: 32px;
  height: 29px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/darr.png') bottom no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#share .inner a:hover h6 {
  color: #62931d;
}
#share .inner a:active .marker {
  height: 31px;
}
#share .inner .social {
  float: left;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/templates/darr.png') repeat-y #f6f6f7;
  width: 88px;
  height: 74px;
  margin: 1px 0px 1px 1px;
  padding: 12px 0 0 0;
}
#share .inner .social iframe,
#share .inner .social a {
  opacity: 0.8;
}
#share .inner .social.right {
  float: right;
  margin: 1px 1px 1px 0px;
  background-position: right;
}
#share .inner .social:hover iframe,
#share .inner .social:hover a {
  opacity: 1;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-error {
  color: #111324;
  font-size: 2em;
  padding: 14px;
  margin: 0;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
body.modal-open {
  -webkit-backface-visibility: hidden;
}
@-webkit-keyframes bgfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@-moz-keyframes bgfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@-o-keyframes bgfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes bgfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
body.modal-open .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #111324;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.modal-open .modal-backdrop.fade {
  opacity: 0;
}
body.modal-open .modal-backdrop,
body.modal-open .modal-backdrop.fade.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
body.modal-open .modal-backdrop.fade.in {
  -webkit-animation-name: bgfade;
  -moz-animation-name: bgfade;
  -o-animation-name: bgfade;
  animation-name: bgfade;
}
body.modal-open .modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 820px;
  margin-left: -410px;
  padding: 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_poster.jpg') bottom right repeat-y #ffffff;
  outline: none;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 1px 4px 3px rgba(47, 53, 62, 0.8);
  -webkit-box-shadow: 0px 1px 4px 3px rgba(47, 53, 62, 0.8);
  box-shadow: 0px 1px 4px 3px rgba(47, 53, 62, 0.8);
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
body.modal-open .modal.hide {
  overflow: auto;
  text-indent: 0px;
  white-space: normal;
}
body.modal-open .modal a.close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 30px;
  color: #111324;
  text-shadow: 0px 1px #ffffff;
  font-weight: 200;
  padding: 10px 20px 10px 10px;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
  }
  1% {
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(0);
  }
  1% {
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(0);
  }
  1% {
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  1% {
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
body.modal-open .modal.fade {
  top: -25%;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
body.modal-open .modal.fade.in {
  top: 10%;
}
body.modal-open #enter-comp.modal {
  float: left;
  padding: 55px 0;
  min-height: 480px;
}
body.modal-open #enter-comp.modal h1 {
  float: left;
  width: 820px;
  padding: 0;
  height: 95px;
  overflow: hidden;
  text-indent: -100%;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_headline.png') top left no-repeat;
  background-position: 53px 0;
}
body.modal-open #enter-comp.modal form#competition {
  float: left;
  background: #ffffff;
  width: 300px;
  padding: 0 55px;
  font-size: 1.5em;
  line-height: 1.5em;
}
body.modal-open #enter-comp.modal form#competition p#response {
  display: none;
  float: left;
  width: 278px;
  background: #fff3c5;
  border: 1px solid #ffe378;
  color: #937f38;
  padding: 10px;
  margin: 0 0 8px 0;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.85em;
  line-height: 1.4em;
}
body.modal-open #enter-comp.modal form#competition input {
  float: left;
  width: 274px;
  padding: 9px 12px;
  margin: 0 0 8px 0;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d2d2d4;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 0.95em;
  line-height: normal;
  color: #111324;
}
body.modal-open #enter-comp.modal form#competition input::-webkit-input-placeholder {
  color: #45454b;
}
body.modal-open #enter-comp.modal form#competition input:-moz-placeholder {
  color: #5d5d66;
}
body.modal-open #enter-comp.modal form#competition input::-moz-placeholder {
  color: #5d5d66;
}
body.modal-open #enter-comp.modal form#competition input:-ms-input-placeholder {
  color: #5d5d66;
}
body.modal-open #enter-comp.modal form#competition input.placeholder {
  color: #5d5d66;
}
body.modal-open #enter-comp.modal form#competition input:focus,
body.modal-open #enter-comp.modal form#competition input:active {
  border-color: #32a2ff;
}
body.modal-open #enter-comp.modal form#competition label.half input {
  width: 121px;
}
body.modal-open #enter-comp.modal form#competition label.half.right input {
  margin-left: 6px;
  margin-right: 0;
}
body.modal-open #enter-comp.modal form#competition p.fineprint {
  float: left;
  width: 90%;
  margin: 25px 0 0 0;
  font-size: 0.8em;
  line-height: 1.5em;
}
body.modal-open #enter-comp.modal select {
  float: left;
  width: 100%;
  margin: 4px 0 0 0;
  font-size: 1.2em;
}
body.modal-open #enter-comp.modal label#prettySelect {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_arrow.png') right center no-repeat #ffffff;
  background-position: ;
  float: left;
  width: 274px;
  padding: 11px 12px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d2d2d4;
  color: #111324;
  position: relative;
}
body.modal-open #enter-comp.modal label#prettySelect select {
  position: absolute;
  top: -5px;
  border-top: 8px solid white;
  border-bottom: 8px solid white;
  left: 0;
  opacity: 0;
  font-size: 1em;
}
body.modal-open #enter-comp.modal button {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_button.png') center no-repeat #ffffff;
  border: 2px solid #111324;
  padding: 12px 0;
  overflow: hidden;
  text-indent: -9000px;
}
body.modal-open #enter-comp.modal button:hover {
  border-color: #7EBD26;
}
body.modal-open #enter-comp.modal button:active {
  border-top: 3px solid #7EBD26;
  margin-top: 21px;
  margin-bottom: -2px;
}
body.modal-open #enter-comp.modal #comp-info {
  float: right;
  width: 250px;
  padding: 0 80px;
  color: #ffde4d;
  margin: -40px 0 0 0;
}
body.modal-open #enter-comp.modal #comp-info p {
  font-size: 1.4em;
  line-height: 1.5em;
  color: #111324;
  line-height: 1.9em;
}
body.modal-open #enter-comp.modal #comp-info p strong {
  color: #111324;
  font-weight: 500;
}
body.modal-open #enter-comp.modal #comp-share {
  display: none;
  float: left;
  width: 300px;
  padding: 0 55px;
}
body.modal-open #enter-comp.modal #comp-share p {
  float: left;
  margin: 20px 0 0 0;
  font-size: 1.3em;
  line-height: 1.5em;
  line-height: 1.8em;
  color: #111324;
}
body.modal-open #enter-comp.modal #comp-share p strong {
  color: #111324;
  font-weight: 800;
}
body.modal-open #enter-comp.modal #comp-share h2 {
  float: left;
  width: 100%;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_share.png') top left no-repeat;
  margin: 50px 0 25px 0;
  height: 15px;
  overflow: hidden;
  text-indent: -9000px;
}
body.modal-open #enter-comp.modal #comp-share a.share {
  float: left;
  border: 2px solid #111324;
  width: 140px;
  height: 40px;
  overflow: hidden;
  text-indent: -9000px;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_share.png') no-repeat #ffffff;
  background-position: -2px -22px;
}
body.modal-open #enter-comp.modal #comp-share a.share.facebook {
  margin: 0 0 0 8px;
  background-position: -154px -22px;
}
body.modal-open #enter-comp.modal #comp-share a.share:hover {
  border-color: #7EBD26;
}
body.modal-open #enter-comp.modal #comp-share a.share:active {
  border-top-width: 3px;
  height: 39px;
}
@media screen and (max-height: 700px) {
  body.modal-open #enter-comp.modal {
    top: 1%;
    padding: 45px 0;
  }
}
@media screen and (max-width: 1174px) {
  #feature .fullResources {
    width: 985px;
  }
  #feature .content section#build {
    width: 985px;
  }
  #feature .content section#build ul#tools {
    width: 985px;
  }
  #feature .content section#build ul#tools a li {
    width: 186px;
    margin: 0 3px;
  }
}
#cmSignupForm {
  width: 100%;
  position: relative;
  /* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
  /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
  /* Placeholder formatting */
  /* Styles for a dark background */
}
#cmSignupForm form {
  float: left;
  width: 100%;
}
#cmSignupForm label {
  font-size: 1.3em;
  line-height: 1.615em;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  color: #5d5d66;
}
#cmSignupForm label em {
  color: red;
  padding: 0 0.2em;
}
#cmSignupForm label.optin {
  margin: 1em 0 0;
  padding-left: 20px;
}
#cmSignupForm label.optin input[type="checkbox"] {
  position: absolute;
  top: 4px;
  left: 0;
  border: none;
}
#cmSignupForm label .helper {
  float: right;
  font-size: 1em;
  line-height: 0.5em;
  font-weight: 600;
  color: #ececed;
}
#cmSignupForm label .error_field {
  position: absolute;
  z-index: 10;
  right: 10px;
  bottom: 30px;
  height: 30px;
  font-size: 11px;
  line-height: 26px;
  background-color: #fff3c5;
  border: 1px solid #ffde4d;
  color: #937f38;
  padding: 0 15px;
}
#cmSignupForm label .error_field.selector {
  bottom: 31px;
}
#cmSignupForm .outofdate {
  font-size: 1.3em;
  line-height: 1.5em;
  background-color: #fff3c5;
  border: 1px solid #ffde4d;
  color: #937f38;
  padding: 15px;
  margin: 0 0 20px 0;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
#cmSignupForm .half {
  float: left;
  width: 50%;
}
#cmSignupForm .half.left {
  padding-right: 0.8em;
}
#cmSignupForm .half.right {
  padding-left: 0.8em;
}
#cmSignupForm textarea,
#cmSignupForm input[type="text"],
#cmSignupForm input[type="email"],
#cmSignupForm input[type="password"] {
  border: 1px solid #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.231em;
  line-height: normal;
  padding: 0.75em;
  color: red;
  width: 100%;
  float: left;
  margin: 4px 0 20px 0;
  -webkit-box-shadow: inset 0 2px 0 0 #f6f6f7;
  box-shadow: inset 0 2px 0 0 #f6f6f7;
  color: #111324;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#cmSignupForm textarea:hover,
#cmSignupForm input[type="text"]:hover,
#cmSignupForm input[type="email"]:hover,
#cmSignupForm input[type="password"]:hover,
#cmSignupForm textarea:focus,
#cmSignupForm input[type="text"]:focus,
#cmSignupForm input[type="email"]:focus,
#cmSignupForm input[type="password"]:focus,
#cmSignupForm textarea:active,
#cmSignupForm input[type="text"]:active,
#cmSignupForm input[type="email"]:active,
#cmSignupForm input[type="password"]:active {
  border: 1px solid #5d5d66;
}
#cmSignupForm textarea.error,
#cmSignupForm input[type="text"].error,
#cmSignupForm input[type="email"].error,
#cmSignupForm input[type="password"].error {
  border: 1px solid #ffde4d !important;
}
#cmSignupForm textarea.smaller,
#cmSignupForm input[type="text"].smaller,
#cmSignupForm input[type="email"].smaller,
#cmSignupForm input[type="password"].smaller {
  font-size: 1.1em;
  padding: 0.95em;
}
#cmSignupForm input[type="checkbox"] {
  margin: 0 8px 0 0;
}
#cmSignupForm button[type="submit"] {
  width: 100%;
  margin-top: 2px;
  border: none;
}
#cmSignupForm button[type="submit"].processing {
  -moz-box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.15);
  background: #ececec;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ececec', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ececec, endColorstr=#ececec)";
  color: #5d5d66;
}
#cmSignupForm .custom-select {
  position: relative;
  display: block;
  padding: 0;
  border: 1px solid #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  float: left;
  margin: 4px 0 1.625em;
  background: #fefefe;
  -webkit-box-shadow: 0 2px 0 0 #f6f6f7;
  box-shadow: 0 2px 0 0 #f6f6f7;
  color: #111324;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#cmSignupForm .custom-select:hover,
#cmSignupForm .custom-select:focus,
#cmSignupForm .custom-select:active {
  border: 1px solid #5d5d66;
}
#cmSignupForm .custom-select.error {
  border: 1px solid #ffde4d;
}
#cmSignupForm .custom-select option {
  font-weight: normal;
}
#cmSignupForm .custom-select:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  right: 1em;
  margin-top: -4px;
  background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/signup/arrow.png');
  background-image: none\9;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}
#cmSignupForm .custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size: 1.231em;
  line-height: 1.5em;
  padding: 0.75em;
}
#cmSignupForm .response li {
  font-size: 1.1em;
  line-height: 1.545em;
  background: #ffde4d;
  padding: 4px 2.363em;
  color: #f69100;
}
#cmSignupForm .response li:first-child {
  padding-top: 2.363em;
}
#cmSignupForm .response li:last-child {
  padding-bottom: 2.363em;
  margin-bottom: 2.6em;
}
#cmSignupForm .privacy {
  margin: 0 auto;
  padding: 45px 0 0;
  color: #54595f;
  clear: both;
  font-size: 1.2em;
  line-height: 1.545em;
  letter-spacing: 0.01em;
  width: 96%;
  text-align: center;
}
#cmSignupForm .privacy a {
  color: #54595f;
  text-decoration: underline;
}
#cmSignupForm .privacy a:hover {
  text-decoration: none;
}
#cmSignupForm form.placeholders label span.label {
  font-size: 0.9em;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#cmSignupForm form.placeholders label.optin span.label {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: auto;
  position: static;
}
#cmSignupForm form.placeholders input[type="text"],
#cmSignupForm form.placeholders input[type="email"],
#cmSignupForm form.placeholders input[type="password"] {
  margin: 10px 0 20px;
  z-index: 1;
  position: relative;
}
#cmSignupForm form.darkbg .custom-select {
  box-shadow: none;
}
#cmSignupForm form.darkbg input[type="text"],
#cmSignupForm form.darkbg input[type="email"],
#cmSignupForm form.darkbg input[type="password"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
}
#cmSignupForm form.darkbg input[type="text"]:focus,
#cmSignupForm form.darkbg input[type="email"]:focus,
#cmSignupForm form.darkbg input[type="password"]:focus {
  -webkit-box-shadow: 0 0 0 2px #7856ff;
  -moz-box-shadow: 0 0 0 2px #7856ff;
  box-shadow: 0 0 0 2px #7856ff;
}
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. */
/* Show only the native arrow */
@-moz-document url-prefix() {
  #cmSignupForm .custom-select {
    overflow: hidden;
  }
  #cmSignupForm .custom-select select {
    width: 120%;
    width: -moz-calc(103%);
    width: calc(100% em);
  }
  #cmSignupForm .custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
html[data-useragent*='MSIE 10'] #cmSignupForm textarea,
html[data-useragent*='MSIE 10'] #cmSignupForm input[type="text"],
html[data-useragent*='MSIE 10'] #cmSignupForm input[type="email"],
html[data-useragent*='MSIE 10'] #cmSignupForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='MSIE 10'] #cmSignupForm label.optin {
  padding-left: 25px;
}
html[data-useragent*='MSIE 10'] #cmSignupForm label.optin input[type="checkbox"] {
  border: none;
  top: 1px;
}
html[data-useragent*='MSIE 10'] #cmSignupForm .custom-select:after {
  display: none;
}
html[data-useragent*='rv:11'] #cmSignupForm textarea,
html[data-useragent*='rv:11'] #cmSignupForm input[type="text"],
html[data-useragent*='rv:11'] #cmSignupForm input[type="email"],
html[data-useragent*='rv:11'] #cmSignupForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='rv:11'] #cmSignupForm .error_field {
  bottom: 23px;
}
html[data-useragent*='rv:11'] #cmSignupForm .custom-select:after {
  display: none;
}
html[data-useragent*='Firefox'] #cmSignupForm .custom-select {
  overflow: hidden;
}
html[data-useragent*='Firefox'] #cmSignupForm .custom-select select {
  width: 110% !important;
  width: -moz-calc(110%) !important;
  width: calc(100% em) !important;
  padding-right: 3.2em;
}
html[data-useragent*='Firefox'] #cmSignupForm .custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
div.mktoForm {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  padding: 0 0 5px;
}
div.mktoForm a {
  padding: 0;
}
div.mktoForm form {
  width: 100% !important;
  font-size: 1em !important;
  padding: 0;
  /* Placeholder formatting */
}
div.mktoForm form .mktoOffset,
div.mktoForm form .mktoAsterix,
div.mktoForm form .mktoErrorArrowWrap,
div.mktoForm form .mktoGutter {
  display: none !important;
}
div.mktoForm form .mktoFormRow {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
div.mktoForm form .mktoFormCol,
div.mktoForm form .mktoFieldWrap {
  float: none;
  margin: 0 !important;
}
div.mktoForm form .mktoFormCol {
  padding: 0 8px;
  width: 100%;
}
div.mktoForm form .mktoFormCol:nth-child(0),
div.mktoForm form .mktoFormCol:first-of-type {
  padding-left: 0;
}
div.mktoForm form .mktoFormCol:nth-last-child(1),
div.mktoForm form .mktoFormCol:last-of-type {
  padding-right: 0;
}
div.mktoForm form label {
  font-weight: 400 !important;
  float: none !important;
  font-size: 1.3em;
  padding-top: 0 !important;
  width: auto !important;
  color: #727272;
}
div.mktoForm form input[type=text],
div.mktoForm form input[type=url],
div.mktoForm form input#siteurl,
div.mktoForm form input[type=email],
div.mktoForm form input[type=tel],
div.mktoForm form input[type=number],
div.mktoForm form input[type=date],
div.mktoForm form select.mktoField,
div.mktoForm form textarea.mktoField {
  width: 100% !important;
  float: none;
  font-size: 1.6em;
  line-height: 1.5em;
  height: auto;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 17px;
  margin: 2px 0 11px;
}
div.mktoForm form input[type=text].mktoInvalid,
div.mktoForm form input[type=url].mktoInvalid,
div.mktoForm form input#siteurl.mktoInvalid,
div.mktoForm form input[type=email].mktoInvalid,
div.mktoForm form input[type=tel].mktoInvalid,
div.mktoForm form input[type=number].mktoInvalid,
div.mktoForm form input[type=date].mktoInvalid,
div.mktoForm form select.mktoField.mktoInvalid,
div.mktoForm form textarea.mktoField.mktoInvalid {
  border: 1px solid #ffde4d;
}
div.mktoForm form .mktoError {
  position: absolute;
  z-index: 10;
  right: 18px !important;
  bottom: 21px !important;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  background-color: #ffefa6;
  border: 1px solid #ffde4d;
  color: #5d5d66;
  padding: 0 15px;
}
div.mktoForm form .mktoError.selector {
  bottom: 31px;
}
div.mktoForm form .mktoError .mktoErrorMsg {
  display: inline;
  margin: auto;
  background: transparent;
  border: none;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #5d5d66;
  font-size: 11px;
  line-height: 26px;
  padding: 0;
  text-shadow: none;
}
div.mktoForm form .mktoError .mktoErrorDetail {
  display: none !important;
}
div.mktoForm form .mktoFormCol:nth-child(0) .mktoError,
div.mktoForm form .mktoFormCol:first-of-type .mktoError {
  right: 16px !important;
}
div.mktoForm form .mktoFormCol:nth-last-child(1) .mktoError,
div.mktoForm form .mktoFormCol:last-of-type .mktoError {
  right: 8px !important;
}
div.mktoForm form .custom-select {
  margin-top: 2px;
  margin-bottom: 10px;
}
div.mktoForm form .custom-select option {
  font-weight: normal;
}
div.mktoForm form .custom-select .mktoError {
  bottom: 10px !important;
}
div.mktoForm form .custom-select select {
  margin: 0;
}
div.mktoForm form .custom-select select.mktoInvalid {
  border: 1px solid #ffde4d;
}
div.mktoForm form .mktoCheckboxList {
  width: 100% !important;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  div.mktoForm form .mktoCheckboxList {
    display: block;
  }
}
div.mktoForm form .checkbox-container {
  width: auto;
}
div.mktoForm form .checkbox-container label {
  display: none;
}
div.mktoForm form .checkbox-custom-label {
  padding-top: 10px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5em;
}
div.mktoForm form .checkbox-custom-label .mktoHtmlText {
  width: auto !important;
  color: #5d5d66;
}
div.mktoForm form #check-alive {
  display: none;
}
div.mktoForm form .g-recaptcha .grecaptcha-badge {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  margin: 30px auto 0 !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  -moz-box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  display: block !important;
}
div.mktoForm form .g-recaptcha iframe {
  margin: 0;
}
div.mktoForm form .mktoButtonRow {
  width: 100%;
}
div.mktoForm form .mktoButtonWrap {
  margin: 0 !important;
}
div.mktoForm form .mktoButton {
  width: 100%;
  min-width: 234px;
  margin-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}
div.mktoForm form .mktoFormRow.privacy-line {
  margin-top: 18px;
}
div.mktoForm form .mktoFormRow.privacy-line .mktoHtmlText {
  width: 100% !important;
  text-align: center;
  font-size: 1.5em;
  margin-top: 0;
  color: #5d5d66;
}
@media only screen and (max-width: 850px) {
  div.mktoForm form .mktoFormRow:not(.parent-checkbox-container) {
    display: block;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0;
  }
}
@media only screen and (max-width: 770px) {
  div.mktoForm form .mktoFormRow {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0 8px;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):nth-child(0),
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):first-of-type {
    padding: 0;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):nth-last-child(1),
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):last-of-type {
    padding: 0;
  }
}
@media only screen and (max-width: 500px) {
  div.mktoForm form .mktoFormRow:not(.parent-checkbox-container) {
    display: block;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0;
  }
}
div.mktoForm form.placeholder-labels label {
  position: absolute;
  top: 15px;
  z-index: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
div.mktoForm form.placeholder-labels label.no-hide {
  position: static;
  left: auto;
  top: auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #5d5d66;
}
div.mktoForm form.placeholder-labels label.no-hide.checkbox {
  padding-top: 12px !important;
}
div.mktoForm form.placeholder-labels .mktoFormCol:nth-last-child(1) label,
div.mktoForm form.placeholder-labels .mktoFormCol:last-of-type label {
  left: 8px;
}
div.mktoForm form.placeholder-labels .mktoFormCol:nth-child(0) label,
div.mktoForm form.placeholder-labels .mktoFormCol:first-of-type label {
  left: 0px;
}
div.mktoForm form.placeholder-labels input[type="text"],
div.mktoForm form.placeholder-labels input[type="email"],
div.mktoForm form.placeholder-labels input[type="tel"],
div.mktoForm form.placeholder-labels input[type="password"],
div.mktoForm form.placeholder-labels textarea {
  margin: 18px 0 5px;
  z-index: 1;
  position: relative;
}
div.mktoForm form.placeholder-labels [type="submit"],
div.mktoForm form.placeholder-labels .custom-select {
  margin-top: 18px;
}
div.mktoForm form.placeholder-labels .custom-checkbox-container {
  margin-top: 10px;
}
div.mktoForm form.placeholder-labels .custom-checkbox-container label.no-hide {
  padding-left: 12px;
  padding-top: 0 !important;
}
div.mktoForm form.placeholder-labels .mktoError {
  bottom: 15px !important;
}
html[data-useragent*='MSIE 10'] div.mktoForm textarea,
html[data-useragent*='MSIE 10'] div.mktoForm input[type="text"],
html[data-useragent*='MSIE 10'] div.mktoForm input[type="email"],
html[data-useragent*='MSIE 10'] div.mktoForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='MSIE 10'] div.mktoForm label.optin {
  padding-left: 25px;
}
html[data-useragent*='MSIE 10'] div.mktoForm label.optin input[type="checkbox"] {
  border: none;
  top: 1px;
}
html[data-useragent*='MSIE 10'] div.mktoForm .custom-select:after {
  display: none;
}
html[data-useragent*='rv:11'] div.mktoForm textarea,
html[data-useragent*='rv:11'] div.mktoForm input[type="text"],
html[data-useragent*='rv:11'] div.mktoForm input[type="email"],
html[data-useragent*='rv:11'] div.mktoForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='rv:11'] div.mktoForm .error_field {
  bottom: 23px;
}
html[data-useragent*='rv:11'] div.mktoForm .custom-select:after {
  display: none;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select {
  overflow: hidden;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select select {
  width: 110% !important;
  width: -moz-calc(110%) !important;
  width: calc(100% em) !important;
  padding-right: 3.2em;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
html {
  background-color: #ffffff;
}
header {
  float: none;
}
/* Banner */
#banner {
  height: 400px;
  width: 100%;
  margin-bottom: 75px;
  background-position: center;
  background-size: 100%;
  background-size: cover;
  text-align: center;
  display: table;
}
#banner .center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#banner h1 {
  text-align: center;
  max-width: 660px;
  width: 90%;
  margin: 0 auto;
  padding-top: 5px;
  color: #ffffff;
}
#banner h6 {
  color: #5d5d66;
  display: inline;
}
#banner h6 a {
  color: #f6f6f7;
  border-bottom: 1px solid #f6f6f7;
  padding-bottom: 1px;
  font-weight: 600;
}
#banner h6 a:hover {
  color: #e9e9eb;
  border-bottom: none;
}
/* END Banner */
/* Floating Sidebar */
#chapters {
  position: absolute;
  top: 550px;
  right: 0px;
  z-index: 10;
  width: 100%;
  pointer-events: none;
}
#chapters.sticky {
  position: fixed;
  top: 110px;
}
#chapters.stuck {
  position: absolute;
  top: auto;
  bottom: 483px;
}
#chapters .container {
  max-width: 1400px;
  margin: 0 auto;
}
#chapters .flyout-handle {
  display: none;
  position: absolute;
  top: 0;
  right: 0px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #f2f2f2;
  border-right: none;
  -khtml-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/flyout-icons.png);
  background-size: 90px 38px;
  background-position: 43px 2px;
  pointer-events: auto;
}
#chapters .flyout-handle.open {
  background-position: 0px 2px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  height: 30px;
}
#chapters .floatmenu {
  width: 240px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  margin-bottom: 15px;
  margin-right: 20px;
  font-size: 11px;
  color: #5d5d66;
  background-color: #ffffff;
  clear: both;
  float: right;
  pointer-events: auto;
}
#chapters .floatmenu a {
  color: #5d5d66;
}
#chapters .floatmenu a:hover {
  color: #7856ff;
}
#chapters .floatmenu li.active a {
  color: #7856ff;
}
#chapters #pagelinks .mobile-handle {
  display: none;
  text-align: center;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/chapterArrow.png);
  background-size: 10px 96px;
  background-repeat: no-repeat;
  background-position: 96% top;
}
#chapters #pagelinks .mobile-handle ol {
  display: block;
}
#chapters #pagelinks .mobile-handle.open {
  background-position: 96% bottom;
}
#chapters #pagelinks a {
  padding: 8px 0;
  line-height: 1.35em;
  display: inline-block;
  font-size: 1.15em;
  letter-spacing: 0.05em;
}
#chapters #socialBound {
  padding: 15px 20px;
}
#chapters #socialBound .social {
  width: 15px;
  height: 15px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/social-sharing.svg);
  background-size: 58px 268px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}
#chapters #socialBound .social.twitter {
  background-position: -7px -18px;
}
#chapters #socialBound .social.twitter:hover {
  background-position: -36px -18px;
}
#chapters #socialBound .social.facebook {
  background-position: -7px -72px;
}
#chapters #socialBound .social.facebook:hover {
  background-position: -36px -72px;
}
#chapters #socialBound .social.linkedin {
  background-position: -7px -126px;
}
#chapters #socialBound .social.linkedin:hover {
  background-position: -36px -126px;
}
#chapters #socialBound .social.pintrest {
  background-position: -7px -180px;
}
#chapters #socialBound .social.pintrest:hover {
  background-position: -37px -180px;
}
#chapters #socialBound .social.embed {
  background-position: -7px -234px;
}
#chapters #socialBound .social.embed:hover {
  background-position: -36px -234px;
}
#chapters #socialBound .social-title {
  line-height: 15px;
  color: #5d5d66;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #chapters .flyout-handle {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/flyout-icons@2x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  #chapters .flyout-handle {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/flyout-icons@3x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #chapters #pagelinks .mobile-handle {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/chapterArrow@2x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  #chapters #pagelinks .mobile-handle {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/chapterArrow@3x.png);
  }
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and(min-resolution: 192dpi) {
    #chapters #socialBound .social {
        background-image: url(../images/guides/social-sharing@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (min-resolution: 3dppx),
  only screen and (min-resolution: 350dpi) {
    #chapters #socialBound .social {
        background-image: url(../images/guides/social-sharing@3x.png);
    }
}*/
/* End floating sidebar */
/* Signup Button */
/*.signupbutton {
    margin: 40px auto 50px;
    text-align: center;

    a {
        .action();
        color: #ffffff;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-weight: 600;
        padding: 20px 42px;
        .box-sizing();
        display: inline-block;
        &:active {
            padding: 20px 42px 20px;
        }
    }
}*/
/* Slideshow */
#slideshow {
  height: 370px;
  background: #f2f2f2;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
}
#slideshow .slideshow {
  height: 370px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#slideshow .slideshow.tl-insights {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/features/new/journeys/report-bg.jpg);
}
#slideshow .slideshow.tl1,
#slideshow .slideshow.tl-newrules {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-newrules2015.jpg);
}
#slideshow .slideshow.tl2,
#slideshow .slideshow.tl-trends {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-emailtrendsreport.jpg);
}
#slideshow .slideshow.tl3,
#slideshow .slideshow.tl-top100 {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-top100.jpg);
}
#slideshow .slideshow.tl4,
#slideshow .slideshow.tl-bettermarketing {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-bettermarketing.jpg);
}
#slideshow .slideshow.tl-2016predictions {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-2016predictions.jpg);
}
#slideshow .slideshow.tl-emailstrategy {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-emailstrategy.png);
}
#slideshow .slideshow.tl-b2cvsb2b {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-b2bvsb2c.jpg);
}
#slideshow .slideshow.tl-2017predictions {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/banner-predictions.jpg);
}
#slideshow .slideshow .slide-container {
  display: table;
  max-width: 660px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
}
#slideshow .slideshow .slide-info {
  padding-top: 6em;
}
#slideshow .slideshow .slide-info h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 5.6em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  width: 100%;
  margin: 0 auto 10px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #slideshow .slideshow .slide-info h2 {
    font-size: 4.6em;
  }
}
#slideshow .slideshow .slide-info p {
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 650px) {
  #slideshow {
    height: 500px;
  }
  #slideshow .slideshow {
    height: 500px;
  }
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  z-index: 3;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li:hover button {
  background: #7856ff;
}
.slick-dots li.slick-active button {
  background: #7856ff;
  border: 1px solid #1e7ec4;
}
.slick-dots li button {
  height: 12px;
  width: 12px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0 5px;
  cursor: pointer;
  color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
/* Grids */
#grids {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
#grids .subtitle {
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  color: #111324;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ececed;
  margin-bottom: 20px;
}
#grids .grid {
  float: left;
  height: 260px;
  margin-bottom: 1.5%;
  background-color: #f2f2f2;
  position: relative;
}
@media (max-width: 660px) {
  #grids .grid {
    width: 100% !important;
    margin: 0 0 2% 0 !important;
  }
}
#grids .grid.three33 {
  width: 32%;
}
#grids .grid.three33pad {
  width: 32%;
  margin: 0 2% 1.5%;
}
#grids .grid.three66 {
  width: 66%;
}
#grids .grid.three66left {
  width: 66%;
  margin: 0 2% 1.5% 0;
}
#grids .grid.three66right {
  width: 66%;
  margin: 0 0 1.5% 2%;
}
@media (max-width: 1000px) {
  #grids .grid.two50left {
    width: 48%;
    margin: 0 2% 2.5% 0;
  }
  #grids .grid.two50right {
    width: 48%;
    margin: 0 0 2.5% 2%;
  }
  #grids .grid.two100 {
    width: 100%;
    margin: 0 0 2.5% 0;
  }
}
#grids .grid .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
#grids .grid .number {
  font-size: 1.1em;
  position: relative;
  z-index: 2;
}
#grids .grid .title {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.23em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 10px;
  padding: 0;
  color: #ffffff;
  display: block;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #grids .grid .title {
    font-size: 2em;
  }
}
#grids .grid .description {
  opacity: 0;
  display: block;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-top: 15px;
  position: relative;
  text-shadow: none;
  top: 10px;
  z-index: 2;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#grids .grid .cta {
  display: inline-block;
  position: absolute;
  bottom: 28px;
  left: 28px;
  border: 2px solid #ffffff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.1em;
  font-weight: 500;
  padding: 10px 20px;
  z-index: 2;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 0;
  -moz-box-shadow: "inset 1px 1px rgba(0, 0, 0, 0.55)", "1px 1px rgba(0, 0, 0, 0.55)", "";
  -webkit-box-shadow: "inset 1px 1px rgba(0, 0, 0, 0.55)", "1px 1px rgba(0, 0, 0, 0.55)", "";
  box-shadow: "inset 1px 1px rgba(0, 0, 0, 0.55)", "1px 1px rgba(0, 0, 0, 0.55)", "";
}
#grids .grid a.block {
  display: block;
  padding: 28px;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.55);
}
#grids .grid a.block .overlay {
  background-color: #7856ff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#grids .grid a.block:hover {
  text-shadow: none;
}
#grids .grid a.block:hover .overlay {
  opacity: 0.85;
}
#grids .grid a.block:hover .description {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
#grids .grid a.block:hover .cta {
  opacity: 0;
}
#grids.expose {
  max-width: 940px;
}
#grids.expose .grid {
  min-height: 230px;
  height: auto;
  margin-bottom: 3.84%;
  background-color: transparent;
}
#grids.expose .grid a.block {
  padding: 0;
}
#grids.expose .grid .bg {
  position: relative;
  height: auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#grids.expose .grid .title {
  font-size: 2.4em;
  line-height: 1.2em;
  color: #111324;
  margin-top: 15px;
  text-shadow: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#grids.expose .grid:hover .bg {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}
#grids.expose .grid:hover .title {
  color: #7856ff;
}
#grids.expose .grid:nth-child(3n+1) {
  clear: left;
}
@media only screen and (max-width: 1000px) {
  #grids.expose .grid:nth-child(3n+1) {
    clear: none;
  }
  #grids.expose .grid:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 660px) {
  #grids.expose .grid {
    margin-bottom: 3.84% !important;
  }
}
/* Contentblock */
#toolbox h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.6em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #toolbox h1 {
    font-size: 2.6em;
  }
}
#toolbox.contentblock h1.contentblock,
.contentblock h2 {
  font-weight: 400;
  font-size: 4.2em;
  line-height: 1.24em;
  letter-spacing: -0.015em;
  color: #00354F;
  text-align: center;
  margin: 5px auto;
  padding: 0;
  width: 100%;
}
.contentblock .topspace,
#toolbox h1.topspace {
  margin-top: 80px;
}
.contentblock.grey {
  background-color: #f2f2f2;
}
.contentblock.darkgrey {
  background-color: #2f353e;
}
.contentblock.bluefade {
  background-color: #65b9ff;
}
.contentblock .content.article {
  position: relative;
  padding-bottom: 30px;
  max-width: 680px;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.contentblock .content.article.toppad {
  padding-top: 92px;
  max-width: 800px;
  margin-bottom: 60px;
}
.contentblock .content.article.nopad {
  padding-bottom: 0;
}
.contentblock h3 {
  font-size: 1.3em;
  font-weight: 600;
  color: #00354F;
  letter-spacing: 0.05em;
  display: inline;
  margin: 0px auto;
  padding: 0 0 3px 0;
}
.contentblock h3 a {
  color: #00354F;
}
.contentblock h3 a:hover {
  border-bottom: 1px solid #00354F;
}
.contentblock p {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 620px;
  font-size: 1.6em;
  line-height: 1.67em;
  letter-spacing: 0.015em;
  color: #5d5d66;
  float: none;
  position: relative;
  text-align: center;
}
.contentblock p.short {
  max-width: 460px;
}
.contentblock .custlogo {
  display: block;
  margin-bottom: 30px;
  width: 154px;
  height: 31px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customers2/customers/sxsw-logo.png);
  background-position: center;
  background-size: 154px 31px;
  text-indent: -9999em;
  overflow: hidden;
}
.contentblock span.quote-text {
  font-size: 2.8em;
  line-height: 1.4em;
  font-style: italic;
  font-weight: 200;
  color: #ffffff;
  text-align: left;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.55);
  display: block;
}
.contentblock span.quote-author {
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 200;
  color: #ffffff;
  text-align: left;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.55);
  display: block;
  margin-top: 25px;
}
.contentblock a.watch {
  margin-top: 40px;
  float: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .contentblock .custlogo {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customers2/customers/sxsw-logo@2x.png);
  }
}
#more-resources .content.article {
  max-width: 940px;
  text-align: left;
}
#more-resources .content.article h2 {
  font-size: 3.6em;
  text-align: left;
  margin-bottom: 28px;
}
#more-resources .content.article .subtitle {
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  color: #111324;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ececed;
  margin-bottom: 20px;
}
#more-resources .content.article .resource {
  float: left;
  width: 50%;
  padding-right: 24px;
  margin-bottom: 17px;
}
#more-resources .content.article .resource .title {
  font-size: 1.8em;
  line-height: 1.2em;
  color: #111324;
  display: block;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#more-resources .content.article .resource .blurb {
  font-size: 1.6em;
  line-height: 1.2em;
  color: #5d5d66;
  display: block;
}
#more-resources .content.article .resource:hover .title {
  color: #7856ff;
}
.cm-video-container {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.875);
}
.cm-video-container .close-video {
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customers/videoCloseBtn.png) no-repeat center;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.cm-video-container .video {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.cm-video-container .wistia_responsive_padding {
  position: static !important;
}
.cm-video-container .wistia_responsive_padding .wistia_embed {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wistia_embed {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.wistia_embed_initialized {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cm-customer-hero {
  padding: 0;
  background-color: #f6f6f7;
  background-position: 40% 50%;
  background-size: cover;
  border: none;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero {
    background: #51cfdb !important;
  }
}
.cm-customer-hero .inner {
  min-height: 420px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 2000px) {
  .cm-customer-hero .inner {
    min-height: 560px;
  }
}
.cm-customer-hero .wrap {
  width: 50%;
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .wrap {
    width: 90%;
    text-align: center;
  }
}
.cm-customer-hero .logo {
  margin-bottom: 20px;
  max-width: 100%;
}
.cm-customer-hero .quote {
  font-size: 2.4em;
  line-height: 1.333em;
  color: #ffffff;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote {
    font-size: 1.8em;
    line-height: 1.333em;
  }
}
.cm-customer-hero .quote .marks {
  position: absolute;
  top: 5px;
  left: -60px;
  width: 47px;
  height: 37px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote .marks {
    top: -47px;
    left: 50%;
    margin-left: -24px;
  }
}
.cm-customer-hero .quote .marks svg {
  width: 47px;
  height: 37px;
}
.cm-customer-hero .quote .marks svg .quote-color {
  fill: #65b9ff;
}
.cm-customer-hero .quote.withlogo {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote.withlogo .marks {
    display: none;
  }
}
.cm-customer-hero .author {
  font-size: 1.6em;
  line-height: 1.4em;
  color: #f6f6f7;
  margin-top: 20px;
  display: block;
}
.cm-customer-hero .cmbtn {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.left {
    background-position: 0% 50%;
  }
}
.cm-customer-hero.left .wrap {
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1550px) {
  .cm-customer-hero.left .wrap {
    left: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.left .wrap {
    left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.right {
    background-position: 100% 50%;
  }
}
.cm-customer-hero.right .wrap {
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1550px) {
  .cm-customer-hero.right .wrap {
    right: 5%;
  }
}
.cm-customer-hero.center .wrap {
  left: 50%;
  width: 68%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.center .wrap {
    width: 90%;
  }
}
.cm-customer-hero.center .wrap .quote .marks {
  top: -60px;
  left: 50%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cm-customer-hero.center .wrap .quote.withlogo .marks {
  display: none;
}
.cm-customer-hero.dark .quote {
  color: #111324;
}
.cm-customer-hero.dark .author {
  color: #5d5d66;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.dark .quote,
  .cm-customer-hero.dark .author {
    color: #ffffff;
  }
}
.cm-customer-hero.orange .quote .marks svg .quote-color {
  fill: #f7a43d;
}
.cm-customer-hero.pink .quote .marks svg .quote-color {
  fill: #f4215b;
}
.cm-customer-hero.purple .quote .marks svg .quote-color {
  fill: #7856ff;
}
.cm-customer-hero.green .quote .marks svg .quote-color {
  fill: #7856ff;
}
.cm-customer-hero.white .quote .marks svg .quote-color {
  fill: #ffffff;
}
.cm-customer-hero.red .quote .marks svg .quote-color {
  fill: #5d5d66;
}
.cm-customer-hero.grey .quote .marks svg .quote-color {
  fill: #5d5d66;
}
.cm-customer-hero.teal .quote .marks svg .quote-color {
  fill: #51cfdb;
}
.cm-customer-hero.darkquote .quote .marks svg .quote-color {
  fill: #111324;
}
.cm-customer-hero.darkquote .author {
  color: #111324;
}
.cm-customer-hero-wrap {
  padding: 0;
  background-color: #f6f6f7;
  border: none;
  position: relative;
  min-height: 420px;
}
@media only screen and (min-width: 2000px) {
  .cm-customer-hero-wrap {
    min-height: 560px;
  }
}
.cm-customer-hero-wrap.slideshow .cm-customer-hero {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.cm-customer-hero-wrap.slideshow .cm-customer-hero.current {
  z-index: 10;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cm-customer-hero-wrap.slideshow .inner .heading {
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 3rem;
  max-width: 60%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero-wrap.slideshow .inner .heading {
    max-width: 90%;
  }
}
.cm-customer-hero-wrap.carousel {
  min-height: 485px;
  height: 485px;
  overflow: hidden;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero {
  max-width: 940px;
  width: 80%;
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.noanim {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.new-next {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.681);
  -moz-transform: translateX(-50%) scale(0.681);
  -ms-transform: translateX(-50%) scale(0.681);
  -o-transform: translateX(-50%) scale(0.681);
  transform: translateX(-50%) scale(0.681);
  margin-left: 1800px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.new-next {
    margin-left: 153%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.new-prev {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.681);
  -moz-transform: translateX(-50%) scale(0.681);
  -ms-transform: translateX(-50%) scale(0.681);
  -o-transform: translateX(-50%) scale(0.681);
  transform: translateX(-50%) scale(0.681);
  margin-left: -1800px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.new-prev {
    margin-left: -153%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.next {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.825);
  -moz-transform: translateX(-50%) scale(0.825);
  -ms-transform: translateX(-50%) scale(0.825);
  -o-transform: translateX(-50%) scale(0.825);
  transform: translateX(-50%) scale(0.825);
  margin-left: 900px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.next {
    margin-left: 76%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.prev {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.825);
  -moz-transform: translateX(-50%) scale(0.825);
  -ms-transform: translateX(-50%) scale(0.825);
  -o-transform: translateX(-50%) scale(0.825);
  transform: translateX(-50%) scale(0.825);
  margin-left: -900px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.prev {
    margin-left: -76%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero .wrap {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.current {
  display: block;
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.current .wrap {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cm-customer-hero-wrap.carousel .inner {
  min-height: 485px;
  width: 80%;
}
.cm-customer-hero-wrap.carousel .arrow {
  width: 60px;
  height: 100px;
  background-color: rgba(74, 74, 74, 0.85);
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.cm-customer-hero-wrap.carousel .arrow:hover {
  background-color: #4a4a4a;
}
.cm-customer-hero-wrap.carousel .arrow.left {
  left: 0;
  -khtml-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.cm-customer-hero-wrap.carousel .arrow.right {
  right: 0;
  -khtml-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.cm-customer-hero-wrap.carousel .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -10px;
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (min-resolution: 3dppx),
  only screen and (min-resolution: 350dpi) {
    .contentblock .custlogo {
        background-image: url(../images/guides/ripcurl-logo@3x.png);
    }
}*/
/* Dev tools */
.col2 {
  overflow: hidden;
  padding: 15px 0;
}
.col2 .content.article {
  max-width: 1020px;
  width: 90%;
  position: relative;
  margin: 0 auto 75px;
  padding: 0;
}
.col2 .content.article.borderbottom {
  border-bottom: 1px solid #ececed;
  -webkit-box-shadow: 0px 2px 0px 0px #f6f6f7;
  -moz-box-shadow: 0px 2px 0px 0px #f6f6f7;
  box-shadow: 0px 2px 0px 0px #f6f6f7;
  margin-bottom: 80px;
}
.col2 .content.article .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  min-height: 305px;
  padding: 30px 50px 20px 10px;
  float: left;
  text-align: left;
}
.col2 .content.article .box .teaser {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
  color: #111324;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  display: block;
  color: #ffffff;
}
.col2 .content.article .box h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.6em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .col2 .content.article .box h2 {
    font-size: 2.6em;
  }
}
.col2 .content.article .box p {
  text-align: left;
}
.col2 .content.article .box .tool {
  font-size: 1.4em;
  color: #5d5d66;
  line-height: 1.67em;
  letter-spacing: 0.015em;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 620px;
  display: block;
}
.col2 .content.article .box .tool span {
  font-size: 0.935em;
  font-weight: 600;
  color: #7856ff;
}
.col2 .content.article .box .tool:hover span {
  color: #1487b7;
}
.col2 .content.article .image {
  background-position: left top;
  background-repeat: no-repeat;
  width: 55%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.col2 .content.article .image img {
  display: none;
}
.col2 .content.article .image.laptop {
  background-position: left bottom;
  right: 20px;
  background-size: 100%;
}
.col2 .content.article.right .box {
  float: right;
  padding: 50px 10px 20px;
  width: 48%;
}
.col2 .content.article.right .box h2 {
  margin-bottom: 40px;
}
.col2 .content.article.right .image {
  right: auto;
  left: 0;
  position: relative;
  width: 50%;
  background-image: none !important;
}
.col2 .content.article.right .image img {
  display: block;
  width: 100%;
}
.col2.darkgrey {
  padding: 0;
}
.col2.darkgrey .content.article {
  max-width: 1300px;
  margin: 75px auto;
  background-color: transparent;
}
.col2.darkgrey .content.article .box {
  padding: 0px 100px 0px 0;
  min-height: 0;
}
.col2.darkgrey .content.article .box h2 {
  color: #ffffff;
  margin-left: 0;
}
.col2.darkgrey .content.article .box p {
  font-size: 1.5em;
  line-height: 1.7em;
  color: #ffffff;
}
.col2.darkgrey .content.article .image {
  max-height: 215px;
  margin-top: 20px;
}
.col2.bluefade {
  padding: 0;
}
.col2.bluefade .content.article {
  max-width: 1300px;
  margin: 0px auto;
  padding: 110px 0;
  background-color: transparent;
}
@media only screen and (max-width: 1110px) {
  .col2.bluefade .content.article {
    padding: 80px 0;
  }
}
.col2.bluefade .content.article .box {
  padding: 0px 100px 0px 0;
  min-height: 0;
}
.col2.bluefade .content.article .box .teaser {
  color: #ffffff;
  margin-left: 0;
}
.col2.bluefade .content.article .box h2 {
  color: #ffffff;
}
.col2.bluefade .content.article .box p {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.7em;
}
.col2.bluefade .content.article .image {
  background-size: contain;
  background-position: bottom center;
}
#sections #blur-on,
#modules #blur-on {
  position: relative;
  /*        @media only screen and (max-width: 768px) {
            perspective: 1000px;
            transform-style: preserve-3d;
        }*/
}
#sections #blur-on .blur,
#modules #blur-on .blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  /* FF doesn't support blur filter, but SVG */
  filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  filter: blur(5px);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#sections #blur-on .blur.reveal,
#modules #blur-on .blur.reveal {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections #blur-on .cmGate,
#modules #blur-on .cmGate {
  /*            overflow: hidden;*/
  position: absolute;
  z-index: 60;
  top: 60px;
  left: 50%;
  width: 90%;
  max-width: 800px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #ececed;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#sections #blur-on .cmGate.bottom,
#modules #blur-on .cmGate.bottom {
  top: auto;
  bottom: 60px;
}
#sections #blur-on .cmGate.fixed,
#modules #blur-on .cmGate.fixed {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#sections #blur-on .gateimage,
#modules #blur-on .gateimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  max-width: 400px;
  background-color: #111324;
  overflow: hidden;
}
#sections #blur-on .gateimage img,
#modules #blur-on .gateimage img {
  max-width: 100%;
}
#sections #blur-on .gateimage h3,
#modules #blur-on .gateimage h3 {
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  max-width: 80%;
  padding: 0;
  width: 100%;
  clear: both;
  display: inline-block;
}
#sections #blur-on .form,
#modules #blur-on .form {
  float: right;
  width: 50%;
  max-width: 400px;
  padding: 22px 44px 33px;
  position: relative;
}
#sections #blur-on .form h3,
#modules #blur-on .form h3,
#sections #blur-on .form p,
#modules #blur-on .form p {
  text-align: center;
}
#sections #blur-on .form p,
#modules #blur-on .form p {
  font-size: 1.4em;
}
#sections #blur-on .form .disclaimer,
#modules #blur-on .form .disclaimer {
  padding-top: 15px;
  text-align: center;
  display: block;
  clear: both;
  font-size: 1.2em;
  max-width: 360px;
  margin: 0 auto;
}
#sections #blur-on .form input[type="submit"],
#modules #blur-on .form input[type="submit"] {
  min-width: 0;
}
#sections #blur-on .form .success,
#modules #blur-on .form .success {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.4em;
  display: none;
}
#sections #blur-on .form .success svg,
#modules #blur-on .form .success svg {
  width: 90px;
  height: 90px;
  display: block;
  margin-bottom: 20px;
}
#sections #blur-on .form .success span,
#modules #blur-on .form .success span {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#sections #blur-on .form .success .circ,
#modules #blur-on .form .success .circ {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  stroke-dasharray: 130;
  stroke-dashoffset: 130;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#sections #blur-on .form .success .tick,
#modules #blur-on .form .success .tick {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
  -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
  -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
  -o-transition: stroke-dashoffset 1s 0.5s ease-out;
  transition: stroke-dashoffset 1s 0.5s ease-out;
}
#sections #blur-on .form .success.display span,
#modules #blur-on .form .success.display span {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections #blur-on .form .success.display svg .path,
#modules #blur-on .form .success.display svg .path {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  stroke-dashoffset: 0;
}
@media only screen and (max-width: 768px) {
  #sections #blur-on .form,
  #modules #blur-on .form {
    padding-left: 22px;
    padding-right: 22px;
  }
}
#sections #blur-on .cmGate.landscape,
#modules #blur-on .cmGate.landscape {
  max-width: 600px;
}
#sections #blur-on .cmGate.landscape .gateimage,
#modules #blur-on .cmGate.landscape .gateimage {
  position: relative;
  max-width: 600px;
  min-height: 150px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
#sections #blur-on .cmGate.landscape .form,
#modules #blur-on .cmGate.landscape .form {
  float: none;
  max-width: 600px;
  width: 100%;
}
@media only screen and (max-height: 700px) {
  #sections #blur-on .cmGate,
  #modules #blur-on .cmGate {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 40px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  #sections #blur-on .cmGate.fixed,
  #modules #blur-on .cmGate.fixed {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
/* Sections */
#sections .introduction {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  color: #cbd2d7;
}
#sections .chapter {
  display: none;
}
#sections h2 {
  text-align: center;
  max-width: 680px;
  width: 90%;
}
#sections span.pretitle {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
  color: #111324;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  color: #7856ff;
  text-align: center;
  display: inline-block;
}
#sections p,
#sections ul,
#sections ol {
  margin: 0 0 20px;
  width: 100%;
  font-size: 1.8em;
  line-height: 1.67em;
  letter-spacing: 0.015em;
  color: #5d5d66;
  float: none;
  position: relative;
  clear: both;
}
#sections p.lead,
#sections ul.lead,
#sections ol.lead {
  font-style: italic;
  font-size: 2.5em;
  line-height: 1.267em;
  color: #5d5d66;
  margin-top: 10px;
}
#sections p span.lead,
#sections ul span.lead,
#sections ol span.lead {
  font-style: italic;
  color: #5d5d66;
  margin-top: 10px;
  font-size: 1.389em;
  line-height: 1.267em;
}
#sections ul,
#sections ol {
  margin: 0 0 40px;
}
#sections ul li,
#sections ol li {
  margin-left: 26px;
  padding: 0;
}
#sections ul li b,
#sections ol li b {
  color: #747a80;
}
#sections ul li ul,
#sections ol li ul,
#sections ul li ol,
#sections ol li ol,
#sections ul li p,
#sections ol li p {
  margin: 20px 0 30px;
  font-size: 1em;
}
#sections ul li li,
#sections ol li li {
  font-size: 0.5556em;
}
#sections ul li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  margin-left: 0;
  list-style: none;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/bullet.png);
  background-size: 6px 6px;
  background-repeat: no-repeat;
  background-position: 0px 11px;
}
#sections ol.upper-lettered li {
  list-style: upper-alpha;
}
#sections ol.roman li {
  list-style: lower-roman;
}
#sections ol.lower-lettered li {
  list-style: lower-alpha;
}
#sections ol.numbered li {
  list-style: decimal;
}
#sections pre {
  float: none;
}
#sections hr {
  border-top: none;
  margin: 0 0 25px 0;
  float: none;
  clear: both;
}
#sections .content.article {
  position: relative;
  padding-bottom: 70px;
  padding-top: 0;
  max-width: 680px;
  width: 90%;
  margin: 0 auto;
}
#sections .content.article.ender {
  margin-bottom: 80px;
}
#sections .content.article.ender:after {
  position: absolute;
  bottom: 1px;
  width: 100px;
  height: 3px;
  background-color: #ebeef1;
  content: '';
  left: 50%;
  margin-left: -50px;
}
#sections .content p.authorVignette {
  max-width: 70px;
  float: left;
  margin: 0 20px 60px 0;
}
#sections .content p.authorVignette img {
  max-width: 70px;
}
#sections .content p.authorName {
  clear: inherit;
  max-width: 570px;
  float: left;
  padding-top: 36px;
  line-height: 1.3em;
  font-size: 1.5em;
}
#sections .content .authorQuote {
  margin-bottom: 25px;
}
#sections .content .fullimage,
#sections .content .size-full {
  max-width: 100%;
  margin: 10px auto 30px;
  float: none;
  display: block;
}
#sections .content .fullimage.left,
#sections .content .size-full.left {
  float: left;
}
#sections .content .fullimage.right,
#sections .content .size-full.right {
  float: right;
}
#sections .content .image-caption {
  position: relative;
  top: -25px;
  text-align: center;
  font-size: 0.7em;
  line-height: 1.4em;
  display: block;
}
#sections .content .breakout {
  float: none;
  clear: both;
  position: relative;
  /* width: 100%; */
  margin: 50px auto;
  border: 1px solid #bee1f3;
  background: #F8FDFE;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 30px 10px 30px;
  font-size: 0.8em;
}
#sections .content .breakout.padtop {
  padding-top: 30px;
}
#sections .content .breakout h3 {
  color: #65b9ff;
}
#sections .content .breakout p .verdict {
  top: -85px;
  right: -13px;
}
#sections .content .syntax {
  padding: 0 0 0 11px;
  width: auto;
}
#sections .content iframe {
  margin: 0 0 30px;
  max-width: 100%;
}
#sections .content .draw.browser {
  border: 1px solid #ececed;
  position: relative;
  overflow: hidden;
  display: table;
  margin: 20px auto;
}
#sections .content .draw.browser .bar {
  height: 16px;
  width: 100%;
  padding-left: 7px;
  background-color: #ffffff;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.browser .bar {
    height: 8px;
    padding-left: 4px;
  }
}
#sections .content .draw.browser .bar .dot {
  height: 6px;
  width: 6px;
  margin: 5px 5px 0 0;
  float: left;
  display: inline-block;
  background-color: #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.browser .bar .dot {
    height: 3px;
    width: 3px;
    margin: 2px 2px 0 0;
  }
}
#sections .content .draw.browser .screen {
  text-align: center;
}
#sections .content .draw.browser .screen img {
  margin: 0;
  display: inline-block;
}
#sections .content .draw.laptop {
  border: 2px solid #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
#sections .content .draw.laptop .camera {
  width: 1.2%;
  height: 2%;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ececed;
  position: absolute;
  top: 2.6%;
  left: 50%;
  margin-left: -0.6%;
}
#sections .content .draw.laptop .surround {
  width: 94%;
  height: 83.6%;
  border: 1px solid #ececed;
  left: 50%;
  top: 6.4%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
}
#sections .content .draw.laptop .base {
  border: 2px solid #ececed;
  -khtml-border-radius: 15px 15px 60px 60px;
  -moz-border-radius: 15px 15px 60px 60px;
  -webkit-border-radius: 15px 15px 60px 60px;
  border-radius: 15px 15px 60px 60px;
  height: 6.4%;
  width: 120%;
  background-color: #ffffff;
  position: absolute;
  bottom: -2px;
  left: -10%;
}
#sections .content .draw.laptop .base .handle {
  width: 11.6%;
  height: 35%;
  -khtml-border-radius: 0 0 60px 60px;
  -moz-border-radius: 0 0 60px 60px;
  -webkit-border-radius: 0 0 60px 60px;
  border-radius: 0 0 60px 60px;
  border: 1px solid #ececed;
  border-top: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#sections .content .draw.email .emailhead {
  height: 40px;
  padding: 12px;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.email .emailhead {
    height: 20px;
    padding: 6px;
  }
}
#sections .content .draw.email .profile {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-color: #ececed;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.email .profile {
    height: 8px;
    width: 8px;
  }
}
#sections .content .draw.email .lines {
  display: block;
  float: left;
  height: 16px;
  padding: 2px 0 2px 10px;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.email .lines {
    height: 8px;
    padding: 1px 0 1px 5px;
  }
}
#sections .content .draw.email .lines .line {
  display: block;
  height: 4px;
  float: left;
  background-color: #ececed;
}
#sections .content .draw.email .lines .line.one {
  width: 56px;
  margin-right: 4px;
  margin-bottom: 4px;
}
#sections .content .draw.email .lines .line.two {
  width: 95px;
  margin-bottom: 4px;
}
#sections .content .draw.email .lines .line.three {
  width: 60px;
  margin-right: 4px;
  clear: left;
}
#sections .content .draw.email .lines .line.four {
  width: 86px;
}
@media only screen and (max-width: 420px) {
  #sections .content .draw.email .lines .line {
    height: 2px;
  }
  #sections .content .draw.email .lines .line.one {
    width: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  #sections .content .draw.email .lines .line.two {
    width: 47px;
    margin-bottom: 2px;
  }
  #sections .content .draw.email .lines .line.three {
    width: 30px;
    margin-right: 2px;
  }
  #sections .content .draw.email .lines .line.four {
    width: 43px;
  }
}
#sections .content .draw.email .subject {
  display: block;
  height: 16px;
  padding-left: 28px;
  font-size: 1.2em;
  line-height: 1.335em;
  color: #96a2ae;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 520px) {
  #sections .content .draw.email .subject {
    font-size: 0.7em;
    line-height: 1.335em;
    padding-left: 24px;
  }
}
#sections .content .draw.email .subject strong {
  font-size: 0.7em;
  font-weight: 600;
  color: #f6f6f7;
  padding-right: 6px;
}
@media only screen and (max-width: 520px) {
  #sections .content .draw.email .subject strong {
    padding-right: 3px;
  }
}
#sections .content .draw.iphone {
  border: 1px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: auto;
  background-color: #ffffff;
  padding: 50px 10px;
  margin: 20px auto;
  max-width: 280px;
}
@media only screen and (max-width: 585px) {
  #sections .content .draw.iphone {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
#sections .content .draw.iphone .camera {
  width: 8px;
  height: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ececed;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -4px;
}
#sections .content .draw.iphone .speaker {
  height: 5px;
  width: 30px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececed;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -15px;
}
#sections .content .draw.iphone .screen {
  border: 1px solid #ececed;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 440px;
  overflow: hidden;
}
#sections .content .draw.iphone .screen img {
  margin: 0;
}
#sections .content .draw.iphone .homebutton {
  width: 30px;
  height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ececed;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
#sections .content .draw.ipad {
  border: 2px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: 100%;
  background-color: #f7f8f9;
}
@media only screen and (max-width: 585px) {
  #sections .content .draw.ipad {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
#sections .content .draw.ipad .camera {
  width: 1.3%;
  height: 1.84%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
#sections .content .draw.ipad .screen {
  border: 1px solid #ececed;
  position: absolute;
  overflow: hidden;
}
#sections .content .draw.ipad .homebutton {
  width: 4.8%;
  height: 6.78%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
#sections .content .draw.ipad.portrait .camera {
  top: 1.8%;
  left: 50%;
  margin-left: -0.92%;
}
#sections .content .draw.ipad.portrait .screen {
  top: 6.616%;
  left: 4.82%;
  width: 90.4%;
  height: 82.4%;
}
#sections .content .draw.ipad.portrait .homebutton {
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
#sections .content .draw.ipad.landscape .camera {
  left: 1.8%;
  top: 50%;
  margin-top: -0.94%;
}
#sections .content .draw.ipad.landscape .screen {
  top: 6.616%;
  left: 4.82%;
  width: 87.8%;
  height: 86.8%;
}
#sections .content .draw.ipad.landscape .homebutton {
  right: 1.4%;
  top: 50%;
  margin-top: -3.39%;
}
#sections .content .draw.join {
  position: relative;
  width: 94%;
  margin: 20px auto;
}
#sections .content .draw.join .browser {
  margin: 0;
  max-width: 76%;
  display: block;
  height: 90vw;
  max-height: 750px;
}
#sections .content .draw.join .iphone {
  width: 31%;
  height: 51vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
#sections .footnotesLinks {
  border-top: 1px solid #ebeef1;
  padding-top: 30px;
}
#sections .footnotesLinks p {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 10px;
}
#sections blockquote {
  width: 100%;
  margin: 0 0 40px;
}
#sections blockquote p {
  margin: 0;
  font-size: 1em;
  display: inline;
}
#sections blockquote.quote {
  border-left: 2px solid #f6f6f7;
  width: 94%;
  padding: 5px 0 5px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8em;
  margin: 50px auto;
}
#sections blockquote.quote p {
  display: inline;
}
#sections blockquote.quote p .author {
  color: #747a80;
  font-size: 0.8em !important;
}
#sections blockquote.quote strong {
  font-style: italic !important;
  color: #747a80;
}
#sections blockquote.pullquote {
  font-size: 2.4em;
  line-height: 1.333em;
  font-style: italic;
  color: #174A70;
  display: block;
  position: relative;
  border-left: none;
}
#sections blockquote.pullquote p {
  color: #174A70;
  font-size: 1em;
  line-height: 1.333em;
}
#sections blockquote.pullquote cite {
  float: none;
  display: block;
  border-left: none;
  margin: 12px 0 0;
  padding: 0;
  color: #5d5d66;
  font-weight: 400;
  font-size: 0.667em;
  line-height: 1.5em;
}
#sections blockquote.pullquote:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -60px;
  width: 47px;
  height: 37px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 680px) {
  #sections blockquote.pullquote:before {
    top: -47px;
    left: 50%;
    margin-left: -24px;
  }
}
#sections blockquote.pullquote.blue:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote.png);
}
#sections blockquote.pullquote.orange:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote_orange.png);
}
#sections blockquote.pullquote.white:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote_white.png);
}
#sections blockquote.pullquote.green:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote_green.png);
}
#sections blockquote.pullquote.purple:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote_purple.png);
}
#sections blockquote.pullquote.pink:before {
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/customer-heroes/quote_pink.png);
}
@media only screen and (max-width: 1000px) {
  #sections blockquote.pullquote {
    font-size: 3em;
  }
}
@media only screen and (max-width: 680px) {
  #sections blockquote.pullquote {
    font-size: 2.8em;
    margin-top: 90px;
  }
}
@media only screen and (max-width: 460px) {
  #sections blockquote.pullquote {
    font-size: 2.4em;
  }
}
#sections blockquote .tweet.quote {
  padding: 30px 5% 36px;
  width: 100%;
  display: block;
  background-color: #f6fbfe;
  border-top: 1px solid #deeffc;
  border-bottom: 1px solid #deeffc;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#sections blockquote .tweet.quote span.frame {
  display: block;
  max-width: 680px;
  width: 90%;
  margin: 0 auto;
}
#sections blockquote .tweet.quote span.text {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #65b9ff;
  font-weight: 200;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-align: left;
}
#sections blockquote .tweet.quote span.text:before {
  content: '';
  position: absolute;
  top: 15px;
  left: -36px;
  width: 19px;
  height: 16px;
  font-size: 0.5em;
  line-height: 1.25em;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/twitter-callout.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px 16px;
}
#sections blockquote:hover .tweet.quote span.text {
  color: #174A70;
}
#sections #footsocialmenu {
  display: none;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 70px;
}
#sections #footsocialmenu .social {
  width: 15px;
  height: 15px;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/social-sharing.png);
  background-size: 58px 161px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
  line-height: 15px;
}
#sections #footsocialmenu .social.twitter {
  background-position: -7px -18px;
}
#sections #footsocialmenu .social.twitter:hover {
  background-position: -36px -18px;
}
#sections #footsocialmenu .social.facebook {
  background-position: -7px -72px;
}
#sections #footsocialmenu .social.facebook:hover {
  background-position: -36px -72px;
}
#sections #footsocialmenu .social.linkedin {
  background-position: -7px -126px;
}
#sections #footsocialmenu .social.linkedin:hover {
  background-position: -36px -126px;
}
#sections #footsocialmenu .social-title {
  font-size: 1.1em;
  color: #5d5d66;
  padding-right: 5px;
  line-height: 15px;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #sections ul li {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/bullet@2x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  #sections ul li {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/bullet@3x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #sections blockquote .tweet.quote span.text:before {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/twitter-callout@2x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  #sections blockquote .tweet.quote span.text:before {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/twitter-callout@3x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #sections #footsocialmenu .social {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/social-sharing@2x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  #sections #footsocialmenu .social {
    background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/social-sharing@3x.png);
  }
}
/* End Sections */
footer.spacer {
  margin: 0;
}
/* new rules */
#graph1-ie,
#graph2-ie,
#graph3-ie,
#graph4-ie,
#graph5-ie,
#graph6-ie,
#graph7-ie,
#graph8-ie {
  display: none;
}
/* policies page */
body.policies #chapters {
  top: 240px;
}
body.policies #chapters.sticky {
  top: 174px;
}
@media only screen and (max-width: 770px) {
  body.policies #chapters {
    top: 86px;
  }
  body.policies #chapters.sticky {
    top: 0;
  }
}
body.policies #sections {
  margin-top: 75px;
}
@media only screen and (max-width: 770px) {
  body.policies #sections {
    margin-top: 151px;
  }
}
body.policies #sections hr {
  clear: both;
  float: none;
}
body.policies #sections h3 a.anchor {
  float: right;
  width: 30px;
  overflow: hidden;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/permalink.png') left center no-repeat;
  height: 30px;
  text-indent: 9000px;
  margin: 0;
}
body.policies #sections p,
body.policies #sections ul,
body.policies #sections ol {
  font-size: 1.6em;
}
body.policies #sections p p,
body.policies #sections ul p,
body.policies #sections ol p,
body.policies #sections p ul,
body.policies #sections ul ul,
body.policies #sections ol ul,
body.policies #sections p ol,
body.policies #sections ul ol,
body.policies #sections ol ol {
  font-size: 1em;
}
body.policies #sections p .pullout {
  width: 100%;
  margin: 0 0 20px;
  font-size: 1em;
}
body.policies #sections li li {
  width: 100%;
  font-size: 1em;
}
/* Thought Leadership Style changes */
body.tlg #banner {
  height: 400px;
  margin-bottom: 0;
  background-position: 50% 100%;
}
body.tlg #sections {
  background-color: #FAFAFA;
}
body.tlg #sections > section.content.article {
  padding-top: 75px;
  background-color: #FAFAFA;
}
@media only screen and (max-width: 770px) {
  body.tlg #sections > section.content.article {
    padding-top: 95px;
  }
}
body.tlg #sections > section.content.article.ender {
  margin-bottom: 0;
}
body.tlg #sections > section.content.article.ender:after {
  display: none;
}
body.tlg #sections .page {
  background: #fff;
  overflow: hidden;
}
body.tlg #sections .page .content.article.ender {
  padding-bottom: 150px;
  margin-bottom: 0;
}
body.tlg #sections .page .content.article.ender:after {
  bottom: 81px;
}
body.tlg #sections .page#one {
  border-top: 1px solid #F2F2F2;
  padding-top: 80px;
}
/* eBook styles */
body.ebook #banner {
  margin-bottom: 0;
  height: 550px;
}
@media only screen and (max-width: 660px) {
  body.ebook #banner {
    height: 450px;
  }
}
body.ebook #banner h1,
body.ebook #banner h3 a {
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #banner h3 a {
  position: relative;
}
body.ebook #banner h3 a:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
  -moz-box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
  box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
}
body.ebook #toc .center,
body.ebook #toc-overlay .center {
  position: relative;
  margin-bottom: 9em;
}
body.ebook #toc .center .logo,
body.ebook #toc-overlay .center .logo {
  width: 150px;
  display: block;
  border: 0;
  height: 15px;
  margin-left: 0;
  text-indent: -9999em;
  margin-top: 26px;
}
body.ebook #toc .center .logo svg,
body.ebook #toc-overlay .center .logo svg {
  display: block;
  width: 150px;
}
body.ebook #toc .center .logo .logo-color,
body.ebook #toc-overlay .center .logo .logo-color {
  fill: #ffffff;
}
body.ebook #toc .center .close,
body.ebook #toc-overlay .center .close {
  position: absolute;
  top: -9px;
  right: 0;
  width: 21px;
  height: 31px;
  padding: 0;
  cursor: pointer;
  background: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/cross@2x.png) no-repeat center;
  background-size: 21px 31px;
}
body.ebook #toc .toc_title,
body.ebook #toc-overlay .toc_title {
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1;
  color: #5d5d66;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #5d5d66;
  margin-bottom: 30px;
}
body.ebook #toc ol,
body.ebook #toc-overlay ol {
  width: 100%;
  overflow: hidden;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 3.4em;
  -moz-column-gap: 3.4em;
  column-gap: 3.4em;
}
body.ebook #toc ol li,
body.ebook #toc-overlay ol li {
  max-width: 400px;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  padding: 30px 0px 30px 30px;
  font-size: 1.8em;
  line-height: 1.3em;
  color: #14517e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.ebook #toc ol li a,
body.ebook #toc-overlay ol li a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
body.ebook #toc ol li span.number,
body.ebook #toc-overlay ol li span.number {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 30px;
  font-weight: 200;
  color: #14517e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.ebook #toc ol li:hover,
body.ebook #toc-overlay ol li:hover {
  border-bottom: 1px solid #7856ff;
}
@media only screen and (max-width: 900px) {
  body.ebook #toc ol,
  body.ebook #toc-overlay ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 660px) {
  body.ebook #toc ol li,
  body.ebook #toc-overlay ol li {
    padding: 18px 0px 18px 30px;
  }
  body.ebook #toc ol li span.number,
  body.ebook #toc-overlay ol li span.number {
    top: 18px;
  }
}
@media only screen and (max-width: 550px) {
  body.ebook #toc ol,
  body.ebook #toc-overlay ol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
body.ebook #toc {
  padding: 9em 0;
  background: #ffffff;
  border-bottom: 1px solid #f2f2f2;
}
body.ebook #toc .inner {
  max-width: 1200px;
}
body.ebook #toc .center {
  display: none;
}
body.ebook #modules #toc-anchor {
  display: block;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 50%;
  margin-right: -600px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border: 1px solid #f6f6f7;
  cursor: pointer;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
  -moz-box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
  box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
}
@media only screen and (max-width: 1264px) {
  body.ebook #modules #toc-anchor {
    right: 32px;
    margin-right: 0;
  }
}
body.ebook #modules #toc-anchor .inner {
  max-width: 1000px;
}
body.ebook #modules #toc-anchor .middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -45%);
  -moz-transform: translate(-45%, -45%);
  -ms-transform: translate(-45%, -45%);
  -o-transform: translate(-45%, -45%);
  transform: translate(-45%, -45%);
}
body.ebook #modules #toc-anchor .dot {
  width: 3px;
  height: 3px;
  background: #5d5d66;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  margin: 1px 2px 2px 0;
  clear: left;
  float: left;
}
body.ebook #modules #toc-anchor .dot.one {
  margin-top: 0;
}
body.ebook #modules #toc-anchor .dot.three {
  margin-bottom: 0;
}
body.ebook #modules #toc-anchor .bar {
  height: 3px;
  background: #5d5d66;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  display: inline-block;
  margin: 1px 0 2px 0;
  float: left;
}
body.ebook #modules #toc-anchor .bar.one {
  width: 20px;
  margin-top: 0;
}
body.ebook #modules #toc-anchor .bar.two {
  width: 14px;
}
body.ebook #modules #toc-anchor .bar.three {
  width: 17px;
  margin-bottom: 0;
}
body.ebook #modules #toc-anchor:hover {
  background: #7856ff;
  border: 1px solid #7856ff;
}
body.ebook #modules #toc-anchor:hover .dot,
body.ebook #modules #toc-anchor:hover .bar {
  background: #ffffff;
}
body.ebook #modules .module {
  padding: 9em 0;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  /*            h4 {
                font-size: 2.4em; line-height: 1.3em;
                margin-bottom: 20px;

                @media only screen and (max-width:660px) {
                    font-size: 2.1em;
                }
            }
            h5 {
                font-size: 2.1em; line-height: 1.3em;
                margin-bottom: 20px;

                @media only screen and (max-width:660px) {
                    font-size: 1.8em;
                }
            }
            h6 {
                font-size: 1.3em; line-height: 1.2em;
                font-weight: 600;
                margin-bottom: 20px;
            }*/
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module {
    padding: 4.5em 0;
  }
}
body.ebook #modules .module.remove-top {
  padding-top: 10px;
}
body.ebook #modules .module.remove-bottom {
  padding-bottom: 10px;
}
body.ebook #modules .module .inner {
  position: relative;
  overflow: hidden;
}
body.ebook #modules .module .inner > h2 {
  margin-bottom: 45px;
}
body.ebook #modules .module.short .inner {
  max-width: 790px;
}
body.ebook #modules .module.normal .inner {
  max-width: 1000px;
}
body.ebook #modules .module.long .inner {
  max-width: 1200px;
}
body.ebook #modules .module h2 {
  position: relative;
  z-index: 2;
  /*                font-size: 4.2em; line-height: 1.5em;*/
  color: #174A70;
  /*                margin: 20px 0 50px;*/
  /*                @media only screen and (max-width:660px) {
                    font-size: 3.2em;
                }*/
}
body.ebook #modules .module h2 span.text {
  border-bottom: 2px solid #18527c;
  padding-bottom: 5px;
}
body.ebook #modules .module h3 {
  /*                font-size: 3.0em; line-height: 1.3em;
                margin-bottom: 20px;*/
  text-align: left;
  /*                @media only screen and (max-width:660px) {
                    font-size: 2.6em;
                }*/
}
body.ebook #modules .module .block {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  /*                p {
                    font-size: 1.8em;
                    line-height: 1.67em;
                    margin-bottom: 20px;
                    letter-spacing: .015em;

                    @media only screen and (max-width:660px) {
                        font-size: 1.6em;
                    }

                    span.lead {
                        font-size: 1.17em;
                        line-height: 1.3em;
                    }
                }*/
}
body.ebook #modules .module .block.w-1 {
  width: 100%;
  padding: 0 2%;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-1 {
    padding: 0;
  }
}
body.ebook #modules .module .block.w-2 {
  width: 50%;
}
body.ebook #modules .module .block.w-2.p-small {
  padding: 0 3%;
}
body.ebook #modules .module .block.w-2.p-large {
  padding: 0 10%;
}
body.ebook #modules .module .block.w-2.b-1 {
  float: left;
  padding-left: 2%;
}
body.ebook #modules .module .block.w-2.b-2 {
  float: right;
  padding-right: 2%;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-2 {
    width: 100%;
  }
  body.ebook #modules .module .block.w-2.p-small {
    padding: 3% 0;
  }
  body.ebook #modules .module .block.w-2.p-large {
    padding: 3% 0;
  }
  body.ebook #modules .module .block.w-2.b-1 {
    float: none;
    padding-top: 0;
  }
  body.ebook #modules .module .block.w-2.b-2 {
    float: none;
    padding-bottom: 0;
  }
}
body.ebook #modules .module .block.w-3 {
  width: 33.3%;
  padding: 0 2%;
  float: left;
}
@media only screen and (max-width: 800px) {
  body.ebook #modules .module .block.w-3 {
    width: 50%;
  }
  body.ebook #modules .module .block.w-3:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.w-3 {
    width: 100%;
  }
}
body.ebook #modules .module .block.w-4 {
  width: 25%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.w-4.background {
  width: 24%;
  margin: 0 0.65%;
}
body.ebook #modules .module .block.w-4.background:first-child {
  margin-left: 0;
}
body.ebook #modules .module .block.w-4.background:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-4 {
    width: 50%;
  }
  body.ebook #modules .module .block.w-4:nth-child(2n+1) {
    clear: left;
  }
  body.ebook #modules .module .block.w-4.background {
    width: 49.2%;
    margin: 0 0.65% 1.3%;
  }
  body.ebook #modules .module .block.w-4.background:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  body.ebook #modules .module .block.w-4.background:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.w-4 {
    width: 100%;
  }
  body.ebook #modules .module .block.w-4 img {
    width: 100%;
  }
  body.ebook #modules .module .block.w-4.background {
    width: 100%;
    margin: 0 0 1.3%;
  }
}
body.ebook #modules .module .block.w-5 {
  width: 20%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.w-6 {
  width: 16.6%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.c-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-2 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.c-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
body.ebook #modules .module .block.c-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-3 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-4 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-5 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-6 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.background {
  padding: 3.5em;
}
body.ebook #modules .module .block.center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module .block.center.w-2.b-1 {
  left: 0;
}
body.ebook #modules .module .block.center.w-2.b-2 {
  right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.center {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block blockquote {
  border-left: 2px solid #174A70;
  padding: 10px 0 10px 15px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 100%;
}
body.ebook #modules .module .block blockquote p {
  margin-bottom: 0;
  color: #174A70;
  font-size: 1em;
  display: inline;
}
body.ebook #modules .module .block img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
body.ebook #modules .module .block img.constrain {
  max-width: 800px;
}
body.ebook #modules .module .block img.alignleft {
  float: left;
}
body.ebook #modules .module .block img.alignright {
  float: right;
}
body.ebook #modules .module .block img.aligncenter {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: auto;
  margin: auto;
}
@media only screen and (max-width: 850px) {
  body.ebook #modules .module .block img.aligncenter {
    position: static;
    top: auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block img.alignleft,
  body.ebook #modules .module .block img.alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
body.ebook #modules .module .block ul {
  margin-top: 10px;
  margin-bottom: 20px;
}
body.ebook #modules .module .block ul li {
  font-size: 1.6em;
  letter-spacing: 0.015em;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-left: 20px;
  position: relative;
  color: #5d5d66;
}
body.ebook #modules .module .block ul li:before {
  content: "• ";
  font-size: 1.3em;
  color: #7856ff;
  position: absolute;
  top: 1px;
  left: 0;
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block ul li {
    font-size: 1.6em;
  }
}
body.ebook #modules .module .block ol {
  /*                    margin-top: 10px;
                    margin-bottom: 20px;*/
}
body.ebook #modules .module .block ol li {
  font-size: 1.8em;
  /*                        letter-spacing: .015em;*/
  line-height: 1.5em;
  /*                        padding-bottom: 10px;*/
  counter-increment: step-counter;
  color: #5d5d66;
}
body.ebook #modules .module .block ol li:before {
  content: counter(step-counter) '.';
  padding-right: 0.7em;
  color: #7856ff;
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block ol li {
    font-size: 1.6em;
  }
}
body.ebook #modules .module .block ol.designed {
  width: 500px;
  margin: 0 auto;
}
body.ebook #modules .module .block ol.designed li {
  position: relative;
  padding: 25px 0 5px 55px;
  font-size: 2.1em;
}
body.ebook #modules .module .block ol.designed li:before {
  content: counter(step-counter, decimal-leading-zero);
  display: inline-block;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #7856ff;
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  font-size: 0.75em;
  letter-spacing: 0.035em;
  position: absolute;
  top: 20px;
  left: 0;
}
body.ebook #modules .module .block ol.designed.green li:before {
  background-color: #87b725;
}
body.ebook #modules .module .block ol.designed.pale-green li:before {
  background-color: #89cbc6;
}
body.ebook #modules .module .block ol.designed.yellow li:before {
  background-color: #ffdd4d;
}
body.ebook #modules .module .block ol.designed.dark-blue li:before {
  background-color: #005f9a;
}
body.ebook #modules .module .block ol.designed.orange li:before {
  background-color: #f99130;
}
body.ebook #modules .module .block.black {
  color: #4e5766;
}
body.ebook #modules .module .block.black p span.lead {
  color: #4e5766;
}
body.ebook #modules .module .block.black blockquote {
  border-left: 2px solid #174A70;
}
body.ebook #modules .module .block.black blockquote p {
  color: #174A70;
}
body.ebook #modules .module .block.white {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #modules .module .block.white h2,
body.ebook #modules .module .block.white h3,
body.ebook #modules .module .block.white h5,
body.ebook #modules .module .block.white p,
body.ebook #modules .module .block.white a {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #modules .module .block.white a {
  text-decoration: underline;
}
body.ebook #modules .module .block.white a:hover {
  text-decoration: none;
}
body.ebook #modules .module .block.white h2 span.text {
  border-bottom: 2px solid #fff;
}
body.ebook #modules .module .block.white a:hover {
  color: #e6e6e6;
}
body.ebook #modules .module .block.white blockquote {
  border-left: 2px solid #ffffff;
}
body.ebook #modules .module .block.white blockquote p {
  color: #ffffff;
}
body.ebook #modules .module .block.white ul li,
body.ebook #modules .module .block.white ol li {
  color: #ffffff;
}
body.ebook #modules .module .block.white ul li:before,
body.ebook #modules .module .block.white ol li:before {
  color: #f6f6f7;
}
body.ebook #modules .module .block.pullout {
  padding: 3em 2em !important;
  width: 276px;
  height: auto;
  position: absolute;
  top: 50%;
  background-image: none;
}
body.ebook #modules .module .block.pullout.b-1 {
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.pullout.b-1 {
    width: 100%;
    max-width: 600px;
    left: auto;
    position: relative;
    margin: 95px auto 50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block.pullout.b-2 {
  right: 25%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.pullout.b-2 {
    width: 100%;
    max-width: 290px;
    right: auto;
    position: relative;
    margin: 50px auto 95px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block.pullout p {
  width: 100%;
  font-size: 1.6em;
  line-height: 1.4em;
  font-weight: 200;
  margin-bottom: 0;
}
body.ebook #modules .module .bg_left,
body.ebook #modules .module .bg_right {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.ebook #modules .module .bg_filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.ebook #modules .module.middle .bg_left {
  width: 50%;
  left: 0;
}
body.ebook #modules .module.middle .bg_right {
  width: 50%;
  right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.middle .bg_left,
  body.ebook #modules .module.middle .bg_right {
    width: 100%;
  }
  body.ebook #modules .module.middle .bg_left {
    height: 50%;
    top: 0;
  }
  body.ebook #modules .module.middle .bg_left.pullout_bg {
    height: 250px;
    z-index: 1;
  }
  body.ebook #modules .module.middle .bg_left.pullout_op {
    height: 100%;
  }
  body.ebook #modules .module.middle .bg_right {
    height: 50%;
    top: auto;
    bottom: 0;
  }
  body.ebook #modules .module.middle .bg_right.pullout_bg {
    height: 250px;
  }
  body.ebook #modules .module.middle .bg_right.pullout_op {
    height: 100%;
  }
}
body.ebook #modules .module.right .inner {
  max-width: 790px;
}
body.ebook #modules .module.right .bg_left {
  width: 50%;
  left: -254px;
}
body.ebook #modules .module.right .bg_left .angle {
  content: '';
  position: absolute;
  top: 0;
  right: -109px;
  height: 100%;
  width: 204px;
  -webkit-transform: skewX(17deg);
  -moz-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
  -o-transform: skewX(17deg);
  transform: skewX(17deg);
  background-color: #ffffff;
}
body.ebook #modules .module.right .bg_left .device {
  position: absolute;
  height: 100%;
  top: 50%;
  right: 0;
  padding: 80px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.right .bg_left .device img {
  position: relative;
  z-index: 1;
}
body.ebook #modules .module.right .bg_left .device.center img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.right .bg_left .device.scale img {
  height: 100%;
}
body.ebook #modules .module.right .bg_left .device .spacer {
  position: absolute;
  z-index: 0;
  top: -1%;
  right: 0;
  width: 50%;
  height: 101%;
  background: #ffffff;
}
body.ebook #modules .module.right .bg_right {
  width: 50%;
  right: 0;
  padding-left: 254px;
  box-sizing: content-box;
}
body.ebook #modules .module.right .b-2 {
  width: 78%;
  margin-right: 0;
}
body.ebook #modules .module.right .b-1,
body.ebook #modules .module.right .b-3,
body.ebook #modules .module.right .b-4,
body.ebook #modules .module.right .b-5,
body.ebook #modules .module.right .b-6 {
  display: none;
}
body.ebook #modules .module.left .inner {
  max-width: 790px;
}
body.ebook #modules .module.left .bg_right {
  width: 50%;
  right: -254px;
}
body.ebook #modules .module.left .bg_right .angle {
  position: absolute;
  top: 0;
  left: -109px;
  height: 100%;
  width: 204px;
  -webkit-transform: skewX(-17deg);
  -moz-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  -o-transform: skewX(-17deg);
  transform: skewX(-17deg);
  background-color: #ffffff;
}
body.ebook #modules .module.left .bg_right .device {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 0;
  padding: 80px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.left .bg_right .device img {
  position: relative;
  z-index: 1;
}
body.ebook #modules .module.left .bg_right .device.center img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.left .bg_right .device.scale img {
  height: 100%;
}
body.ebook #modules .module.left .bg_right .device .spacer {
  position: absolute;
  z-index: 0;
  top: -1%;
  left: 0;
  width: 50%;
  height: 101%;
  background: #ffffff;
}
body.ebook #modules .module.left .bg_left {
  width: 50%;
  left: 0;
  padding-right: 254px;
  box-sizing: content-box;
}
body.ebook #modules .module.left .b-1 {
  width: 78%;
  margin-left: 0;
}
body.ebook #modules .module.left .b-2,
body.ebook #modules .module.left .b-3,
body.ebook #modules .module.left .b-4,
body.ebook #modules .module.left .b-5,
body.ebook #modules .module.left .b-6 {
  display: none;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.device_on_left {
    padding-bottom: 0;
  }
  body.ebook #modules .module.device_on_left .b-1 {
    width: 100%;
    margin-bottom: 8em;
  }
  body.ebook #modules .module.device_on_left .bg_right {
    display: none;
  }
  body.ebook #modules .module.device_on_left .bg_left {
    width: 100%;
    left: auto;
    position: relative;
  }
  body.ebook #modules .module.device_on_left .bg_left .device,
  body.ebook #modules .module.device_on_left .bg_left .device.center {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  body.ebook #modules .module.device_on_left .bg_left .device .spacer,
  body.ebook #modules .module.device_on_left .bg_left .device.center .spacer {
    display: none;
  }
  body.ebook #modules .module.device_on_left .bg_left .device img,
  body.ebook #modules .module.device_on_left .bg_left .device.center img {
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0 auto;
    max-width: 90%;
    display: block;
  }
}
body.ebook #modules .module.device_on_right {
  padding-bottom: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.device_on_right .b-1 {
    width: 100%;
    margin-bottom: 8em;
  }
  body.ebook #modules .module.device_on_right .bg_left {
    display: none;
  }
  body.ebook #modules .module.device_on_right .bg_right {
    width: 100%;
    right: auto;
    position: relative;
  }
  body.ebook #modules .module.device_on_right .bg_right .device,
  body.ebook #modules .module.device_on_right .bg_right .device.center {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  body.ebook #modules .module.device_on_right .bg_right .device .spacer,
  body.ebook #modules .module.device_on_right .bg_right .device.center .spacer {
    display: none;
  }
  body.ebook #modules .module.device_on_right .bg_right .device img,
  body.ebook #modules .module.device_on_right .bg_right .device.center img {
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0 auto;
    max-width: 90%;
    display: block;
  }
}
body.ebook #cta {
  padding: 9em 0;
  background-color: #fafafa;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 900px) {
  body.ebook #cta {
    padding: 4.5em 0;
  }
}
body.ebook #cta .cta-title {
  font-size: 2.8em;
  line-height: 1.4em;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 420px) {
  body.ebook #cta .cta-title {
    font-size: 2.2em;
  }
}
body.ebook #cta .cta-copy {
  font-weight: 200;
  font-size: 1.6em;
  line-height: 1.5em;
  max-width: 540px;
  display: block;
  text-align: center;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 420px) {
  body.ebook #cta .cta-copy {
    font-size: 1.4em;
  }
}
body.ebook #cta label span {
  font-size: 1em;
}
body.ebook #cta #cmSignupForm {
  text-align: left;
  width: 96%;
  max-width: 320px;
  margin: 0 auto;
}
body.ebook #cta #cmSignupForm form.darkbg input[type="text"],
body.ebook #cta #cmSignupForm form.darkbg input[type="email"],
body.ebook #cta #cmSignupForm form.darkbg input[type="password"] {
  border: 1px solid #f2f2f2;
  margin-bottom: 15px;
  padding: 0.75em;
}
body.ebook #cta.dark .cta-title {
  color: #111324;
}
body.ebook #cta.dark .cta-copy {
  color: #5f6a7d;
}
body.ebook #cta.light .cta-title,
body.ebook #cta.light .cta-copy,
body.ebook #cta.light p,
body.ebook #cta.light label,
body.ebook #cta.light label span,
body.ebook #cta.light a {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #toc-overlay {
  background: rgba(25, 169, 229, 0.98);
  position: fixed;
  overflow: auto;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
body.ebook #toc-overlay .inner {
  padding: 0;
  max-width: 1000px;
}
body.ebook #toc-overlay .toc_title {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 60px;
}
@media only screen and (max-width: 660px) {
  body.ebook #toc-overlay .toc_title {
    margin-bottom: 25px;
  }
}
body.ebook #toc-overlay ol li {
  color: #ffffff;
  border-bottom: 1px solid #174A70;
}
body.ebook #toc-overlay ol li span.number {
  color: #ffffff;
}
body.ebook #toc-overlay ol li:hover {
  border-bottom: 1px solid #ffffff;
}
body.infographic #sections .content.article p {
  text-align: center;
}
body.infographic #sections .content.article .cmbtn {
  margin: 0 auto;
  display: block;
  max-width: 280px;
}
body.infographic #sections #embed_code {
  margin-bottom: 30px;
  display: none;
}
body.infographic #sections #embed_code textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ececed;
  background-color: #f6f6f7;
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.2em;
  resize: none;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
* {
  box-sizing: border-box;
}
#one .two-column {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 0 5em;
  margin-top: 2em;
}
#one .two-column:after {
  background: #f6f6f7;
  width: 100%;
  margin: 5em auto 0;
  display: block;
  float: left;
  clear: both;
  content: "";
  height: 1px;
}
#one .two-column.webmail:after {
  display: none;
  background: none;
  height: 0px;
}
#one .two-column.notes:after {
  display: none;
  background: none;
  height: 0px;
}
#one .two-column .left {
  width: 48%;
  float: left;
  display: inline-block;
}
#one .two-column .right {
  width: 48%;
  float: right;
  text-align: right;
}
#one .two-column .right .legend {
  border: 1px solid #f6f6f7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  text-align: left;
  margin: 21px 0 0;
  padding: 0;
  font-size: 0.6em;
  line-height: 1.8em;
  font-family: "ff-tisa-sans-web-pro", sans-serif;
  color: #111324;
  width: 100%;
  max-width: 400px;
}
#one .two-column .right .legend ul {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  clear: none;
}
#one .two-column .right .legend ul.legend-right {
  border-left: 1px solid #f6f6f7;
}
#one .two-column .right .legend ul li {
  display: block;
  width: 100%;
  overflow: hidden;
  max-height: 30px;
  list-style: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #f6f6f7;
  background: none;
}
#one .two-column .right .legend ul li:before {
  content: "●";
  margin-right: 8px;
}
#one .two-column .right .legend ul li:last-child,
#one .two-column .right .legend ul li.borderless {
  border-bottom: none;
}
#one .two-column .right .legend ul li.iphone:before {
  color: #12517E;
}
#one .two-column .right .legend ul li.android:before {
  color: #6ED0ED;
}
#one .two-column .right .legend ul li.ipad:before {
  color: #00A8E8;
}
#one .two-column .right .legend ul li.ipod:before {
  color: #ADB3B9;
}
#one .two-column .right .legend ul li.hotmail:before {
  color: #7CBF09;
}
#one .two-column .right .legend ul li.yahoo:before {
  color: #B8DE09;
}
#one .two-column .right .legend ul li.gmail:before {
  color: #E7F5C3;
}
#one .two-column .right .legend ul li.AOL:before {
  color: #ADB3B9;
}
#one .two-column .right .legend ul li.one-outlook:before {
  color: #12517E;
}
#one .two-column .right .legend ul li.two-outlook:before {
  color: #00A8E8;
}
#one .two-column .right .legend ul li.three-outlook:before {
  color: #6ED0ED;
}
#one .two-column .right .legend ul li.four-apple:before {
  color: #7CBF06;
}
#one .two-column .right .legend ul li.five-windows:before {
  color: #B7DE0A;
}
#one .two-column .right .legend ul li.six-apple:before {
  color: #E7F5C3;
}
#one .two-column .right .legend ul li.seven-apple:before {
  color: #F89100;
}
#one .two-column .right .legend ul li.eight-apple:before {
  color: #FFD700;
}
#one .two-column .right .legend ul li.nine-thunderbird:before {
  color: #FFED93;
}
#one .two-column .right .legend ul li.ten-outlook:before {
  color: #ADB3B9;
}
#one .two-column p {
  width: 100%;
}
#one .two-column.notes {
  font-size: 0.762em;
  line-height: 1.625em;
}
#one .two-column.notes .left,
#one .two-column.notes .right {
  width: 45%;
}
#one .two-column.notes .left {
  margin-right: 10%;
}
#one .two-column.notes .right {
  text-align: left;
}
#stacked-bar {
  width: 100%;
  height: 500px;
  font-size: 11px;
  margin-left: -11px;
}
#stacked-bar text {
  color: #111324;
  fill: #111324;
}
#pie-mobile,
#pie-desktop,
#pie-webmail {
  width: 100%;
  max-width: 400px;
  height: 400px;
  float: right;
  font-size: 11px;
}
#chartlines {
  width: 100%;
  height: 500px;
  float: right;
  font-size: 11px;
  margin-bottom: 8.18em;
}
#sections .visuals {
  width: 100%;
  margin: 50px auto;
  padding: 0;
  font-size: 1em;
  overflow: hidden;
}
#sections .visuals:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 1em auto 1.619em;
  height: 1px;
}
#sections .visuals.no-border:before {
  display: none;
}
#sections .visuals img {
  width: 100%;
  height: auto;
}
#sections .visuals h4 {
  text-align: center;
  margin-bottom: 40px;
}
#sections .visuals .ie-graph {
  display: none;
}
#sections .visuals #best-of-breed-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #best-of-breed-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #best-of-breed-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 162.36%, 198%;
  stroke-dashoffset: 162.36%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #best-of-breed-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #best-of-breed-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #best-of-breed-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #best-of-breed-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #competitor-success-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #competitor-success-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #competitor-success-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 158.4%, 198%;
  stroke-dashoffset: 158.4%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #competitor-success-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #competitor-success-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #competitor-success-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #competitor-success-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #email-effect-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #email-effect-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #email-effect-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 166.32%, 198%;
  stroke-dashoffset: 166.32%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #email-effect-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #email-effect-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #email-effect-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #email-effect-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #stack-value-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #stack-value-graph .fade {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #stack-value-graph {
    width: 154%;
  }
  #sections .visuals #stack-value-graph .stack-value-bar.blue {
    -webkit-transform: translate(0px, 16px);
    -moz-transform: translate(0px, 16px);
    -ms-transform: translate(0px, 16px);
    -o-transform: translate(0px, 16px);
    transform: translate(0px, 16px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.pink {
    -webkit-transform: translate(0px, 104px);
    -moz-transform: translate(0px, 104px);
    -ms-transform: translate(0px, 104px);
    -o-transform: translate(0px, 104px);
    transform: translate(0px, 104px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.green {
    -webkit-transform: translate(0px, 192px);
    -moz-transform: translate(0px, 192px);
    -ms-transform: translate(0px, 192px);
    -o-transform: translate(0px, 192px);
    transform: translate(0px, 192px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.purple {
    -webkit-transform: translate(0px, 280px);
    -moz-transform: translate(0px, 280px);
    -ms-transform: translate(0px, 280px);
    -o-transform: translate(0px, 280px);
    transform: translate(0px, 280px);
  }
  #sections .visuals #stack-value-graph .bar {
    height: 56px;
  }
  #sections .visuals #stack-value-graph .perc {
    -webkit-transform: translate(0px, 6px);
    -moz-transform: translate(0px, 6px);
    -ms-transform: translate(0px, 6px);
    -o-transform: translate(0px, 6px);
    transform: translate(0px, 6px);
  }
  #sections .visuals #stack-value-graph .quote {
    -webkit-transform: translate(10px, 7px);
    -moz-transform: translate(10px, 7px);
    -ms-transform: translate(10px, 7px);
    -o-transform: translate(10px, 7px);
    transform: translate(10px, 7px);
    fill: #ffffff;
  }
  #sections .visuals #stack-value-graph .quote.single {
    -webkit-transform: translate(10px, 19px);
    -moz-transform: translate(10px, 19px);
    -ms-transform: translate(10px, 19px);
    -o-transform: translate(10px, 19px);
    transform: translate(10px, 19px);
  }
}
#sections .visuals #marketing-stats-graph {
  width: 100%;
  margin-bottom: -159%;
  height: auto;
}
#sections .visuals #marketing-stats-graph .mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #marketing-stats-graph {
    margin-bottom: 0;
    width: 160%;
    margin-left: -30%;
  }
  #sections .visuals #marketing-stats-graph .mobile {
    display: block;
  }
  #sections .visuals #marketing-stats-graph .desktop {
    display: none;
  }
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie1 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie1 .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 49.14%, 91%;
  stroke-dashoffset: 49.14%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2 .anim {
  stroke: #5BD49C;
  stroke-width: 16;
  stroke-dasharray: 18.9%, 45%;
  stroke-dashoffset: 18.9%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2-lrg .anim {
  stroke: #5BD49C;
  stroke-width: 24;
  stroke-dasharray: 32.22%, 91%;
  stroke-dashoffset: 32.22%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3 .anim {
  stroke: #FF8F9C;
  stroke-width: 16;
  stroke-dasharray: 17.1%, 45%;
  stroke-dashoffset: 17.1%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3-lrg .anim {
  stroke: #FF8F9C;
  stroke-width: 24;
  stroke-dasharray: 34.58%, 91%;
  stroke-dashoffset: 34.58%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4 .anim {
  stroke: #F7A43D;
  stroke-width: 16;
  stroke-dasharray: 6.75%, 45%;
  stroke-dashoffset: 6.75%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4-lrg .anim {
  stroke: #F7A43D;
  stroke-width: 24;
  stroke-dasharray: 13.65%, 91%;
  stroke-dashoffset: 13.65%;
  fill: transparent;
}
#sections .visuals #replace-single-vendor-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #replace-single-vendor-graph .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #replace-single-vendor-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 99.64%, 212%;
  stroke-dashoffset: 99.64%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #replace-single-vendor-graph {
    width: 160%;
    margin-left: -30%;
  }
}
#sections .visuals #marketing-functions-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #marketing-functions-graph .pulse {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
@media only screen and (max-width: 500px) {
  #sections .visuals #marketing-functions-graph {
    width: 154%;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
#sections .visuals #marketing-stack-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #marketing-stack-graph .email-icon {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #marketing-stack-graph {
    width: 128%;
  }
}
@media only screen and (max-width: 450px) {
  #sections .visuals #marketing-stack-graph {
    width: 172%;
  }
}
#sections .visuals#survey-demographics .tab-wrap {
  position: relative;
}
#sections .visuals#survey-demographics .tab-wrap .dir {
  position: absolute;
  z-index: 200;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 12px 20px;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  cursor: pointer;
}
#sections .visuals#survey-demographics .tab-wrap .dir.left {
  left: 0;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/integrations/gallery-arrow-left.png);
}
#sections .visuals#survey-demographics .tab-wrap .dir.right {
  right: 0;
  background-image: url(https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/integrations/gallery-arrow-right.png);
}
#sections .visuals#survey-demographics .tabs {
  border-bottom: 1px solid #ececed;
  -webkit-box-shadow: 0 4px 0 0 #f6f6f7;
  -moz-box-shadow: 0 4px 0 0 #f6f6f7;
  box-shadow: 0 4px 0 0 #f6f6f7;
  display: flex;
}
#sections .visuals#survey-demographics .tabs .tab {
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1.615em;
  font-weight: 600;
  color: #5d5d66;
  padding: 0 28px 8px;
  text-align: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#sections .visuals#survey-demographics .tabs .tab:hover {
  color: #009FF7;
}
#sections .visuals#survey-demographics .tabs .tab.current {
  color: #009FF7;
}
#sections .visuals#survey-demographics .tabs .tab.current:before {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: #ececed;
}
#sections .visuals#survey-demographics .tabs .tab.current:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #ffffff;
}
#sections .visuals#survey-demographics .blocks {
  position: relative;
}
#sections .visuals#survey-demographics .blocks .block {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#sections .visuals#survey-demographics .blocks .block.current {
  display: block;
  position: relative;
  z-index: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections .visuals#survey-demographics .blocks .block .visuals {
  margin: 0;
  padding: 20px 0;
}
#sections .visuals#survey-demographics .blocks .block .visuals svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 700px) {
  #sections .visuals#survey-demographics .tab-wrap .dir {
    display: block;
  }
  #sections .visuals#survey-demographics .tabs {
    display: block;
    position: relative;
    overflow: hidden;
  }
  #sections .visuals#survey-demographics .tabs .tab {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-right: 0;
    width: 100%;
  }
  #sections .visuals#survey-demographics .tabs .tab.current {
    position: relative;
    display: block;
  }
}
#sections .visuals #b2c-vs-b2b-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie1 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie1 .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 88.5%, 177%;
  stroke-dashoffset: 88.5%;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie2 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie2 .anim {
  stroke: #01538f;
  stroke-width: 24;
  stroke-dasharray: 106.2%, 177%;
  stroke-dashoffset: 106.2%;
  fill: transparent;
}
#sections .visuals.benchmarks-two {
  margin: 2.571em auto 0;
  width: 100%;
}
#sections .visuals.benchmarks-two:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 0 auto 1.619em;
  height: 1px;
}
#sections .visuals.benchmarks-two ul.three-images {
  float: left;
  width: 100%;
  max-width: 660px;
  margin: 1em 0;
  padding: 0;
  height: 282px;
}
#sections .visuals.benchmarks-two ul.three-images li.image {
  float: left;
  height: 282px;
  margin: 0 7.6% 0 0;
  padding: 0;
  list-style: none;
  background-image: none;
  position: relative;
  text-align: center;
}
#sections .visuals.benchmarks-two ul.three-images li.image.one {
  width: 21.9%;
  max-width: 144px;
}
#sections .visuals.benchmarks-two ul.three-images li.image.two {
  width: 33.1%;
  max-width: 218px;
}
#sections .visuals.benchmarks-two ul.three-images li.image.three {
  width: 29.8%;
  max-width: 216px;
  margin-right: 0;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers {
  font-size: 1.714em;
  line-height: 1em;
  color: #111324;
  z-index: 3;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 35px;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.mobile {
  padding-top: 73%;
  color: #7856ff;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.desktop {
  padding-top: 23%;
  color: #f7a43d;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.webmail {
  padding-top: 38%;
  color: #7EBD26;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .label {
  color: #111324;
  font-size: 0.667em;
  line-height: 1.571em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 1em;
  background: none;
}
#sections .visuals.trends {
  margin-top: 3.809em;
  margin-bottom: 0;
  position: relative;
}
#sections .visuals.trends:before {
  display: none;
}
#sections .visuals.trends #modal {
  background: url("https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/modal.png") transparent center center no-repeat;
  width: 129px;
  height: 96px;
  position: absolute;
  right: -65px;
  top: 164px;
  display: none;
}
#sections .visuals.trends img {
  width: 100%;
  height: auto;
}
#sections .visuals.trends .wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 660px;
}
#sections .visuals.trends ul.legend {
  float: left;
  width: 100%;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: normal;
  color: #111324;
}
#sections .visuals.trends ul.legend li {
  float: left;
  width: 33.333%;
  list-style: none;
  background: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-right: 1px solid #f6f6f7;
}
#sections .visuals.trends ul.legend li:last-child {
  border-right: 0;
}
#sections .visuals.trends ul.legend li:before {
  content: "●";
  display: inline-block;
  margin-right: 8px;
}
#sections .visuals.trends ul.legend li.desktop:before {
  color: #F69000;
}
#sections .visuals.trends ul.legend li.mobile:before {
  color: #18A9E5;
}
#sections .visuals.trends ul.legend li.webmail:before {
  color: #7EBD25;
}
#sections .visuals.trends ul.legend li.undetectable:before {
  color: #ffd617;
}
#sections .visuals.aggregate {
  margin: 3.809em auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#sections .visuals.aggregate hgroup {
  border-top: 1px solid #f6f6f7;
  padding: 1em 0;
}
#sections .visuals.aggregate .left {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/clicksVSopens-left.png') center bottom no-repeat;
  background-size: 100%;
  height: 214px;
  /*                    width: 321px;*/
  width: 47.2%;
  float: left;
  margin: 1em auto 2.571em;
}
#sections .visuals.aggregate .right {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/clicksVSopens-right.png') center bottom no-repeat;
  background-size: 100%;
  height: 214px;
  /*                    width: 359px;*/
  width: 52.8%;
  float: right;
  margin: 1em auto 2.571em;
}
#sections .visuals.environment {
  width: 100%;
  max-width: 660px;
  position: relative;
  margin: 2.571em auto;
}
#sections .visuals.environment ul.legend {
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  text-align: left;
  margin: 21px 0 0;
  padding: 0;
  font-size: 0.667em;
  line-height: 1.5em;
  font-weight: normal;
  color: #111324;
  width: 200px;
  height: 137px;
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
}
#sections .visuals.environment ul.legend li {
  float: left;
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #f6f6f7;
}
#sections .visuals.environment ul.legend li:before {
  content: "●";
  display: inline-block;
  margin-right: 8px;
}
#sections .visuals.environment ul.legend li.desktop:before {
  color: #F69000;
}
#sections .visuals.environment ul.legend li.mobile:before {
  color: #18A9E5;
}
#sections .visuals.environment ul.legend li.webmail:before {
  color: #7EBD25;
}
#sections .visuals.environment ul.legend li.undetectable:before {
  color: #ffd617;
}
#sections .visuals.percent-opens {
  max-width: 660px;
  margin: 2.571em auto 0;
  width: 85%;
}
#sections .visuals.percent-opens:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 0 auto 1.619em;
  height: 1px;
}
#sections .visuals.percent-opens ul.three-images {
  float: left;
  width: 100%;
  max-width: 660px;
  margin: 1em 0 2.571em;
  padding: 0;
  height: 282px;
}
#sections .visuals.percent-opens ul.three-images li.image {
  float: left;
  height: 282px;
  margin: 0 7.6% 0 0;
  list-style: none;
  position: relative;
  text-align: center;
  padding: 0;
  background: none;
}
#sections .visuals.percent-opens ul.three-images li.image.one {
  width: 21.9%;
  max-width: 144px;
}
#sections .visuals.percent-opens ul.three-images li.image.two {
  width: 33.1%;
  max-width: 218px;
}
#sections .visuals.percent-opens ul.three-images li.image.three {
  width: 29.8%;
  max-width: 216px;
  margin-right: 0;
}
#sections .visuals.percent-opens ul.three-images li.image:last-child {
  margin: 0;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers {
  font-size: 1.714em;
  line-height: 1em;
  color: #111324;
  z-index: 3;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 35px;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.mobile {
  padding-top: 73%;
  color: #7856ff;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.desktop {
  padding-top: 23%;
  color: #f7a43d;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.webmail {
  padding-top: 38%;
  color: #7EBD26;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .label {
  color: #111324;
  font-size: 0.667em;
  line-height: 1.571em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 1em;
  background: none;
}
#sections .visuals.journey {
  width: 100%;
  margin: 2.571em auto;
  text-align: center;
}
#sections .visuals.journey .flowchart {
  width: 100%;
  float: left;
  margin: 1em auto 2.571em;
}
#sections .visuals.journey .flowchart .step {
  width: 100%;
  float: left;
  background: #ffffff;
  margin: 0 auto;
}
#sections .visuals.journey .flowchart .step.top {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/top-lines.png') center bottom no-repeat;
  padding-bottom: 2.571em;
  margin-bottom: 0;
  background-size: 69%;
}
#sections .visuals.journey .flowchart .step.middle {
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/split-lines.png') center center no-repeat;
  padding: 2.8em 0;
  margin-bottom: 0;
  background-size: 62.75%;
  position: relative;
  z-index: 0;
}
#sections .visuals.journey .flowchart .step .block {
  float: left;
  width: 100%;
  background: #ffffff;
  border: 1px solid #ececed;
  -webkit-box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #5d5d66;
  position: relative;
  z-index: 1;
}
#sections .visuals.journey .flowchart .step .block.green {
  border: 1px solid #7EBD26;
  color: #5d5d66;
}
#sections .visuals.journey .flowchart .step .block.green h3 {
  color: #7EBD26;
}
#sections .visuals.journey .flowchart .step .block.green:hover {
  border: 1px solid #7EBD26;
  -webkit-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #F6FDE4;
}
#sections .visuals.journey .flowchart .step .block.green:before,
#sections .visuals.journey .flowchart .step .block.green:after {
  content: "";
  display: block;
  background: #ffffff;
  border: 2px solid #7EBD26;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: -5px auto;
  padding: 0;
  height: 4px;
  width: 4px;
}
#sections .visuals.journey .flowchart .step .block.one {
  width: 33.3%;
  margin: 0 33.3%;
}
#sections .visuals.journey .flowchart .step .block.one:before {
  display: none;
}
#sections .visuals.journey .flowchart .step .block.two {
  width: 33.3%;
  margin-right: 33.3%;
}
#sections .visuals.journey .flowchart .step .block.two:last-child {
  margin-right: 0;
}
#sections .visuals.journey .flowchart .step .block.three {
  width: 31.2%;
}
#sections .visuals.journey .flowchart .step .block.three.middle {
  margin: 0 3.2%;
}
#sections .visuals.journey .flowchart .step .block:hover {
  border: 1px solid #93ceff;
  background: #F8FDFE;
}
#sections .visuals.journey .flowchart .step .block#showy {
  background: #F6FDE4;
  border: 1px solid #7EBD26;
  -webkit-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #111324;
}
#sections .visuals.journey .flowchart .step .block#showy h3 {
  color: #7EBD26;
  margin-top: 0.667em;
}
#sections .visuals.journey .flowchart .step .block#showy:before {
  content: "";
  display: block;
  background: #ffffff;
  border: 2px solid #7EBD26;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: -5px auto;
  padding: 0;
  height: 4px;
  width: 4px;
}
#sections .visuals.journey .flowchart .step .block h3 {
  padding-top: 20px;
}
#sections .visuals.journey .flowchart .step .block p {
  padding: 1em;
  text-align: center;
  margin-bottom: 0;
}
#sections .visuals.journey .flowchart .step .left-column {
  float: left;
  width: 50%;
}
#sections .visuals.journey .flowchart .step .left-column .lines {
  float: left;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/line.png') center center no-repeat;
}
#sections .visuals.journey .flowchart .step .right-column {
  float: right;
  width: 50%;
}
#sections .visuals.journey .flowchart .step .right-column .block {
  float: right;
}
#sections .visuals.journey .flowchart .step .right-column .lines {
  float: right;
  background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/green-line.png') center center no-repeat;
}
#sections .visuals.journey .flowchart .step .left-column .block,
#sections .visuals.journey .flowchart .step .right-column .block {
  width: 75%;
  display: block;
  margin: 0;
}
#sections .visuals.journey .flowchart .step .left-column .lines,
#sections .visuals.journey .flowchart .step .right-column .lines {
  padding: 0 0 2.8em;
  width: 75%;
}
aside {
  width: 100%;
  margin: 0 auto;
  font-size: 1.1em;
  letter-spacing: 0.0005em;
  color: #5d5d66;
  line-height: 1.571em;
  font-style: italic;
}
aside.footnotes {
  margin: 0 auto 3.857em;
}
aside.pie {
  float: right;
  max-width: 400px;
  text-align: left;
  margin: 0 auto;
}
aside.pie .inner {
  margin: 0 auto;
  width: 100%;
  border: none;
}
aside .inner {
  width: 100%;
  max-width: 660px;
  padding: 2.429em 0;
  margin: 0 auto;
  border-bottom: 1px solid #f6f6f7;
}
@media all and (max-width: 1280px) {
  body .section#benchmarks #inner .two-column {
    width: 85%;
    margin: 2em 7.5% 0;
  }
  body section.content .journey .flowchart {
    width: 85%;
    margin: 2em 7.5%;
  }
}
@media all and (max-width: 832px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1.125em;
    line-height: 1.555em;
  }
  body section.content #stacked-bar,
  body section.content #chartlines {
    height: 400px;
  }
}
@media all and (max-width: 468px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1em;
    line-height: 1.5em;
  }
  body section.content #stacked-bar,
  body section.content #chartlines {
    height: 300px;
  }
}
@media only screen and (max-width: 748px) {
  body .section#feature {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 468px) {
  body .section#feature {
    font-size: 0.625em;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 930px) {
  body .section#navigation {
    font-size: 0.75em;
    line-height: 1.75em;
  }
  body .section#navigation .nav ul li a:before,
  body .section#navigation .nav ul li.current a:before {
    margin: -3.166em auto 1.8461em;
  }
}
@media only screen and (max-width: 712px) {
  body .section#navigation {
    display: none;
  }
}
@media only screen and (max-width: 832px) {
  body section.content a.tweet {
    background-position: 4px 24px;
  }
  body section.content a.tweet:hover {
    background-position: 4px -112px;
  }
}
@media only screen and (max-width: 1080px) {
  body .section#benchmarks #inner .two-column .left {
    padding-right: 54px;
  }
}
@media only screen and (max-width: 832px) {
  #one .two-column .right,
  #one .two-column .left {
    width: 100%;
    margin: 1em auto 0 !important;
    display: block;
    padding: 0;
  }
  #one .two-column .right .legend,
  section.content aside.pie {
    max-width: 100%;
  }
  #pie-mobile,
  #pie-desktop,
  #pie-webmail {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  section.content aside .inner {
    max-width: 100%;
  }
  body h3,
  body .section#benchmarks #inner .two-column p {
    max-width: 100%;
  }
  body h3 {
    text-align: center;
  }
  body .section#benchmarks #inner .two-column:after {
    width: 85%;
    margin: 5em 7.5% 0;
  }
}
@media only screen and (max-width: 700px) {
  #sections .visuals.aggregate .left,
  #sections .visuals.aggregate .right {
    width: 100%;
    float: none;
    display: block;
    margin: 1em auto;
    max-width: 321px;
  }
  #sections .visuals.aggregate .right {
    height: 159px;
  }
}
@media only screen and (max-width: 852px) {
  body .section#key-takeaways .signup #inner .subscription input,
  body .section#key-takeaways .signup #inner .subscription input,
  body .section#key-takeaways .signup #inner .subscription #submit {
    width: 100%;
    max-width: 100%;
  }
  body .section#key-takeaways .signup #inner .subscription input {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 468px) {
  body .section#footnotes #inner .footnotes {
    font-size: 0.667em;
  }
}
@media only screen and (max-width: 876px) {
  body footer#slim ul li {
    display: none;
  }
  body footer#slim ul li#logo {
    display: inherit;
  }
}
@media only screen and (max-width: 680px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 220px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    font-size: 1em;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 480px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1em;
    line-height: 1.5em;
  }
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 180px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content .journey {
    width: 85%;
    margin: 0 7.5%;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 1.6em 0;
  }
  body h2.link:hover a span.anchor {
    display: none;
  }
}
@media only screen and (max-width: 420px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 160px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content .journey .flowchart .step .block#showy h3 {
    font-size: 1.619em;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 320px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 140px;
  }
  #sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers,
  #sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers {
    font-size: 0.8571em;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content #pie-mobile,
  body section.content #pie-desktop,
  body section.content #pie-webmail {
    width: 272px;
    height: 272px;
  }
  body section.content #stacked-bar {
    width: 115%;
  }
  body section.content aside.footnotes {
    margin-top: 0;
  }
  body .section#benchmarks #inner .two-column {
    padding-bottom: 3em;
  }
  body .section#benchmarks #inner .two-column:after {
    margin-top: 3em;
  }
  body .section #inner ul.legend {
    font-size: 0.556em;
  }
  body section.content .journey .flowchart .step .left-column .lines,
  body section.content .journey .flowchart .step .right-column .lines,
  body section.content .journey .flowchart .step .left-column .block,
  body section.content .journey .flowchart .step .right-column .block {
    width: 85%;
  }
  body section.content .journey .flowchart .step.middle {
    background-size: 58%;
    padding: 1.41em 0;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 1.2em 0;
  }
}
/* new-guides-combined.less */
html {
  position: relative;
}
body {
  height: 100%;
}
@media screen and (max-width: 1400px) {
  #chapters .floatmenu {
    margin-right: 0;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 1200px) {
  #chapters.flyout {
    right: 0;
  }
  #chapters .flyout-handle {
    display: block;
  }
  #chapters .container {
    width: 0px;
    overflow: hidden;
    margin: 0;
    max-width: none;
    float: right;
  }
  #chapters .container.open {
    width: 230px;
  }
  #chapters .floatmenu {
    float: left;
  }
}
@media screen and (max-width: 1150px) {
  #socialBound {
    position: relative !important;
  }
  #socialBound ul#socialTools {
    position: relative!important;
    left: auto;
    top: 0!important;
    width: 96%;
    padding: 20px 0 15px;
    margin: 0 2% 35px 2%;
    text-align: center;
  }
  #socialBound ul#socialTools li {
    float: none;
    border: none;
    clear: none;
    display: inline-block;
    margin: 0;
    width: 36px;
    padding: 0;
  }
  #socialBound ul#socialTools li.title {
    display: none;
  }
}
@media screen and (max-width: 1060px) {
  /* Resources side sticky bar */
  #chapters.stuck {
    bottom: 262px;
  }
  /* End Resources */
}
@media screen and (max-width: 1000px) {
  .fullwidth {
    min-width: 0;
  }
  .col2 {
    padding: 0;
  }
  .col2 .content.article {
    max-width: 680px;
  }
  .col2 .content.article .box {
    width: 100%;
    float: none;
    min-height: 0;
    padding: 0 !important;
  }
  .col2 .content.article.right .box {
    padding: 0;
    width: 100%;
  }
  .col2 .content.article .box p {
    max-width: none;
  }
  .col2 .content.article .box .btncta {
    margin: 10px 0 0;
  }
  .col2 .content.article .image {
    position: static;
    background-image: none !important;
    width: 100% !important;
  }
  .col2 .content.article .image img {
    display: block;
    margin: 50px auto 0;
    width: 90%;
    max-width: 100% !important;
  }
  .col2.textright .content.article .image img {
    max-width: 100% !important;
  }
  .col2.darkgrey .content.article .image {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  * {
    box-sizing: border-box;
  }
  #darker {
    position: relative;
  }
  header.darkblue {
    border: none;
    min-width: 320px;
    width: 100%;
  }
  .fullwidth {
    min-width: 320px;
    width: 100%;
  }
  #secondaryNav {
    display: none;
  }
  aside.sidebar {
    display: none;
  }
  hgroup {
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
  hgroup h1,
  hgroup h2 {
    width: 100%;
  }
  .central .pagecontent {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .central ul#crosslinks {
    display: none;
    width: 100%;
    padding: 30px 0 0 0;
    margin: 0 0 30px -1px;
  }
  .central ul#crosslinks li {
    width: 80%;
    margin: 0 10% 30px;
  }
  .central ol#breadcrumb {
    display: block;
    margin: 0 7.5% 20px;
    float: left;
    width: 85%;
    font-size: 1.1em;
  }
  section#masthead #headline {
    padding-top: 100px;
  }
  section.signupbar {
    padding: 0;
    margin: 20px 0 0 0;
    min-width: 100%;
  }
  section.signupbar .central {
    float: left;
    width: 76%;
    padding: 30px 0;
    margin: 0 12%;
  }
  section.signupbar .central p {
    display: none;
    float: left;
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
    text-align: center;
  }
  section.signupbar .central a#create {
    margin: 0 0 10px 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }
  section.content img,
  section.content.article img {
    max-width: 85%;
  }
  section.content img.fullimage,
  section.content.article img.fullimage {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  section.content p a,
  section.content.article p a {
    word-break: keep-all;
  }
  section.content .syntax,
  section.content.article .syntax {
    width: 95%;
    margin: 10px auto 40px;
    float: none;
  }
  section.content .syntax .codehead,
  section.content.article .syntax .codehead {
    width: 100%;
  }
  section.content .syntax pre.border,
  section.content.article .syntax pre.border {
    width: 100%;
  }
  section.content a.bigbutton,
  section.content.article a.bigbutton {
    padding-left: 5%;
    padding-right: 10%;
    max-width: 75%;
    font-size: 1.3em;
    line-height: 1.3em;
  }
  section.content .galleryimage .gallery,
  section.content.article .galleryimage .gallery {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: white;
    height: auto!important;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  section.content .galleryimage .gallery a,
  section.content.article .galleryimage .gallery a {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto!important;
    border: none;
    overflow: inherit;
  }
  section.content .galleryimage .gallery img,
  section.content.article .galleryimage .gallery img {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%!important;
    border: 1px solid white;
    -moz-box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0px 3px #f9f9f9;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  section.content .galleryimage p,
  section.content.article .galleryimage p {
    float: left;
    position: relative;
    left: 0;
    width: 85%;
    margin: 0 7.5%;
    padding: 0 0 15px 0;
    border-bottom: 1px dashed #ececed;
    border-left: none;
    text-align: center;
  }
  section.content .plaintext textarea,
  section.content.article .plaintext textarea,
  section.content .plaintext pre,
  section.content.article .plaintext pre {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #nextBook h4,
  #nextBook h3,
  #nextBook p {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  #nextBook a#book {
    margin-left: -13px;
  }
  #feature.fullwidth {
    max-width: 100%;
    min-width: 100%;
  }
  #feature.fullwidth .central.content {
    width: 100%;
    margin: 0;
  }
  #feature.fullwidth .central.content section#build {
    width: 100%;
  }
  #feature.fullwidth .central.content section#build ul#tools {
    width: 100%;
    margin-bottom: 30px;
  }
  #feature.fullwidth .central.content section#build ul#tools li {
    width: 80%;
    margin: 0 10% 10px;
  }
  #feature.fullwidth .central.content section#build ul#tools a:hover .inner {
    padding: 28px 0 38px;
    margin: 0;
  }
  #feature.fullwidth .central.content section#learn {
    float: left;
    width: 70%;
    padding: 0 0 60px 0;
    margin: 0 15%;
  }
  #feature.fullwidth .central.content section#learn h2,
  #feature.fullwidth .central.content section#learn p,
  #feature.fullwidth .central.content section#learn ol {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #feature.fullwidth .central.content section#learn .resourceLink {
    display: none;
  }
  #feature.fullwidth .central.content section#learn h2 {
    margin: 0 0 30px 0;
  }
  #feature.fullwidth .central.content section#learn ol {
    margin-top: 30px;
  }
  #feature.fullwidth .central.content section#learn ol li.guides {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #feature.fullwidth .central.content section#learn .disc,
  #feature.fullwidth .central.content section#learn .disclrg {
    display: none;
  }
  #feature.fullwidth .central.content section#learn ol li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #feature.fullwidth .central.content section#learn ol li h6 {
    width: 60%;
  }
  #agencyResource {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 60px 0 60px 0;
    background: none;
  }
  #agencyResource .central hgroup h1,
  #agencyResource .central hgroup p {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #agencyResource .central hgroup h1 {
    margin-bottom: 30px;
  }
  #agencyResource .central #agencyScreen {
    display: none;
    width: 100%;
    left: 0;
  }
  .central h2.subheading {
    display: none;
  }
  .central ul#guides,
  .central ul.guides {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin-top: 0;
  }
  .central ul#guides .row,
  .central ul.guides .row {
    width: 100%;
  }
  .central ul#guides .row.specials,
  .central ul.guides .row.specials {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .central ul#guides li,
  .central ul.guides li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .central ul#guides li#topemails,
  .central ul.guides li#topemails {
    display: none;
  }
  .central ul#guides li a,
  .central ul.guides li a {
    float: left;
    width: 100%;
  }
  .central ul#willit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .central ul#willit li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .central ul#willit li a {
    float: left;
    padding-left: 7.5%;
    padding-right: 7.5%;
    padding-bottom: 20px;
    margin: 0;
    width: 85%;
  }
  .central ul#willit .wrapper {
    margin: 0;
  }
  .central #growth,
  .central #canvas {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: auto!important;
  }
  table.halfwidth.video {
    display: none;
  }
  table#csstable,
  #stickyNav {
    display: none!important;
  }
  .content dl {
    margin-top: 0;
  }
  .content dl dt {
    float: left;
    width: 100%;
    margin: 0;
    border-bottom: 2px solid #93ceff;
    padding: 0;
  }
  .content dl dd {
    width: 100%;
    border: none;
  }
  .content dl dd p {
    margin: 15px 0 0 10%;
  }
  #cssguide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #cssguide .central {
    float: left;
    width: 85%;
    max-width: 85%;
    margin: 0 7.5%;
  }
  #cssguide .central #lastUpdated {
    display: none;
  }
  #cssguide .central h1,
  #cssguide .central h2 {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: none;
  }
  #cssguide .central h1 {
    font-size: 4em;
    margin: 0 0 20px 0;
  }
  #cssguide .central h2 {
    font-size: 1.6em;
    margin: 0 0 10px 0;
  }
  #cssguide .central#sharing #share {
    width: 100%;
    margin: 10px 0 30px 0;
    padding: 0;
    background: none;
  }
  #cssguide .central#sharing #share .inner {
    border: none;
    background: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #cssguide .central#sharing #share .inner .social {
    display: none;
  }
  #cssguide .central#sharing #share .inner .cssdownload {
    width: 100%;
    margin: 0 0 0 -1px;
    padding: 0;
    border: 1px solid #ececed;
    background: #ffffff;
  }
  #cssguide .central#sharing #share .inner .cssdownload .marker {
    display: none;
  }
  /* Resources Sticky sidemenu */
  body.resources header {
    margin-bottom: 0 !important;
  }
  body.guides #banner {
    margin-bottom: 105px !important;
  }
  body.guides.ebook #banner {
    margin-bottom: 0px !important;
  }
  #chapters {
    position: absolute;
    left: 0;
    right: 0;
    top: 495px;
    width: 90%;
    margin: 0 auto;
  }
  #chapters.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px 5% 5px;
    width: 100%;
    background-color: #ffffff;
  }
  #chapters .flyout-handle {
    display: none;
  }
  #chapters .container {
    width: 100% !important;
    overflow: visible;
  }
  #chapters #pagelinks .mobile-handle {
    display: block;
    letter-spacing: 0.05em;
    font-size: 1.1em;
  }
  #chapters #pagelinks nav {
    height: 0px;
    position: relative;
    z-index: 10;
  }
  #chapters #pagelinks ol {
    display: none;
    background-color: #f2f2f2;
    border: 1px solid #d8dee3;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  #chapters #pagelinks ol.open {
    display: block;
    box-shadow: 0px 3px 0px #f7f8f9;
  }
  #chapters #pagelinks li {
    text-align: center;
  }
  #chapters #pagelinks a {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    background-color: #ffffff;
    line-height: 1.75;
    display: block;
  }
  #chapters #pagelinks li:last-child a {
    border-bottom: none;
  }
  #chapters .floatmenu {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
  }
  #chapters #socialBound {
    display: none;
  }
  #sections #footsocialmenu {
    display: block;
  }
  /* End resources sticky sidemenu */
}
@media only screen and (max-width: 660px) {
  .content p img.inline.left {
    float: none;
    margin: 4px auto 15px;
    display: block;
  }
  #banner h1,
  #slideshow .slideshow .slide-info h2 {
    font-size: 3.6em;
    margin-bottom: 30px;
  }
  .contentblock .topspace,
  #toolbox h1.topspace {
    margin-top: 50px;
  }
  .contentblock h2,
  #toolbox h1 {
    font-size: 3.6em;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 550px) {
  .contentblock.customer-block {
    background-position: 50% center;
  }
  .contentblock.customer-block .right-container {
    width: 75%;
  }
}
@media only screen and (max-width: 460px) {
  .contentblock.customer-block {
    background-position: 70% center;
  }
  .contentblock.customer-block .right-container {
    width: 100%;
    float: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  body.responsive header nav .fullwidth ul#primary li#logo a {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/navigation_retina_neue.png') !important;
    background-size: 699px 206px!important;
    background-position: -22px -185px !important;
  }
}
/* USED in api.con.less,help.con.less, nex-guides.combined.less, blog-guide, EE */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  section#features #reports {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/app_reports_retina_new.png') !important;
  }
  section#features #subscriber {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/app_subscriber_retina_new.png') !important;
  }
  section#loved-by #quotes blockquote.will {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/will_retina.png') !important;
  }
  section#loved-by #quotes blockquote.anna {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/anna_retina.png') !important;
  }
  section#loved-by #quotes blockquote.sabrina {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/sabrina_retina.png') !important;
  }
  section#loved-by #quotes blockquote.michael {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/michael_retina.png') !important;
  }
  section#loved-by #quotes blockquote.niels {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/niels_retina.png') !important;
  }
  section#loved-by #quotes blockquote.simon {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/simon_retina.png') !important;
  }
  section#loved-by #quotes blockquote.ryan {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/ryan_retina.png') !important;
  }
  section#loved-by #quotes blockquote.teppo {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/teppo_retina.png') !important;
  }
  section#loved-by #quotes blockquote.benjamin {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/benjamin_retina.png') !important;
  }
  section#loved-by #quotes blockquote.zak {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/friends/zak_retina.png') !important;
  }
  /*.dark ul#primary li a {
		background-image: url('../images/global/navigation_retina.gif')!important;
	}*/
  .dark ul#primary.blue li.active,
  .dark ul#primary.tan li.active,
  .dark ul#primary.white li.active {
    /*background-image: url('../images/global/mask_retina.gif')!important;*/
  }
  footer .central.marque a,
  footer section p a.esp,
  footer#slim ul li#logo a,
  footer ul li#logo a {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/footer_retina.png') !important;
  }
  ul#crosslinks li a {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/crosslinks_retina.gif') !important;
  }
  body.resources ul#crosslinks li a {
    background-image: none !important;
  }
  footer .central section.bottom #social a.facebook {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/footer-facebook_retina.png') !important;
    background-size: 19px 40px;
  }
  footer .central section.bottom #social a.twitter,
  footer section a.followus {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/footer-twitter_retina.png') !important;
    background-size: 23px 50px;
    background-position: -4px 2px;
  }
  footer .central section.bottom #social a.twitter:hover,
  footer section a.followus:hover {
    background-position: -4 -28px;
  }
  section.signupbar {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/global/texture_retina.png') !important;
    background-size: 241px 245px;
  }
  section#loved-by ul#brands li a {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/brands_retina.png?v1') !important;
  }
  #container a#logo,
  #container form ul li label,
  #container form ul li label .tick,
  #container form button,
  #container #response a#twitter,
  #container #response a#twitter .bird {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/gfx/sprite_retina.png') !important;
  }
  #create #tabs ul#alignment li a,
  #create #tabs ul#options li a {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/ourstory/styles_retina.png');
    background-size: 373px 13px;
  }
  .central.resources ul#resources a h3 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/agencies/agency_res-icons-retinaV2.png');
    background-size: 30px 720px !important;
  }
  ul#resources li a h3 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resource_icons-retinaV2.png');
    background-size: 90px 473px;
  }
  ul#willit a h3 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/willit_icons-retinaV2.png');
    background-size: 60px 1019px;
  }
  ul#willithelp a h3 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/support/faq_icons@2x.png?v=integrations') !important;
    background-size: 62px 1250px !important;
  }
  ul.guides li#whyemail .book,
  aside nav a#book.whyemail,
  #nextBook a#book.whyemail,
  ul.guides li#planning .book,
  aside nav a#book.planning,
  #nextBook a#book.planning,
  ul.guides li#designing .book,
  .designing#book,
  aside nav a#book.design,
  #nextBook a#book.design,
  ul.guides li#coding .book,
  .coding#book,
  .coding.read,
  aside nav a#book.coding,
  #nextBook a#book.coding,
  ul.guides li#permission .book,
  aside nav a#book.permission,
  #nextBook a#book.permission,
  ul.guides li#mobile .book,
  aside nav a#book.mobile,
  #nextBook a#book.mobile,
  ul.guides li#agency .book,
  aside nav a#book.agency,
  #nextBook a#book.agency,
  ul.guides li#landing .book,
  aside nav a#book.landing,
  #nextBook a#book.landing,
  ul.guides li#reporting .book,
  aside nav a#book.reporting,
  #nextBook a#book.reporting,
  ul.guides li#whitelisting .book,
  aside nav a#book.whitelisting,
  #nextBook a#book.whitelisting,
  ul.guides li#dynamic .book,
  aside nav a#book.dynamic,
  #nextBook a#book.dynamic,
  ul.guides li#topemails .book,
  aside nav a#book.topemails,
  #nextBook a#book.topemails,
  ul.guides li#emailtrends .book,
  aside nav a#book.emailtrends,
  #nextBook a#book.emailtrends,
  ul.guides li#marketersGuide .book,
  ul.guides li#accessibility .book,
  aside nav a#book.accessibility,
  #nextBook a#book.accessibility,
  ul.guides li#listbuilding .book,
  aside nav a#book.listbuilding,
  #nextBook a#book.listbuilding,
  ul.guides li#localization .book,
  aside nav a#book.localization,
  #nextBook a#book.localization,
  ul.guides li#automation .book,
  aside nav a#book.automation,
  #nextBook a#book.automation,
  ul.guides li#integrations .book,
  aside nav a#book.integrations,
  #nextBook a#book.integrations {
    background-size: 492px 182px;
  }
  ul.guides li#whyemail .book,
  aside nav a#book.whyemail,
  #nextBook a#book.whyemail {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_blue-retina.png');
  }
  ul.guides li#planning .book,
  aside nav a#book.planning,
  #nextBook a#book.planning {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_green-retina.png');
  }
  ul.guides li#designing .book,
  .designing#book,
  aside nav a#book.design,
  #nextBook a#book.design {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_yellow-retina.png');
  }
  ul.guides li#coding .book,
  .coding#book,
  .coding.read,
  aside nav a#book.coding,
  #nextBook a#book.coding {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkblue-retina.png');
  }
  ul.guides li#permission .book,
  aside nav a#book.permission,
  #nextBook a#book.permission {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgreen-retina.png');
  }
  ul.guides li#mobile .book,
  aside nav a#book.mobile,
  #nextBook a#book.mobile {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_dark-retina.png');
  }
  ul.guides li#agency .book,
  aside nav a#book.agency,
  #nextBook a#book.agency {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_grey-retina.png');
  }
  ul.guides li#landing .book,
  aside nav a#book.landing,
  #nextBook a#book.landing {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_orange-retina.jpg');
  }
  ul.guides li#reporting .book,
  aside nav a#book.reporting,
  #nextBook a#book.reporting {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_navy-retina.jpg');
  }
  ul.guides li#whitelisting .book,
  aside nav a#book.whitelisting,
  #nextBook a#book.whitelisting {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_pale-retina.jpg');
  }
  ul.guides li#dynamic .book,
  aside nav a#book.dynamic,
  #nextBook a#book.dynamic {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_darkgrey-retina.jpg');
  }
  ul.guides li#topemails .book {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_top100-2014@2x.jpg');
  }
  ul.guides li#topemails2013 .book {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_top100-retina.jpg');
  }
  ul.guides li#emailtrends .book {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_emailTrends-retinaV2.jpg');
  }
  ul.guides li#marketersGuide .book {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_marketersGuide-retina.png');
  }
  ul.guides li#accessibility .book,
  aside nav a#book.accessibility,
  #nextBook a#book.accessibility {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_accessibility-retina.png');
  }
  ul.guides li#listbuilding .book,
  aside nav a#book.listbuilding,
  #nextBook a#book.listbuilding {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_emailList-retina.png');
  }
  ul.guides li#localization .book,
  aside nav a#book.localization,
  #nextBook a#book.localization {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_localization-retina.png');
  }
  ul.guides li#automation .book,
  aside nav a#book.automation,
  #nextBook a#book.automation {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_automation-retina.png');
  }
  ul.guides li#integrations .book,
  aside nav a#book.integrations,
  #nextBook a#book.integrations {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/guide_integrations-retina.jpg');
  }
  #beautiful #gallery ol.culture li h6 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/careers/perkicons-retina.png') !important;
    background-size: 30px 325px !important;
  }
  #beautiful #gallery #slider li #quotes blockquote .quote {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/careers/quotes-retina.png') no-repeat left top !important;
    background-size: 27px 19px !important;
  }
  #beautiful #gallery #slider li #quotes blockquote {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/careers/team-avatars-retina.png') no-repeat !important;
    background-size: 70px 600px !important;
  }
  #growth .website-btn .eyelet {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/features/eyelet-retina.png') no-repeat;
    background-size: 200px 200px !important;
  }
  #flexibility ol li h6 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/features/flexibility-retina.png') no-repeat;
    background-size: 73px 335px !important;
  }
  body.modal-open #enter-comp.modal h1 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_headline_retina.png');
    background-size: 273px 74px;
  }
  body.modal-open #enter-comp.modal label#prettySelect {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_arrow_retina.png');
    background-size: 19px 4px;
  }
  body.modal-open #enter-comp.modal button {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_button_retina.png');
    background-size: 157px 14px;
  }
  body.modal-open #enter-comp.modal #comp-share h2,
  body.modal-open #enter-comp.modal #comp-share a.share {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/competition/css_share_retina.png');
    background-size: 262px 50px;
  }
  #feature .content section#build ul#tools a li .inner h2 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesTools-retina.png');
    background-size: 38px 782px !important;
  }
  #feature .content section#learn .icon {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/resourcesIcons-retina.png');
    background-size: 55px 806px !important;
  }
  #feature .content section#build ul#tools a li .docs {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/resources/docs-retina.png');
    background-size: 47px 47px !important;
  }
  #features .benefits ul li {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/feature-icons-retina.png');
    background-size: 44px 746px !important;
  }
  #highvolume section#contact section.power-features ul li {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/power-icons-retina.png');
    background-size: 44px 400px !important;
  }
  #highvolume section#contact aside ul li.testimonial .avatar {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/avatar-retina.png');
    background-size: 36px !important;
  }
  .hundred #feature .central hgroup {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/top100/top100@2x.png');
    background-size: 816px 292px !important;
  }
  body .central .section.content a.tweet {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/tweet@2x.png');
    background-size: 14px 147px !important;
  }
  body .central .section.content .pullout.aggregate .right {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/clicksVSopens-right@2x.png') center bottom no-repeat;
    background-size: 359px 155px !important;
    background-size: contain !important;
  }
  body .central .section.content .pullout.aggregate .left {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/clicksVSopens-left@2x.png');
    background-size: 321px 214px !important;
  }
  body .central .section#key-takeaways .signup #inner .success h2 {
    background-image: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/email-trends/tick@2x.png');
    background-size: 54px 54px !important;
  }
  section#threeblocks ul.threecolumns li.manage h4 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/icon-manage@2x.png') top center no-repeat;
    background-size: 86px 96px !important;
  }
  section#threeblocks ul.threecolumns li.send h4 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/icon-send@2x.png') top center no-repeat;
    background-size: 86px 96px !important;
  }
  section#threeblocks ul.threecolumns li.optimize h4 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/icon-optimise@2x.png') top center no-repeat;
    background-size: 86px 96px !important;
  }
  section#loved ul#brands li {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/brands@2x.png') top left no-repeat;
    background-size: 164px 450px !important;
  }
  section#measuring {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/measuring@2x.png') bottom center no-repeat #f7f8f9;
    background-size: 1206px 231px !important;
  }
  section#measuring #pin1 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/pin1@2x.png') top left no-repeat;
    background-size: 25px 27px !important;
  }
  section#measuring #pin2 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/pin2@2x.png') top left no-repeat;
    background-size: 45px 49px !important;
  }
  section#measuring #pin3 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/pin3@2x.png') top left no-repeat;
    background-size: 34px 37px !important;
  }
  section#measuring #pin4 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/pin4@2x.png') top left no-repeat;
    background-size: 58px 63px !important;
  }
  section#masthead header #navigation a#logo {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/navigation_retina_neueV2.png') top left no-repeat;
    background-position: 0 -175px;
    background-size: 699px 206px !important;
  }
  section#getfeedback .inner .centered .getfeedback {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/marketing/getfeedback@2x.png') center left no-repeat;
    background-size: 132px 25px !important;
  }
  section#brands ul.brands a li {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/top100/2014/featured-logos@2x.png') no-repeat 2px 26px #fff;
    background-size: 940px 152px !important;
  }
  #feature hgroup h2.top2014 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/top100/2014/artwork-100@2x.png') no-repeat center center;
    background-size: 459px 255px !important;
  }
  section#categories .centered .emailspreview {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/guides/top100/2014/emails-preview@2x.jpg') no-repeat center center;
    background-size: 825px 327px !important;
  }
  section#masthead header #navigation a#cmlogo {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/sem/campaignmonitor-logo.png') no-repeat center center;
    background-size: 160px 24px !important;
  }
  section#loved ul.customersLogos li {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/sem/featured-logos@2x.png') no-repeat bottom left;
    background-size: 940px 76px !important;
  }
  /* Homepage refresh retina styles */
  section#success .tracking .map .modal .avatar.brad {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/avatar-bradley@2x.jpg') center center no-repeat;
    background-size: 32px 32px !important;
  }
  section#success .tracking .map .modal .avatar.tim {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/avatar-tim@2x.jpg') center center no-repeat;
    background-size: 32px 32px !important;
  }
  section#success .tracking .map .modal .avatar.tanya {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/avatar-tanya@2x.jpg') center center no-repeat;
    background-size: 32px 32px !important;
  }
  section#success .tracking .map .pin {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/home/pin@2x.png') center center no-repeat;
    background-size: 26px 36px !important;
  }
  /* /pricing retina styles */
  section#subscribers .pricing .table.unlimited .banner {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/banner@2x.png') center center no-repeat;
    background-size: 51px 51px !important;
  }
  section#high-volume .high-volume.thanks .form h3 {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/tick@2x.png') center top no-repeat;
    background-size: 60px 60px !important;
  }
  section#high-volume .high-volume .side blockquote cite {
    background: url('https://www.campaignmonitor.com/wp-content/themes/cm-theme/assets/images/pricing/avatar-retina.png') left center no-repeat;
    background-size: 36px 36px !important;
  }
}