/* CSS Document */
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* Set a rem font size with pixel fallback */
/* */
/*new*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*end reset*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  color: #333333; }

small {
  font-size: 80%; }

footer {
  padding: 5% 0;
  border-top: 10px solid #f9c53e; }
  footer .footerContainer {
    width: 90%;
    margin: 0 auto; }

footer div {
  color: #000000; }

footer div a {
  text-decoration: none;
  color: #000000;
  word-wrap: break-word; }
  footer div a:hover {
    text-decoration: underline; }

h1, h2, h3, h4, h5 {
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 1em; }

h1 {
  font-size: 3.157em; }

h2 {
  font-size: 2.369em; }

h3 {
  font-size: 1.777em; }

h4 {
  font-size: 1.333em; }

h5 {
  font-size: 1em; }

h5.inlineBar {
  display: inline-block;
  padding: 10px;
  color: #ffffff; }

p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #292929;
  margin: 0 0 1em;
  font-weight: 400; }
  p.larger {
    font-size: 26px;
    font-size: 1.625rem; }
  p a:link, p a:visited {
    text-decoration: none; }
  p a:hover {
    text-decoration: underline; }

span.stat {
  font-weight: 800;
  font-size: 55px;
  font-size: 3.4375rem;
  line-height: 1.2; }
  span.stat.smStat {
    color: #820a3b; }
  span.stat.cpStat {
    color: #1791d4; }
  span.stat.fcdStat {
    color: #d3462a; }
  span.stat.clStat {
    color: #f9c53e; }

span.competitorStat {
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2; }

span.indent {
  display: block;
  margin-left: 10%;
  margin-top: 1em; }

section .wrapper ul, section .wrapper ol {
  list-style-position: outside;
  margin-left: 20px; }

.clear {
  clear: both;
  height: 0;
  line-height: 0; }

nav ul {
  list-style: none; }

/*section .wrapper ul {list-style-position: inside;}*/
blockquote, q {
  quotes: none; }

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

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

section.blog span.date {
  font-size: 14px;
  font-size: 0.875rem; }
section.blog span.bylinePhone {
  font-size: 14px;
  font-size: 0.875rem; }
section.blog h2 a:link {
  font-size: 28px;
  font-size: 1.75rem;
  color: #FFA000;
  text-decoration: none; }
  section.blog h2 a:link:hover {
    text-decoration: underline; }
section.blog .entryBox {
  border: 1px solid #ccc;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 20px;
  box-sizing: border-box;
  height: 290px;
  width: 100%;
  display: block;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1066px) {
    section.blog .entryBox {
      height: auto; } }
  section.blog .entryBox img {
    float: left;
    margin: 0em 2% 1em 0;
    width: 450px;
    max-width: 100%; }
    @media only screen and (max-width: 1066px) {
      section.blog .entryBox img {
        float: none;
        display: block; } }

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin: 4em 0; }

em {
  font-style: italic; }

strong, b {
  font-weight: 700; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%; }

.align-center {
  text-align: center; }

.web-center {
  text-align: center; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .web-center {
      text-align: left; } }

nav {
  width: 100%;
  top: 0;
  height: auto;
  z-index: 9999;
  /*font-family:'Open Sans',arial, helvetica, sans-serif;*/ }

nav .container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto; }

nav .container > ul {
  margin: 0 auto;
  background: none;
  left: -9999px;
  color: #FFFFFF; }

nav#global {
  z-index: 10001;
  position: fixed;
  top: 0;
  /*left:48px;*/
  left: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  /*width:calc(100vw - 48px);*/
  width: 100%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#global {
      /*left:48px;width:calc(100vw - 48px);*/
      font-size: 14px;
      font-size: 0.875rem; } }

nav#continent {
  background: none;
  top: 48px;
  z-index: 9998; }

nav#country .container {
  width: 100%;
  max-width: 1440px;
  text-align: center;
  /*padding:1em 0;*/ }

nav#continent.SM {
  background: #ebeff4;
  background: -webkit-linear-gradient(#f8f9fb, #ebeff4);
  background: -o-linear-gradient(#f8f9fb, #ebeff4);
  background: -moz-linear-gradient(#f8f9fb, #ebeff4);
  background: linear-gradient(#f8f9fb, #ebeff4); }

nav#continent.CP {
  background: #1791d4 url("https://www.cleaningmediakit.com/graphics/homesplashCP.jpg");
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  /*background-color:rgba(0, 0, 0, 0.5);*/ }

nav#continent.FCD {
  background: #d3462a url("https://www.cleaningmediakit.com/graphics/homesplashFCD.jpg");
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  /*background-color:rgba(0, 0, 0, 0.5);*/ }

nav#continent.mags {
  height: auto;
  min-height: 0; }

nav#continent.contact {
  background: #000000 url("https://www.cleaningmediakit.com/graphics/homesplash.jpg");
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  /*background-color:rgba(0, 0, 0, 0.5);*/ }

nav#continent.CL {
  background: #f9c53e url("https://www.cleaningmediakit.com/graphics/homesplashCL_blk.jpg");
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  /*background-color:rgba(0, 0, 0, 0.5);*/ }

nav#continent a.tab {
  background: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  height: 42px;
  padding: 8px 0;
  text-transform: inherit;
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 3px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  nav#continent a.tab:hover {
    background: white; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#continent a.tab {
      font-size: 12px;
      font-size: 0.75rem;
      height: 32px;
      padding: 4px; } }

nav#continent.SM a.tab:hover {
  color: #000000; }

nav#continent.CP a.tab:hover {
  color: #000000; }

nav#continent.FCD a.tab:hover {
  color: #000000; }

nav#continent.CL a.tab:hover {
  color: #000000; }

nav#continent a.tab.current {
  background: rgba(0, 0, 0, 0.333);
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem; }
  nav#continent a.tab.current:hover {
    background: rgba(0, 0, 0, 0.333);
    color: #FFFFFF;
    cursor: auto; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#continent a.tab.current {
      font-size: 12px;
      font-size: 0.75rem; } }

nav#continent a.tab.tall.current {
  height: 42px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#continent a.tab.tall.current {
      height: 35px; } }

nav.contact nav#country {
  background: #333333; }

nav .fixedcolor {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); }

