/* CSS Document */
/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* Set a rem font size with pixel fallback */
/* */
.full-container, .half-container, .third-container, .fourth-container {
  *zoom: 1; }
  .full-container:before, .half-container:before, .third-container:before, .fourth-container:before, .full-container:after, .half-container:after, .third-container:after, .fourth-container:after {
    content: " ";
    display: table; }
  .full-container:after, .half-container:after, .third-container:after, .fourth-container:after {
    clear: both; }

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: 18px;
  font-size: 1.125rem;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.2em; }

/* 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: 'Open Sans',arial, helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  color: #333333;
  font-size: 18px;
  font-size: 1.125rem; }

small {
  font-size: 80%; }

footer {
  background: #000000;
  color: #FFFFFF; }
  footer .footerContainer {
    width: 90%;
    margin: 0 auto; }

footer div {
  color: #f2f2f2; }

footer div a {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  color: #eee;
  word-wrap: break-word; }
  footer div a:hover {
    color: #ffffff;
    text-decoration: underline; }

p, section .wrapper li {
  line-height: 150%;
  margin-bottom: 0.825em;
  font-size: 16px;
  font-size: 1rem; }

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 {
  width: 100%; }

em {
  font-style: italic; }

strong, b {
  font-weight: 600; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

h1, h2, h3 {
  font-weight: 600;
  letter-spacing: -0.05em;
  padding: 0.5em 0; }

h4, h5, h6 {
  font-weight: 400; }

.home h1 {
  font-size: 300%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .home h1 {
      font-size: 150%; } }

h3 {
  font-size: 32px;
  font-size: 2rem; }
  h3.blogtitle a {
    color: #FFA000 !important; }

h1, header h3, header h2 {
  font-size: 44px;
  font-size: 2.75rem;
  text-align: center;
  margin: 0 auto;
  width: 76.666%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    h1, header h3, header h2 {
      font-size: 28px;
      font-size: 1.75rem; } }

header h2, header h3 {
  font-weight: 600; }

.home h2 {
  font-size: 1.825em;
  width: 100%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .home h2 {
      font-size: 1.125em; } }

h4 {
  font-size: 24px;
  font-size: 1.5rem; }

h4.print-tag {
  width: 100%;
  text-align: center;
  min-height: 4em; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    h4.print-tag {
      min-height: 0; } }

h5 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600; }

.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; } }

#continent h4 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #FFFFFF;
  text-align: center;
  margin: 1em 0;
  font-weight: 600;
  letter-spacing: 0;
  max-width: 380px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #continent h4 {
      font-size: 20px;
      font-size: 1.25rem;
      max-width: 100%; } }

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: #000000;
  /*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#continent .container {
  width: 98%;
  padding: 4em 1% 0px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#continent .container {
      padding-top: 100px; } }

nav#country .container {
  padding-top: 0;
  width: 98%;
  max-width: 1240px;
  text-align: center; }

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

nav#continent.CP {
  background: #0093d0 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: #d5441f 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.home {
  background: #000000 url("https://www.cleaningmediakit.com/graphics/homesplash.jpg");
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  height: 78%;
  min-height: 650px;
  overflow: hidden;
  border-bottom: 2px solid #FFFFFF;
  top: 0;
  width: 100%;
  z-index: 2; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    nav#continent.home {
      min-height: 0; } }

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: #7B4709 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 ul li {
  width: 25%;
  text-align: center; }

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#country {
  background: #FFA000;
  border-top: 0px solid #FFFFFF;
  padding: 1em 0;
  z-index: 9997;
  /*max-width:960px;*/
  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; } }

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#country.emarketing ul li {
  width: 33.33333%;
  /*min-height:146px;*/ }
  nav#country.emarketing 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;
    /*min-height: 30px;*/ }

nav#continent ul.fiveitems li {
  width: 18%;
  padding: 0 1%; }

nav#country.customemails ul li {
  width: 25%;
  /*min-height:146px;*/ }
  nav#country.customemails 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;
    /*min-height: 30px;*/ }

nav#country.issa ul li {
  /*width:33.333%;*/
  width: 50%;
  /*min-height:146px;*/ }
  nav#country.issa 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; }

nav#country.webcast ul li {
  width: 50%;
  /*min-height:146px;*/ }
  nav#country.webcast 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; }

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

nav#country.online ul li {
  width: 25%;
  /*min-height:146px;*/ }
  nav#country.online 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;
    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: 20%; }

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: #FFFFFF;
  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: #000000;
  padding-top: 4px;
  z-index: 10000000000000; }

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; }

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;
  float: left; }

#continent .fastfacts {
  float: right;
  width: 46%;
  color: #FFFFFF;
  background: transparent;
  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; }