nav.CP .fixedcolor {
  background: #064A65 !important; }

nav.SM .fixedcolor {
  background: #4F0827 !important; }

nav.FCD .fixedcolor {
  background: #611f0f !important; }

nav.CL .fixedcolor {
  background: #FFA000 !important; }

nav.home nav#country.fixedcolor {
  background: #f2f2f2; }

nav.contact nav#country.fixedcolor {
  background: #333333; }

.countryscrolled {
  position: fixed !important;
  top: 48px; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  nav#continent.contact .half {
    width: 40%;
    margin: 0 5%; } }

nav#country.SM ul li {
  width: 25%;
  /*min-height:146px;*/ }

nav#country.FCD ul li {
  width: 16.6666666667%;
  /*width:14.285714285714%;*/
  /*min-height:146px;*/ }

nav#country.CL ul:not(.cd-accordion-menu) li {
  width: 12.5%;
  /*width:7.14285714285714%;*/
  /*min-height:146px;*/ }
  nav#country.CL ul:not(.cd-accordion-menu) li a {
    padding: 0.5em;
    background: rgba(0, 0, 0, 0.1);
    /*margin-bottom: 4px;*/
    border-right: 4px solid #FFA000;
    font-size: 12px;
    font-size: 0.75rem; }
    @media only screen and (max-width: 1115px) {
      nav#country.CL ul:not(.cd-accordion-menu) li a {
        min-height: 30px; } }

nav#country.CL ul li a {
  padding: 0.5em;
  background: rgba(0, 0, 0, 0.1);
  /*margin-bottom: 4px;*/
  border-right: 4px solid #FFA000;
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    nav#country.CL ul li a {
      min-height: 30px; } }

nav ul::before, nav ul::after {
  content: " ";
  display: table; }

nav ul::after {
  clear: both; }

nav ul:not(.cd-accordion-menu) > li {
  float: left;
  position: relative; }

nav#global ul.nav-global {
  display: inline; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#global ul.nav-global {
      display: none; } }

nav#global ul li {
  width: 14.2857142857%; }

nav#global ul li ul li {
  width: 100%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#global ul li ul li {
      /*min-width:200px;*/ } }

nav ul li ul > li {
  width: 100%;
  display: block; }

nav ul a {
  height: auto;
  color: #555555;
  background: none;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 400; }

nav#global ul a {
  margin-top: 18px;
  min-height: 32px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#global ul a {
      margin-top: 15px;
      min-height: 0;
      /*height:26px;*/ } }

nav ul li:hover a {
  /*color:#999999;*/
  /*text-decoration:underline;*/ }

nav ul > li > a {
  display: block; }

nav ul li ul {
  position: absolute;
  left: -9999px;
  background: #191919;
  padding-top: 4px;
  z-index: 10000000000000;
  font-family: "Roboto", sans-serif; }

nav ul li:hover {
  cursor: pointer; }

nav ul > li:hover > ul {
  left: 0; }

nav ul li li:hover ul {
  left: 100%;
  top: 0; }

nav ul li li a {
  display: block;
  background: none;
  position: relative;
  z-index: 100;
  border-top: none;
  text-align: left;
  margin-top: 0;
  color: #FFFFFF !important;
  margin: 4px 10px 8px;
  text-transform: inherit;
  font-weight: 400;
  height: inherit;
  font-size: 17px;
  font-size: 1.0625rem; }

nav ul li li:hover span {
  color: #999999; }

nav ul li li li a {
  background: #2f295f;
  z-index: 200;
  border-top: 1px solid #1d7a62; }

#continent .magsedit {
  padding-top: 3.25em;
  min-height: auto; }

#continent .logotag {
  float: left;
  width: 50%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #continent .logotag {
      width: 100%;
      margin-top: 1em; } }

#continent .logo {
  width: 100%;
  max-width: 380px;
  display: block;
  margin: 1em auto 0; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #continent .logo {
      max-width: 100%; } }

#continent .fastfacts {
  float: right;
  width: 46%;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0);
  padding: 0 2% .5em;
  min-height: 310px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #continent .fastfacts {
      width: 95%;
      min-height: 0; } }

#continent .fastfacts h2 {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-align: left;
  font-weight: 600; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #continent .fastfacts h2 {
      font-size: 20px;
      font-size: 1.25rem; } }

#continent .fastfacts ul {
  z-index: 2;
  list-style-image: url("https://www.cleaningmediakit.com/graphics/bullet.png"); }

#continent .fastfacts li {
  width: 100%;
  text-align: left;
  margin-bottom: .5em;
  z-index: 2; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  #continent .fastfacts p {
    font-size: 16px;
    font-size: 1rem; } }

#continent .magsedit {
  padding-top: 3.25em;
  min-height: auto; }

#country.SM a {
  color: #FFFFFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: inherit; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #country.SM a {
      font-size: 12px;
      font-size: 0.75rem; } }

#country .nav-country a div {
  background: none;
  width: 95%;
  margin: 0.5em auto 0; }
  #country .nav-country a div img {
    width: 100%;
    max-width: 66px; }

article {
  width: 100%;
  margin: 0;
  text-align: left; }

article.SM h1, article.SM h2, article.SM h3, article.SM h4, article.SM h4 a, article.SM p a, article.SM li a, article.SM li:before {
  color: #820a3b; }
article.SM h5.inlineBar {
  background: #820a3b; }

article.CP h1, article.CP h2, article.CP h3, article.CP h4, article.CP h4 a, article.CP p a, article.CP li a {
  color: #1791d4; }
article.CP h5.inlineBar {
  background: #1791d4; }

article.FCD p a, article.FCD h1, article.FCD h2, article.FCD h3, article.FCD h4, article.FCD h4 a, article.FCD li a {
  color: #d3462a; }
article.FCD h5.inlineBar {
  background: #d3462a; }

article.CL h1, article.CL h2, article.CL h3, article.CL h4, article.CL h4 a, article.CL p a, article.CL li a, article.emarketing h1, article.emarketing h2, article.emarketing h3, article.emarketing h4, article.emarketing h4 a, article.emarketing p a, article.emarketing li a {
  color: #FFA000; }
article.CL h5.inlineBar, article.emarketing h5.inlineBar {
  background: #FFA000; }

article.issa h1, article.issa h2, article.issa h3, article.issa h4, article.issa h4 a, article.issa p a, article.issa li a {
  color: #0063BE; }

article.CBE h1, article.CBE h2, article.CBE h3, article.CBE h4, article.CBE h4 a, article.CBE p a, article.CBE li a {
  color: #6675c6; }

article.AllBrands h1, article.AllBrands h2, article.AllBrands h3, article.AllBrands h4 {
  color: #000000; }
article.AllBrands h4 a, article.AllBrands p a, article.AllBrands li a {
  color: blue; }
article.AllBrands h5.inlineBar {
  background: #000000; }

section .wrapper {
  width: 96%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 2%;
  box-sizing: border-box; }

section .wrapper.wide {
  max-width: 1024px; }

section header {
  padding: 0 0 2em;
  width: 95%;
  max-width: 1024px;
  margin: 0 auto; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section header {
      padding: 4em 0 1em; } }

header input[type="button"], header a.button {
  padding: 0.5em;
  /*margin-top:118px;*/
  background: none;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  color: #999999;
  border: 1px solid #999999;
  text-decoration: none;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    header input[type="button"], header a.button {
      display: none; } }
  header input[type="button"]:hover, header a.button:hover {
    background: #999999;
    color: #FFFFFF;
    cursor: pointer; }

span.printIcon, a.printIcon {
  cursor: pointer;
  color: #bcbfc3;
  font-size: 1em;
  display: inline-block; }

a.up-arrow {
  display: inline-block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  /*padding: 20px;*/
  left: 50%;
  margin-left: -40px;
  top: -2em; }

a.up-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 20px solid #a5a5a5;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }

.SM a:hover.up-arrow:after {
  border-bottom-color: #820a3b; }

.CP a:hover.up-arrow:after {
  border-bottom-color: #1791d4; }

.FCD a:hover.up-arrow:after {
  border-bottom-color: #d3462a; }

.CL a:hover.up-arrow:after {
  border-bottom-color: #FFA000; }

article header div {
  height: 88px;
  width: 88px;
  text-align: center;
  margin: 0 auto 0.25em;
  border-radius: 8px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    article header div {
      height: 66px;
      width: 66px; }
      article header div img {
        height: 66px;
        width: 66px; } }

article.SM header div {
  background: #820a3b; }

article.CP header div {
  background: #1791d4; }

article.FCD header div {
  background: #d3462a; }

article.CL header div {
  background: #FFA000; }

article.issa header div {
  background: #0063BE; }

.align-right h4, .align-right p {
  text-align: right; }

.fourth {
  float: left;
  margin: 0;
  width: 22.833%;
  margin: 0 1.87525% 0 0%;
  font-size: 87.5%;
  line-height: 87.5%;
  /*&:first-child {
  	margin:0 1.87525% 0 1.87525%;
  }*/ }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .fourth {
      width: 100%;
      display: block; } }
  .fourth img {
    max-width: 100%; }

article.SM .calendar {
  border: 1px solid #333333;
  background: #FFFFFF; }
  article.SM .calendar h4 {
    border-bottom: 1px solid #333333;
    color: #000000;
    background: #9ed1cf;
    text-align: center;
    padding: 0.25em 0;
    font-weight: 600;
    letter-spacing: 0; }
  article.SM .calendar p {
    padding: 0 2%;
    text-align: center; }

.half-container img {
  width: 100%;
  margin-top: 1em; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .half.splash-img {
    text-align: center; } }
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .half.splash-img {
    text-align: center; } }

.splash-img img {
  max-width: none;
  width: auto;
  left: 50%;
  position: absolute; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .splash-img img {
      position: relative;
      left: auto;
      max-width: 100%;
      margin: 0 auto; } }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .splash-img img {
      position: relative;
      left: auto;
      max-width: 100%;
      margin: 0 auto; } }

.splash-text {
  min-height: 591px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .splash-text {
      min-height: 0px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .splash-text {
      min-height: auto; } }

.float-right {
  float: right;
  margin: 0 0 1em 2%;
  width: inherit;
  max-width: 380px; }

#home-splash.SM {
  background: #820a3b url("https://www.cleaningmediakit.com/graphics/homesplashSM.jpg");
  background-position: top center;
  background-size: cover; }

.home-content {
  height: 100%;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
  color: #FFFFFF;
  top: 0;
  z-index: 6;
  position: relative;
  width: 100%;
  max-width: 650px;
  text-align: center; }

.home-content:before {
  content: "";
  display: block;
  padding-top: 41%; }

#home-squares {
  width: 100%;
  max-width: 2560px;
  border-bottom: 2px solid #FFFFFF;
  margin: 0 auto; }

#home-squares ul::before, #home-squares ul::after {
  content: " ";
  display: table; }

#home-squares ul::after {
  clear: both; }

#home-squares li {
  float: left;
  list-style: outside none none;
  margin: 0;
  min-height: 2px;
  padding: 0;
  position: relative;
  width: 25%;
  z-index: 1; }

#home-squares.two-squares li {
  width: 50%; }

#home-squares li.SM {
  background: #820a3b url("https://www.cleaningmediakit.com/graphics/sm_home.png");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #home-squares li.SM {
      background: #fafafa url("https://www.cleaningmediakit.com/graphics/sm_home.png");
      background-size: 400px 138px;
      background-position: bottom center;
      background-repeat: no-repeat; } }

#home-squares li.CP {
  background: #0093d0 url("https://www.cleaningmediakit.com/graphics/cp_home.png");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #home-squares li.CP {
      background: #fafafa url("https://www.cleaningmediakit.com/graphics/cp_home.png");
      background-size: 400px 138px;
      background-position: bottom center;
      background-repeat: no-repeat; } }

#home-squares li.FCD {
  background: #d5441f url("https://www.cleaningmediakit.com/graphics/fcd_home.png");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #home-squares li.FCD {
      background: #fafafa url("https://www.cleaningmediakit.com/graphics/fcd_home.png");
      background-size: 400px 138px;
      background-position: bottom center;
      background-repeat: no-repeat; } }

#home-squares li.CL {
  background: #f79b32 url("https://www.cleaningmediakit.com/graphics/cl_home.png");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #home-squares li.CL {
      background: #fafafa url("https://www.cleaningmediakit.com/graphics/cl_home.png");
      background-size: 400px 138px;
      background-position: bottom center;
      background-repeat: no-repeat; } }

#home-squares a {
  height: 184px;
  width: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 2px solid #FFF;
  display: block;
  background: none;
  padding-top: 16px;
  text-align: center;
  text-decoration: none;
  color: #333333;
  font-weight: 600;
  letter-spacing: -.02em;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1em; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #home-squares a {
      /*height: 150px;*/ } }

#home-squares a span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: .25em; }

.table {
  display: table;
  border-collapse: collapse; }

.table .header {
  display: table-row;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.1; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .table .header {
      font-size: 1em;
      line-height: 1; } }

.row {
  display: table-row; }

.row > div {
  display: table-cell;
  /*border: solid;
  border-width: thin;*/
  padding-left: 5px;
  padding-right: 5px;
  text-align: right; }

.row > div:first-of-type {
  text-align: left; }

.table.hide-phone {
  display: table; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .table.hide-phone {
      display: none; } }

.table.hide-web {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .table.hide-web {
      display: table; } }

#sm-cal .table, #sm-adrates .table, #sm-mech .table, #cp-cal .table, #cp-adrates .table, #cp-mech .table, #cp-advantages .table, #fcd-cal .table, #fcd-adrates .table, #fcd-mech .table, #fcd-market .table, #fcd-advantages .table {
  /*border:1px solid #000000;*/
  font-family: 'Roboto', sans-serif; }

#sm-cal .table, #cp-cal .table, #fcd-cal .table {
  /*font-size:90%;*/ }

#sm-adrates .table, #sm-mech .table, #cp-adrates .table, #cp-mech .table, #fcd-adrates .table, #fcd-mech .table {
  font-size: 100%; }

#sm-adrates .table.bw, #cp-adrates .table.bw, #fcd-adrates .table.bw {
  float: left; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #sm-adrates .table.bw, #cp-adrates .table.bw, #fcd-adrates .table.bw {
      width: 100%;
      float: none;
      font-size: 60%;
      max-width: 380px; } }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #sm-adrates .table.bw h5, #cp-adrates .table.bw h5, #fcd-adrates .table.bw h5 {
      font-size: 60%; } }