.home h1, .home h2, .home h3, .home h4, .contact h1, .contact h2, .contact h3, .contact h4 {
  color: #FFFFFF; }

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 {
  color: #860038; }

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: #0093d0; }

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: #d5441f; }

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.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; }

section {
  border-bottom: 1px solid #e9edf1;
  background: #FFFFFF;
  padding: 0 0 3em;
  padding-top: 4em; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section {
      padding-top: 1em; } }

section:nth-child(even) {
  background: #f5f7f9; }

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

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

section header {
  padding: 7em 0 2em;
  width: 100%;
  max-width: 960px;
  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 {
  float: right;
  padding: 0.5em;
  margin: 0.25em;
  /*margin-top:118px;*/
  background: none;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  color: #999999;
  border: 1px solid #999999;
  text-decoration: none;
  margin-left: -100%; }
  @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; }

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: #860038; }

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

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

.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: #860038; }

article.CP header div {
  background: #0093d0; }

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

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

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

.half-container, .third-container, .fourth-container {
  padding-bottom: 2em; }

.half {
  float: left;
  margin: 0;
  width: 47.5%;
  margin: 0 2.5% 0 0%;
  font-size: 87.5%;
  line-height: 87.5%; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .half {
      width: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden; } }
  .half:nth-child(even) {
    margin: 0 0% 0 2.5%; }
    @media only screen and (min-width: 320px) and (max-width: 736px) {
      .half:nth-child(even) {
        margin: 0; } }

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

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

.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%; }

.third .logo-container {
  text-align: center;
  min-height: 100px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .third .logo-container {
      min-height: 0px;
      margin-top: 5em; } }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .wide .third,
  .wide .fourth {
    width: 96.5%;
    padding-bottom: 2em; } }

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: #860038 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: #860038 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; }

.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;*/ }

#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 {
  float: right; }
  @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: 75%; } }

#sm-mech .table, #cp-mech .table, #fcd-mech .table {
  margin-left: 5%;
  margin-bottom: 1em; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    #sm-mech .table, #cp-mech .table, #fcd-mech .table {
      width: 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.5em;
    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: 14.28571%;
  vertical-align: middle; }

article #sm-adrates .bw, article #cp-adrates .bw, article #fcd-adrates .bw {
  width: 66.66667%; }
  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.33333%; }

article.CP #cp-cal .header, article.CP #cp-adrates .header, article.CP #cp-mech .header, article.CP #cp-advantages .header {
  background: #F4CB6C;
  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: #7ec5aa;
  text-transform: uppercase;
  vertical-align: middle;
  color: #ffffff; }

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

article.SM #sm-cal .bonus {
  background: #860038;
  border: 1px solid #860038; }

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

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

.close {
  font-size: 75%;
  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 transparent;
  cursor: pointer;
  line-height: 20px;
  position: absolute;
  right: 0px;
  top: 0px; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .focus-on .third {
    width: 96.2495%; } }

@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%; }

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

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

article.SM .sample-link {
  border: 2px solid #860038;
  color: #860038; }
  article.SM .sample-link:hover {
    background: #860038;
    color: #FFFFFF; }

article.CP .sample-link {
  border: 2px solid #0093d0;
  color: #0093d0; }
  article.CP .sample-link:hover {
    background: #0093d0;
    color: #FFFFFF; }

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

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

article.CL .sm-color {
  border: 2px solid #860038;
  color: #860038; }
  article.CL .sm-color:hover {
    background: #860038;
    color: #FFFFFF; }

article.CL .cp-color {
  border: 2px solid #0093d0;
  color: #0093d0; }
  article.CL .cp-color:hover {
    background: #0093d0;
    color: #FFFFFF; }

article.CL .fcd-color {
  border: 2px solid #d5441f;
  color: #d5441f; }
  article.CL .fcd-color:hover {
    background: #d5441f;
    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: #7d480A; }

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

nav#country .container-left {
  width: 50%;
  float: left;
  padding: 1em 0;
  font-size: 1.1em; }

nav#country .container-right {
  width: 50%;
  float: right;
  padding: 1em 0;
  font-size: 1.1em; }

nav#country .container-left.CP-print {
  background: #0093d0; }

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

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

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

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

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; }

.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: #7d480A; }

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

nav#country.CL .cd-accordion-menu,
nav#country.emarketing .cd-accordion-menu {
  background: #7d480A; }
  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: #7d480A; }

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: 15px 4px 17px 0;
  list-style: none; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    ul.drop-on-click {
      display: inline; } }

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; }

.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';
  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 {
  0% { }
  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 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut3 {
  0% { }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut4 {
  0% { }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut5 {
  0% { }
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0; } }

@keyframes MenuAnimOut1 {
  0% { }
  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 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }

@keyframes MenuAnimOut3 {
  0% { }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; } }

@keyframes MenuAnimOut4 {
  0% { }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; } }

@keyframes MenuAnimOut5 {
  0% { }
  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: #860038 !important; }

ul.sub-cp {
  background: #0093d0 !important; }

ul.sub-fcd {
  background: #d5441f !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: #7d480A; }

.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: 8px 10px;
  color: #ffffff;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'Open Sans',arial, helvetica, sans-serif;
  font-size: 1.2em;
  /*float:right;*/ }

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

#cp-mech a.sh-specs {
  background: #0093d0; }

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

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; }