.cl-table {
  border-collapse: collapse; }

.cl-table-hdr {
  background: #FD9F28;
  padding: 10px;
  color: #ffffff;
  font-weight: 700; }

.cl-table-row {
  display: table-row; }
  .cl-table-row div {
    padding: 10px;
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    /*border: 1px solid #dddddd;*/ }
    .cl-table-row div:first-of-type {
      background: #ebeff4;
      font-weight: 700; }

#sm-adrates .table.color, #sm-mech .table, #cp-adrates .table.color, #cp-mech .table, #fcd-adrates .table.color, #fcd-mech .table {
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 auto 2em;
  max-width: 768px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #sm-adrates .table.color, #sm-mech .table, #cp-adrates .table.color, #cp-mech .table, #fcd-adrates .table.color, #fcd-mech .table {
      width: 100%;
      float: none;
      font-size: 90%; } }

#sm-cal .row, #sm-adrates .row, #sm-mech .row, #cp-cal .row, #cp-adrates .row, #cp-mech .row, #cp-advantages .row, #fcd-cal .row, #fcd-adrates .row, #fcd-mech .row, #fcd-market .row, #fcd-advantages .row {
  /*border-bottom:1px solid #333333;*/
  background: #ffffff; }
  #sm-cal .row > div, #sm-adrates .row > div, #sm-mech .row > div, #cp-cal .row > div, #cp-adrates .row > div, #cp-mech .row > div, #cp-advantages .row > div, #fcd-cal .row > div, #fcd-adrates .row > div, #fcd-mech .row > div, #fcd-market .row > div, #fcd-advantages .row > div {
    border-left: none;
    /*border-right:1px solid #999999;*/
    text-align: center;
    padding: 0.95em 0.6em;
    border: 1px solid #ddd;
    box-sizing: border-box;
    vertical-align: middle; }
    #sm-cal .row > div h5, #sm-adrates .row > div h5, #sm-mech .row > div h5, #cp-cal .row > div h5, #cp-adrates .row > div h5, #cp-mech .row > div h5, #cp-advantages .row > div h5, #fcd-cal .row > div h5, #fcd-adrates .row > div h5, #fcd-mech .row > div h5, #fcd-market .row > div h5, #fcd-advantages .row > div h5 {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 700; }
  #sm-cal .row:nth-child(even), #sm-adrates .row:nth-child(even), #sm-mech .row:nth-child(even), #cp-cal .row:nth-child(even), #cp-adrates .row:nth-child(even), #cp-mech .row:nth-child(even), #cp-advantages .row:nth-child(even), #fcd-cal .row:nth-child(even), #fcd-adrates .row:nth-child(even), #fcd-mech .row:nth-child(even), #fcd-market .row:nth-child(even), #fcd-advantages .row:nth-child(even) {
    background: #eff7f7;
    /*& > div {
    	&:nth-of-type(1){background:#77beba;color:#243837}
    }*/ }
  #sm-cal .row:nth-child(odd), #sm-adrates .row:nth-child(odd), #sm-mech .row:nth-child(odd), #cp-cal .row:nth-child(odd), #cp-adrates .row:nth-child(odd), #cp-mech .row:nth-child(odd), #cp-advantages .row:nth-child(odd), #fcd-cal .row:nth-child(odd), #fcd-adrates .row:nth-child(odd), #fcd-mech .row:nth-child(odd), #fcd-market .row:nth-child(odd), #fcd-advantages .row:nth-child(odd) {
    background: #ffffff;
    /*& > div {
    	&:nth-of-type(1){background:#acd7d5;color:#243837}
    }*/ }

article.SM #sm-cal .header, article.SM #sm-adrates .header, article.SM #sm-mech .header {
  background: #448f8a;
  text-transform: uppercase;
  vertical-align: middle;
  color: #ffffff; }

article #sm-cal .table div, article #cp-cal .table div, article #fcd-cal .table div {
  width: 20%;
  vertical-align: middle;
  box-sizing: border-box; }

article #sm-adrates .bw, article #cp-adrates .bw, article #fcd-adrates .bw {
  width: 66.6666666667%; }
  article #sm-adrates .bw div, article #cp-adrates .bw div, article #fcd-adrates .bw div {
    width: 12.5%; }

article #sm-adrates .color, article #cp-adrates .color, article #fcd-adrates .color {
  width: 25%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    article #sm-adrates .color, article #cp-adrates .color, article #fcd-adrates .color {
      width: 100%; } }
  article #sm-adrates .color div, article #cp-adrates .color div, article #fcd-adrates .color div {
    width: 33.3333333333%; }

article.CP #cp-cal .header, article.CP #cp-adrates .header, article.CP #cp-mech .header, article.CP #cp-advantages .header {
  background: #f1be48;
  text-transform: uppercase;
  vertical-align: middle;
  color: #ffffff; }

article.FCD #fcd-cal .header, article.FCD #fcd-adrates .header, article.FCD #fcd-mech .header, article.FCD #fcd-market .header, article.FCD #fcd-advantages .header {
  background: #63b998;
  text-transform: uppercase;
  vertical-align: middle;
  color: #ffffff; }

article #sm-cal .bonus, article #cp-cal .bonus, article #fcd-cal .bonus {
  color: #FFFFFF; }

/*article #sm-cal .header, article #cp-cal .header, article #fcd-cal .header {	
	@include font-size(20px);
	line-height:1.1;
	@include respond-to(phone){
		font-size: 1em;
		line-height: 1;
	}
}*/
article.SM #sm-cal .bonus {
  background: #820a3b;
  border: 1px solid #820a3b; }

article.CP #cp-cal .bonus {
  background: #1791d4;
  border: 1px solid #1791d4; }

article.FCD #fcd-cal .bonus {
  background: #d3462a;
  border: 1px solid #d3462a; }

.close {
  font-size: 85%;
  display: inline-block;
  line-height: 100%; }

/*article.CP .close {
	color:$cp;
}
article.SM .close {
	color:$sm;
}
article.FCD .close {
	color:$fcd;
}*/
.focus-on h4, .webcast-schedule h4 {
  text-align: center; }

.focus-on .table, .webcast-schedule .table {
  width: 100%; }

.focus-on .table .row:nth-child(even), .webcast-schedule .table .row:nth-child(even) {
  background: #fafafa; }

.focus-on .table .row > div, .webcast-schedule .table .row > div {
  border: none;
  padding: 2%; }

.focus-on .table, .webcast-schedule .table {
  border: 1px solid #000000;
  font-size: 125%; }

.focus-on .table .row div:first-of-type, .webcast-schedule .table .row div:first-of-type {
  width: 15%;
  text-align: center; }

.focus-on .table .row div:last-of-type, .webcast-schedule .table .row div:last-of-type {
  width: 85%;
  text-align: left; }

.webcast-schedule .table .row div {
  width: 50% !important; }

a.print-preview {
  background: url("https://www.cleaningmediakit.com/images/icon-print-preview.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  line-height: 20px;
  position: absolute;
  right: 0px;
  top: 0px; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .webcast-schedule .table {
    width: 99.5%; } }

.left-img {
  position: absolute;
  left: -50%; }

.copy-for-left-img {
  padding-left: 20%; }

img.sampleImg {
  border: 2px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 1.5em;
  padding: 5px;
  max-width: 425px;
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    img.sampleImg {
      max-width: 100%; } }

.sample-link {
  display: block;
  margin: 0 auto 1em;
  background: none;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
  padding: 0.5em;
  width: 55%;
  max-width: 220px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .sample-link {
      font-size: 16px;
      font-size: 1rem;
      width: 66.666%; } }
  .sample-link.left {
    margin: 0 0 1em; }

article.CL .sample-link {
  border: 4px solid #FFA000;
  color: #FFA000; }
  article.CL .sample-link:hover {
    background: #FFA000;
    color: #FFFFFF; }

article.SM .sample-link {
  border: 4px solid #820a3b;
  color: #820a3b; }
  article.SM .sample-link:hover {
    background: #820a3b;
    color: #FFFFFF; }

article.CP .sample-link {
  border: 4px solid #1791d4;
  color: #1791d4; }
  article.CP .sample-link:hover {
    background: #1791d4;
    color: #FFFFFF; }

article.FCD .sample-link {
  border: 4px solid #d3462a;
  color: #d3462a; }
  article.FCD .sample-link:hover {
    background: #d3462a;
    color: #FFFFFF; }

article.issa .sample-link {
  border: 4px solid #0063BE;
  color: #0063BE; }
  article.issa .sample-link:hover {
    background: #0063BE;
    color: #FFFFFF; }

article.CL .sm-color {
  border: 4px solid #820a3b;
  color: #820a3b; }
  article.CL .sm-color:hover {
    background: #820a3b;
    color: #FFFFFF; }

article.CL .cp-color {
  border: 4px solid #1791d4;
  color: #1791d4; }
  article.CL .cp-color:hover {
    background: #1791d4;
    color: #FFFFFF; }

article.CL .fcd-color {
  border: 4px solid #d3462a;
  color: #d3462a; }
  article.CL .fcd-color:hover {
    background: #d3462a;
    color: #FFFFFF; }

article.CBE .cbe-color {
  border: 4px solid #6675c6;
  color: #6675c6; }
  article.CBE .cbe-color:hover {
    background: #6675c6;
    color: #FFFFFF; }

.cd-accordion-menu {
  height: 110%; }

.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0; }

.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 1em 0;
  /*box-shadow: inset 0 -1px #555960;*/
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem; }

.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none; }

nav#country.CL .cd-accordion-menu li,
nav#country.FCD .cd-accordion-menu li,
nav#country.emarketing .cd-accordion-menu li {
  width: 100%; }
  nav#country.CL .cd-accordion-menu li ul li,
  nav#country.FCD .cd-accordion-menu li ul li,
  nav#country.emarketing .cd-accordion-menu li ul li {
    width: 33.333%;
    float: left;
    text-align: center;
    /*height:88px;*/ }

nav#country.CL .cd-accordion-menu li div,
nav#country.FCD .cd-accordion-menu li div,
nav#country.emarketing .cd-accordion-menu li div {
  height: 24px;
  width: 24px; }

nav#country.CL .cd-accordion-menu li div img,
nav#country.FCD .cd-accordion-menu li div img,
nav#country.emarketing .cd-accordion-menu li div img {
  height: 24px;
  width: 24px; }

nav#country.CL .cd-accordion-menu li ul li a,
nav#country.FCD .cd-accordion-menu li ul li a,
nav#country.emarketing .cd-accordion-menu li ul li a {
  text-align: center;
  margin: 0;
  padding: 8px 0;
  background: #f79732; }

nav#country.FCD .cd-accordion-menu li ul li a {
  background: #611f0f; }

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block; }

.cd-accordion-menu label {
  cursor: pointer; }

.cd-accordion-menu label::before {
  background-image: url(https://www.cleaningmediakit.com/graphics/menuopen.png);
  background-repeat: no-repeat; }

.cd-accordion-menu label::before {
  /* arrow icon */
  left: 30px;
  background-position: 0 0;
  -webkit-transform: translateY(-25%) rotate(-45deg);
  -moz-transform: translateY(-25%) rotate(-45deg);
  -ms-transform: translateY(-25%) rotate(-45deg);
  -o-transform: translateY(-25%) rotate(-45deg);
  transform: translateY(-25%) rotate(-45deg); }

.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%); }

nav#country.CL ul.cd-accordion-menu li ul,
nav#country.emarketing ul.cd-accordion-menu li ul {
  background: #f79732; }

nav#country.FCD ul.cd-accordion-menu li ul {
  background: #611f0f; }

nav#country.CL .cd-accordion-menu,
nav#country.emarketing .cd-accordion-menu {
  background: #f79732; }
  nav#country.CL .cd-accordion-menu label, nav#country.CL .cd-accordion-menu a, nav#country.CL .cd-accordion-menu li, nav#country.CL .cd-accordion-menu ul li, nav#country.CL .cd-accordion-menu nput[type=checkbox]:checked + label + ul, nav#country.CL .cd-accordion-menu nput[type=checkbox]:checked + label:nth-of-type(n) + ul,
  nav#country.emarketing .cd-accordion-menu label,
  nav#country.emarketing .cd-accordion-menu a,
  nav#country.emarketing .cd-accordion-menu li,
  nav#country.emarketing .cd-accordion-menu ul li,
  nav#country.emarketing .cd-accordion-menu nput[type=checkbox]:checked + label + ul,
  nav#country.emarketing .cd-accordion-menu nput[type=checkbox]:checked + label:nth-of-type(n) + ul {
    background: #f79732; }

nav#country.FCD .cd-accordion-menu {
  background: #611f0f; }
  nav#country.FCD .cd-accordion-menu label, nav#country.FCD .cd-accordion-menu a, nav#country.FCD .cd-accordion-menu li, nav#country.FCD .cd-accordion-menu ul li, nav#country.FCD .cd-accordion-menu nput[type=checkbox]:checked + label + ul, nav#country.FCD .cd-accordion-menu nput[type=checkbox]:checked + label:nth-of-type(n) + ul {
    background: #611f0f; }

@media screen and (max-width: 1048px) {
  #home-squares li {
    float: left;
    list-style: outside none none;
    margin: 0;
    min-height: 2px;
    padding: 0;
    position: relative;
    width: 50%;
    z-index: 1; } }
ul.drop-on-click {
  text-align: left;
  display: none;
  margin: 0;
  padding: 5px 0 17px 0;
  list-style: none; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    ul.drop-on-click {
      display: block;
      margin: 0 auto; } }

ul.drop-on-click li {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  ul.drop-on-click li span {
    margin-top: 8px;
    /*height:26px;*/
    display: block;
    text-align: center; }
  ul.drop-on-click li ul li span {
    text-align: left; }

ul.drop-on-click li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  /*width: 150px;*/
  display: none;
  opacity: 0;
  visibility: hidden; }

ul.drop-on-click li ul li {
  text-align: left;
  display: block; }

ul.drop-on-click li.expand-print.expanded ul#p-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  height: 200px; }

ul.drop-on-click li.expand-dm.expanded ul#dm-menu {
  display: block;
  opacity: 1;
  visibility: visible; }

/* Good Dropdown */
.dropbtn {
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-family: 'Titillium', sans-serif;
  font-size: 0.85em;
  color: #555555;
  -webkit-appearance: none; }

.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-family: 'Titillium Web', sans-serif !important;
  margin-top: 13px; }

.dropdown-content {
  display: none;
  position: absolute;
  top: 39px;
  background-color: #000000;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }

.dropdown-content a {
  color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin: 0 !important;
  height: auto !important;
  font-family: 'Roboto', sans-serif; }

.show {
  display: block; }

ul.drop-on-click li {
  width: 20%; }

/* Good Dropdown */
.hide-web {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .hide-web {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hide-web {
      display: block; } }

.hide-phone {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .hide-phone {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hide-phone {
      display: none; } }

.dl-menuwrapper {
  width: 100%;
  max-width: 300px;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child {
  margin-right: 300px; }

.dl-menuwrapper button {
  background: #ccc;
  border: none;
  width: 48px;
  height: 50px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none; }

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #aaa; }

.dl-menuwrapper button:after {
  content: '';
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 12px;
  left: 16%;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }

.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.dl-menuwrapper li {
  position: relative; }

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
  outline: none;
  text-decoration: none; }

.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1); }

.dl-menuwrapper li.dl-back > a {
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.1); }

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 50px;
  font-family: 'FontAwesome',sans-serif;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\f054"; }

.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.25); }

.dl-menuwrapper .dl-menu {
  margin: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none; }

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0; }

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s; }

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out; }

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease; }

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease; }

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease; }

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg); }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5; }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0; } }
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg); }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5; }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; } }
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; } }
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; } }
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s; }

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out; }

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease; }

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease; }

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease; }

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1; } }
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; } }
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; } }
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; } }
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; } }
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; } }
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0; } }
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none; }

.no-js .dl-menuwrapper li .dl-submenu {
  display: block; }

.no-js .dl-menuwrapper li.dl-back {
  display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: ''; }

/* Colors */
.toggle-1 .dl-menuwrapper button {
  background: #f8ae47; }

.toggle-1 .dl-menuwrapper button:hover,
.toggle-1 .dl-menuwrapper button.dl-active,
.toggle-1 .dl-menuwrapper ul {
  background: #f8a533; }

ul.sub-sm {
  background: #820a3b !important; }

ul.sub-cp {
  background: #1791d4 !important; }

ul.sub-fcd {
  background: #d3462a !important; }

ul.sub-cl {
  background: #FFA000 !important; }

.sub-sm li.menu-label {
  /*padding:15px 20px;*/
  font-size: 0.75em;
  color: #ffffff;
  letter-spacing: 1px;
  background: #4F0827; }

.sub-cp li.menu-label {
  /*padding:15px 20px;*/
  font-size: 0.75em;
  color: #ffffff;
  letter-spacing: 1px;
  background: #064A65; }

.sub-fcd li.menu-label {
  /*padding:15px 20px;*/
  font-size: 0.75em;
  color: #ffffff;
  letter-spacing: 1px;
  background: #611f0f; }

.sub-cl li.menu-label {
  /*padding:15px 20px;*/
  font-size: 0.75em;
  color: #ffffff;
  letter-spacing: 1px;
  background: #f79732; }

.hamburger-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
                                                                               /*@include respond-to(phone){
		display:block;
		}*/ }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .dl-submenu.sub-cl.long {
    overflow-y: scroll;
    /*max-height:100vh*/
    max-height: 400px;
    -webkit-overflow-scrolling: touch; } }

.spec-floater {
  float: right; }

a.sh-specs {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  color: #ffffff;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 20px; }

#fcd-mech a.sh-specs {
  background: #d3462a; }

#cp-mech a.sh-specs {
  background: #1791d4; }

#sm-mech a.sh-specs {
  background: #820a3b; }

div.PastKit {
  position: fixed;
  top: 0;
  color: #ffffff;
  right: 0;
  background: #FAB231;
  padding: 1.1em;
  text-align: center;
  z-index: 100000;
  font-size: 0.75em;
  height: 50px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1066px) {
    div.PastKit {
      bottom: 0;
      right: 0;
      top: inherit;
      padding: 0.5em;
      height: auto; } }
  div.PastKit a {
    color: #ffffff;
    text-decoration: none; }
    div.PastKit a:visited {
      color: #ffffff; }

.bylineTablet a:link {
  color: #000 !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .blog img {
    width: 450px;
    max-width: 100%; } }
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .blog img {
    width: 450px;
    max-width: 100%; } }

header .blogimg {
  float: right;
  margin: 0 0 1em 1em; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    header .blogimg {
      width: 450px;
      max-width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    header .blogimg {
      width: 450px;
      max-width: 100%; } }

a.backlink {
  text-decoration: none;
  color: #FFA000 !important; }
  a.backlink:hover {
    text-decoration: underline; }

/*********************************RS 2019 NEW*********************************/
.preTiles {
  background: #000000;
  text-align: center;
  color: #ffffff;
  padding: 1em;
  font-size: 20px;
  font-size: 1.25rem; }

div.home-tilesFirstRow div, div.home-tilesSecondRow div {
  padding: 5%;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;
  flex: 1 100%; }
  div.home-tilesFirstRow div img, div.home-tilesSecondRow div img {
    max-width: 300px; }
  div.home-tilesFirstRow div span, div.home-tilesSecondRow div span {
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700; }

div.home-tilesFirstRow .sm p a, div.home-tilesFirstRow .cp p a, div.home-tilesFirstRow .fcd p a {
  color: #ffffff;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700; }
div.home-tilesFirstRow .sm {
  background: #820a3b; }
div.home-tilesFirstRow .cp {
  background: #1791d4; }
div.home-tilesFirstRow .fcd {
  background: #d3462a; }
@media only screen and (min-width: 768px) {
  div.home-tilesFirstRow {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between; } }

div.home-tilesSecondRow .cl {
  background: #f9c53e; }
div.home-tilesSecondRow .cbe {
  background: #6675c6; }
@media only screen and (min-width: 768px) {
  div.home-tilesSecondRow {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between; } }

div.halfContainer {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto; }
  div.halfContainer .half {
    flex: 1 100%; }
    div.halfContainer .half h4 {
      font-weight: 700; }
  @media only screen and (min-width: 768px) {
    div.halfContainer {
      display: flex;
      display: grid;
      grid-gap: 40px;
      grid-template-columns: 1fr 1fr;
      justify-content: space-between; } }

div.thirdContainer {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto; }
  div.thirdContainer .third {
    flex: 1 100%; }
    div.thirdContainer .third img {
      max-width: 100% !important; }
  @media only screen and (min-width: 768px) {
    div.thirdContainer {
      display: flex;
      display: grid;
      grid-gap: 40px;
      grid-template-columns: 1fr 1fr 1fr;
      justify-content: space-between; } }

div.generalContainer {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto; }
  div.generalContainer p, div.generalContainer ul, div.generalContainer h3, div.generalContainer h4 {
    max-width: 768px;
    margin: 0 auto 1em; }

div.testimonialTiles .side {
  padding: 10% 5%;
  flex: 1 100%; }
@media only screen and (min-width: 768px) {
  div.testimonialTiles {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between; } }
div.testimonialTiles h4 {
  margin: 0; }

div.halfContainer + div.halfContainer, div.halfContainer + div.generalContainer, div.thirdContainer + div.thirdContainer, div.thirdContainer + div.generalContainer {
  margin-top: 100px; }

section.homeSplash {
  background: #ebeff4 url("https://www.cleaningmediakit.com/graphics/cl20-desktop-bg-mags-tablet.jpg") no-repeat bottom right;
  background-size: cover;
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: 2; }
  @media only screen and (max-width: 1066px) {
    section.homeSplash {
      background-size: contain !important;
      background: #ebeff4 url("https://www.cleaningmediakit.com/graphics/cl20-mobile-bg-mags-tablet.jpg") no-repeat bottom center; } }
  section.homeSplash .container {
    width: 95%;
    padding: 80px 0;
    max-width: 1024px;
    margin: 0 auto;
    box-sizing: border-box; }
    @media only screen and (max-width: 1066px) {
      section.homeSplash .container {
        padding: 100px 5% 55%; } }
  section.homeSplash h1, section.homeSplash h2 {
    max-width: 600px;
    font-weight: 400; }
  section.homeSplash h1 {
    font-size: 60px;
    font-size: 3.75rem; }
    @media only screen and (min-width: 320px) and (max-width: 736px) {
      section.homeSplash h1 {
        font-size: 48px;
        font-size: 3rem; } }
  section.homeSplash h2 {
    font-size: 36px;
    font-size: 2.25rem; }
    @media only screen and (min-width: 320px) and (max-width: 736px) {
      section.homeSplash h2 {
        font-size: 26px;
        font-size: 1.625rem; } }
  section.homeSplash p {
    font-size: 22px;
    font-size: 1.375rem; }

section.magazineBlock {
  padding: 10% 0;
  width: 100%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section.magazineBlock {
      padding: 100px 0 200px;
      background-size: 180% !important; } }
  section.magazineBlock:nth-child(odd) {
    background: #ebeff4; }
  section.magazineBlock.sm {
    background: #ebeff4 url(https://cleaningmediakit.com/graphics/sm-covers_20.jpg) no-repeat left bottom;
    background-size: 100%;
    min-height: 600px; }
  section.magazineBlock.cp {
    background: #ffffff url(https://cleaningmediakit.com/graphics/cp-covers_20.jpg) no-repeat left bottom;
    background-size: 100%;
    min-height: 600px; }
  section.magazineBlock.fcd {
    background: #ebeff4 url(https://cleaningmediakit.com/graphics/fcd-covers_20.jpg) no-repeat left bottom;
    background-size: 100%;
    min-height: 600px; }
  section.magazineBlock img.magLogo {
    width: 280px; }
  section.magazineBlock h2 {
    max-width: 550px; }

section.generalBlock {
  padding: 10% 0;
  width: 100%; }
  section.generalBlock h2 + p {
    margin-top: -1em; }
  section.generalBlock h3, section.generalBlock h4 {
    margin-bottom: 0; }
  section.generalBlock.noSub {
    padding-top: 0; }

header .titleContainer {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto; }

header.pageTitle {
  padding: 10% 0; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    header.pageTitle {
      padding: 22% 0 15%; } }
  header.pageTitle h1 {
    max-width: 768px;
    font-weight: 400;
    font-size: 50px;
    font-size: 3.125rem; }
  header.pageTitle.abstract {
    background: #ebeff4 url("https://cleaningmediakit.com/graphics/cl19-print-bg-abstract.png") no-repeat bottom right; }

header.navContinent {
  padding: 6% 0;
  background: #ebeff4;
  background: -webkit-linear-gradient(#ebeff4, #ffffff);
  background: -o-linear-gradient(#ebeff4, #ffffff);
  background: -moz-linear-gradient(#ebeff4, #ffffff);
  background: linear-gradient(#ebeff4, #ffffff); }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    header.navContinent {
      padding: 100px 0 4%; } }
  header.navContinent h4, header.navContinent h3 {
    margin: 2em 0 0;
    font-weight: 700;
    font-style: italic; }
    header.navContinent h4.digitalHead, header.navContinent h3.digitalHead {
      font-style: normal; }
  header.navContinent h1 {
    margin: 1em 0 0;
    font-weight: 400; }
    header.navContinent h1.smaller {
      font-size: 1.777em; }

nav#country {
  z-index: 9997;
  position: relative;
  margin: 0 auto 0;
  font-size: 12px;
  font-size: 0.75rem; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#country {
      display: none; } }
  @media only screen and (min-width: 768px) {
    nav#country {
      display: flex;
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content: space-between; } }
  nav#country.digitalCountry {
    display: block;
    background: #FFA000;
    		/*background: -webkit-linear-gradient($cl,$cl-dark);
        	background: -o-linear-gradient($cl,$cl-dark);
        	background: -moz-linear-gradient($cl,$cl-dark);
        	background: linear-gradient($cl,$cl-dark);*/ }
    @media only screen and (min-width: 320px) and (max-width: 736px) {
      nav#country.digitalCountry {
        display: none; } }

ul.nav-country {
  display: flex;
  justify-content: space-between; }
  ul.nav-country.website li {
    width: 12.5%;
    padding: 5px 0;
    border-right: 2px solid rgba(255, 255, 255, 0.4); }
    ul.nav-country.website li:last-of-type {
      border: none; }
  ul.nav-country.fourItems li {
    width: 25%;
    padding: 5px 0;
    border-right: 2px solid rgba(255, 255, 255, 0.4); }
    ul.nav-country.fourItems li:last-of-type {
      border: none; }
  ul.nav-country.threeItems li {
    width: 33.3333333333%;
    padding: 5px 0;
    border-right: 2px solid rgba(255, 255, 255, 0.4); }
    ul.nav-country.threeItems li:last-of-type {
      border: none; }
  ul.nav-country.twoItems li {
    width: 50%;
    padding: 5px 0;
    border-right: 2px solid rgba(255, 255, 255, 0.4); }
    ul.nav-country.twoItems li:last-of-type {
      border: none; }
  ul.nav-country li a {
    color: #ffffff;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.2;
    font-weight: 400; }
    ul.nav-country li a:hover {
      text-decoration: underline; }

nav#country .container-left {
  flex: 1 100%;
  padding: 1em 0;
  font-size: 1.1em; }

nav#country .container-right {
  flex: 1 100%;
  padding: 1em 0;
  font-size: 1.1em; }

nav#country .container-left.CP-print {
  background: #1791d4; }

nav#country .container-right.CP-digital {
  background: #064A65; }

nav#country .container-left.SM-print {
  background: #4F0827; }

nav#country .container-right.SM-digital {
  background: #820a3b; }

nav#country .container-left.FCD-print {
  background: #d3462a; }

nav#country .container-right.FCD-digital {
  background: #611f0f; }

nav#country .container-left .label, nav#country .container-right .label {
  text-align: center;
  color: white;
  font-size: 1.5em;
  margin-bottom: 0.5em; }

a.archiveLink {
  color: #000000;
  text-align: center;
  margin: 2em 0;
  display: inline-block;
  text-decoration: none;
  background: #ffffff;
  padding: 16px 32px;
  border-radius: 40px;
  border: none;
  transition: all 0.2s ease-in-out; }
  a.archiveLink:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.sm a:link, .sm a:visited {
  color: #820a3b; }

.cp a:link, .cp a:visited {
  color: #1791d4; }

.fcd a:link, .fcd a:visited {
  color: #d3462a; }

.cl a:link, .cl a:visited {
  color: #f9c53e; }

img.fullMagCover {
  width: 380px;
  float: right;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    img.fullMagCover {
      float: none;
      width: 280px;
      display: block;
      margin: 0 auto 2em; } }

span.headLabel {
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  color: #292929;
  font-weight: 700; }

span.testimonial {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.2;
  color: #ffffff;
  z-index: 1;
  position: relative;
  margin: 1em 0;
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    span.testimonial {
      font-size: 24px;
      font-size: 1.5rem; } }

span.quoteMark {
  position: absolute;
  top: 250px;
  font-weight: 800;
  font-size: 300px;
  opacity: 0.15;
  z-index: 0;
  line-height: 0; }

section ul li {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 1em;
  line-height: 1.5; }
  section ul li:before {
    font-family: 'FontAwesome', sans-serif;
    content: '\2022';
    content: '\f054';
    margin-right: 5px; }

section ul.fa-ul li:before {
  content: none !important; }

.tableFourCol {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em; }
  .tableFourCol .rows {
    display: table-row; }
    .tableFourCol .rows.header {
      text-align: center;
      background: #f79732;
      color: #ffffff;
      font-size: 16px;
      font-size: 1rem; }
    .tableFourCol .rows div {
      display: table-cell;
      padding: 15px;
      width: 25%;
      text-align: center;
      font-size: 14px;
      font-size: 0.875rem;
      border: 1px solid #f79732; }
      @media only screen and (min-width: 320px) and (max-width: 736px) {
        .tableFourCol .rows div {
          font-size: 12px;
          font-size: 0.75rem;
          padding: 5px; } }

/*GRADIENTS*/
.greenGoldGradient {
  background: #b4d9b6;
  background: -webkit-linear-gradient(#b4d9b6, #d5d19f);
  background: -o-linear-gradient(#b4d9b6, #d5d19f);
  background: -moz-linear-gradient(#b4d9b6, #d5d19f);
  background: linear-gradient(#b4d9b6, #d5d19f); }

.ltGrayGradient {
  background: #eceff4;
  background: -webkit-linear-gradient(#f6f8fa, #eceff4);
  background: -o-linear-gradient(#f6f8fa, #eceff4);
  background: -moz-linear-gradient(#f6f8fa, #eceff4);
  background: linear-gradient(#f6f8fa, #eceff4); }

/*********************************RS 2019 NEW*********************************/
#hiderates {
  display: none !important; }